:root{--bg:#040810;--panel:#09111de8;--line:#17314a;--cyan:#28dff3;--blue:#278cff;--green:#42f5b0;--amber:#ffb647;--red:#ff5277;--text:#e7f6ff;--muted:#6f899c;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--display:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:var(--display)}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 55% -10%,#0a3042 0,transparent 48%),radial-gradient(circle at 0 100%,#071b36,transparent 35%),#040810}.grid-bg{position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(#16435b 1px,transparent 1px),linear-gradient(90deg,#16435b 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}.scanline{position:fixed;inset:0;pointer-events:none;z-index:9;background:linear-gradient(transparent 50%,#0002 50%);background-size:100% 4px;opacity:.17}.hidden{display:none!important}.glass{background:linear-gradient(135deg,#0b1725e8,#07101bc9);border:1px solid #17344d;box-shadow:inset 0 1px #ffffff0a,0 20px 60px #0005;position:relative}.glass:after{content:"";position:absolute;inset:6px;pointer-events:none;border:1px solid #4fdffc09}.eyebrow,label{font:700 10px/1 var(--mono);letter-spacing:.18em;color:#70a0b9}.muted{color:var(--muted)}em{font-style:normal;color:var(--cyan);text-shadow:0 0 22px #28dff355}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(440px,100%);padding:54px;border-radius:4px;text-align:center;clip-path:polygon(0 14px,14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px))}.login-card h1{font-size:30px;letter-spacing:.1em;margin:10px 0}.login-card form{text-align:left;margin-top:34px}.orb{width:92px;height:92px;margin:0 auto 26px;display:grid;place-items:center;position:relative;border:1px solid #28dff388;border-radius:50%;box-shadow:0 0 40px #28dff31a}.orb i{position:absolute;inset:7px;border:1px dashed #28dff355;border-radius:50%;animation:spin 12s linear infinite}.orb i:nth-child(2){inset:17px;border-color:#278cff88;animation-direction:reverse;animation-duration:8s}.orb i:nth-child(3){inset:28px;border-style:solid;box-shadow:inset 0 0 16px #28dff344}.orb span{font:800 28px var(--mono);color:var(--cyan)}@keyframes spin{to{transform:rotate(360deg)}}.input-wrap{height:50px;border:1px solid var(--line);display:flex;align-items:center;margin:9px 0 14px;background:#02070d}.input-wrap span{padding:0 14px;color:var(--cyan)}input{font:13px var(--mono);color:var(--text);background:transparent;border:0;outline:0;min-width:0;width:100%}.primary{width:100%;height:50px;border:1px solid #28dff388;background:linear-gradient(90deg,#0a546a,#0b3657);color:#dffcff;font:700 11px var(--mono);letter-spacing:.12em;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:16px}.primary:hover{filter:brightness(1.3);box-shadow:0 0 24px #28dff322}.error{color:var(--red);font:11px var(--mono);min-height:14px;text-align:center}.dashboard{width:min(1500px,100%);margin:auto;padding:0 40px 36px;position:relative;z-index:1}header{height:76px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--cyan);color:var(--cyan);font:bold 18px var(--mono);transform:rotate(45deg)}.brand-mark::first-letter{transform:rotate(-45deg)}.brand p{font-weight:800;letter-spacing:.16em;margin:0}.brand span{font:9px var(--mono);color:var(--muted);letter-spacing:.2em}.header-center{font:10px var(--mono);letter-spacing:.12em;color:#76a0b5;display:flex;align-items:center;gap:14px}.header-center strong{color:var(--green)}.pulse,.live-dot{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 12px var(--green);display:inline-block;animation:pulse 1.8s infinite}@keyframes pulse{50%{opacity:.4;transform:scale(.75)}}.text-button{border:0;background:none;color:#7193a7;font:10px var(--mono);letter-spacing:.1em;cursor:pointer;justify-self:end}.text-button:hover{color:var(--cyan)}.hero{min-height:200px;display:flex;align-items:center;justify-content:space-between;padding:36px 4%}.hero h1{font-size:clamp(30px,4vw,56px);margin:8px 0;letter-spacing:-.04em}.hero .muted{font:12px var(--mono)}.hero-ring{width:126px;height:126px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--cyan) 0 89%,#122536 89%);box-shadow:0 0 50px #28dff318}.hero-ring:before{content:"";position:absolute;width:110px;height:110px;background:#07101a;border-radius:50%}.hero-ring div{z-index:1;text-align:center}.hero-ring strong{display:block;color:var(--green);font:800 18px var(--mono)}.hero-ring small{color:#618092;font:8px/1.3 var(--mono);letter-spacing:.1em}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{min-height:88px;padding:18px;display:flex;align-items:center;gap:15px}.metric .icon{font-size:20px;color:var(--cyan);border-right:1px solid var(--line);padding-right:15px}.metric>div{flex:1}.metric label,.metric strong,.metric small{display:block}.metric strong{font:700 15px var(--mono);margin:8px 0 5px}.metric small{font:8px var(--mono);color:var(--muted)}.bar{height:3px;background:#132130}.bar i{height:100%;display:block;width:0;background:linear-gradient(90deg,var(--blue),var(--cyan));box-shadow:0 0 8px var(--cyan);transition:width .5s}.section-title{margin:38px 0 14px;display:flex;align-items:center;justify-content:space-between}.section-title>div{display:flex;align-items:center;gap:14px}.section-title span{font:700 10px var(--mono);color:var(--cyan);border:1px solid #1e556c;padding:6px}.section-title h2{font:700 11px var(--mono);letter-spacing:.16em;margin:0}.systems{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(330px,1fr);gap:14px}.system-card{padding:24px}.card-top{display:flex;align-items:center;gap:14px}.system-icon{width:44px;height:44px;border:1px solid #1c6280;display:grid;place-items:center;color:var(--cyan);font-size:20px;background:#071c29}.card-top h2{margin:5px 0 0;font-size:18px;letter-spacing:.06em}.card-top p{margin:0}.badge{margin-left:auto;color:var(--amber);border:1px solid currentColor;padding:7px 9px;font:700 8px var(--mono);letter-spacing:.1em}.badge.active{color:var(--green)}.badge.inactive{color:var(--red)}.control-strip{display:flex;gap:8px;margin:23px 0 18px}.control{height:38px;flex:1;border:1px solid #25435a;background:#091522;color:#9ab3c2;font:700 9px var(--mono);letter-spacing:.1em;cursor:pointer}.control span{margin-right:8px}.control:hover{border-color:var(--cyan);color:var(--cyan)}.control.stop:hover{border-color:var(--red);color:var(--red)}.console-head{height:32px;background:#07101a;border:1px solid #183248;padding:0 12px;display:flex;align-items:center;justify-content:space-between;font:8px var(--mono);letter-spacing:.12em;color:#63879b}.console-head span:last-child{color:var(--green)}.console{height:286px;overflow:auto;background:#02060b;border:1px solid #132c3e;border-top:0;padding:12px;font:11px/1.55 var(--mono);color:#8bb0c4;scrollbar-color:#28526a #07101a}.console p{margin:0;white-space:pre-wrap;word-break:break-word}.console .new{color:#c0e9f8}.console .dim{color:#466274}.command-line{height:42px;border:1px solid #1b4e68;background:#06121c;margin-top:8px;display:flex;align-items:center}.command-line>span{color:var(--cyan);padding:0 12px;font:bold 12px var(--mono)}.command-line button{height:100%;padding:0 16px;border:0;border-left:1px solid #1b4e68;background:#0b2635;color:var(--cyan);font:700 9px var(--mono);cursor:pointer}.side-stack{display:grid;gap:14px}.compact{min-height:275px}.nodes{color:#ff9360;border-color:#a7533c}.radar{height:116px;position:relative;display:grid;place-items:center;overflow:hidden;margin:12px}.radar-ring{position:absolute;border:1px solid #264458;border-radius:50%;width:110px;height:110px}.radar-ring.two{width:74px;height:74px;border-style:dashed;animation:spin 18s linear infinite}.radar-core{width:42px;height:42px;border:1px solid #ff8b5c;color:#ff966e;border-radius:50%;display:grid;place-items:center;font:bold 10px var(--mono);box-shadow:0 0 20px #ff78442f}.orbit{position:absolute;width:7px;height:7px;border:1px solid var(--cyan);background:#07111d;transform:translate(50px,-18px)}.orbit.b{transform:translate(-46px,22px)}.orbit.c{transform:translate(15px,48px)}.link-button{text-decoration:none;height:40px}.backup{min-height:145px}.shield{color:var(--green);border-color:#227152}.backup-info{margin-top:18px;border-left:2px solid var(--green);padding:3px 0 3px 12px}.backup-info strong,.backup-info span{display:block}.backup-info strong{font:11px var(--mono);color:#bcefdc}.backup-info span{font:9px var(--mono);color:var(--muted);margin-top:6px}.expansion{min-height:100px;padding:22px;display:flex;align-items:center;gap:18px;border-style:dashed}.plus{font:30px var(--mono);color:#47758b}.expansion h3{font:12px var(--mono);letter-spacing:.1em;margin:0 0 7px}.expansion p{font:10px var(--mono);color:var(--muted);margin:0}.expansion>span{margin-left:auto;color:#446477;font:8px var(--mono);letter-spacing:.1em}footer{height:64px;display:flex;align-items:end;justify-content:space-between;color:#3e6578;font:8px var(--mono);letter-spacing:.12em}#toast{color:#6f9eb4}button:disabled{opacity:.35;cursor:wait}@media(max-width:900px){.dashboard{padding:0 18px 28px}header{grid-template-columns:1fr 1fr}.header-center{display:none}.metrics{grid-template-columns:1fr 1fr}.systems{grid-template-columns:1fr}.hero{padding:30px 0}.hero-ring{display:none}}@media(max-width:560px){.login-card{padding:38px 24px}.brand span,.text-button{font-size:7px}.hero{min-height:160px}.metrics{grid-template-columns:1fr}.system-card{padding:16px}.control-strip{flex-wrap:wrap}.control{min-width:30%}.console{height:240px}.expansion>span{display:none}footer span:first-child,footer span:last-child{display:none}footer{justify-content:center}}