@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#f5f7fb;background:#07090d;font-synthesis:none;--bg:#07090d;--panel:#0d1118;--panel2:#111722;--line:#202734;--muted:#7f8998;--text:#f6f7fa;--accent:#b7ff3c;--accent2:#7ad9ff;--danger:#ff6b72}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% -10%,rgba(70,120,160,.13),transparent 35%),#07090d;color:var(--text);min-height:100vh}button{font:inherit;color:inherit}.shell{display:grid;grid-template-columns:245px 1fr;min-height:100vh}aside{position:fixed;inset:0 auto 0 0;width:245px;background:#080b10f0;backdrop-filter:blur(22px);border-right:1px solid #171d27;padding:24px 18px;z-index:30;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:4px 6px 30px}.brand-mark{width:38px;height:38px;border:1px solid #374151;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#171e29,#0b0f15);box-shadow:inset 0 0 25px #1d2634}.brand-mark span{font:700 28px/1 Space Grotesk;color:var(--accent)}.brand b{display:block;font:600 16px Space Grotesk}.brand small{display:block;color:#697384;font-size:10px;margin-top:2px;letter-spacing:.05em}nav{display:grid;gap:5px}nav button{height:43px;border:0;background:transparent;border-radius:10px;text-align:left;padding:0 12px;color:#8b95a6;cursor:pointer;display:flex;gap:11px;align-items:center;transition:.2s}nav button:hover{background:#10151d;color:#dce3eb}nav button.active{background:linear-gradient(90deg,#151c25,#0e131a);color:#fff;border:1px solid #1e2733}.nav-dot{width:5px;height:5px;border-radius:50%;background:#46505e}nav button.active .nav-dot{background:var(--accent);box-shadow:0 0 10px var(--accent)}.sidebar-foot{margin-top:auto;border-top:1px solid #161c25;padding:20px 7px 0}.live-line{display:flex;align-items:center;gap:9px;font-size:12px;color:#c6cdd7}.live-line i,.connection i,.state-dot{width:7px;height:7px;border-radius:50%;background:#5b6471;display:inline-block}.live-line i.up,.connection i.up,.state-dot.up{background:var(--accent);box-shadow:0 0 10px #b7ff3c99}.sidebar-foot small{font-size:10px;color:#626c7a;display:block;margin-top:7px}main{grid-column:2;min-width:0}header{height:72px;border-bottom:1px solid #141a23;display:flex;align-items:center;padding:0 34px;position:sticky;top:0;background:#07090dd1;backdrop-filter:blur(20px);z-index:20}.eyebrow,.kicker,.page-title span,.panel-head span{font:600 10px Space Grotesk;letter-spacing:.17em;color:#697586}.header-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.connection{font:600 10px Space Grotesk;letter-spacing:.12em;color:#8e98a7;display:flex;align-items:center;gap:7px}.refresh,.panel-head button{border:1px solid #27303c;background:#0d1219;border-radius:8px;padding:8px 11px;font-size:11px;color:#b6c0cc;cursor:pointer}.refresh:hover,.panel-head button:hover{border-color:#3b4655;color:#fff}.menu{display:none;background:none;border:0;font-size:20px}.page{max-width:1480px;margin:auto;padding:34px 36px 70px}.warning{margin:22px 36px 0;border:1px solid #55343a;background:#1a1014;color:#f6c4c8;border-radius:12px;padding:12px 14px;display:flex;gap:10px;align-items:center;font-size:12px}.warning span{color:#b78f94}.warning code{margin-left:auto;color:#d9a7ad}.hero{min-height:355px;border:1px solid #1b2330;border-radius:22px;background:linear-gradient(110deg,#0d121a,#0a0e14 52%,#0f151d);padding:54px 56px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,#000,transparent 90%)}.hero>div{position:relative;z-index:2}.hero h1,.page-title h1{font:600 clamp(38px,5vw,66px)/.99 Space Grotesk;margin:16px 0 18px;letter-spacing:-.055em}.hero h1 em{font-style:normal;color:#93a1b4}.hero p,.page-title p{max-width:620px;color:#828d9d;line-height:1.65;font-size:14px}.orb-wrap{display:grid;place-items:center;height:100%}.orb{width:205px;height:205px;border-radius:50%;border:1px solid #33404d;position:relative;display:grid;place-items:center;box-shadow:0 0 100px #67bcff14,inset 0 0 70px #7ad9ff0d}.orb:before,.orb:after{content:"";position:absolute;border-radius:50%;border:1px solid #26313d}.orb:before{inset:18px}.orb:after{inset:42px}.orb span{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 18px var(--accent)}.orb span:nth-child(1){top:23px;left:52px}.orb span:nth-child(2){right:18px;top:92px;background:var(--accent2);box-shadow:0 0 18px var(--accent2)}.orb span:nth-child(3){bottom:27px;left:92px}.orb b{font:700 54px Space Grotesk;color:#dbe5f2}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}.stats article{background:#0b0f15;border:1px solid #171e28;border-radius:14px;padding:20px 22px}.stats span{color:#788393;font-size:11px}.stats strong{font:600 31px Space Grotesk;display:block;margin:8px 0 3px;letter-spacing:-.04em}.stats small{color:#596371;font-size:10px}.small-strong{font-size:17px!important;overflow:hidden;text-overflow:ellipsis}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel{background:linear-gradient(180deg,#0d1219,#0a0e14);border:1px solid #171f2a;border-radius:16px;padding:22px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel-head h2,.setup-card h2,.settings-grid h2{font:600 20px Space Grotesk;margin:5px 0 0;letter-spacing:-.025em}.call-list{display:grid}.call-row{display:grid;grid-template-columns:38px 1fr auto auto;gap:12px;align-items:center;border-top:1px solid #161d27;padding:13px 0}.avatar{width:34px;height:34px;border-radius:10px;background:#171e28;border:1px solid #27303e;display:grid;place-items:center;font:600 12px Space Grotesk}.who b{font-size:12px}.who small{display:block;color:#687382;font-size:10px;margin-top:3px}.transport{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#738093}.state{font:600 9px Space Grotesk;text-transform:uppercase;letter-spacing:.08em;border:1px solid #303946;border-radius:999px;padding:5px 8px;color:#9aa5b5}.state.active,.state.connected{border-color:#36502b;color:#b9ef74;background:#10180d}.state.ringing{border-color:#574b23;color:#f1d772;background:#1a160a}.state.offline{color:#7c8794}.empty{color:#626e7d;font-size:12px;padding:26px 4px}.network-map{height:285px;position:relative;border-radius:12px;background:radial-gradient(circle at center,#121b25,#090d13 52%,#070a0f);overflow:hidden}.network-map svg{position:absolute;inset:0;width:100%;height:100%}.network-map line{stroke:#263344;stroke-width:1}.core{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:#0f151d;border:1px solid #394657;box-shadow:0 0 45px #7ad9ff14}.core b{font:700 29px Space Grotesk;color:var(--accent)}.core small{font-size:8px;color:#7d8998;margin-top:-22px}.node{position:absolute;z-index:4;display:flex;align-items:center;gap:7px;font-size:9px;color:#909cab;background:#0d1218;border:1px solid #26303c;border-radius:999px;padding:7px 9px;max-width:125px}.node i{width:5px;height:5px;border-radius:50%;background:#5c6672}.node i.up{background:var(--accent)}.n1{left:10%;top:15%}.n2{left:21%;bottom:12%}.n3{right:19%;top:13%}.n4{right:9%;bottom:15%}.n5{left:22%;top:19%}.n6{right:20%;bottom:11%}.activity{margin-top:14px}.event{display:grid;grid-template-columns:12px 1fr auto;align-items:center;border-top:1px solid #161d27;padding:12px 0;gap:10px}.event i{width:6px;height:6px;border-radius:50%;background:#465261}.event b{font-size:11px}.event small{display:block;color:#697483;font-size:10px;margin-top:3px}.event time{font-size:9px;color:#56616f}.page-title{padding:14px 2px 25px}.page-title h1{font-size:44px;margin:9px 0 8px}.page-title p{margin:0}.table-panel{padding:0;overflow:hidden}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:left;padding:15px 18px;border-bottom:1px solid #161d27;white-space:nowrap}th{color:#637080;font:600 9px Space Grotesk;letter-spacing:.12em;text-transform:uppercase}td{color:#aab3bf}.device-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.device-card{background:#0b1016;border:1px solid #18202b;border-radius:16px;padding:20px;position:relative}.phone-icon{width:48px;height:48px;border-radius:14px;border:1px solid #2a3441;display:grid;place-items:center;font-size:26px;color:#8793a3;background:#111720}.device-top{position:absolute;right:18px;top:18px;display:flex;align-items:center;gap:7px;color:#6f7b89;font-size:9px;text-transform:uppercase}.device-card h3{font:600 17px Space Grotesk;margin:24px 0 4px}.device-card p{font-size:10px;color:#687482;margin:0 0 18px}.device-card dl{margin:0;border-top:1px solid #18202a}.device-card dl div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #131923}.device-card dt,.device-card dd{font-size:9px;color:#6f7a89;margin:0}.device-card dd{color:#aab4c1}.setup-card{display:grid;grid-template-columns:260px 1fr;gap:42px;align-items:center;min-height:330px}.setup-visual{display:grid;place-items:center}.qr-frame{width:180px;height:180px;border:1px solid #34404d;border-radius:18px;padding:14px;background:#f6f7f8}.qr-placeholder{width:100%;height:100%;display:grid;place-items:center;background:repeating-linear-gradient(45deg,#111 0 7px,#fff 7px 14px);color:#000;font:700 16px Space Grotesk;mix-blend-mode:multiply}.setup-card p,.settings-grid p{color:#7b8797;font-size:13px;line-height:1.6;max-width:600px}.primary{border:0;background:var(--accent);color:#0a0d10;font-weight:700;border-radius:9px;padding:11px 15px;cursor:pointer}.primary:disabled{opacity:.35;cursor:not-allowed}.logbox{padding:8px 18px}.logbox>div{display:grid;grid-template-columns:75px 120px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid #161d27;font-size:10px}.logbox time{color:#586473}.logbox code{color:#9badc0}.logbox span{color:#7c8795}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.big-code{display:block;margin-top:18px;padding:12px;border-radius:8px;background:#080b10;border:1px solid #1c2430;color:#b6c0ce;overflow:auto}.menu{color:#aab5c2}@media (max-width:1000px){.stats{grid-template-columns:repeat(2,1fr)}.grid-two{grid-template-columns:1fr}.device-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.shell{display:block}aside{transform:translate(-100%);transition:.25s;width:270px}aside.open{transform:none}main{grid-column:auto}header{padding:0 16px;height:62px}.menu{display:block;margin-right:13px}.eyebrow{font-size:9px}.page{padding:20px 14px 60px}.warning{margin:14px;display:block}.warning code{display:block;margin-top:6px}.hero{grid-template-columns:1fr;min-height:420px;padding:34px 26px}.hero h1{font-size:43px}.orb-wrap{position:absolute;right:-35px;bottom:-55px;opacity:.35}.orb{width:190px;height:190px}.stats{grid-template-columns:1fr 1fr}.stats article{padding:16px}.stats strong{font-size:25px}.device-grid,.setup-card{grid-template-columns:1fr}.setup-visual{order:2}.settings-grid{grid-template-columns:1fr}.page-title h1{font-size:38px}.header-actions .connection{display:none}}@media (max-width:430px){.stats{grid-template-columns:1fr}.hero h1{font-size:38px}.call-row{grid-template-columns:34px 1fr auto}.call-row .transport{display:none}}