body{font-family:system-ui,Arial,sans-serif;margin:24px}.label{font-size:12px;opacity:.7;margin-bottom:6px}.value{font-size:20px;font-weight:700}.card{border:1px solid #ddd;border-radius:10px;padding:12px}.toolbar{display:flex;align-items:center;gap:10px;margin:8px 0 16px}select{padding:6px 10px;border-radius:8px;border:1px solid #ddd}#monthSelect{min-width:140px}.kpis{display:flex;flex-direction:column;gap:12px;margin:12px 0 20px}.kpis-row{display:grid;gap:12px}.kpis-row-2{grid-template-columns:repeat(2,minmax(0,1fr))}.kpis-row-3{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi{border:1px solid #ddd;border-radius:10px;padding:12px}.kpi-big{padding:16px}.kpi .label{font-size:12px;opacity:.7;margin-bottom:6px}.kpi .value{font-size:20px;font-weight:700}.kpi-big .value{font-size:26px}@media (max-width: 900px){.kpis-row-3,.kpis-row-2{grid-template-columns:1fr}}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;margin-top:10px}.table th,.table td{text-align:left;padding:10px 12px;border-bottom:1px solid #eee;vertical-align:top}.table th{font-size:12px;opacity:.8;letter-spacing:.02em}.table td{font-size:14px}.section-gap{margin-top:18px}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}@media (max-width: 1100px){.charts-grid{grid-template-columns:1fr}}.muted{font-size:12px;opacity:.7;margin-top:-6px}:root{--bg: #ffffff;--text: #0f172a;--muted: rgba(15, 23, 42, .65);--card: #ffffff;--border: #e5e7eb;--row: #f8fafc}html[data-theme=dark]{--bg: #0b1220;--text: #e5e7eb;--muted: rgba(229, 231, 235, .65);--card: #0f172a;--border: #1f2937;--row: #111c33}body{background:var(--bg);color:var(--text)}.card,.kpi{background:var(--card);border-color:var(--border)}.label,.muted{color:var(--muted);opacity:1}select{background:var(--card);color:var(--text);border-color:var(--border)}.table th,.table td{border-bottom-color:var(--border)}.table tbody tr:hover{background:var(--row)}.header{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.btn-toggle{margin-left:auto;padding:6px 10px;border-radius:10px;border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer}
