:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background-color:#f4f7fb;--background: #f4f7fb;--surface: #ffffff;--surface-secondary: #f8fafc;--text-primary: #172033;--text-secondary: #667085;--border: #e4e7ec;--accent: #2563eb;--accent-hover: #1d4ed8;--shadow: 0 4px 16px rgba(15, 23, 42, .07);--chart-grid: #d0d5dd;--chart-axis: #667085;--chart-line: #2563eb}:root[data-theme=dark]{color:#e6edf7;background-color:#0d1117;--background: #0d1117;--surface: #151b24;--surface-secondary: #1b2430;--text-primary: #e6edf7;--text-secondary: #9aa7b8;--border: #293241;--accent: #60a5fa;--accent-hover: #93c5fd;--shadow: 0 4px 18px rgba(0, 0, 0, .25);--chart-grid: #344054;--chart-axis: #98a2b3;--chart-line: #60a5fa}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--background);color:var(--text-primary);transition:background-color .2s ease,color .2s ease}button{font-family:inherit}#root{min-height:100vh;padding:40px}.dashboard{max-width:1400px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px}.eyebrow{margin:0 0 8px;color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.12em}h1{margin:0;color:var(--text-primary);font-size:clamp(30px,4vw,42px);line-height:1.1}.subtitle{margin:10px 0 0;color:var(--text-secondary);font-size:16px}.theme-toggle{flex-shrink:0;padding:10px 16px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;box-shadow:var(--shadow);transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.theme-toggle:hover{border-color:var(--accent);transform:translateY(-1px)}.metric-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:22px 24px;min-height:120px;box-shadow:var(--shadow);overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.metric-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--accent)}.metric-card:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 8px 24px #0f172a1a}.metric-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.metric-card-header span:first-child{color:var(--text-secondary);font-size:14px;font-weight:600}.metric-indicator{width:8px;height:8px;border-radius:50%;background:var(--accent)}.metric-value{margin:12px 0 8px;color:var(--text-primary);font-size:30px;font-weight:700;letter-spacing:-.02em}.metric-card-footer{color:var(--text-secondary);font-size:12px}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;box-shadow:var(--shadow);margin-top:24px}.card h2{margin-top:0;margin-bottom:8px;color:var(--text-primary)}.card p{margin-top:0;color:var(--text-secondary)}.analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:20px 0}.analysis-grid p{margin-bottom:6px;color:var(--text-secondary)}.analysis-grid strong{color:var(--text-primary);font-size:24px}@media(max-width:768px){#root{padding:24px 16px}.dashboard-header{flex-direction:column}.theme-toggle{align-self:flex-start}.metrics-grid,.analysis-grid{grid-template-columns:1fr}}.chart-header h2{margin:0 0 8px;color:var(--text-primary)}.chart-header p{margin:0;color:var(--text-secondary)}