:root{--bg:#0b1220;--panel:#0f172a;--muted:#94a3b8;--primary:#2563eb;--border:#1f2a44;--accent:#22c55e}html,body,#root{height:100%}body{margin:0;background:linear-gradient(180deg,#0b1220,#0b1220 60%,#0e1526);color:#f8fafc;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.panel{background:var(--panel);border:1px solid var(--border);border-radius:14px}.btn{background:#1f2937;border:1px solid var(--border);color:#e5e7eb;border-radius:10px;padding:8px 12px;cursor:pointer}.btn-primary{background:var(--primary);border:none;color:#fff}.kpi{padding:14px;border-radius:14px;border:1px solid var(--border);background:linear-gradient(180deg,#0f172a,#0c1326)}.kpi-label{color:var(--muted);font-size:12px}.kpi-value{font-weight:800;font-size:22px}header.app{position:sticky;top:0;z-index:30;-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);background:#0b1220b3;border-bottom:1px solid var(--border)}nav.tabs button{background:transparent;border:none;color:#cbd5e1;padding:10px 12px;border-bottom:2px solid transparent;cursor:pointer}nav.tabs button.active{color:#fff;border-bottom-color:var(--primary)}.recharts-surface text{fill:#111827!important}.recharts-cartesian-axis-tick-value{fill:#111827!important}.recharts-legend-item-text{color:#111827!important;fill:#111827!important}.recharts-default-tooltip{background:#fff!important;border:1px solid #e5e7eb!important;color:#111827!important}input::placeholder{color:#64748b}