:root{--bg:#07090d;--panel:#0d1016;--line:#202631;--text:#f3f5f7;--muted:#7e8999;--mint:#6fffc6;--violet:#9d7cff;--danger:#ff6683}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #6fffc688;outline-offset:2px}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:41px;height:41px;display:grid;place-items:center;color:#05100c;background:var(--mint);border-radius:12px;box-shadow:0 0 28px #6fffc633}.brand strong{display:block;font-size:15px;letter-spacing:.17em}.brand span{display:block;margin-top:3px;color:#5b6674;font:600 8px monospace;letter-spacing:.22em}.primary,.secondary{min-height:42px;border-radius:10px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;font-weight:700;font-size:13px;cursor:pointer;transition:.2s}.primary{background:var(--mint);color:#06110d;box-shadow:0 0 24px #6fffc618}.primary:hover{background:#8dffd4;transform:translateY(-1px)}.primary:disabled{opacity:.6}.secondary{background:#151922;border-color:#2b3442;color:#c8d0db}.wide{width:100%;margin-top:5px}.icon-btn{width:36px;height:36px;border:1px solid var(--line);background:#11151c;border-radius:9px;display:grid;place-items:center;cursor:pointer;color:#9aa6b6}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 35%,#122219 0,transparent 26%),linear-gradient(#07090d,#05070a)}.grid-plane{position:absolute;inset:0;opacity:.2;background-image:linear-gradient(#6fffc60d 1px,transparent 1px),linear-gradient(90deg,#6fffc60d 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(circle,#000 0,transparent 72%);transform:perspective(700px) rotateX(55deg) scale(1.6) translateY(26%)}.orb{position:absolute;border-radius:50%;border:1px solid #6fffc61b}.orb.a{width:500px;height:500px;left:-250px;top:-220px}.orb.b{width:600px;height:600px;right:-330px;bottom:-330px}.login-card{width:min(100%,490px);position:relative;padding:42px;background:linear-gradient(145deg,#11151ceb,#0b0e14f2);border:1px solid #272d38;border-radius:24px;box-shadow:0 35px 100px #000b,0 0 0 1px #ffffff05 inset}.access-kicker{display:flex;align-items:center;gap:8px;margin-top:48px;color:var(--mint);font:700 10px monospace;letter-spacing:.2em}.access-kicker span,.online span{width:6px;height:6px;background:var(--mint);border-radius:50%;box-shadow:0 0 10px var(--mint)}.login-card h1{margin:14px 0 13px;font-size:34px;line-height:1.12;letter-spacing:-.045em}.login-card h1 em{font-style:normal;color:#9da7b5}.login-card>p{margin:0 0 30px;color:var(--muted);font-size:14px;line-height:1.6}.login-card form{display:grid;gap:16px}.login-card label,.modal-form label{display:grid;gap:8px;color:#8d98a8;font-size:11px;font-weight:700;letter-spacing:.05em}.login-card input,.modal-form input,.modal-form select{width:100%;height:45px;color:#edf2f5;background:#080b10;border:1px solid #262d38;border-radius:9px;padding:0 13px}.password,.input-action,.select{position:relative}.password button,.input-action button{position:absolute;right:5px;top:5px;width:35px;height:35px;display:grid;place-items:center;border:0;border-radius:7px;background:#151a22;color:#8290a0;cursor:pointer}.password input,.input-action input{padding-right:48px}.login-card footer{display:flex;align-items:center;gap:7px;margin-top:25px;padding-top:18px;border-top:1px solid var(--line);color:#697586;font-size:10px}.login-card footer i{margin-left:auto}.form-error{padding:10px 12px;border:1px solid #ff668344;background:#ff668310;color:#ff9caf;border-radius:9px;font-size:12px}.splash{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:22px}.app-shell{min-height:100vh;display:flex;background:radial-gradient(circle at 75% 0,#12201935,transparent 30%),var(--bg)}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;padding:25px 18px;background:#090c11;border-right:1px solid #1b2029;display:flex;flex-direction:column;z-index:20}.sidebar .brand{padding:0 9px}.sidebar nav{display:grid;gap:5px;margin-top:52px}.sidebar nav button,.logout{height:44px;border:0;background:transparent;border-radius:9px;padding:0 11px;display:flex;align-items:center;gap:11px;color:#7f8a99;font-size:13px;font-weight:600;cursor:pointer}.sidebar nav button.active{background:linear-gradient(90deg,#6fffc61c,transparent);color:var(--mint);box-shadow:inset 2px 0 var(--mint)}.sidebar nav button span{margin-left:auto;padding:3px 6px;border-radius:6px;background:#161b23;color:#6f7a89;font:10px monospace}.system-card{margin-top:auto;padding:14px;border:1px solid #202630;background:#0d1117;border-radius:12px}.system-card div{display:flex;align-items:center;gap:7px;color:#758192}.system-card div span{font:700 9px monospace;letter-spacing:.17em}.system-card div i{margin-left:auto;width:6px;height:6px;background:var(--mint);border-radius:50%;box-shadow:0 0 9px var(--mint)}.system-card strong{display:block;margin-top:12px;font-size:11px}.system-card p{margin:5px 0 0;color:#667181;font-size:10px}.logout{margin-top:10px;width:100%}.mobile-close,.menu-btn{display:none}.workspace{width:calc(100% - 244px);margin-left:244px}.topbar{height:72px;padding:0 30px;border-bottom:1px solid #1b2029;display:flex;align-items:center;gap:20px;background:#080b0fb8;backdrop-filter:blur(15px);position:sticky;top:0;z-index:10}.crumb{display:flex;gap:10px;align-items:center;font:11px monospace}.crumb span{color:#5f6a78}.crumb i{color:#313844}.crumb strong{color:#aab4c1}.online{margin-left:auto;display:flex;align-items:center;gap:7px;color:var(--mint);font:700 9px monospace;letter-spacing:.12em}.avatar{width:32px;height:32px;display:grid;place-items:center;background:#171d25;border:1px solid #2a333f;border-radius:9px;color:#b9c3cf;font:700 10px monospace}.content{max-width:1420px;margin:auto;padding:40px 34px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.eyebrow{color:var(--mint);font:700 9px monospace;letter-spacing:.2em}.page-head h1{font-size:31px;letter-spacing:-.035em;margin:8px 0 7px}.page-head p{margin:0;color:var(--muted);font-size:13px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:29px 0 18px}.metrics article{min-height:100px;padding:19px;border:1px solid var(--line);background:linear-gradient(145deg,#10141b,#0c0f14);border-radius:14px;display:flex;align-items:center;gap:14px;position:relative}.metric-icon{width:43px;height:43px;border-radius:11px;display:grid;place-items:center}.metric-icon.mint{background:#6fffc617;color:var(--mint)}.metric-icon.violet{background:#9d7cff17;color:var(--violet)}.metric-icon.blue{background:#62a7ff17;color:#62a7ff}.metrics article div>span{display:block;color:#778393;font-size:10px;margin-bottom:8px}.metrics strong{font-size:22px}.metrics strong small{font-size:13px;color:#536071}.metrics article>i{position:absolute;right:17px;bottom:17px;display:flex;align-items:center;gap:3px;color:var(--mint);font:700 8px monospace}.metrics article>i.neutral{color:#6d7888}.healthy{color:#d7fff0;font-size:15px!important}.pulse{position:absolute;right:18px;bottom:18px}.pulse span{display:block;width:6px;height:6px;background:var(--mint);border-radius:50%;box-shadow:0 0 10px var(--mint)}.data-panel{border:1px solid var(--line);background:#0c0f14;border-radius:15px;overflow:hidden}.data-panel>header{height:65px;padding:0 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.search{height:38px;max-width:370px;flex:1;padding:0 12px;display:flex;align-items:center;gap:9px;border:1px solid #222935;background:#090c11;border-radius:9px;color:#596574}.search input{width:100%;border:0;outline:0;background:transparent;color:#dbe1e8;font-size:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:940px}th{height:45px;padding:0 17px;text-align:left;background:#0a0d12;color:#596474;font:700 9px monospace;letter-spacing:.1em;text-transform:uppercase}td{height:74px;padding:0 17px;border-top:1px solid #191e26;color:#aeb7c2;font-size:11px}tbody tr:hover{background:#10141a}td code{font:10px monospace;color:#a7b2bf}.profile-cell,.platform,.rule-value{display:flex;align-items:center;gap:11px}.device-icon{width:35px;height:35px;display:grid;place-items:center;background:#6fffc611;color:var(--mint);border:1px solid #6fffc61c;border-radius:9px}.profile-cell strong,.platform strong{display:block;color:#e4e8ed;font-size:11px}.profile-cell span,.platform span,.subline{display:block;margin-top:5px;color:#5e6978;font-size:9px}.copy{height:31px;padding:0 10px;border:1px solid #29313c;background:#12171e;border-radius:8px;color:#8f9bab;display:flex;align-items:center;gap:6px;font-size:10px;cursor:pointer}.copy.copied{border-color:#6fffc655;color:var(--mint)}.toggle{width:31px;height:17px;padding:2px;border:0;background:#272e38;border-radius:20px;vertical-align:middle;cursor:pointer}.toggle span{display:block;width:13px;height:13px;border-radius:50%;background:#687381;transition:.2s}.toggle.on{background:#6fffc62b}.toggle.on span{transform:translate(14px);background:var(--mint)}.state{margin-left:7px;color:#687381;font-size:9px}.state.active{color:#8ab9a6}.actions{display:flex;gap:5px}.actions button{width:30px;height:30px;display:grid;place-items:center;border:1px solid transparent;background:transparent;border-radius:7px;color:#697687;cursor:pointer}.actions button:hover{border-color:#303946;color:#d4dae1;background:#151a21}.actions button.danger:hover{color:var(--danger)}.tag,.global{display:inline-flex;align-items:center;gap:5px}.tag{padding:5px 7px;background:#9d7cff12;border:1px solid #9d7cff25;border-radius:6px;color:#b9a7ff;font:8px monospace}.global{color:#8ea397}.muted{color:#697482}.empty{min-height:245px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#475361}.empty strong{margin:12px 0 5px;color:#a9b3bf;font-size:13px}.empty p{margin:0;font-size:11px}.modal-bg{position:fixed;inset:0;z-index:100;background:#020306c7;backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}.modal{width:min(100%,650px);background:#0d1117;border:1px solid #2a323e;border-radius:18px;box-shadow:0 35px 100px #000;overflow:hidden}.modal>header{display:flex;justify-content:space-between;align-items:flex-start;padding:22px 23px;border-bottom:1px solid var(--line)}.modal h2{margin:0 0 7px;font-size:18px}.modal header p{margin:0;color:#758192;font-size:11px}.modal-form{padding:22px;display:grid;gap:18px}.two,.three{display:grid;grid-template-columns:1fr 1fr;gap:14px}.three{grid-template-columns:repeat(3,1fr)}.select select{appearance:none;padding-right:35px}.select svg{position:absolute;right:12px;top:15px;pointer-events:none}.mono{font-family:monospace!important}.hint{margin:-7px 0 0;color:#657181;font-size:10px}.modal-form footer{display:flex;justify-content:flex-end;gap:9px;margin-top:3px;padding-top:18px;border-top:1px solid var(--line)}@media(max-width:900px){.sidebar{transform:translate(-100%);transition:.25s}.sidebar.open{transform:none;box-shadow:30px 0 80px #000}.mobile-close{display:grid;position:absolute;right:15px;top:29px;border:0;background:transparent}.workspace{width:100%;margin:0}.menu-btn{display:grid;place-items:center;border:0;background:transparent}.metrics{grid-template-columns:1fr}.content{padding:30px 18px}.topbar{padding:0 18px}.page-head{align-items:flex-start;flex-direction:column}.page-head .primary{width:100%}}@media(max-width:600px){.login-card{padding:28px 22px}.login-card h1{font-size:28px}.two,.three{grid-template-columns:1fr}.content{padding:26px 13px}.crumb{display:none}.modal-form{padding:18px}}.field-note{color:#657181;font-size:9px;font-weight:500;letter-spacing:0;line-height:1.45}.device-count{display:inline-grid;grid-template-columns:auto auto;align-items:center;gap:3px 7px;color:var(--mint)}.device-count strong{font-size:14px}.device-count small{grid-column:1/3;color:#657181;font-size:8px;white-space:nowrap}.modal-wide{width:min(100%,920px)}.device-count.clickable{border:0;background:transparent;cursor:pointer;text-align:left}.device-count.clickable:hover{filter:brightness(1.35)}.device-list{padding:18px;display:grid;gap:9px;max-height:65vh;overflow:auto}.device-row{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);background:#0a0d12;border-radius:11px}.device-row.blocked{opacity:.68;background:#120c10}.device-main{min-width:0;flex:1}.device-main strong,.device-main span,.device-main small{display:block}.device-main strong{font-size:12px}.device-main span{margin-top:4px;color:#8995a5;font-size:10px}.device-main small{margin-top:6px;color:#576270;font-size:9px}.access-state{padding:5px 8px;border-radius:6px;background:#6fffc612;color:var(--mint);font:8px monospace}.access-state.denied{background:#ff668312;color:#ff8da2}.compact,.danger-action{min-height:32px;padding:0 10px;border-radius:8px;display:flex;align-items:center;gap:6px;font-size:10px;cursor:pointer}.danger-action{border:1px solid #ff668333;background:#ff66830c;color:#ff8da2}.log-event,.http-status{display:inline-block;padding:5px 7px;border-radius:6px;font:8px monospace}.log-event.success,.http-status.ok{background:#6fffc612;color:var(--mint)}.log-event.error,.http-status{background:#ff668312;color:#ff8da2}@media(max-width:700px){.device-row{align-items:flex-start;flex-wrap:wrap}.device-main{min-width:calc(100% - 55px)}.access-state{margin-left:47px}}.nodes-card{padding:13px 12px}.nodes-card .nodes-head{display:flex;align-items:center;gap:7px}.nodes-card .nodes-head i.offline{background:var(--danger);box-shadow:0 0 9px #ff668366}.nodes-list{display:grid!important;gap:6px!important;margin-top:12px;max-height:255px;overflow:auto}.node-block{border-top:1px solid #1b222c;padding:7px 4px}.nodes-list .node-row{display:grid;grid-template-columns:7px minmax(0,1fr) auto auto;align-items:center;gap:7px;color:#9ba6b4}.node-dot{width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px var(--mint)}.node-dot.offline{background:var(--danger);box-shadow:0 0 8px #ff668366}.node-row span,.subscription-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.node-row small{color:#687485;font:8px monospace}.node-row em{min-width:17px;padding:2px 4px;border-radius:5px;background:#171d25;color:#8190a1;font: 8px monospace;text-align:center}.subscription-list{display:grid!important;gap:5px!important;margin:7px 0 0 13px}.subscription-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:5px;color:#778393}.subscription-row small{color:#5f6b79;font:7px monospace}.subscription-state{padding:3px 5px;border-radius:5px;font:700 7px monospace}.subscription-state.ok{color:var(--mint);background:#6fffc610}.subscription-state.error{color:#ff8da2;background:#ff668312}.device-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.link-copies{display:flex;align-items:center;gap:5px}