html,body,#map{height:100%;margin:0;padding:0}
#map{position:fixed;left:0;top:0;right:320px;bottom:0}
body{font-family:Arial,Helvetica,sans-serif}
#sidebar{position:fixed;right:0;top:0;width:320px;bottom:0;overflow:auto;padding:12px;background:#f7f7f7;border-left:1px solid #ddd}
#sidebar h2{margin:4px 0 8px;font-size:16px}
#controls{display:flex;flex-direction:column;gap:8px}
#controls button, #controls select{padding:8px;font-size:14px}
#stats h3,#legend h3{margin:12px 0 6px;font-size:14px}
#statsContent{font-size:13px}
.legend-item{display:flex;align-items:center;margin:6px 0}
.legend-swatch{width:18px;height:12px;margin-right:8px;border:1px solid #333}
.admin-highlight{fill-opacity:0.2;stroke:#333;stroke-width:2}