:root{--bg: #0f1620;--panel: #18212e;--panel-border: #233043;--text: #e6edf5;--text-muted: #8a9bb0;--accent: #38bdf8}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{max-width:1400px;margin:0 auto;padding:24px}.header h1{margin:0;font-size:1.6rem;font-weight:700}.header p{margin:4px 0 0;color:var(--text-muted)}.controls{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;margin:24px 0;padding:16px;background:var(--panel);border:1px solid var(--panel-border);border-radius:12px}.control label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:6px}.control select{background:var(--bg);color:var(--text);border:1px solid var(--panel-border);border-radius:8px;padding:8px 12px;font-size:.95rem;min-width:200px;cursor:pointer}.control select:focus{outline:none;border-color:var(--accent)}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:24px}.kpi{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:18px}.kpi .value{font-size:1.8rem;font-weight:700}.kpi .label{color:var(--text-muted);font-size:.85rem;margin-top:4px}.kpi .value.warn{color:#ef4444}.charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(440px,1fr));gap:16px}.card{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:16px}.card h3{margin:0 0 8px;font-size:1rem;font-weight:600}.card.wide{grid-column:1 / -1}.state{padding:40px;text-align:center;color:var(--text-muted)}.footer{margin-top:32px;color:var(--text-muted);font-size:.8rem;text-align:center}