:root{--bg-main: #F7F6F3;--bg-secondary: #EFEDE8;--panel-bg: #ECEAE6;--panel-border: #D6D3CC;--surface: #FAF9F7;--text: #1F2937;--text-muted: #6B7280;--title: #111827;--accent: #4A6FA5;--accent-2: #2F5D56;--focus: #3B82F6;--good: #5FA88A;--warn: #E6B566;--bad: #C76D5B;--bad-dark: #A05045;--map-bg: #FAF9F7;--grid-empty: #E3E0DA;--slider-track: #D6D3CC;--slider-thumb: #4A6FA5;--radius: 10px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .07);--shadow-md: 0 4px 14px rgba(0, 0, 0, .09)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:5px;background:var(--slider-track);border-radius:3px;outline:none;cursor:pointer;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:var(--slider-thumb);cursor:pointer;box-shadow:0 1px 3px #0003;transition:transform .12s ease}input[type=range]::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:var(--slider-thumb);border:none;cursor:pointer;box-shadow:0 1px 3px #0003}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}input[type=range]:focus-visible{outline:2px solid var(--focus);outline-offset:4px;border-radius:4px}input[type=checkbox]{accent-color:var(--accent);cursor:pointer}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--panel-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#bab8b2}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-size:14px;background:var(--bg-main);color:var(--text);min-height:100vh}#root{min-height:100vh}.app-root{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-main);color:var(--text)}.app-header{padding:10px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--panel-border);display:flex;align-items:center;gap:12px;flex-shrink:0;box-shadow:var(--shadow-sm)}.app-title{font-size:17px;font-weight:600;color:var(--title);letter-spacing:.01em}.app-subtitle{font-size:12px;color:var(--text-muted)}.header-stats{margin-left:auto;display:flex;gap:28px}.app-body{display:grid;grid-template-columns:340px 1fr 360px;grid-template-areas:"controls map dashboard";flex:1;min-height:0;overflow:hidden}.area-controls{grid-area:controls}.area-map{grid-area:map}.area-dashboard{grid-area:dashboard}.bento-card{display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--panel-border);background:var(--panel-bg)}.area-dashboard.bento-card{border-right:none}.col-header{padding:9px 16px;font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);background:var(--bg-secondary);border-bottom:1px solid var(--panel-border);flex-shrink:0}.col-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.city-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:16px;overflow:auto;background:var(--surface)}.city-stats{display:flex;gap:20px;font-size:11px;color:var(--text-muted);flex-wrap:wrap;justify-content:center}@media (max-width: 1199px){.app-root{height:auto}.app-body{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-template-areas:"map map" "controls dashboard";flex:none;height:auto;min-height:unset;overflow:visible}.bento-card{border-right:none;border:1px solid var(--panel-border);max-height:65vh}.area-map.bento-card{max-height:none;border-bottom:1px solid var(--panel-border)}.city-panel{overflow:auto;min-height:320px}}@media (max-width: 899px){.app-header{padding:10px 16px;flex-wrap:wrap;gap:8px}.header-stats{gap:16px}.app-body{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"map" "controls" "dashboard";flex:none;height:auto;min-height:unset;overflow:visible;padding:12px;gap:12px}.bento-card{border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:var(--surface);overflow:visible;max-height:none}.col-header{border-radius:var(--radius) var(--radius) 0 0}.col-body{min-height:unset;overflow-y:visible;overflow-x:hidden}.city-panel{padding:16px;overflow:visible;min-height:unset;justify-content:flex-start}input[type=range]{height:8px;padding:10px 0}input[type=range]::-webkit-slider-thumb{width:22px;height:22px}input[type=range]::-moz-range-thumb{width:22px;height:22px}input[type=checkbox]{width:20px;height:20px;min-width:20px}}