:root{--bg: #0f172a;--card: #1e293b;--card-border: #334155;--accent: #a3e635;--text: #e2e8f0;--muted: #94a3b8;--red: #f87171;--green: #34d399}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,system-ui,-apple-system,sans-serif}button,select{background:var(--card);color:var(--text);border:1px solid var(--card-border);border-radius:8px;padding:8px 14px;font:inherit;cursor:pointer}button:hover,select:hover{border-color:var(--accent)}button.accent{background:var(--accent);color:#0f172a;font-weight:700;border:none}.recharts-default-tooltip{background:var(--card)!important;border:1px solid var(--card-border)!important;border-radius:8px}.recharts-tooltip-item,.recharts-tooltip-label{color:var(--text)!important}.kpis{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 16px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 700px){.grid2{grid-template-columns:1fr}.kpis>div{min-width:100%!important}h1{font-size:21px!important}.kpis [style]{font-size:inherit}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.shake{animation:shake .45s}