*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%;background:#020617;color:#e2e8f0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.page{max-width:1200px;margin:0 auto;padding:32px 24px 64px}.header{margin-bottom:32px}.header h1{margin:0;font-size:28px;font-weight:700;letter-spacing:-.02em}.subtitle{margin:6px 0 0;color:#94a3b8;font-size:14px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.metric-card{background:#0f172a;border:1px solid #1e293b;border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.metric-card--indigo:before{background:#6366f1}.metric-card--emerald:before{background:#10b981}.metric-card--amber:before{background:#f59e0b}.metric-card--rose:before{background:#f472b6}.metric-card__label{font-size:13px;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em}.metric-card__value{font-size:28px;font-weight:700;color:#f8fafc}.metric-card__hint{font-size:12px;color:#64748b}.charts{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.chart-card{background:#0f172a;border:1px solid #1e293b;border-radius:14px;padding:20px}.chart-card--wide{grid-column:span 2}.chart-card h2{margin:0 0 12px;font-size:15px;font-weight:600;color:#cbd5e1}.status{text-align:center;padding:64px 24px;color:#94a3b8;font-size:15px}.status--error{color:#fda4af}@media (max-width: 760px){.charts{grid-template-columns:1fr}.chart-card--wide{grid-column:span 1}}