:root{--paper:#f4f7f8;--panel:#fff;--ink:#16222b;--ink-2:#4a5b66;--ink-3:#7b8b94;--line:#d5dee2;--line-2:#b9c6cc;--supply:#0e7c86;--supply-soft:#e1eff0;--return:#c4552f;--return-soft:#f6e8e1;--good:#2e7d4f;--good-soft:#e3efe7;--warn:#a97a1a;--warn-soft:#f5edda;--crit:#b3382d;--crit-soft:#f5e3e1;--code-bg:#eaf0f1;--shadow:0 1px 2px #16222b0f, 0 8px 24px #16222b0d;--s1:#058b9e;--s2:#c4552f;--s3:#6b4fc8;--s4:#6f7d1c;--s5:#c2497e;--s6:#3566c4;--s1-soft:#058b9e24;--s2-soft:#c4552f24;--q1:#e4f1f3;--q2:#bfe0e4;--q3:#93cbd2;--q4:#62b2bd;--q5:#3597a6;--q6:#058b9e;--q7:#04707f;--q8:#035562;--q9:#023f49;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace}@media (prefers-color-scheme:dark){:root{--paper:#0d161c;--panel:#142028;--ink:#d9e4e9;--ink-2:#9db0ba;--ink-3:#6c7f8a;--line:#24343e;--line-2:#34474f;--supply:#3fb2bc;--supply-soft:#12333a;--return:#e07a50;--return-soft:#3a241a;--good:#55b47f;--good-soft:#16301f;--warn:#d2a24c;--warn-soft:#35290f;--crit:#e06a5e;--crit-soft:#3a1e1b;--code-bg:#1a2932;--shadow:0 1px 2px #0006, 0 8px 24px #0000004d;--s1:#17a5ba;--s2:#d96a3f;--s3:#8e77dd;--s4:#8c9b36;--s5:#d0679c;--s6:#5b86d9;--s1-soft:#17a5ba2e;--s2-soft:#d96a3f2e;--q1:#10262c;--q2:#0f3a42;--q3:#0d4e58;--q4:#0a626f;--q5:#077786;--q6:#17a5ba;--q7:#45b8c9;--q8:#74cbd8;--q9:#a5dee7}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:14.5px;line-height:1.55}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--supply);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.shell{grid-template-columns:224px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:var(--panel);height:100vh;padding:20px 14px;position:sticky;top:0;overflow-y:auto}.brand{border-bottom:1px solid var(--line);margin-bottom:14px;padding:4px 10px 18px}.brand-logo{margin:-34px 0 -38px -10px;display:block}@media (prefers-color-scheme:dark){.brand-logo{filter:invert()hue-rotate(180deg)}}.brand .site{color:var(--ink-2);margin-top:2px;font-size:12px}.brand .live{font-family:var(--font-mono);letter-spacing:.08em;color:var(--ink-3);text-transform:uppercase;align-items:center;gap:6px;margin-top:8px;font-size:10.5px;display:inline-flex}.brand .live i{background:var(--good);border-radius:50%;width:7px;height:7px;display:inline-block}.nav-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);padding:12px 10px 6px;font-size:10px}.nav-item{color:var(--ink-2);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:2px;padding:8px 10px;font-size:13.5px;font-weight:500;display:flex}.nav-item:hover{background:var(--code-bg);color:var(--ink)}.nav-item.active{background:var(--supply-soft);color:var(--supply);font-weight:650}.nav-badge{font-family:var(--font-mono);background:var(--warn-soft);color:var(--warn);border-radius:999px;padding:1px 7px;font-size:10.5px;font-weight:700}.sidebar .foot{border-top:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.06em;color:var(--ink-3);margin-top:24px;padding:12px 10px 0;font-size:10px;line-height:1.9}.main{min-width:0;padding:24px 28px 64px}.page-head{border-bottom:1px solid var(--line-2);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:20px;padding-bottom:14px;display:flex}.page-head .eyebrow{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:2px;font-size:10.5px}.page-head h1{letter-spacing:-.01em;margin:0;font-size:22px;font-weight:720}.page-head .meta{font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.04em;font-size:11px}.kpi-strip{grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:12px;margin-bottom:18px;display:grid}.kpi{background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--line-2);box-shadow:var(--shadow);border-radius:8px;padding:12px 14px}.kpi.ok{border-top-color:var(--good)}.kpi.w{border-top-color:var(--warn)}.kpi.c{border-top-color:var(--crit)}.kpi .k{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:10.5px}.kpi-val{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:23px;font-weight:700;line-height:1.3}.kpi-val small{color:var(--ink-3);font-size:12px;font-weight:500}.kpi .sub{color:var(--ink-3);font-size:11.5px}.kpi .sub.up{color:var(--crit)}.kpi .sub.dn{color:var(--good)}.grid{gap:14px;margin-bottom:14px;display:grid}.grid.c2{grid-template-columns:1.55fr 1fr}.grid.c2e{grid-template-columns:1fr 1fr}.grid.c3{grid-template-columns:repeat(3,1fr)}@media (max-width:1100px){.grid.c2,.grid.c2e,.grid.c3{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;min-width:0;padding:16px 18px}.panel-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.panel-title{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-size:11px;font-weight:600}.panel-hint{font-family:var(--font-mono);color:var(--ink-3);background:var(--code-bg);white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:10.5px}.pill{font-family:var(--font-mono);letter-spacing:.05em;white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:10.5px;font-weight:700;display:inline-block}.pill.run{background:var(--good-soft);color:var(--good)}.pill.off{background:var(--code-bg);color:var(--ink-3)}.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.crit{background:var(--crit-soft);color:var(--crit)}.pill.info{background:var(--supply-soft);color:var(--supply)}.rowline{border-bottom:1px dashed var(--line);justify-content:space-between;align-items:center;gap:10px;padding:9px 0;font-size:13.5px;display:flex}.rowline:last-child{border-bottom:none}.rowline .nm{font-weight:650}.rowline .nm small{color:var(--ink-3);margin-left:4px;font-weight:400}.rowline .meta{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink-2);white-space:nowrap;font-size:12.5px}.tbl-scroll{border:1px solid var(--line);border-radius:6px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--line-2);white-space:nowrap;background:var(--paper);padding:9px 12px;font-size:10.5px;font-weight:600}td{border-bottom:1px solid var(--line);vertical-align:middle;padding:8px 12px}tr:last-child td{border-bottom:none}td.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap}td.dim{color:var(--ink-3)}tbody tr:hover td{background:var(--code-bg)}.alarm-row{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:8px;align-items:flex-start;gap:12px;margin-bottom:10px;padding:12px 14px;display:flex}.sev{border-radius:2px;flex:none;align-self:stretch;width:4px}.sev.c{background:var(--crit)}.sev.w{background:var(--warn)}.sev.i{background:var(--supply)}.alarm-row .body{flex:1;min-width:0}.alarm-row .head{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.alarm-row .head b{font-size:14px}.alarm-row .desc{color:var(--ink-2);max-width:78ch;margin-top:3px;font-size:13px}.alarm-row .when{color:var(--ink-3);white-space:nowrap;font-size:11px;font-family:var(--font-mono)}.alarm-row .actions{gap:8px;margin-top:10px;display:flex}.btn{font-family:var(--font-mono);letter-spacing:.04em;border:1px solid var(--line-2);background:var(--panel);color:var(--ink-2);cursor:pointer;border-radius:6px;padding:4px 12px;font-size:11px}.btn:hover{background:var(--code-bg);color:var(--ink)}.btn.primary{background:var(--supply);border-color:var(--supply);color:#fff}.mono{font-family:var(--font-mono)}.muted{color:var(--ink-3)}.money{font-variant-numeric:tabular-nums}.legend{color:var(--ink-2);flex-wrap:wrap;gap:6px 16px;margin-bottom:8px;font-size:12px;display:flex}.legend .it{align-items:center;gap:6px;display:inline-flex}.legend .sw{border-radius:3px;width:10px;height:10px;display:inline-block}.healthbar{background:var(--code-bg);border-radius:999px;height:6px;overflow:hidden}.healthbar>i{border-radius:999px;height:100%;display:block}.asset-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;padding:14px 16px;display:block}.asset-card:hover{border-color:var(--supply)}.asset-card .top{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.asset-card .nm{font-size:15px;font-weight:700}.asset-card .stat{font-family:var(--font-mono);color:var(--ink-2);font-variant-numeric:tabular-nums;justify-content:space-between;margin:8px 0;font-size:12px;display:flex}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin-bottom:20px;display:grid}.section-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin:26px 0 10px;font-size:11px;font-weight:600}.notice{border:1px solid var(--line);border-left:3px solid var(--supply);background:var(--panel);color:var(--ink-2);border-radius:0 8px 8px 0;margin:14px 0;padding:12px 16px;font-size:13px}.notice.warn{border-left-color:var(--warn)}.range-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.range-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-size:10.5px;font-weight:600}.range-seg{border:1px solid var(--line-2);background:var(--panel);border-radius:6px;display:inline-flex;overflow:hidden}.range-btn{font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink-2);border:none;border-right:1px solid var(--line);cursor:pointer;background:0 0;padding:5px 13px;font-size:11px}.range-btn:last-child{border-right:none}.range-btn:hover{background:var(--code-bg);color:var(--ink)}.range-btn.active{background:var(--supply-soft);color:var(--supply);font-weight:700}.range-dates{align-items:center;gap:8px;display:inline-flex}.range-dates input[type=date]{font-family:var(--font-mono);background:var(--code-bg);border:1px solid var(--line-2);color:var(--ink);border-radius:5px;padding:4px 8px;font-size:11.5px}.range-arrow{color:var(--ink-3);font-family:var(--font-mono);font-size:11px}.chart-wrap{width:100%;position:relative}.chart-tip{pointer-events:none;background:var(--ink);color:var(--paper);font-family:var(--font-mono);white-space:nowrap;z-index:10;box-shadow:var(--shadow);border-radius:6px;padding:6px 10px;font-size:11px;line-height:1.6;position:absolute;transform:translate(-50%,calc(-100% - 10px))}.chart-tip .t-title{color:var(--line-2);letter-spacing:.06em;text-transform:uppercase;font-size:9.5px}.twin-shell{border:1px solid var(--line-2);height:calc(100vh - 150px);min-height:520px;box-shadow:var(--shadow);background:#0d161c;border-radius:10px;position:relative;overflow:hidden}.twin-canvas{position:absolute;inset:0}.twin-canvas canvas{display:block}.twin-hud{color:#d9e4e9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d161cdb;border:1px solid #24343e;border-radius:8px;position:absolute}.twin-topleft{max-width:460px;padding:12px 16px;top:14px;left:14px}.twin-title{font-family:var(--font-mono);letter-spacing:.1em;color:#3fb2bc;margin-bottom:8px;font-size:12px;font-weight:700}.twin-kpis{font-family:var(--font-mono);color:#9db0ba;font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 16px;font-size:11.5px;display:flex}.twin-kpis b{color:#d9e4e9;font-size:13px}.twin-hint{color:#6c7f8a;font-size:11px;font-family:var(--font-mono);margin-top:8px}.twin-legend{font-size:11.5px;font-family:var(--font-mono);color:#9db0ba;flex-wrap:wrap;gap:6px 14px;padding:8px 14px;display:flex;bottom:14px;left:14px}.twin-legend .it{align-items:center;gap:6px;display:inline-flex}.twin-legend .it i{border-radius:3px;width:12px;height:6px;display:inline-block}.twin-panel{width:290px;padding:14px 16px;top:14px;right:14px}.twin-panel-title{font-family:var(--font-mono);letter-spacing:.06em;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;font-size:14px;font-weight:700;display:flex}.twin-dim{color:#9db0ba;margin:0 0 8px;font-size:12.5px}.twin-rows>div{border-bottom:1px dashed #24343e;justify-content:space-between;gap:10px;padding:6px 0;font-size:12.5px;display:flex}.twin-rows>div:last-child{border-bottom:none}.twin-rows span{color:#9db0ba}.twin-rows b{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.twin-actions{gap:8px;margin-top:12px;display:flex}.twin-actions .btn{color:#d9e4e9;background:0 0;border-color:#34474f;padding:7px 18px;font-size:12px}.twin-actions .btn.primary{color:#fff;background:#0e7c86;border-color:#0e7c86}.twin-actions .btn.danger{color:#fff;background:#b3382d;border-color:#b3382d}.twin-toasts{pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.twin-toast{font-family:var(--font-mono);color:#d9e4e9;white-space:nowrap;text-overflow:ellipsis;background:#0d161ceb;border:1px solid #34474f;border-radius:6px;max-width:90vw;padding:8px 16px;font-size:12px;overflow:hidden}.twin-toast.crit{color:#ffb4ab;border-color:#e05a4e}.twin-toast.warn{color:#ecd9ae;border-color:#d2a24c}.axis-note{font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.05em;justify-content:space-between;margin-top:6px;font-size:10px;display:flex}