:root{color-scheme:light;--bg:#f5f7f4;--panel:#ffffff;--panel-2:#eef2ec;--text:#1b211e;--muted:#66716b;--line:#d9e0da;--accent:#0f766e;--accent-2:#b45309;--good:#15803d;--bad:#b91c1c;--map-low:#dce9df;--map-high:#0f766e}[data-theme=dark]{color-scheme:dark;--bg:#101412;--panel:#171d1a;--panel-2:#202923;--text:#eef5f0;--muted:#9aa8a0;--line:#2d3832;--accent:#2dd4bf;--accent-2:#f59e0b;--good:#4ade80;--bad:#f87171;--map-low:#24342d;--map-high:#2dd4bf}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;letter-spacing:0}button,select{font:inherit}a{color:inherit;text-decoration:none}.shell{min-height:100vh;padding:24px}.topbar{align-items:center;display:flex;gap:16px;justify-content:space-between;margin:0 auto 20px;max-width:1440px}.brand h1{font-size:clamp(28px,4vw,54px);line-height:1.02;margin:0 0 8px}.brand p{color:var(--muted);margin:0}.controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.control,.icon-button{background:var(--panel);border:1px solid var(--line);border-radius:8px;color:var(--text);min-height:40px;padding:0 12px}.icon-button{cursor:pointer;min-width:42px}.dashboard{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(12,1fr);margin:0 auto;max-width:1440px}.kpis{display:grid;grid-gap:12px;gap:12px;grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))}.kpi,.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px}.kpi{min-height:118px;padding:16px}.label{color:var(--muted);font-size:13px;margin-bottom:12px}.value{font-size:clamp(25px,3vw,40px);font-weight:700}.delta{color:var(--muted);font-size:13px;margin-top:8px}.delta.good{color:var(--good)}.delta.bad{color:var(--bad)}.panel{min-height:320px;padding:16px}.map-panel{grid-column:span 7}.trend-panel{grid-column:span 5}.cities-panel{grid-column:span 7}.mix-panel{grid-column:span 5}.panel h2{font-size:18px;margin:0 0 14px}.map-grid{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(7,minmax(0,1fr))}.region-cell{aspect-ratio:1.15;border:1px solid color-mix(in srgb,var(--accent),transparent 65%);border-radius:6px;color:var(--text);cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-width:0;padding:8px;text-align:left}.region-cell strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.region-cell span{font-size:12px;font-weight:700}.chart{align-items:flex-end;display:flex;gap:5px;height:220px;padding-top:20px}.bar{background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent),var(--accent-2) 30%));border-radius:4px 4px 0 0;flex:1 1;min-width:8px}.city-table{border-collapse:collapse;width:100%}.city-table td,.city-table th{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left}.city-table th{color:var(--muted);font-size:12px;font-weight:500}.city-table td:last-child,.city-table th:last-child{text-align:right}.mix{display:grid;grid-gap:12px;gap:12px}.mix-row{display:grid;grid-gap:8px;gap:8px;grid-template-columns:110px 1fr 64px}.track{background:var(--panel-2);border-radius:999px;overflow:hidden}.fill{background:var(--accent-2);height:100%;min-height:22px}.disclaimer{color:var(--muted);font-size:13px;grid-column:1/-1;margin:0}@media (max-width:920px){.shell{padding:16px}.topbar{align-items:flex-start;flex-direction:column}.controls{justify-content:flex-start}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.cities-panel,.map-panel,.mix-panel,.trend-panel{grid-column:1/-1}.map-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:560px){.kpis{grid-template-columns:1fr}.map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}