:root{--font-sans:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, "DejaVu Sans", Arial, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", "DejaVu Sans Mono", Menlo, Consolas, monospace;--font-disp:"IBM Plex Sans Condensed", "IBM Plex Sans", system-ui, sans-serif;--canvas:#faf9f5;--chrome:#16204e;--sidebar:#101736;--sidebar-2:#16204e;--card:#fff;--panel:#faf9f5;--sunken:#f1f3f7;--border:#dfe2ea;--border-strong:#c3c8d4;--text:#2b3243;--head:#16204e;--muted:#586073;--faint:#9aa1b2;--on-chrome:#dde2ee;--on-chrome-mute:#8c98c4;--accent:#2f6fed;--accent-soft:#e5edfe;--pill-ink:#1c44a8;--teal:#12c79a;--teal-lit:#34e0b4;--ok:#1f9d4d;--ok-strong:#15803d;--ok-soft:#dcf5e4;--warn:#e08a1e;--warn-strong:#b45309;--warn-soft:#fbe6c2;--bad:#e0433a;--bad-soft:#fbdcd9;--off:#9aa1b2;--off-strong:#3f4759;--shadow:0 1px 2px #0b10260f}html[data-theme=dark]{--canvas:#0b1026;--chrome:#101736;--sidebar:#0b1026;--sidebar-2:#101736;--card:#16204e;--panel:#101736;--sunken:#1d2c66;--border:#28397f;--border-strong:#3a4d96;--text:#dde2ee;--head:#fff;--muted:#8c98c4;--faint:#5e6fac;--on-chrome:#dde2ee;--on-chrome-mute:#8c98c4;--accent:#3a6fe8;--accent-soft:#1d2c66;--pill-ink:#0b1026;--teal:#12c79a;--teal-lit:#34e0b4;--ok:#2bbf6a;--ok-strong:#5fe39b;--ok-soft:#10351f;--warn:#f0a830;--warn-strong:#f7c46b;--warn-soft:#3d2c0b;--bad:#e0433a;--bad-soft:#3a1513;--off:#5e6fac;--off-strong:#bcc4dc;--shadow:0 1px 2px #0000004d}*{box-sizing:border-box}body{font-family:var(--font-sans);background:var(--canvas);color:var(--text);margin:0;font-size:14px;line-height:1.35}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.loginwrap{background:var(--canvas);justify-content:center;align-items:center;height:100vh;display:flex}.logincard{background:var(--card);border:1px solid var(--border);border-radius:12px;width:344px;padding:28px 26px;box-shadow:0 10px 30px #0b102624}.logincard .brand{align-items:center;gap:9px;margin-bottom:18px;display:flex}.logincard .brand .wm{font-family:var(--font-disp);letter-spacing:.05em;color:var(--head);font-size:21px;font-weight:700}.logincard .brand .wm .sub{color:var(--muted);font-weight:400}.logincard h2{color:var(--head);margin:0 0 4px;font-size:16px;font-weight:600}.logincard label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:14px 0 5px;font-size:11px;display:block}.logincard input{border:1px solid var(--border-strong);background:var(--canvas);width:100%;height:36px;color:var(--text);font:inherit;border-radius:5px;padding:0 10px;font-size:14px}.logincard input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.logincard .signin{background:var(--accent);color:#fff;width:100%;height:38px;font:inherit;cursor:pointer;border:none;border-radius:5px;margin-top:20px;font-size:14px;font-weight:600}.logincard .signin:hover{filter:brightness(1.07)}.logincard .foot{text-align:center;color:var(--faint);font-size:11px;font-family:var(--font-mono);margin-top:16px}.glow{background:var(--teal-lit);border-radius:999px;width:8px;height:8px;margin:0 2px;display:inline-block;box-shadow:0 0 0 4px #34e0b438}.app{grid-template-rows:48px 1fr;grid-template-columns:200px 1fr;height:100vh;display:grid}.topbar{background:var(--chrome);color:var(--on-chrome);border-bottom:1px solid #0003;grid-column:1/3;align-items:center;gap:10px;padding:0 14px;display:flex}.wordmark{font-family:var(--font-disp);letter-spacing:.04em;color:#fff;font-size:16px;font-weight:700}.wordmark .sub{color:var(--on-chrome-mute);letter-spacing:.02em;font-weight:400}.spacer{flex:1}.tb-btn{color:var(--on-chrome);height:28px;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff29;border-radius:5px;align-items:center;gap:6px;padding:0 9px;font-size:13px;display:inline-flex}.tb-btn:hover{background:#ffffff14}.userpill{align-items:center;gap:7px;font-size:13px;display:flex}.userpill .role{color:#c4d6fb;text-transform:uppercase;letter-spacing:.06em;background:#28397f;border-radius:999px;padding:1px 8px;font-size:11px}.side{background:var(--sidebar);flex-direction:column;gap:2px;padding:8px;display:flex}.nav{color:var(--on-chrome-mute);cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;font-size:13.5px;display:flex}.nav svg{stroke:currentColor;fill:none;stroke-width:1.7px;width:17px;height:17px}.nav:hover{color:var(--on-chrome);background:#ffffff0d}.nav.active{background:var(--accent);color:#fff;font-weight:600;box-shadow:0 1px 5px #2f6fed80}.nav .count{color:var(--on-chrome);text-align:center;background:#ffffff21;border-radius:999px;min-width:20px;margin-left:auto;padding:1px 8px;font-size:11px;font-weight:600}.nav.active .count{color:var(--pill-ink);background:#fff}.side .grp{color:var(--faint);letter-spacing:.14em;text-transform:uppercase;padding:12px 10px 4px;font-size:10px}.main{padding:20px 24px;overflow:auto}.ph{align-items:baseline;gap:12px;margin-bottom:4px;display:flex}.ph h1{color:var(--head);margin:0;font-size:19px;font-weight:600}.ph .meta{color:var(--muted);font-size:13px}.summary{flex-wrap:wrap;gap:8px;margin:14px 0 6px;display:flex}.stat{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;min-width:96px;padding:9px 14px}.stat .l{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:10px}.stat .v{color:var(--head);font-size:22px;line-height:1.15;font-family:var(--font-mono);font-variant-numeric:tabular-nums;margin-top:2px}.banner{background:var(--warn-soft);border:1px solid var(--warn);border-left:4px solid var(--warn-strong);color:var(--text);border-radius:8px;align-items:center;gap:11px;margin:12px 0;padding:11px 14px;font-size:13px;display:flex}.banner .bicon{background:var(--warn);border-radius:6px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.banner .bicon svg{stroke:#fff;fill:none;stroke-width:2.1px;width:16px;height:16px}.banner b{color:var(--warn-strong);font-weight:600}.banner.crit{background:var(--bad-soft);border-color:var(--bad);border-left-color:var(--bad)}.banner.crit .bicon{background:var(--bad)}.grouphdr{border-bottom:2px solid var(--head);align-items:center;gap:10px;margin:22px 0 10px;padding-bottom:7px;display:flex}.grouphdr h2{color:var(--head);margin:0;font-size:14px;font-weight:600}.grouphdr .roll{color:var(--muted);gap:10px;margin-left:4px;font-size:12.5px;display:flex}.grouphdr .roll .mono{color:var(--text)}.grouphdr .gspace{flex:1}.grouphdr .deg{color:var(--warn);font-size:12px;font-weight:500}.cards{grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:10px;display:grid}.box{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);cursor:pointer;border-radius:8px;padding:12px 13px;transition:border-color .12s,transform 80ms}.box:hover{border-color:var(--accent);transform:translateY(-1px)}.box.off{opacity:.66}.box .nm{color:var(--head);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.dot{border-radius:999px;flex:none;width:9px;height:9px}.dot.ok{background:var(--teal);box-shadow:0 0 0 3px #12c79a2e}.dot.warn{background:var(--warn)}.dot.bad{background:var(--bad)}.dot.off{background:var(--off)}.box .verdict{text-transform:uppercase;letter-spacing:.07em;border:1px solid #0000;border-radius:999px;margin-left:auto;padding:2px 8px;font-size:10px;font-weight:600}.v-ok{color:var(--ok-strong);background:var(--ok-soft);border-color:var(--ok)}.v-warn{color:var(--warn-strong);background:var(--warn-soft);border-color:var(--warn)}.v-off{color:var(--off-strong);background:var(--sunken);border-color:var(--border-strong)}.box .host{font-family:var(--font-mono);color:var(--muted);margin-top:6px;font-size:11.5px}.box .kpis{gap:14px;margin-top:10px;display:flex}.box .kpi .kl{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:10px}.box .kpi .kv{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--head);margin-top:1px;font-size:15px}.fleetbar{background:var(--chrome);color:var(--on-chrome);align-items:center;gap:12px;padding:7px 14px;font-size:13px;display:flex}.fleetbar .back{color:#dbe7ff;font:inherit;cursor:pointer;background:#28397f;border:none;border-radius:5px;align-items:center;gap:6px;padding:4px 10px;font-size:12.5px;display:inline-flex}.fleetbar .crumb{color:var(--on-chrome-mute)}.fleetbar .crumb b{color:#fff}.fleetbar .live{color:var(--teal-lit);align-items:center;gap:6px;margin-left:auto;font-size:12.5px;display:flex}.proxywrap{background:var(--canvas);height:calc(100vh - 86px);display:flex}.pxsb{background:var(--sidebar-2);width:128px;color:var(--on-chrome-mute);flex-direction:column;gap:2px;padding:10px 8px;font-size:12.5px;display:flex}.pxsb .pn{border-radius:5px;padding:6px 9px}.pxsb .pn.on{background:var(--accent);color:#fff}.pxsb .pn:hover:not(.on){background:#ffffff0f}.pxmain{flex-direction:column;flex:1;display:flex}.pxtop{background:var(--card);border-bottom:1px solid var(--border);color:var(--head);align-items:center;gap:10px;padding:8px 14px;font-size:12.5px;display:flex}.pxtag{color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:1px 8px;font-size:10px}.pxbody{grid-template-columns:repeat(4,1fr);align-content:start;gap:10px;padding:16px;display:grid}.pxkpi{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:12px}.pxkpi .l{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:10px}.pxkpi .v{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--head);margin-top:4px;font-size:24px}.pxnote{color:var(--faint);text-align:center;grid-column:1/5;margin-top:2px;font-size:11.5px}.soon{height:60vh;color:var(--faint);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.soon svg{stroke:currentColor;fill:none;stroke-width:1.5px;width:34px;height:34px}.soon .ph2{color:var(--muted);font-size:16px}.soon .badge{border:1px solid var(--border-strong);color:var(--muted);border-radius:999px;padding:2px 10px;font-size:11px}.ds-btn{font:inherit;cursor:pointer;border:none;border-radius:5px;justify-content:center;align-items:center;gap:7px;height:36px;padding:0 16px;font-size:14px;font-weight:600;transition:filter .1s,opacity .1s;display:inline-flex}.ds-btn:disabled{opacity:.5;cursor:not-allowed}.ds-btn.primary{background:var(--accent);color:#fff}.ds-btn.primary:hover:not(:disabled){filter:brightness(1.07)}.ds-btn.secondary{color:var(--text);border:1px solid var(--border-strong);background:0 0}.ds-btn.secondary:hover:not(:disabled){background:var(--sunken)}.ds-btn.ghost{color:var(--muted);background:0 0;border:none}.ds-btn.ghost:hover:not(:disabled){color:var(--text);background:var(--sunken)}.ds-btn.danger{background:var(--bad);color:#fff}.ds-btn.danger:hover:not(:disabled){filter:brightness(1.07)}.ds-btn.full-width{width:100%}.ds-btn.sm{height:28px;padding:0 10px;font-size:13px}.ds-field{flex-direction:column;gap:5px;display:flex}.ds-field .ds-label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:11px}.ds-field .ds-input{border:1px solid var(--border-strong);background:var(--canvas);width:100%;height:36px;color:var(--text);font:inherit;border-radius:5px;padding:0 10px;font-size:14px}.ds-field .ds-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.ds-field .ds-input.error{border-color:var(--bad)}.ds-field .ds-hint{color:var(--muted);font-size:11.5px}.ds-field .ds-error{color:var(--bad);font-size:11.5px}.ds-card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;padding:16px}.ds-card .ds-card-title{color:var(--head);margin:0 0 12px;font-size:13px;font-weight:600}.ds-badge{text-transform:uppercase;letter-spacing:.07em;border:1px solid #0000;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.ds-badge.ok{color:var(--ok-strong);background:var(--ok-soft);border-color:var(--ok)}.ds-badge.warn{color:var(--warn-strong);background:var(--warn-soft);border-color:var(--warn)}.ds-badge.off{color:var(--off-strong);background:var(--sunken);border-color:var(--border-strong)}.ds-dot{border-radius:999px;flex:none;width:9px;height:9px;display:inline-block}.ds-dot.ok{background:var(--teal);box-shadow:0 0 0 3px #12c79a2e}.ds-dot.warn{background:var(--warn)}.ds-dot.bad{background:var(--bad)}.ds-dot.off{background:var(--off)}