:root{--civic-teal: #0f766e;--civic-teal-deep: #0b5c56;--signal-amber: #f59e0b;--live-green: #19b872;--success: #2e7d32;--error: #d32f2f;--warning: #f9a825;--info: #0288d1;--zinc-bg: #fafafa;--zinc-surface: #ffffff;--zinc-muted: #f4f4f5;--zinc-border: #e4e4e7;--zinc-ink: #18181b;--zinc-ink-muted: #71717a;--font-body: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--space-xxs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 20px;--space-xl: 24px;--space-xxl: 32px;--shadow-soft: 0 1px 3px rgba(0, 0, 0, .12);--shadow-emphasis: 0 2px 6px rgba(0, 0, 0, .14)}@media(prefers-color-scheme:dark){:root{--civic-teal: #4da8ab;--civic-teal-deep: #0b5c56;--signal-amber: #f2c369;--zinc-bg: #09090b;--zinc-surface: #18181b;--zinc-muted: #27272a;--zinc-border: #3f3f46;--zinc-ink: #fafafa;--zinc-ink-muted: #a1a1aa;--shadow-soft: none;--shadow-emphasis: none}}.data,.data-large{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.data{font-size:14px;font-weight:500;line-height:1.43}.data-large{font-size:18px;font-weight:600;line-height:1.33}.page{display:flex;flex-direction:column;gap:var(--space-xl);padding:var(--space-xl)}.page__header{display:flex;flex-direction:column;gap:var(--space-xxs)}.page__header h1{font-family:var(--font-body);font-size:28px;font-weight:600;margin:0;color:var(--zinc-ink)}.page__header p{margin:0;color:var(--zinc-ink-muted);font-size:14px}.card{background:var(--zinc-surface);border:1px solid var(--zinc-border);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);padding:var(--space-lg)}.card h2{font-family:var(--font-body);font-size:16px;font-weight:600;margin:0 0 var(--space-md);color:var(--zinc-ink)}.kpi-row{display:flex;flex-wrap:wrap;gap:var(--space-md)}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:var(--space-md)}.chart-card__canvas{position:relative;height:220px}.banner{display:flex;align-items:center;gap:var(--space-xs);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);font-family:var(--font-body);font-size:14px;border:1px solid transparent}.banner--warning{background:var(--zinc-muted);border-color:var(--signal-amber);color:var(--zinc-ink)}.banner--error{background:var(--zinc-muted);border-color:var(--error);color:var(--zinc-ink)}.range-picker{display:flex;gap:var(--space-xs);margin-bottom:var(--space-md)}.range-picker__chip{font-family:var(--font-body);font-size:13px;font-weight:500;padding:var(--space-xxs) var(--space-md);border-radius:var(--radius-xl);border:1px solid var(--zinc-border);background:var(--zinc-surface);color:var(--zinc-ink-muted);cursor:pointer}.range-picker__chip:hover{background:var(--zinc-muted)}.range-picker__chip--active{border-color:var(--civic-teal);color:var(--civic-teal);font-weight:600}.tabs{display:flex;gap:var(--space-xs);border-bottom:1px solid var(--zinc-border)}.tabs__tab{font-family:var(--font-body);font-size:14px;font-weight:500;padding:var(--space-sm) var(--space-md);border:none;background:transparent;color:var(--zinc-ink-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs__tab:hover{color:var(--zinc-ink)}.tabs__tab--active{color:var(--civic-teal);border-bottom-color:var(--civic-teal);font-weight:600}.search-input{font-family:var(--font-body);font-size:14px;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);border:1px solid var(--zinc-border);background:var(--zinc-surface);color:var(--zinc-ink);min-width:260px}.search-input:focus{outline:none;border-color:var(--civic-teal)}.pager{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-md);font-family:var(--font-body);font-size:14px;color:var(--zinc-ink-muted)}.pager__button{font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--civic-teal);background:var(--zinc-surface);border:1px solid var(--zinc-border);border-radius:var(--radius-sm);padding:var(--space-xxs) var(--space-md);cursor:pointer}.pager__button:hover:not(:disabled){background:var(--zinc-muted)}.pager__button:disabled{opacity:.5;cursor:default}.chip-group{display:flex;gap:4px;flex-wrap:wrap}.day-pills{display:flex;gap:2px}.day-pill{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:1px solid var(--zinc-border);font-family:var(--font-mono);font-size:10px;font-weight:600;color:var(--zinc-ink-muted);background:var(--zinc-muted)}.day-pill--active{color:var(--civic-teal);border-color:var(--civic-teal);background:var(--zinc-surface)}.data-table{width:100%;border-collapse:collapse;font-family:var(--font-body);font-size:14px}.data-table thead th{text-align:left;padding:var(--space-sm) var(--space-md);color:var(--zinc-ink-muted);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.02em;border-bottom:1px solid var(--zinc-border);white-space:nowrap}.data-table tbody td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--zinc-border);color:var(--zinc-ink);vertical-align:middle}.data-table tbody tr:hover{background:var(--zinc-muted)}.data-table tbody tr.data-table__row--clickable{cursor:pointer}.data-table td.num,.data-table th.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;text-align:right}.data-table__status td{text-align:center;padding:var(--space-xxl) var(--space-md);color:var(--zinc-ink-muted);font-size:14px}.data-table__status--error td{color:var(--error)}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font-body);background:var(--zinc-bg);color:var(--zinc-ink);-webkit-font-smoothing:antialiased}.placeholder-page{padding:var(--space-xl)}.placeholder-page h1{font-family:var(--font-body);font-size:28px;font-weight:600;margin:0 0 var(--space-xs)}.placeholder-page p{color:var(--zinc-ink-muted);margin:0}