:root{color:#0f172a;background:#f8fafc;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}*{box-sizing:border-box}body{background:#f8fafc;margin:0}#root{min-height:100vh}.app-shell{max-width:1200px;margin:0 auto;padding:16px}.app-header{color:#e2e8f0;background:#0f172a;border-radius:12px;padding:20px}.app-header h1{margin:0 0 8px;font-size:1.45rem}.app-header p{opacity:.9;margin:0}.top-nav{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.top-nav a{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:8px 14px;font-weight:600;text-decoration:none}.top-nav a.active{color:#e2e8f0;background:#0f172a}.stack{gap:12px;display:grid}.panel{background:#fff;border:1px solid #dbeafe;border-radius:10px;padding:12px}.controls{flex-wrap:wrap;gap:12px;display:flex}.controls label{align-items:center;gap:6px;display:flex}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;display:grid}.metric-card{background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:10px}.metric-card h3{color:#334155;margin:0;font-size:.9rem}.metric-card p{color:#0f172a;margin:8px 0 0;font-size:1.2rem;font-weight:700}.metric-card small{color:#64748b;margin-top:6px;display:block}.chart-card{background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:10px}.chart-scroll{overflow-x:auto}.chart-inner{min-width:100%}.hint{color:#334155;margin:10px 0 0}.hint.error{color:#b91c1c}@media (width<=768px){.app-shell{padding:10px}.app-header h1{font-size:1.15rem}}