:root{--surface-page: #f5f7fa;--surface-card: #ffffff;--surface-hover: #f5f7fa;--surface-muted: #eceff1;--border-default: #e0e4e8;--border-strong: #cfd4d9;--text-primary: #2c3e50;--text-secondary: #5a6a7a;--text-muted: #8a95a2;--text-inverse: #ffffff;--brand-primary: #1a73e8;--brand-primary-hover: #155cb8;--series-1: #1a73e8;--series-2: #26a69a;--series-3: #f4a100;--series-4: #9c27b0;--series-5: #66bb6a;--series-6: #ef5350;--status-good-bg: #e8f5e9;--status-good-fg: #2e7d32;--status-warn-bg: #fff8e1;--status-warn-fg: #b45309;--status-bad-bg: #ffebee;--status-bad-fg: #c62828;--shadow-card: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 3px rgba(15, 23, 42, .06);--shadow-card-hover: 0 2px 4px rgba(15, 23, 42, .08), 0 4px 12px rgba(15, 23, 42, .06);--shadow-modal: 0 12px 32px rgba(15, 23, 42, .18), 0 2px 6px rgba(15, 23, 42, .08);--radius-card: 6px;--radius-control: 4px;--space-card-pad: 20px;--bg: var(--surface-page);--bg-elevated: var(--surface-card);--bg-row-alt: var(--surface-hover);--border: var(--border-default);--text: var(--text-primary);--text-dim: var(--text-secondary);--green: var(--status-good-fg);--red: var(--status-bad-fg);--blue: var(--series-1);--amber: var(--series-3);--purple: var(--series-4);--mono: ui-monospace, "JetBrains Mono", "Fira Code", Consolas, monospace}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;background:var(--surface-page);color:var(--text-primary);font-family:Lato,Inter,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;min-height:100vh}button{background:var(--surface-card);border:1px solid var(--border-default);color:var(--text-primary);padding:.5rem .85rem;border-radius:var(--radius-control);font-size:.85rem;cursor:pointer;font-family:inherit;transition:background .12s ease,border-color .12s ease}button:hover{background:var(--surface-hover);border-color:var(--border-strong)}button.primary{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--text-inverse)}button.primary:hover{background:var(--brand-primary-hover);border-color:var(--brand-primary-hover)}input{background:var(--surface-card);border:1px solid var(--border-default);color:var(--text-primary);padding:.55rem .7rem;border-radius:var(--radius-control);font-family:inherit;font-size:.9rem;width:100%}input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px #1a73e81f}table{width:100%;border-collapse:collapse;font-size:.875rem}thead th{text-align:left;padding:.65rem .85rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-weight:600;border-bottom:1px solid var(--border-default);background:var(--surface-card)}tbody td{padding:.65rem .85rem;border-bottom:1px solid var(--border-default)}tbody tr:hover{background:var(--surface-hover)}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.dim{color:var(--text-secondary)}.right{text-align:right}.badge{display:inline-block;padding:.15rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.badge-green{background:var(--status-good-bg);color:var(--status-good-fg);border:1px solid #a5d6a7}.badge-red{background:var(--status-bad-bg);color:var(--status-bad-fg);border:1px solid #ef9a9a}.badge-blue{background:#e3f2fd;color:var(--series-1);border:1px solid #90caf9}.badge-amber{background:var(--status-warn-bg);color:var(--status-warn-fg);border:1px solid #fbe28a}.badge-purple{background:#f3e5f5;color:var(--series-4);border:1px solid #ce93d8}.badge-dim{background:var(--surface-muted);color:var(--text-secondary);border:1px solid var(--border-default)}