:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface-1:#fcfcfb;--page-plane:#f9f9f7;--text-primary:#0b0b0b;--text-secondary:#52514e;--text-muted:#898781;--gridline:#e1e0d9;--baseline:#c3c2b7;--border:#0b0b0b1a;--series-1:#2a78d6;--series-1-light:#9ec5f4;--status-good:#0ca30c;--status-warning:#fab219;--status-critical:#d03b3b}@media (prefers-color-scheme:dark){:root:where(:not([data-theme=light])){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-1:#1a1a19;--page-plane:#0d0d0d;--text-primary:#fff;--text-secondary:#c3c2b7;--text-muted:#898781;--gridline:#2c2c2a;--baseline:#383835;--border:#ffffff1a;--series-1:#3987e5;--series-1-light:#184f95;--status-good:#0ca30c;--status-warning:#fab219;--status-critical:#d03b3b}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-1:#1a1a19;--page-plane:#0d0d0d;--text-primary:#fff;--text-secondary:#c3c2b7;--text-muted:#898781;--gridline:#2c2c2a;--baseline:#383835;--border:#ffffff1a;--series-1:#3987e5;--series-1-light:#184f95;--status-good:#0ca30c;--status-warning:#fab219;--status-critical:#d03b3b}*{box-sizing:border-box}body{background:var(--page-plane);color:var(--text-primary);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}#root{max-width:1000px;margin:0 auto;padding:24px 16px 64px}h1{margin-bottom:4px;font-size:1.5rem}h2{color:var(--text-secondary);margin:32px 0 12px;font-size:1.1rem}section{margin-bottom:8px}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:8px;padding:16px}.card-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;display:grid}.card h3{color:var(--text-secondary);margin:0 0 12px;font-size:.9rem;font-weight:600}.card-wide{grid-column:1/-1}.bar-chart{flex-direction:column;gap:10px;display:flex}.bar-row{grid-template-columns:100px 1fr auto;align-items:center;gap:8px;display:grid}.bar-label{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.bar-track{background:var(--gridline);border-radius:4px;height:20px}.bar-fill{background:var(--series-1);border-radius:0 4px 4px 0;height:100%;transition:filter .15s}.bar-row:hover .bar-fill,.bar-row:focus-within .bar-fill{filter:brightness(1.12)}.bar-row:focus-within{outline:none}.bar-value{font-variant-numeric:tabular-nums;color:var(--text-primary);text-align:right;min-width:56px;font-size:.85rem}.meter-list{flex-direction:column;gap:14px;display:flex}.meter-header{justify-content:space-between;margin-bottom:4px;font-size:.85rem;display:flex}.meter-header span:first-child{color:var(--text-primary)}.meter-values{font-variant-numeric:tabular-nums;color:var(--text-secondary)}.meter-track{background:var(--series-1-light);border-radius:5px;height:10px;overflow:hidden}.meter-fill{border-radius:5px;height:100%;transition:width .2s}.line-chart-wrap{position:relative}.line-chart{cursor:crosshair;width:100%;height:auto;display:block}.gridline{stroke:var(--gridline);stroke-width:1px}.chart-baseline{stroke:var(--baseline);stroke-width:1px}.axis-label,.end-label{fill:var(--text-muted);font-size:10px}.end-label{fill:var(--text-primary);font-weight:600}.area-fill{fill:var(--series-1);opacity:.1;stroke:none}.line-path{fill:none;stroke:var(--series-1);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.crosshair{stroke:var(--baseline);stroke-width:1px}.end-dot,.hover-dot{fill:var(--series-1);stroke:var(--surface-1);stroke-width:2px}.chart-tooltip{background:var(--surface-1);border:1px solid var(--border);pointer-events:none;white-space:nowrap;border-radius:6px;flex-direction:column;gap:2px;padding:6px 10px;font-size:.8rem;display:flex;position:absolute;transform:translate(-50%,-120%);box-shadow:0 2px 8px #0000001f}.chart-tooltip strong{font-variant-numeric:tabular-nums}.chart-tooltip span{color:var(--text-secondary)}table{border-collapse:collapse;background:var(--surface-1);border:1px solid var(--border);border-radius:8px;width:100%;overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--gridline);font-variant-numeric:tabular-nums;padding:8px 10px}th{color:var(--text-secondary);font-size:.85rem;font-weight:600}tr:last-child td{border-bottom:none}form{flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:12px;display:flex}form label{color:var(--text-secondary);flex-direction:column;gap:4px;font-size:.85rem;display:flex}input,select,button{font:inherit}input,select{border:1px solid var(--baseline);background:var(--surface-1);color:var(--text-primary);border-radius:4px;padding:6px 8px}button{background:var(--series-1);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:7px 14px}.error-text{color:var(--status-critical);font-size:.85rem}.empty-state{color:var(--text-muted);font-size:.9rem}