*{box-sizing:border-box}:root{--purple:#7b2fff;--purple-light:#9b5fff;--bg:#04030a;--text:#ede8ff;--text2:#9b92c0;--text3:#5a5275;--border:#7b2fff2e}body{background:var(--bg);color:var(--text);margin:0;font-family:Syne,system-ui,sans-serif;overflow-x:hidden}#root{min-height:100vh}.login-screen{z-index:1;place-items:center;min-height:100vh;display:grid;position:relative}.login-box{z-index:1;text-align:center;width:min(100%,560px);padding:24px 16px;position:relative}.login-title{letter-spacing:-.01em;background:linear-gradient(135deg,#c0a0ff 0%,#7b2fff 60%,#3a0d80 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2rem,6vw,3.2rem);font-weight:800}.login-title .beta-badge{letter-spacing:.14em;text-transform:lowercase;color:var(--purple-light);-webkit-text-fill-color:var(--purple-light);background:#7b2fff1a;-webkit-background-clip:unset;background-clip:unset;vertical-align:super;opacity:.85;border:1px solid #7b2fff59;border-radius:4px;margin-left:6px;padding:3px 8px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:clamp(.55rem,1.5vw,.75rem);font-weight:500;display:inline-block}.login-sub{letter-spacing:.22em;text-transform:uppercase;color:var(--text3);margin-top:10px;font-size:.8rem}.login-desc{max-width:420px;color:var(--text2);margin:0 auto 36px;font-size:.95rem;font-weight:500;line-height:1.6}.auth-actions{justify-items:center;gap:12px;display:grid}.google-btn,.dev-btn{border:1px solid var(--border);color:var(--text2);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:6px;padding:12px 24px;font-size:.75rem;transition:border-color .2s,color .2s,box-shadow .2s}.google-btn:hover,.dev-btn:hover{border-color:var(--purple);color:var(--purple-light);box-shadow:0 0 20px #7b2fff33}.google-btn:disabled,.dev-btn:disabled{opacity:.5;cursor:not-allowed;border-color:var(--border);color:var(--text3)}.page{gap:16px;max-width:900px;margin:0 auto;padding:40px 16px;display:grid}.card{border:1px solid var(--border);background:#0d0b18;border-radius:12px;padding:24px}.left{text-align:left}.secondary-btn{border:1px solid var(--border);color:var(--text2);cursor:pointer;background:0 0;border-radius:6px;margin-top:10px;padding:8px 12px}.error{color:#ff6d87;margin-top:14px}.centered{place-items:center;min-height:100vh;display:grid}.cabinet-shell{grid-template-rows:auto 1fr;min-height:100vh;display:grid}.cabinet-toolbar{z-index:20;border-bottom:1px solid var(--border);background:#04030ae0;justify-content:flex-end;gap:10px;padding:10px 14px;display:flex;position:sticky;top:0}.cabinet-iframe{background:#04030a;border:0;width:100%;height:calc(100vh - 56px)}.registration-form-container{width:100%;max-width:360px}.registration-subtitle{color:var(--text2);text-align:center;margin-bottom:24px;font-size:.9rem;line-height:1.5}.registration-form{flex-direction:column;gap:16px;width:100%;display:flex}.form-group{text-align:left;flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text2);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.form-input{border:1px solid var(--border);color:var(--text);background:#7b2fff14;border-radius:8px;outline:none;padding:12px 14px;font-size:.9rem;transition:all .2s}.form-input:focus{border-color:var(--purple);background:#7b2fff1f;box-shadow:0 0 0 3px #7b2fff1a}.form-input::placeholder{color:var(--text3)}.form-input:disabled{opacity:.6;cursor:not-allowed}.form-hint{color:var(--text3);margin-top:4px;font-size:.75rem;line-height:1.4}.why-button-wrapper{display:inline-block;position:relative}.why-button{border:1px solid var(--border);color:var(--text2);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:0 0;border-radius:4px;padding:2px 8px;font-size:.65rem;transition:all .2s}.why-button:hover{border-color:var(--purple);color:var(--purple-light);background:#7b2fff1a}.why-tooltip{visibility:hidden;opacity:0;border:1px solid var(--border);width:280px;color:var(--text2);z-index:100;pointer-events:none;background:#0d0b18;border-radius:8px;padding:12px 16px;font-size:.8rem;line-height:1.5;transition:opacity .2s,visibility .2s;position:absolute;bottom:125%;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000080}.why-tooltip:after{content:"";border-style:solid;border-width:6px;border-color:var(--border) transparent transparent transparent;margin-left:-6px;position:absolute;top:100%;left:50%}.why-button-wrapper:hover .why-tooltip{visibility:visible;opacity:1}.form-actions{gap:12px;margin-top:8px;display:flex}.btn-primary{background:var(--purple);color:#fff;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border:none;border-radius:8px;flex:1;padding:12px 20px;font-size:.8rem;font-weight:600;transition:all .2s}.btn-primary:hover:not(:disabled){background:var(--purple-light);transform:translateY(-1px);box-shadow:0 4px 20px #7b2fff66}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{border:1px solid var(--border);color:var(--text2);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:0 0;border-radius:8px;padding:12px 20px;font-size:.8rem;font-weight:600;transition:all .2s}.btn-secondary:hover:not(:disabled){border-color:var(--text2);color:var(--text)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.form-input.error{background:#ff6d870f;border-color:#ff6d87}.form-input.error:focus{border-color:#ff6d87;box-shadow:0 0 0 3px #ff6d871f}.field-error{color:#ff6d87;margin-top:2px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.72rem}.why-button-wrapper:focus-within .why-tooltip{visibility:visible;opacity:1}@media (width<=640px){.login-box{padding:20px 14px}.google-btn,.dev-btn{box-sizing:border-box;width:100%;padding:14px 20px}.registration-form-container{max-width:100%}.form-actions{flex-direction:column;gap:10px}.btn-primary,.btn-secondary{box-sizing:border-box;width:100%;padding:14px 20px}.why-tooltip{width:min(280px,100vw - 32px);left:50%;right:auto;transform:translate(-50%)}.cabinet-toolbar{padding:8px 12px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--purple:#7b2fff;--purple-light:#9b5fff;--purple-dim:#4a1a99;--purple-glow:#7b2fff59;--bg:#04030a;--bg2:#080613;--surface:#0d0b18;--surface2:#121020;--border:#7b2fff2e;--border-hover:#7b2fff73;--text:#ede8ff;--text2:#9b92c0;--text3:#5a5275;--green:#2effa0;--red:#ff4d6a;--yellow:#ffd166}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Syne,sans-serif;overflow-x:hidden}.grid-bg{z-index:0;pointer-events:none;background-image:linear-gradient(#7b2fff09 1px,#0000 1px),linear-gradient(90deg,#7b2fff09 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0}.glow-orb{pointer-events:none;z-index:0;filter:blur(80px);border-radius:50%;position:fixed}.glow-orb-1{background:radial-gradient(#7b2fff1f,#0000 70%);width:600px;height:600px;top:-200px;left:-100px}.glow-orb-2{background:radial-gradient(#2effa00f,#0000 70%);width:400px;height:400px;bottom:-100px;right:-100px}.mono{font-family:JetBrains Mono,monospace}#login-screen{z-index:100;background:var(--bg);justify-content:center;align-items:center;transition:opacity .6s,transform .6s;display:flex;position:fixed;inset:0}#login-screen.hidden{opacity:0;pointer-events:none;transform:scale(.96)}.login-box{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:0;animation:.8s cubic-bezier(.22,1,.36,1) both fadeUp;display:flex;position:relative}.login-logo{filter:drop-shadow(0 0 32px #7b2fff99);margin-bottom:28px}.login-title{letter-spacing:-.01em;background:linear-gradient(135deg,#c0a0ff 0%,#7b2fff 60%,#3a0d80 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,6vw,3.2rem);font-weight:800}.login-sub{letter-spacing:.22em;text-transform:uppercase;color:var(--text3);margin-top:10px;font-family:JetBrains Mono,monospace;font-size:.8rem}.login-divider{background:linear-gradient(90deg, transparent, var(--purple), transparent);width:80px;height:1px;margin:32px auto}.login-desc{max-width:360px;color:var(--text2);margin-bottom:36px;font-size:.95rem;font-weight:500;line-height:1.6}#telegram-login-wrap{justify-content:center;margin-bottom:20px;display:flex}.dev-btn{border:1px solid var(--border);color:var(--text3);letter-spacing:.12em;cursor:pointer;text-transform:uppercase;background:0 0;border-radius:6px;padding:10px 22px;font-family:JetBrains Mono,monospace;font-size:.72rem;transition:border-color .2s,color .2s}.dev-btn:hover{border-color:var(--purple);color:var(--purple-light)}#app{z-index:1;min-height:100vh;display:none;position:relative}#app.visible{flex-direction:column;display:flex}.topbar{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#04030ad9;justify-content:space-between;align-items:center;height:60px;padding:0 28px;display:flex;position:sticky;top:0}.topbar-brand{align-items:center;gap:10px;display:flex}.topbar-logo{filter:drop-shadow(0 0 8px #7b2fff80)}.topbar-name{letter-spacing:.04em;background:linear-gradient(90deg,#c0a0ff,#7b2fff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1rem;font-weight:800}.beta-badge{letter-spacing:.14em;text-transform:lowercase;color:var(--purple-light);-webkit-text-fill-color:var(--purple-light);vertical-align:middle;opacity:.85;background:#7b2fff1a;border:1px solid #7b2fff59;border-radius:4px;margin-left:7px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:.52rem;font-weight:500;display:inline-block;position:relative;top:-1px}.topbar-user{align-items:center;gap:10px;display:flex}.topbar-avatar{background:linear-gradient(135deg, var(--purple-dim), var(--purple));color:#fff;border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;font-weight:700;display:flex}.topbar-username{color:var(--text2);font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:600}.topbar-status{color:var(--green);letter-spacing:.1em;align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:.7rem;display:flex}.status-dot-sm{background:var(--green);width:6px;height:6px;box-shadow:0 0 6px var(--green);border-radius:50%;animation:2s infinite blink}.logout-btn{border:1px solid var(--border);color:var(--text3);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:5px;padding:6px 12px;font-family:JetBrains Mono,monospace;font-size:.65rem;transition:all .2s}.logout-btn:hover{border-color:var(--red);color:var(--red)}.logout-btn{display:none}.topbar-user{cursor:pointer;border-radius:8px;padding:6px 10px;transition:background .2s;position:relative}.topbar-user:hover{background:#7b2fff1a}.topbar-user.active .topbar-chevron{transform:rotate(180deg)}.topbar-chevron{color:var(--text3);transition:transform .2s}.user-menu-dropdown{background:var(--surface);border:1px solid var(--border);opacity:0;visibility:hidden;z-index:1000;border-radius:12px;width:280px;padding:12px;transition:all .2s;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-10px)scale(.95);box-shadow:0 10px 40px #0006,0 0 20px #7b2fff1a}.user-menu-dropdown.active{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.user-menu-header{align-items:center;gap:12px;padding:8px 12px;display:flex}.user-menu-avatar{background:linear-gradient(135deg, var(--purple-dim), var(--purple));color:#fff;border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:700;display:flex}.user-menu-info{flex-direction:column;gap:2px;display:flex}.user-menu-name{color:var(--text);font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:600}.user-menu-status{color:var(--green);font-family:JetBrains Mono,monospace;font-size:.75rem}.user-menu-status:before{content:"";background:var(--green);width:6px;height:6px;box-shadow:0 0 6px var(--green);border-radius:50%;margin-right:6px;display:inline-block}.user-menu-divider{background:var(--border);height:1px;margin:8px 0}.user-menu-items{flex-direction:column;gap:2px;display:flex}.user-menu-item{cursor:pointer;color:var(--text2);border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.user-menu-item:hover{color:var(--text);background:#7b2fff26}.user-menu-item.logout:hover{color:var(--red);background:#ff4d6a26}.user-menu-item.logout:hover svg{stroke:var(--red)}.user-menu-item svg{stroke:var(--text3);flex-shrink:0;transition:stroke .2s}.user-menu-item:hover svg{stroke:var(--purple-light)}.nav-tabs{background:var(--bg2);border-bottom:1px solid var(--border);justify-content:center;align-items:center;gap:2px;padding:0 28px;display:flex;overflow-x:auto}.nav-tab{letter-spacing:.06em;text-transform:uppercase;color:var(--text3);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:14px 20px;font-family:Syne,sans-serif;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.nav-tab:hover{color:var(--text2)}.nav-tab.active{color:var(--purple-light);border-bottom-color:var(--purple)}.nav-tab svg{opacity:.7}.nav-tab.active svg{opacity:1}.main-content{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:36px 28px 80px}.page-section{animation:.4s cubic-bezier(.22,1,.36,1) both fadeUp;display:none}.page-section.active{display:block}.dash-greeting{margin-bottom:32px}.dash-greeting h2{letter-spacing:-.01em;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800}.dash-greeting h2 span{background:linear-gradient(135deg,#c0a0ff,#7b2fff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.dash-greeting p{color:var(--text3);letter-spacing:.08em;margin-top:8px;font-family:JetBrains Mono,monospace;font-size:.9rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:28px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:22px 24px;transition:border-color .2s,transform .2s;position:relative;overflow:hidden}.stat-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.stat-card:before{content:"";background:linear-gradient(90deg,#0000,#9b5fff66,#0000);height:1px;position:absolute;top:0;left:0;right:0}.stat-label{letter-spacing:.18em;text-transform:uppercase;color:var(--text3);align-items:center;gap:8px;margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:.7rem;display:flex}.stat-label svg{opacity:.6}.stat-value{letter-spacing:-.02em;font-size:1.9rem;font-weight:800;line-height:1}.stat-value.green{color:var(--green)}.stat-value.purple{color:var(--purple-light)}.stat-value.yellow{color:var(--yellow)}.stat-value.muted{color:var(--text2)}.stat-sub{color:var(--text3);margin-top:6px;font-family:JetBrains Mono,monospace;font-size:.75rem}.traffic-bar-wrap{margin-top:14px}.traffic-bar-track{background:#7b2fff26;border-radius:4px;height:4px;overflow:hidden}.traffic-bar-fill{background:linear-gradient(90deg, var(--purple), var(--purple-light));border-radius:4px;height:100%;transition:width 1s cubic-bezier(.22,1,.36,1)}.quick-actions{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:32px;display:grid}.action-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;color:inherit;border-radius:14px;align-items:center;gap:18px;padding:22px 24px;text-decoration:none;transition:all .2s;display:flex}.action-card:hover{border-color:var(--border-hover);background:var(--surface2);transform:translateY(-2px);box-shadow:0 8px 32px #7b2fff1f}.action-icon{width:44px;height:44px;color:var(--purple-light);background:#7b2fff1f;border:1px solid #7b2fff33;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.action-icon.green{color:var(--green);background:#2effa014;border-color:#2effa033}.action-icon.yellow{color:var(--yellow);background:#ffd16614;border-color:#ffd16633}.action-title{margin-bottom:4px;font-size:.95rem;font-weight:700}.action-desc{color:var(--text3);font-family:JetBrains Mono,monospace;font-size:.78rem}.section-label{letter-spacing:.22em;text-transform:uppercase;color:var(--text3);align-items:center;gap:12px;margin-bottom:16px;font-family:JetBrains Mono,monospace;font-size:.7rem;display:flex}.section-label:after{content:"";background:var(--border);flex:1;height:1px}.activity-list{flex-direction:column;gap:10px;display:flex}.activity-item{background:var(--surface);border:1px solid var(--border);border-radius:10px;align-items:center;gap:16px;padding:14px 18px;transition:border-color .2s;display:flex}.activity-item:hover{border-color:var(--border-hover)}.activity-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.activity-dot.green{background:var(--green);box-shadow:0 0 6px var(--green)}.activity-dot.purple{background:var(--purple-light);box-shadow:0 0 6px var(--purple-light)}.activity-dot.yellow{background:var(--yellow);box-shadow:0 0 6px var(--yellow)}.activity-info{flex:1}.activity-title{font-size:.88rem;font-weight:600}.activity-meta{color:var(--text3);margin-top:2px;font-family:JetBrains Mono,monospace;font-size:.72rem}.activity-val{color:var(--text2);text-align:right;font-family:JetBrains Mono,monospace;font-size:.8rem}.connect-header{margin-bottom:28px}.connect-header h2{font-size:1.8rem;font-weight:800}.connect-header p{color:var(--text3);margin-top:8px;font-family:JetBrains Mono,monospace;font-size:.85rem}.connect-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;margin-bottom:20px;padding:32px;position:relative;overflow:hidden}.connect-card:before{content:"";background:linear-gradient(90deg,#0000,#9b5fff80,#0000);height:1px;position:absolute;top:0;left:0;right:0}.connect-type-label{letter-spacing:.2em;text-transform:uppercase;color:var(--purple-light);margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:.68rem}.connect-link-box{border:1px solid var(--border);background:#0000004d;border-radius:10px;align-items:center;gap:12px;margin-bottom:16px;padding:14px 18px;display:flex}.connect-link-box input{color:var(--text2);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;outline:none;flex:1;font-family:JetBrains Mono,monospace;font-size:.75rem;overflow:hidden}.copy-btn{background:var(--purple);cursor:pointer;letter-spacing:.08em;color:#fff;white-space:nowrap;border:none;border-radius:7px;flex-shrink:0;padding:8px 16px;font-family:Syne,sans-serif;font-size:.78rem;font-weight:700;transition:all .2s}.copy-btn:hover{background:var(--purple-light);transform:scale(1.03)}.copy-btn.copied{background:var(--green);color:#000}.connect-actions{flex-wrap:wrap;gap:12px;display:flex}.connect-action-btn{letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-family:Syne,sans-serif;font-size:.82rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.connect-action-btn.primary{background:var(--purple);color:#fff;border:1px solid #9b5fff4d;box-shadow:0 0 24px #7b2fff4d}.connect-action-btn.primary:hover{background:var(--purple-light);box-shadow:0 0 36px #7b2fff80}.connect-action-btn.secondary{border:1px solid var(--border);color:var(--text2);background:0 0}.connect-action-btn.secondary:hover{border-color:var(--border-hover);color:var(--text)}.protocols-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:28px;display:grid}.protocol-chip{background:var(--surface);border:1px solid var(--border);border-radius:10px;align-items:center;gap:12px;padding:16px 18px;display:flex}.protocol-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.protocol-dot.active{background:var(--green);box-shadow:0 0 6px var(--green);animation:2s infinite blink}.protocol-dot.inactive{background:var(--text3)}.protocol-name{font-size:.85rem;font-weight:700}.protocol-status{color:var(--text3);font-family:JetBrains Mono,monospace;font-size:.7rem}.routing-hero{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:16px;margin-bottom:24px;padding:40px;position:relative;overflow:hidden}.routing-hero:before{content:"";background:linear-gradient(90deg,#0000,#9b5fff99,#0000);height:1px;position:absolute;top:0;left:0;right:0}.routing-hero-icon{width:72px;height:72px;color:var(--purple-light);background:#7b2fff1f;border:1px solid #7b2fff40;border-radius:18px;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.routing-hero h2{margin-bottom:12px;font-size:1.8rem;font-weight:800}.routing-hero p{color:var(--text2);max-width:480px;margin:0 auto 28px;font-size:.95rem;line-height:1.6}.routing-benefits{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-bottom:28px;display:grid}.routing-benefit{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:flex-start;gap:14px;padding:20px 22px;display:flex}.routing-benefit-icon{width:36px;height:36px;color:var(--purple-light);background:#7b2fff1f;border:1px solid #7b2fff33;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.routing-benefit-text h4{margin-bottom:4px;font-size:.9rem;font-weight:700}.routing-benefit-text p{color:var(--text3);font-size:.8rem;line-height:1.5}.about-hero{align-items:center;gap:24px;margin-bottom:36px;display:flex}.about-logo{filter:drop-shadow(0 0 24px #7b2fff80);flex-shrink:0}.about-hero-text h2{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800}.about-hero-text p{color:var(--text2);margin-top:8px;font-size:.9rem;line-height:1.6}.about-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:32px;display:grid}.about-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px}.about-card-icon{width:40px;height:40px;color:var(--purple-light);background:#7b2fff1f;border:1px solid #7b2fff33;border-radius:10px;justify-content:center;align-items:center;margin-bottom:14px;display:flex}.about-card h4{margin-bottom:8px;font-size:1rem;font-weight:700}.about-card p{color:var(--text2);font-size:.85rem;line-height:1.6}.about-links{flex-wrap:wrap;gap:12px;display:flex}.about-link{background:var(--surface);border:1px solid var(--border);color:var(--text2);letter-spacing:.06em;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.about-link:hover{border-color:var(--border-hover);color:var(--text)}.tos-embed{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden}.tos-embed-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 28px;display:flex}.tos-embed-header h3{letter-spacing:.04em;font-size:1rem;font-weight:700}.tos-embed-header span{color:var(--text3);letter-spacing:.12em;font-family:JetBrains Mono,monospace;font-size:.68rem}.tos-body{padding:28px}.tos-item-embed{background:var(--bg2);border:1px solid var(--border);border-radius:10px;gap:14px;margin-bottom:12px;padding:14px 18px;display:flex;position:relative;overflow:hidden}.tos-item-embed:before{content:"";background:linear-gradient(180deg, var(--purple-light), transparent);opacity:.4;width:2px;height:100%;position:absolute;top:0;left:0}.tos-item-embed.warn:before{background:linear-gradient(180deg, var(--red), transparent)}.tos-num-embed{color:var(--text3);flex-shrink:0;min-width:24px;padding-top:2px;font-family:JetBrains Mono,monospace;font-size:.65rem}.tos-text-embed{color:var(--text2);font-size:.88rem;font-weight:500;line-height:1.6}.tos-text-embed strong{color:var(--text)}.tos-full-link{color:var(--purple-light);letter-spacing:.1em;border-bottom:1px solid #7b2fff4d;align-items:center;gap:8px;margin-top:20px;font-family:JetBrains Mono,monospace;font-size:.78rem;text-decoration:none;transition:border-color .2s;display:inline-flex}.tos-full-link:hover{border-color:var(--purple-light)}.under-development{position:relative}.under-development:after{content:"Раздел в разработке...";-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;color:var(--text2);letter-spacing:.1em;text-shadow:0 0 20px #7b2fffcc;pointer-events:none;background:#04030a66;border-radius:16px;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:1.2rem;font-weight:700;display:flex;position:absolute;inset:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.modal-content{background:var(--bg2);border:1px solid var(--border);border-radius:12px;width:100%;max-width:400px;animation:.3s ease-out modalSlide;box-shadow:0 20px 40px #0006}@keyframes modalSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h3{color:var(--text);margin:0;font-size:1rem}.modal-close{color:var(--text3);cursor:pointer;background:0 0;border:none;font-size:1.5rem;line-height:1}.modal-body{padding:20px}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:16px 20px;display:flex}.toast-container{z-index:1100;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--bg2);border:1px solid var(--border);color:var(--text);border-radius:8px;max-width:300px;padding:12px 20px;font-family:JetBrains Mono,monospace;font-size:.85rem;animation:.3s ease-out toastSlide;box-shadow:0 8px 16px #0003}@keyframes toastSlide{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.toast.error{border-color:var(--red);color:var(--red)}.toast.success{border-color:var(--green);color:var(--green)}@media (width<=768px){.routing-benefits{grid-template-columns:1fr}.about-cards{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.topbar{height:52px;padding:0 14px}.topbar-username,.topbar-status span{display:none}.nav-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:flex-start;padding:0 10px}.nav-tabs::-webkit-scrollbar{display:none}.nav-tab{flex-shrink:0;gap:5px;padding:11px 10px;font-size:.7rem}.main-content{padding:20px 14px 90px}.connect-header h2{font-size:1.5rem}#tab-dashboard .dash-greeting{gap:10px;flex-direction:column!important;align-items:flex-start!important}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:14px 16px}.stat-value{font-size:1.45rem}#tab-stats .connect-header{gap:12px;flex-direction:column!important;align-items:flex-start!important}#tab-stats .connect-header>div:last-child{flex-wrap:wrap;gap:8px;width:100%}#tab-stats .stats-grid{grid-template-columns:1fr!important}#tab-stats .stat-card{min-height:280px!important}#tab-nodes .connect-header{gap:12px;flex-direction:column!important;align-items:flex-start!important}.quick-actions{grid-template-columns:1fr;gap:10px}.connect-card{padding:18px 14px}.connect-link-box{flex-wrap:wrap;gap:10px}.connect-link-box input{width:100%;font-size:.7rem}.copy-btn{text-align:center;width:100%;padding:10px}.connect-actions{flex-direction:column}.connect-action-btn{box-sizing:border-box;width:100%;justify-content:center!important}.protocols-grid{grid-template-columns:repeat(2,1fr)}.routing-hero{padding:24px 16px}.routing-hero h2{font-size:1.4rem}.about-hero{text-align:center;flex-direction:column}.about-cards{grid-template-columns:1fr}.support-banner{gap:14px;flex-direction:column!important}.about-links{flex-direction:column}.about-link{text-align:center;justify-content:center}.tos-embed-header{flex-wrap:wrap;gap:6px;padding:14px 16px}.tos-body{padding:16px}.modal-overlay{align-items:flex-end;padding:0}.modal-content{border-radius:20px 20px 0 0;width:100%;max-width:100%}.modal-footer{flex-wrap:wrap;gap:8px}.modal-footer button{flex:auto}.toast-container{bottom:16px;left:12px;right:12px}.toast{max-width:none}.user-menu-dropdown{width:calc(100vw - 28px);right:-14px}}@media (width<=380px){.stats-grid{grid-template-columns:1fr}.nav-tab svg{display:none}.protocols-grid{grid-template-columns:1fr}}