:root{--bg:#0b0f17;--side:#0a0e15;--panel:#121925;--panel2:#171f2d;--border:#253044;--text:#eaf0f8;--muted:#8793a6;--accent:#6aa3ff;--good:#3ddc97;--bad:#ff5f6d;--warn:#ffbd5a;--shadow:0 16px 42px rgba(0,0,0,.24)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--text);background:radial-gradient(circle at 72% -10%,#16243b 0,transparent 30%),var(--bg);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.shell{min-height:100vh;display:grid;grid-template-columns:238px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:rgba(8,12,19,.94);border-right:1px solid var(--border);padding:22px 14px;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;padding:0 8px 24px}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#3978ef,#7bb3ff);font-weight:900;font-size:18px;box-shadow:0 8px 30px #286de033}.brand strong,.brand small{display:block}.brand small{color:var(--muted);font-size:10px;letter-spacing:.11em;text-transform:uppercase;margin-top:1px}nav{display:flex;flex-direction:column;gap:4px}nav a{color:#aeb8c8;text-decoration:none;padding:10px 11px;border-radius:8px;display:flex;gap:10px;align-items:center}nav a:hover,nav a.active{background:#162033;color:white}nav a.active{box-shadow:inset 2px 0 var(--accent)}.nav-label{font-size:9px;color:#596579;letter-spacing:.16em;padding:19px 10px 6px}.side-foot{margin-top:auto;border-top:1px solid var(--border);padding:18px 9px 2px;color:var(--muted);font-size:11px;letter-spacing:.08em}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:7px;background:var(--muted)}.dot.ok{background:var(--good);box-shadow:0 0 12px #3ddc9788}.dot.warn{background:var(--warn)}main{min-width:0}.topbar{height:88px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:rgba(11,15,23,.72);backdrop-filter:blur(18px);position:sticky;top:0;z-index:4}.eyebrow{font-size:9px;letter-spacing:.18em;color:#657188}.topbar h1{font-size:19px;margin:2px 0 0}.top-actions{display:flex;align-items:center;gap:12px}.pill{padding:6px 9px;border:1px solid var(--border);border-radius:999px;color:#aab6c8;font-size:11px;background:#0e141e}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#1d2b42;color:#a9c8ff;font-weight:700}.content{padding:26px 32px 52px;max-width:1600px;margin:auto}.notice{border:1px solid #2a3850;background:#101927;border-radius:10px;padding:11px 14px;margin-bottom:18px;display:flex;gap:10px}.notice strong{color:#b9d1ff}.notice span{color:#92a0b4}.notice.demo{border-color:#594b27;background:#1d190f}.notice.demo strong{color:#ffd37b}.cards{display:grid;gap:14px}.cards.four{grid-template-columns:repeat(4,1fr)}.cards.three{grid-template-columns:repeat(3,1fr)}.metric,.mini,.feature,.device,.panel{background:linear-gradient(180deg,rgba(20,28,41,.98),rgba(15,22,33,.98));border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.metric{padding:18px}.metric small,.mini small,.panel-head small,.pon-card small,.device small{color:#758197;font-size:9px;letter-spacing:.12em}.metric b{display:block;font-size:27px;margin:5px 0 2px;letter-spacing:-.04em}.metric em{font-style:normal;font-size:15px;color:var(--muted)}.metric span,.mini span{color:#7f8b9d;font-size:11px}.good{color:var(--good)!important}.bad{color:var(--bad)!important}.warn-text{color:var(--warn)!important}.grid{display:grid;gap:14px;margin-top:14px}.grid.two-one{grid-template-columns:2fr 1fr}.grid.one-one{grid-template-columns:1fr 1fr}.panel{padding:20px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:15px}.panel-head h2{margin:2px 0 0;font-size:15px}.panel-head a{color:#84aff5;text-decoration:none;font-size:11px}.legend{display:flex;gap:14px;color:var(--muted);font-size:11px}.legend b{color:white}.big-number{font-size:32px;font-weight:750;margin:8px 0 -4px}.big-number em{font-style:normal;color:var(--muted);font-size:14px}.spark{width:100%;height:205px;color:var(--accent);overflow:visible}.spark polyline{stroke:currentColor;stroke-width:2}.axis{display:flex;justify-content:space-between;color:#5d697c;font-size:9px}.alerts{display:flex;flex-direction:column}.alert{padding:13px 0;border-top:1px solid var(--border);display:flex;gap:11px}.alert:first-child{border-top:0}.sev{width:7px;height:7px;border-radius:50%;margin-top:6px}.sev.critical{background:var(--bad);box-shadow:0 0 12px #ff5f6d66}.sev.warning{background:var(--warn)}.alert b,.alert small{display:block}.alert b{font-size:12px}.alert small{color:var(--muted);font-size:10px;margin-top:3px}.lower{margin-top:14px}.mini{padding:15px 18px}.mini b{display:block;font-size:20px;margin:3px 0}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.search,input,select{background:#0d131d;border:1px solid var(--border);border-radius:8px;color:var(--text);padding:10px 11px;outline:none}.search{width:min(430px,65vw)}input:focus,select:focus{border-color:#476b9e;box-shadow:0 0 0 3px #3c78d31f}button{font:inherit;border:0;border-radius:8px;padding:9px 12px;cursor:pointer}.primary{background:#3978e8;color:white}.danger{background:#56232b;color:#ffabb2}.danger:disabled{opacity:.35;cursor:not-allowed}.table-panel{padding:0;overflow:auto}.table-panel .panel-head{padding:18px 20px 0}table{width:100%;border-collapse:collapse;min-width:850px}th{color:#657188;font-size:9px;letter-spacing:.11em;text-align:left;padding:11px 14px;border-bottom:1px solid var(--border)}td{padding:13px 14px;border-bottom:1px solid #202a3b;color:#c6cfdb;vertical-align:middle}tr:last-child td{border-bottom:0}tr:hover td{background:#141d2b}td small{display:block;color:#6e7a8f;font-size:10px;margin-top:2px}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}code{color:#9cc0ff}.status{font-size:10px;padding:4px 7px;border-radius:999px;border:1px solid}.status.up{color:#64e7ac;border-color:#265e49;background:#10271e}.status.down{color:#ff8993;border-color:#63323a;background:#291419}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label{color:#8390a4;font-size:10px}.form-grid input,.form-grid select{display:block;width:100%;margin-top:5px}.wide{grid-column:1/-1}.actions{display:flex;gap:8px;margin-top:5px}pre{background:#090e15;border:1px solid #202b3e;border-radius:8px;color:#b7c9e7;min-height:255px;padding:14px;overflow:auto;white-space:pre-wrap}.result{font-size:11px;color:var(--muted)}.danger-pill{border-color:#5f333a;color:#ff8792}.ok-pill{border-color:#2d624d;color:#65dfaa}.bar{width:150px;max-width:100%;height:5px;background:#222d3f;border-radius:10px;overflow:hidden;display:inline-block;vertical-align:middle;margin-right:8px}.bar span{display:block;height:100%;background:linear-gradient(90deg,#497ee1,#78b0ff);border-radius:10px}.bar.big{display:block;width:100%;height:7px;margin:12px 0 8px}.pon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pon-card{border:1px solid var(--border);border-radius:10px;padding:14px;background:#0e1520}.pon-card h3{font-size:13px;margin:2px 0 12px}.pon-card>b{font-size:20px}.pon-card em{font-style:normal;color:#8ba4c7;font-size:10px}.pon-card>span{display:block;color:#7e8b9f;font-size:11px}.device-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.device{padding:18px}.device-icon{width:34px;height:34px;border-radius:9px;background:#1d3150;display:grid;place-items:center;color:#9fc3ff;font-weight:800;margin-bottom:14px}.device-main{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.device h3{margin:2px 0 10px}.device dl{display:grid;grid-template-columns:90px 1fr;margin:8px 0 0;border-top:1px solid var(--border);padding-top:8px}.device dt,.device dd{margin:0;padding:5px 0;font-size:11px}.device dt{color:#6f7b8f}.feature{padding:18px}.feature>span{color:#6188c4;font-size:11px}.feature h3{margin:8px 0 4px}.feature p{margin:0;color:var(--muted);font-size:12px}.roadmap{display:grid;grid-template-columns:1fr 1fr}.roadmap div{padding:14px 4px;border-top:1px solid var(--border)}.roadmap div:nth-child(odd){margin-right:14px}.roadmap b,.roadmap span{display:block}.roadmap span{color:var(--muted);font-size:11px;margin-top:3px}.toast{position:fixed;right:22px;bottom:22px;background:#182231;border:1px solid #31415a;color:white;border-radius:9px;padding:12px 14px;box-shadow:var(--shadow);z-index:20}.toast.good{border-color:#2d654f}.toast.bad{border-color:#6e333b}@media(max-width:1050px){.shell{grid-template-columns:68px 1fr}.brand>div,nav span,.nav-label,.side-foot{display:none}.brand{padding-left:2px}nav a{justify-content:center}.cards.four,.pon-grid{grid-template-columns:1fr 1fr}.device-grid{grid-template-columns:1fr 1fr}.grid.two-one,.grid.one-one{grid-template-columns:1fr}}@media(max-width:700px){.content{padding:18px 14px}.topbar{padding:0 14px}.cards.four,.cards.three,.pon-grid,.device-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.pill{display:none}.toolbar{gap:8px}.search{width:100%}.roadmap{grid-template-columns:1fr}.roadmap div:nth-child(odd){margin-right:0}}