.custom-popup{font-family:Roboto,sans-serif;font-size:14px;border-radius:6px;box-shadow:0 2px 10px #0003;max-width:280px}.custom-popup .mapboxgl-popup-content{padding:15px;border-radius:6px}.custom-popup .mapboxgl-popup-close-button{font-size:18px;color:#555;padding:4px 8px}.custom-popup.dark-mode .mapboxgl-popup-content{background-color:#2a2a2a;color:#eee;border:1px solid #444}.custom-popup.dark-mode .mapboxgl-popup-close-button{color:#eee}.custom-popup.dark-mode .mapboxgl-popup-tip{border-top-color:#2a2a2a;border-bottom-color:#2a2a2a}.popup-content h4{margin:0 0 10px;font-size:16px;font-weight:600;color:#333;border-bottom:1px solid #eee;padding-bottom:6px}.popup-content p{margin:5px 0;color:#555;line-height:1.4}.custom-popup.dark-mode .popup-content h4{color:#fff;border-bottom:1px solid #555}.custom-popup.dark-mode .popup-content p{color:#ccc}.map-legend{position:absolute;bottom:20px;left:20px;background:rgba(255,255,255,.9);padding:12px 15px;font-family:Roboto,sans-serif;font-size:12px;border-radius:6px;box-shadow:0 2px 10px #0000001a;z-index:1;border:1px solid #eee;min-width:120px}.map-legend.dark-mode{background:rgba(30,30,30,.9);color:#eee;border:1px solid #444}.map-legend h4{margin:0 0 8px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.map-legend div{margin:6px 0;display:flex;align-items:center}.legend-color{display:inline-block;width:14px;height:14px;margin-right:8px;vertical-align:middle;border-radius:50%;border:1px solid rgba(0,0,0,.2);box-shadow:0 1px 3px #0000001a}.map-legend.dark-mode .legend-color{border:1px solid rgba(255,255,255,.3)}.map-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,.9);padding:15px 20px;border-radius:6px;box-shadow:0 2px 10px #0003;text-align:center;max-width:80%}.map-error p{margin:0;color:#d32f2f;font-weight:500}.mapboxgl-ctrl-group{border-radius:6px;overflow:hidden}@keyframes pulse{0%{opacity:.4;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}to{opacity:.4;transform:scale(1)}}.mapboxgl-ctrl-group button:hover{background-color:#f0f0f0}.map-container::-webkit-scrollbar{width:8px;height:8px}.map-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.map-container::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.map-container::-webkit-scrollbar-thumb:hover{background:#555}