:root{color-scheme:light;--page:#f9f9f7;--surface:#fcfcfb;--text-primary:#0b0b0b;--text-secondary:#52514e;--text-muted:#898781;--grid:#e1e0d9;--baseline:#c3c2b7;--border:rgba(11,11,11,0.1);--series-1:#2a78d6;--series-1-hover:#1c5cab;--status-good:#0ca30c;--status-good-text:#006300;--status-warning:#fab219;--status-critical:#d03b3b}@media (prefers-color-scheme:dark){:root{color-scheme:dark;--page:#0d0d0d;--surface:#1a1a19;--text-primary:#ffffff;--text-secondary:#c3c2b7;--text-muted:#898781;--grid:#2c2c2a;--baseline:#383835;--border:rgba(255,255,255,0.1);--series-1:#3987e5;--series-1-hover:#6da7ec;--status-good-text:#0ca30c}}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--text-primary);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.5}.container{max-width:1040px;margin:0 auto;padding:32px 20px 64px}.header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px}.header h1{font-size:20px;font-weight:650;margin:0}.header .sub{color:var(--text-muted);font-size:13px;margin-top:2px}.controls{display:flex;align-items:center;gap:8px}button,select{font:inherit;color:var(--text-primary);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:7px 12px}button{cursor:pointer}button:hover{border-color:var(--baseline)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px;margin-bottom:12px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px}.card .label{color:var(--text-muted);font-size:12px;font-weight:550;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.card .value{font-size:26px;font-weight:650;line-height:1.2}.card .unit{font-size:14px;font-weight:450;color:var(--text-secondary);margin-left:4px}.card .hint{color:var(--text-muted);font-size:12px;margin-top:4px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:12px}.panel h2{font-size:14px;font-weight:650;margin:0 0 2px}.panel .sub{color:var(--text-muted);font-size:12px;margin-bottom:14px}.chart-wrap{position:relative}.tooltip{position:absolute;transform:translate(-50%,-100%);background:var(--text-primary);color:var(--surface);font-size:12px;padding:4px 8px;border-radius:6px;white-space:nowrap;pointer-events:none;z-index:5}.badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:550;padding:2px 8px;border-radius:999px;border:1px solid var(--border);color:var(--text-secondary);margin:1px 2px 1px 0}.badge.warning{color:var(--status-warning);border-color:currentColor}.badge.critical{color:var(--status-critical);border-color:currentColor}.badge.good{color:var(--status-good-text);border-color:currentColor}table{width:100%;border-collapse:collapse;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}th{text-align:left;color:var(--text-muted);font-size:12px;font-weight:550;text-transform:uppercase;letter-spacing:.04em;padding:8px 10px}td,th{border-bottom:1px solid var(--grid)}td{padding:9px 10px;color:var(--text-secondary)}td:first-child{color:var(--text-primary);font-weight:550}tbody tr{cursor:pointer}tbody tr:hover{background:color-mix(in srgb,var(--series-1) 6%,transparent)}tbody tr.selected{background:color-mix(in srgb,var(--series-1) 12%,transparent)}.num,th.num{text-align:right}.empty{text-align:center;color:var(--text-muted);padding:48px 16px}.empty code{background:color-mix(in srgb,var(--text-muted) 12%,transparent);padding:2px 6px;border-radius:6px;font-size:12px}.error{color:var(--status-critical);padding:12px 16px;border:1px solid var(--status-critical);border-radius:8px;margin-bottom:12px}