.custom-popup{border-radius:6px;max-width:280px;font-family:Roboto,sans-serif;font-size:14px;box-shadow:0 2px 10px #0003}.custom-popup .mapboxgl-popup-content{border-radius:6px;padding:15px}.custom-popup .mapboxgl-popup-close-button{color:#555;padding:4px 8px;font-size:18px}.custom-popup.dark-mode .mapboxgl-popup-content{color:#eee;background-color:#2a2a2a;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{color:#333;border-bottom:1px solid #eee;margin:0 0 10px;padding-bottom:6px;font-size:16px;font-weight:600}.popup-content p{color:#555;margin:5px 0;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{z-index:1;background:#ffffffe6;border:1px solid #eee;border-radius:6px;min-width:120px;padding:12px 15px;font-family:Roboto,sans-serif;font-size:12px;position:absolute;bottom:20px;left:20px;box-shadow:0 2px 10px #0000001a}.map-legend.dark-mode{color:#eee;background:#1e1e1ee6;border:1px solid #444}.map-legend h4{text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:14px;font-weight:600}.map-legend div{align-items:center;margin:6px 0;display:flex}.legend-color{vertical-align:middle;border:1px solid #0003;border-radius:50%;width:14px;height:14px;margin-right:8px;display:inline-block;box-shadow:0 1px 3px #0000001a}.map-legend.dark-mode .legend-color{border:1px solid #ffffff4d}.map-error{text-align:center;background:#ffffffe6;border-radius:6px;max-width:80%;padding:15px 20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 10px #0003}.map-error p{color:#d32f2f;margin:0;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}