:root.theme-dark{--bg-deep:#0d0f14;--bg-surface:#151820;--bg-surface-hover:#1e2230;--bg-sidebar:#0d0f14;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-tertiary:#64748b;--font-sans:system-ui, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "Cascadia Code", Consolas, monospace;--accent-primary:#38bdf8;--status-success:#4ade80;--status-warning:#facc15;--status-danger:#f87171;--border-subtle:#1e2a3a;--border-row:#1e2a3a}:root.theme-light{--bg-deep:#f5f5f5;--bg-surface:#fff;--bg-surface-hover:#f9fafb;--bg-sidebar:#f0f0f0;--text-primary:#0d0f14;--text-secondary:#4b5563;--text-tertiary:#9ca3af;--font-sans:system-ui, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "Cascadia Code", Consolas, monospace;--accent-primary:#38bdf8;--status-success:#4ade80;--status-warning:#facc15;--status-danger:#f87171;--border-subtle:#e5e7eb;--border-row:#e5e7eb}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background-color:var(--bg-deep);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:4px}.metric-card{padding:20px}.card-header{margin-bottom:8px}.card-title{font-size:11px;font-family:var(--font-mono);color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase}.metric-value{color:var(--text-primary);margin-bottom:4px;font-size:28px;font-weight:600}.metric-delta{font-size:11px;font-family:var(--font-mono)}.delta-up{color:var(--status-success)}.delta-down{color:var(--status-danger)}.delta-neutral{color:var(--text-tertiary)}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{text-align:left;font-size:10px;font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-tertiary);border-bottom:1px solid var(--border-subtle);padding:10px 16px;font-weight:500}.data-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);padding:10px 16px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-surface-hover)}.text-right{text-align:right!important}.mono{font-family:var(--font-mono)}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.35}}.skeleton-pulse{animation:1.5s ease-in-out infinite skeleton-pulse}
