:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#0d0d0d;--surface-1:#1a1a19;--surface-2:#222220;--surface-3:#2c2c2a;--text-primary:#fff;--text-secondary:#c3c2b7;--text-muted:#898781;--border:#ffffff1a;--border-strong:#ffffff2e;--gridline:#2c2c2a;--axis:#383835;--series-1:#3987e5;--series-2:#d95926;--series-3:#199e70;--series-4:#c98500;--series-5:#d55181;--series-6:#008300;--series-7:#9085e9;--series-8:#e66767;--ramp-1:#86b6ef;--ramp-2:#3987e5;--ramp-3:#1c5cab;--good:#0ca30c;--warning:#fab219;--serious:#ec835a;--critical:#d03b3b;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--radius:10px;--radius-sm:6px;--tap:40px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--page);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:14px;line-height:1.45}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--page)}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#3d3d3a}:focus-visible{outline:2px solid var(--series-1);outline-offset:2px}.shell{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:1560px;margin:0 auto;padding:0 20px}.stack{gap:16px;display:grid}.stack-sm{gap:10px;display:grid}.split-2,.split-3,.split-1-2{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=900px){.split-2{grid-template-columns:1fr 1fr}.split-1-2{grid-template-columns:minmax(280px,1fr) 2fr}}@media (width>=1200px){.split-3{grid-template-columns:repeat(3,1fr)}}.topbar{z-index:30;background:var(--surface-1);border-bottom:1px solid var(--border);position:sticky;top:0}.topbar-inner{flex-wrap:wrap;align-items:center;gap:14px;padding:10px 0;display:flex}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark{border-radius:var(--radius-sm);background:var(--surface-3);width:34px;height:34px;color:var(--text-secondary);flex-shrink:0;place-items:center;display:grid}.brand-text{flex-direction:column;min-width:0;display:flex}.brand-host{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.brand-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.topbar-spacer{flex:auto}.topbar-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tabs{scrollbar-width:none;border-bottom:1px solid var(--border);background:var(--surface-1);z-index:25;scroll-snap-type:x proximity;gap:2px;display:flex;position:sticky;top:55px;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{appearance:none;color:var(--text-muted);font:inherit;height:42px;min-height:var(--tap);white-space:nowrap;cursor:pointer;scroll-snap-align:start;background:0 0;border:none;border-bottom:2px solid #0000;flex:none;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex}.tab:hover{color:var(--text-secondary)}.tab[aria-selected=true]{color:var(--text-primary);border-bottom-color:var(--series-1)}.tab-count{font-variant-numeric:tabular-nums;background:var(--surface-3);color:var(--text-secondary);border-radius:9px;padding:1px 6px;font-size:11px}.tab-count.is-critical{color:#f3a3a3;background:#d03b3b38}.tab-count.is-warning{color:#f7cd72;background:#fab2192e}.panel{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);min-width:0}.panel-head{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:baseline;gap:10px;padding:12px 14px;display:flex}.panel-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);font-size:12px;font-weight:600}.panel-note{color:var(--text-muted);font-size:11.5px}.panel-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;min-width:0;margin-left:auto;display:flex}.panel-body{padding:14px}.panel-body-flush{padding:0}.kpi-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}@media (width>=620px){.kpi-grid{grid-template-columns:repeat(3,1fr);gap:10px}}@media (width>=900px){.kpi-grid{grid-template-columns:repeat(4,1fr)}}.kpi{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);text-align:left;min-width:0;font:inherit;color:inherit;cursor:pointer;appearance:none;flex-direction:column;gap:6px;padding:11px 12px 9px;display:flex}.kpi:hover{border-color:var(--border-strong)}.kpi[aria-pressed=true]{border-color:var(--series-1)}.kpi-label{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;font-size:11.5px;display:flex;overflow:hidden}.kpi-value{letter-spacing:-.02em;align-items:baseline;gap:3px;font-size:25px;font-weight:600;line-height:1.05;display:flex}.kpi-unit{color:var(--text-muted);font-size:13px;font-weight:500}.kpi-meta{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.kpi-spark{height:26px;margin:0 -2px -2px}@media (width<=640px){.kpi-value{font-size:21px}.kpi-spark{height:20px}}.is-good{color:var(--good)}.is-warning{color:var(--warning)}.is-serious{color:var(--serious)}.is-critical{color:var(--critical)}.meter{gap:5px;min-width:0;display:grid}.meter-head{align-items:baseline;gap:8px;min-width:0;font-size:12.5px;display:flex}.meter-name{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.meter-value{font-variant-numeric:tabular-nums;flex-shrink:0;margin-left:auto;font-weight:600}.meter-track{background:#3987e529;border-radius:4px;height:8px;overflow:hidden}.meter-fill{background:var(--series-1);border-radius:4px;height:100%;transition:width .4s}.meter-track.is-warning{background:#fab21929}.meter-fill.is-warning{background:var(--warning)}.meter-track.is-critical{background:#d03b3b2e}.meter-fill.is-critical{background:var(--critical)}.meter-foot{color:var(--text-muted);font-variant-numeric:tabular-nums;justify-content:space-between;gap:8px;font-size:11.5px;display:flex}.core-grid{grid-template-columns:repeat(auto-fit,minmax(44px,84px));justify-content:start;gap:6px;display:grid}.core{justify-items:center;gap:4px;display:grid}.core-bar{background:#3987e524;border-radius:3px;align-items:flex-end;width:100%;height:54px;display:flex;overflow:hidden}.core-fill{background:var(--series-1);width:100%;transition:height .4s}.core-fill.is-warning{background:var(--warning)}.core-fill.is-critical{background:var(--critical)}.core-label{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:10px}.kv-grid{background:var(--border);border-radius:var(--radius-sm);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1px;display:grid;overflow:hidden}.kv{background:var(--surface-1);min-width:0;padding:9px 11px}.kv-label{color:var(--text-muted);margin-bottom:2px;font-size:11px}.kv-value{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:13px;font-weight:500}.kv-value.is-mono{font-family:var(--font-mono);font-size:12px}.rows{display:grid}.row{border-bottom:1px solid var(--border);align-items:baseline;gap:10px;min-width:0;padding:6px 0;font-size:12.5px;display:flex}.row:last-child{border-bottom:none}.row-label{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.row-value{font-variant-numeric:tabular-nums;flex-shrink:0;margin-left:auto;font-weight:500}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}table.data{border-collapse:collapse;width:100%;font-size:12.5px}table.data th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;background:var(--surface-1);z-index:1;padding:8px 12px;font-size:10.5px;font-weight:600;position:sticky;top:0}table.data td{border-bottom:1px solid var(--border);white-space:nowrap;vertical-align:middle;padding:7px 12px}table.data tbody tr:last-child td{border-bottom:none}table.data tbody tr:hover{background:var(--surface-2)}.num{font-variant-numeric:tabular-nums;text-align:right}th.num{text-align:right}th.col-fill{width:100%}.cell-strong{color:var(--text-primary);font-weight:600}.cell-dim{color:var(--text-muted)}.cell-mono{font-family:var(--font-mono);font-size:11.5px}.cell-truncate{text-overflow:ellipsis;max-width:320px;overflow:hidden}.cell-wide{max-width:460px}@media (width<=1100px){.col-lg{display:none}}@media (width<=820px){.col-md{display:none}}@media (width<=560px){.col-sm{display:none}}.badge{letter-spacing:.03em;background:var(--surface-3);color:var(--text-secondary);white-space:nowrap;border-radius:5px;align-items:center;gap:5px;padding:2px 7px;font-size:11px;font-weight:600;display:inline-flex}.badge.is-good{color:#5fce5f;background:#0ca30c29}.badge.is-warning{color:#f7cd72;background:#fab21929}.badge.is-serious{color:#f3b295;background:#ec835a29}.badge.is-critical{color:#f3a3a3;background:#d03b3b33}.badge.is-neutral{background:var(--surface-3);color:var(--text-muted)}.status-pill{white-space:nowrap;border:1px solid #0000;border-radius:15px;align-items:center;gap:6px;height:30px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.status-pill.is-good{color:#5fce5f;background:#0ca30c24;border-color:#0ca30c4d}.status-pill.is-warning{color:#f7cd72;background:#fab21924;border-color:#fab21952}.status-pill.is-critical{color:#f3a3a3;background:#d03b3b29;border-color:#d03b3b5c}.dot{background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px}.dot-live{animation:2.4s ease-in-out infinite dot-pulse}@keyframes dot-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.dot-live{animation:none}*{transition-duration:.01ms!important}}.alert-list{background:var(--border);gap:1px;display:grid}.alert{background:var(--surface-1);align-items:flex-start;gap:10px;padding:10px 14px;display:flex}.alert-icon{flex-shrink:0;margin-top:1px}.alert-body{min-width:0}.alert-title{margin-bottom:1px;font-size:13px;font-weight:600}.alert-detail{color:var(--text-secondary);overflow-wrap:anywhere;font-size:12px}.alert-tag{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;margin-left:auto;padding-left:8px;font-size:10.5px}@media (width<=560px){.alert-tag{display:none}}@media (width<=700px){.brand{flex:100%}.topbar-spacer{display:none}.topbar-controls{flex:100%;justify-content:space-between}.status-pill .pill-detail{display:none}}.chart{width:100%;height:190px}.chart-sm{height:130px}.chart-lg{height:260px}@media (width<=640px){.chart{height:165px}.chart-lg{height:200px}}.chart-legend{color:var(--text-secondary);flex-wrap:wrap;gap:4px 14px;padding:0 0 10px;font-size:11.5px;display:flex}.legend-item{align-items:center;gap:6px;display:inline-flex}.legend-line{border-radius:1px;flex-shrink:0;width:14px;height:2px}.legend-rect{border-radius:2px;flex-shrink:0;width:10px;height:10px}.tooltip{background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);min-width:150px;padding:8px 10px;font-size:12px;box-shadow:0 6px 20px #00000080}.tooltip-time{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-bottom:5px;font-size:11px}.tooltip-row{align-items:center;gap:8px;padding:1px 0;display:flex}.tooltip-value{font-variant-numeric:tabular-nums;color:var(--text-primary);margin-left:auto;font-weight:600}.tooltip-name{color:var(--text-secondary)}.btn{appearance:none;font:inherit;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);height:30px;min-height:30px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 11px;font-size:12.5px;font-weight:500;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-3);color:var(--text-primary)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--series-1);border-color:var(--series-1);color:#fff;font-weight:600}.btn-primary:hover:not(:disabled){color:#fff;background:#4d94e9;border-color:#4d94e9}.btn-icon{width:30px;padding:0}.btn-danger:hover:not(:disabled){color:#f3a3a3;border-color:#d03b3b66}@media (pointer:coarse){.btn{height:var(--tap);min-height:var(--tap);padding:0 14px}.btn-icon{width:var(--tap)}}.select{appearance:none;font:inherit;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23898781' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E") no-repeat right 9px center;height:30px;color:var(--text-secondary);cursor:pointer;padding:0 26px 0 10px;font-size:12.5px}@media (pointer:coarse){.select{height:var(--tap)}}.input{appearance:none;font:inherit;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);width:100%;height:32px;color:var(--text-primary);padding:0 10px;font-size:13px}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--series-1);outline:none}@media (pointer:coarse){.input{height:var(--tap);font-size:16px}}.search{flex:150px;align-items:center;min-width:0;max-width:230px;display:flex;position:relative}.search svg{color:var(--text-muted);pointer-events:none;position:absolute;left:9px}.search .input{padding-left:30px}.segmented{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);display:inline-flex;overflow:hidden}.segmented button{appearance:none;font:inherit;color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;height:28px;padding:0 9px;font-size:12px}.segmented button+button{border-left:1px solid var(--border)}.segmented button[aria-pressed=true]{background:var(--surface-3);color:var(--text-primary)}@media (pointer:coarse){.segmented button{height:36px;padding:0 12px}}.modal-backdrop{z-index:100;background:#000000b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--surface-1);border:1px solid var(--border-strong);border-radius:var(--radius);flex-direction:column;width:100%;max-width:1000px;max-height:88vh;display:flex;overflow:hidden}@media (width<=640px){.modal-backdrop{padding:0}.modal{border:none;border-radius:0;max-width:none;height:100%;max-height:none}}.modal-head{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;display:flex}.modal-body{flex:1;padding:14px;overflow:auto}.log-view{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;background:#0a0a0a;max-height:60vh;margin:0;padding:10px 12px;font-size:11.5px;line-height:1.55;overflow:auto}.login-wrap{place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:360px;padding:24px}.login-field{gap:5px;margin-bottom:12px;display:grid}.login-label{color:var(--text-muted);font-size:11.5px;font-weight:500}.empty{text-align:center;color:var(--text-muted);padding:28px 16px;font-size:12.5px}.notice{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text-secondary);align-items:flex-start;gap:9px;padding:10px 12px;font-size:12.5px;display:flex}.notice.is-critical{background:#d03b3b17;border-color:#d03b3b5c}.notice.is-warning{background:#fab21914;border-color:#fab21952}.is-refetching{opacity:.62;transition:opacity .15s}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.footer{color:var(--text-muted);flex-wrap:wrap;gap:6px 16px;padding:18px 0 26px;font-size:11.5px;display:flex}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.prune-list{flex-direction:column;gap:2px;display:flex}.prune-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.prune-row:last-child{border-bottom:none}.prune-meta{min-width:0}.prune-title{color:var(--text-primary);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.prune-desc{color:var(--text-secondary);max-width:62ch;margin:4px 0 0;font-size:12px;line-height:1.5}.prune-row .btn{flex-shrink:0}.btn-ghost{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.btn-ghost:hover{background:var(--surface-3);color:var(--text-primary)}.footnote{color:var(--text-secondary);align-items:center;gap:6px;margin:12px 0 0;font-size:11px;display:flex}