*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0C0F16;--bg-sidebar: #08090F;--bg-card: #131720;--bg-elevated: #1A2030;--border: rgba(255, 255, 255, .07);--border-mid: rgba(255, 255, 255, .11);--text: #DDE3EE;--text-muted: #5C6878;--text-dim: #3A4455;--accent: #7C9EF5;--accent-dim: rgba(124, 158, 245, .1);--accent-glow: rgba(124, 158, 245, .2);--green: #34D399;--green-dim: rgba(52, 211, 153, .1);--red: #F87171;--red-dim: rgba(248, 113, 113, .1);--yellow: #FBBF24;--yellow-dim: rgba(251, 191, 36, .1);--purple: #A78BFA;--purple-dim: rgba(167, 139, 250, .1);--radius: 14px;--radius-sm: 8px;font-family:Inter,system-ui,sans-serif;color-scheme:dark}html,body,#root{height:100%;background:var(--bg);color:var(--text)}body{-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}button{font-family:inherit}.section{padding:40px 48px;border-bottom:1px solid var(--border)}.section:last-child{border-bottom:none}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px}.card-elevated{background:var(--bg-elevated);border:1px solid var(--border-mid);border-radius:var(--radius);padding:20px 24px}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.chart-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 900px){.chart-grid{grid-template-columns:1fr}.section{padding:28px 20px}}