:root{--void: #050912;--deep: #080e1b;--panel: #0d1524;--panel-2: #111b2e;--rail: #1b2740;--rail-hi: #2a3b5e;--ink: #e4edfb;--ink-2: #a8bad4;--ink-3: #6d80a0;--signal: #37e2f0;--ok: #3ddc97;--warn: #ffb43d;--crit: #ff4d6d;--maint: #7c8db0;--vault: #8b7dff;--r-sm: 4px;--r-md: 8px;--r-lg: 14px;--mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;--display: "Chakra Petch", "Segoe UI", sans-serif;--body: "Inter Tight", "Inter", -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1200px 600px at 12% -10%,rgba(55,226,240,.07),transparent 60%),radial-gradient(900px 500px at 95% 0%,rgba(139,125,255,.06),transparent 55%),var(--void);background-attachment:fixed;color:var(--ink);font-family:var(--body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}a{color:inherit;text-decoration:none}::selection{background:#37e2f047}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--deep)}::-webkit-scrollbar-thumb{background:var(--rail);border-radius:20px;border:2px solid var(--deep)}::-webkit-scrollbar-thumb:hover{background:var(--rail-hi)}:focus-visible{outline:2px solid var(--signal);outline-offset:2px;border-radius:var(--r-sm)}.topbar{position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:22px;padding:0 22px;height:64px;background:#080e1be0;backdrop-filter:blur(14px);border-bottom:1px solid var(--rail)}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-mark{width:38px;height:38px;flex-shrink:0;filter:drop-shadow(0 0 10px rgba(55,226,240,.35))}.brand-text{display:flex;flex-direction:column;line-height:1.12}.brand-name{font-family:var(--display);font-weight:700;font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}.brand-sub{font-family:var(--mono);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--signal)}.topnav{display:flex;gap:2px;margin-left:14px;overflow-x:auto;scrollbar-width:none}.topnav::-webkit-scrollbar{display:none}.topnav a{padding:8px 13px;border-radius:var(--r-md);font-size:13px;font-weight:500;color:var(--ink-3);white-space:nowrap;transition:color .15s,background .15s}.topnav a:hover{color:var(--ink);background:#ffffff0a}.topnav a[aria-current=page]{color:var(--signal);background:#37e2f017;box-shadow:inset 0 -2px 0 var(--signal)}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:14px}.clock{font-family:var(--mono);font-size:13px;color:var(--ink-2);letter-spacing:.04em;font-variant-numeric:tabular-nums}.clock small{display:block;font-size:9.5px;color:var(--ink-3);letter-spacing:.14em;text-transform:uppercase}.live-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border:1px solid rgba(61,220,151,.35);background:#3ddc9714;border-radius:100px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ok)}.live-pill.is-warn{border-color:#ffb43d66;background:#ffb43d14;color:var(--warn)}.live-pill.is-crit{border-color:#ff4d6d73;background:#ff4d6d1a;color:var(--crit)}.pulse-dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 0 currentColor;animation:pulse 2.4s infinite}@keyframes pulse{0%{box-shadow:0 0 #3ddc9780}70%{box-shadow:0 0 0 8px #3ddc9700}to{box-shadow:0 0 #3ddc9700}}.wrap{max-width:1560px;margin:0 auto;padding:24px 22px 72px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px;flex-wrap:wrap}h1{font-family:var(--display);font-size:24px;font-weight:600;letter-spacing:-.01em;margin:0}.page-head p{margin:5px 0 0;color:var(--ink-3);font-size:13px;max-width:62ch}.eyebrow{font-family:var(--mono);font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--signal);margin:0 0 6px}.grid{display:grid;gap:14px}.g-kpi{grid-template-columns:repeat(auto-fit,minmax(168px,1fr))}.g-2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.g-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.g-main{grid-template-columns:minmax(0,2.15fr) minmax(300px,1fr)}@media(max-width:1080px){.g-main{grid-template-columns:1fr}}.stack{display:flex;flex-direction:column;gap:14px}.mt{margin-top:14px}.mt-lg{margin-top:26px}.panel{background:linear-gradient(180deg,var(--panel-2) 0%,var(--panel) 100%);border:1px solid var(--rail);border-radius:var(--r-lg);padding:16px 18px;position:relative;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-title{font-family:var(--display);font-size:13px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--ink);margin:0}.panel-sub{font-family:var(--mono);font-size:10.5px;color:var(--ink-3);letter-spacing:.08em}.kpi{background:linear-gradient(160deg,var(--panel-2),var(--panel));border:1px solid var(--rail);border-radius:var(--r-lg);padding:15px 16px 14px;position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:var(--accent, var(--signal));opacity:.85}.kpi-label{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin-bottom:9px}.kpi-value{font-family:var(--display);font-size:27px;font-weight:600;letter-spacing:-.015em;font-variant-numeric:tabular-nums;line-height:1.05}.kpi-value small{font-size:14px;color:var(--ink-3);font-weight:500;margin-left:3px}.kpi-foot{margin-top:8px;display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--ink-3)}.delta{font-family:var(--mono);font-size:11px;padding:2px 6px;border-radius:var(--r-sm)}.delta.up{color:var(--ok);background:#3ddc971a}.delta.down{color:var(--crit);background:#ff4d6d1a}.delta.flat{color:var(--ink-3);background:#ffffff0d}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.dot.ok{background:var(--ok);box-shadow:0 0 7px #3ddc97b3}.dot.warn{background:var(--warn);box-shadow:0 0 7px #ffb43db3}.dot.crit{background:var(--crit);box-shadow:0 0 8px #ff4d6dd9;animation:blink 1.3s infinite}.dot.maint{background:var(--maint)}@keyframes blink{50%{opacity:.32}}.tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10.5px;padding:3px 8px;border-radius:100px;border:1px solid var(--rail);color:var(--ink-2);letter-spacing:.06em;white-space:nowrap}.tag.ok{color:var(--ok);border-color:#3ddc974d;background:#3ddc9712}.tag.warn{color:var(--warn);border-color:#ffb43d4d;background:#ffb43d12}.tag.crit{color:var(--crit);border-color:#ff4d6d59;background:#ff4d6d14}.tag.maint{color:var(--maint);border-color:var(--rail)}.tag.shop{color:var(--signal);border-color:#37e2f04d;background:#37e2f012}.tag.web{color:var(--vault);border-color:#8b7dff4d;background:#8b7dff12}.rack-stage{overflow-x:auto;padding:4px 0 12px}.rack-svg{display:block;min-width:1080px;width:100%;height:auto}.u-slot{cursor:pointer}.u-body{transition:fill .15s,stroke .15s}.u-slot:hover .u-body{fill:#1d2b47;stroke:var(--signal)}.u-slot.is-dim{opacity:.22}.u-label{font-family:var(--mono);font-size:8.5px;fill:var(--ink-3);letter-spacing:.02em;pointer-events:none}.u-slot:hover .u-label{fill:var(--ink)}.u-bar{pointer-events:none}.link-line{fill:none;stroke:#3a5183;stroke-width:1;opacity:.42;transition:stroke .15s,opacity .15s,stroke-width .15s}.link-line.is-hot{stroke:var(--signal);opacity:1;stroke-width:2;filter:drop-shadow(0 0 5px rgba(55,226,240,.8))}.link-line.is-cold{opacity:.07}.link-line.is-fail{stroke:var(--warn);opacity:.85;stroke-dasharray:4 3}.rack-frame{fill:#0a1120;stroke:var(--rail);stroke-width:1}.rack-label{font-family:var(--display);font-size:12px;font-weight:600;fill:var(--ink-2);letter-spacing:.16em}.rack-meta{font-family:var(--mono);font-size:9px;fill:var(--ink-3);letter-spacing:.1em}#rack-tip{position:fixed;z-index:200;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .12s;background:#080e1bf7;border:1px solid var(--rail-hi);border-radius:var(--r-md);padding:11px 13px;min-width:232px;box-shadow:0 16px 40px #0009}#rack-tip.on{opacity:1;transform:translateY(0)}#rack-tip .tip-id{font-family:var(--display);font-size:13px;font-weight:600;letter-spacing:.06em}#rack-tip .tip-row{display:flex;justify-content:space-between;gap:16px;font-family:var(--mono);font-size:11px;color:var(--ink-3);margin-top:4px}#rack-tip .tip-row b{color:var(--ink);font-weight:500}#rack-tip hr{border:0;border-top:1px solid var(--rail);margin:9px 0}.legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-family:var(--mono);font-size:10.5px;color:var(--ink-3);letter-spacing:.06em}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:9px;height:9px;border-radius:2px;display:inline-block}.chart{display:block;width:100%;height:auto;overflow:visible}.axis-line{stroke:var(--rail);stroke-width:1}.grid-line{stroke:var(--rail);stroke-width:1;opacity:.42;stroke-dasharray:2 4}.axis-text{font-family:var(--mono);font-size:9.5px;fill:var(--ink-3)}.chart-legend{display:flex;gap:14px;font-family:var(--mono);font-size:10.5px;color:var(--ink-3)}.chart-legend span{display:inline-flex;align-items:center;gap:6px}.chart-legend i{width:10px;height:3px;border-radius:2px}.bar-track{fill:var(--rail);opacity:.5}.bar-fill{transition:opacity .15s}.bar-fill:hover{opacity:.8}.heat-cell{transition:opacity .15s}.heat-cell:hover{stroke:var(--ink);stroke-width:1}.table-scroll{overflow-x:auto;margin:0 -18px;padding:0 18px}table.data{width:100%;border-collapse:collapse;font-size:12.5px;min-width:900px}table.data th{text-align:left;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:500;padding:8px 10px;border-bottom:1px solid var(--rail);white-space:nowrap;position:sticky;top:0;background:var(--panel)}table.data td{padding:9px 10px;border-bottom:1px solid rgba(27,39,64,.55);white-space:nowrap;color:var(--ink-2)}table.data tbody tr{transition:background .12s}table.data tbody tr:hover{background:#37e2f00b}table.data .num{font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:right;color:var(--ink)}table.data .id{font-family:var(--mono);color:var(--ink);letter-spacing:.04em}.meter{width:62px;height:5px;border-radius:3px;background:var(--rail);overflow:hidden;display:inline-block;vertical-align:middle}.meter i{display:block;height:100%;border-radius:3px}.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px}.toolbar input[type=search]{background:var(--deep);border:1px solid var(--rail);border-radius:var(--r-md);color:var(--ink);padding:8px 12px;font-family:var(--mono);font-size:12px;min-width:190px}.toolbar input::placeholder{color:var(--ink-3)}.chip{background:transparent;border:1px solid var(--rail);color:var(--ink-3);border-radius:100px;padding:6px 13px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .15s}.chip:hover{color:var(--ink);border-color:var(--rail-hi)}.chip[aria-pressed=true]{color:var(--signal);border-color:#37e2f073;background:#37e2f017}.count-note{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--ink-3)}.alert-list{display:flex;flex-direction:column;gap:1px}.alert-row{display:grid;grid-template-columns:46px 10px 1fr auto;gap:11px;align-items:start;padding:10px 4px;border-bottom:1px solid rgba(27,39,64,.55)}.alert-row:last-child{border-bottom:0}.alert-ts{font-family:var(--mono);font-size:11px;color:var(--ink-3);padding-top:1px}.alert-bar{width:3px;height:100%;min-height:26px;border-radius:2px}.alert-bar.crit{background:var(--crit)}.alert-bar.warn{background:var(--warn)}.alert-bar.info{background:var(--rail-hi)}.alert-title{font-size:12.5px;color:var(--ink);font-weight:500}.alert-detail{font-size:11.5px;color:var(--ink-3);margin-top:2px}.alert-scope{font-family:var(--mono);font-size:10px;color:var(--ink-3);letter-spacing:.06em}.bignum{font-family:var(--display);font-size:20px;font-weight:600;font-variant-numeric:tabular-nums}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.muted{color:var(--ink-3)}.row{display:flex;align-items:center;gap:10px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:10px}.divider{height:1px;background:var(--rail);margin:12px 0}.stat-line{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid rgba(27,39,64,.5);font-size:12.5px}.stat-line:last-child{border-bottom:0}.stat-line span:first-child{color:var(--ink-3)}.stat-line span:last-child{font-family:var(--mono);color:var(--ink);font-variant-numeric:tabular-nums}footer.foot{border-top:1px solid var(--rail);margin-top:40px;padding:20px 22px 40px;font-family:var(--mono);font-size:10.5px;color:var(--ink-3);letter-spacing:.08em;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;max-width:1560px;margin-inline:auto}@media(max-width:720px){.topbar{height:auto;flex-wrap:wrap;padding:10px 14px;gap:10px}.topnav{order:3;width:100%;margin-left:0}.topbar-right{gap:10px}.clock{display:none}.wrap{padding:18px 14px 60px}h1{font-size:19px}.kpi-value{font-size:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.dot.heal{background:var(--signal);box-shadow:0 0 8px #37e2f0d9;animation:healpulse 1.1s ease-in-out infinite}@keyframes healpulse{50%{opacity:.35;transform:scale(.82)}}.tag.heal{color:var(--signal);border-color:#37e2f066;background:#37e2f017}.alert-bar.ok{background:var(--ok)}.empty-state{display:flex;align-items:center;gap:10px;padding:22px 4px;color:var(--ink-3);font-size:12.5px}.heal-banner{display:flex;align-items:center;gap:12px;padding:11px 14px;border:1px solid rgba(55,226,240,.28);background:#37e2f00f;border-radius:var(--r-md);font-size:12.5px;margin-bottom:12px}.heal-banner b{font-weight:500}.plan-pill{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;padding:2px 7px;border-radius:var(--r-sm);border:1px solid var(--rail);color:var(--ink-2)}.plan-pill.ded{color:var(--vault);border-color:#8b7dff59}.live-pill.is-heal{border-color:#37e2f073;background:#37e2f017;color:var(--signal)}