#map{border-radius:.5rem;width:100%;height:600px;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}@media (max-width:768px){#map{height:400px}}.ol-popup{z-index:1000;background-color:#fff;border-radius:.5rem;min-width:280px;max-width:400px;padding:1rem;position:absolute;bottom:12px;left:-50px;box-shadow:0 10px 15px -3px #0000001a}.ol-popup:after,.ol-popup:before{content:" ";pointer-events:none;border:solid #0000;width:0;height:0;position:absolute;top:100%}.ol-popup:after{border-width:10px;border-top-color:#fff;margin-left:-10px;left:48px}.ol-popup:before{border-width:11px;border-top-color:#0000001a;margin-left:-11px;left:48px}.ol-popup-closer{cursor:pointer;color:#9ca3af;font-size:1.5rem;line-height:1;transition:color .2s;position:absolute;top:.5rem;right:.5rem}.ol-popup-closer:hover{color:#374151}#popup-content,.ol-popup-content{max-height:450px;overflow-y:auto}#popup-content img,.ol-popup-content img{object-fit:cover;max-height:200px}.poi-popup h3{color:#111827;margin:0 0 .5rem}.poi-popup p{color:#374151;margin:0;line-height:1.5}.map-switcher{z-index:10;flex-direction:column;gap:.2rem;display:flex;position:absolute;top:.5rem;right:.5rem}.map-switcher-btn{cursor:pointer;text-align:left;white-space:nowrap;background:#fff;border:1px solid #d1d5db;border-radius:.25rem;padding:.2rem .4rem;font-size:.8rem;font-weight:500;transition:all .2s;box-shadow:0 1px 2px #0000000d}.map-switcher-btn:hover{background:#f9fafb;border-color:#9ca3af}.map-switcher-btn.active{background:var(--primary-600);color:#fff;border-color:var(--primary-600)}@media (max-width:768px){.map-switcher-btn{padding:.15rem .3rem;font-size:.7rem}}.map-controls{z-index:10;gap:.5rem;display:flex;position:absolute;bottom:.5rem;left:50%;transform:translate(-50%)}@media (max-width:768px){.map-controls{bottom:.25rem}}#geolocation-btn{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000001a}#geolocation-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}#geolocation-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){#geolocation-btn{padding:.5rem .75rem;font-size:.75rem}}.zoom-level-display{z-index:10;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;position:absolute;bottom:2.5rem;right:.5rem;box-shadow:0 1px 2px #0000000d}.dark .zoom-level-display{color:#e2e8f0;background:#1e293b;border-color:#475569}@media (max-width:768px){.zoom-level-display{padding:.15rem .35rem;font-size:.625rem;bottom:2rem}}.ol-attribution{z-index:10;position:absolute;bottom:.5rem;right:.5rem}.ol-attribution button{cursor:pointer;border:1px solid #d1d5db;border-radius:.25rem;width:1.5rem;height:1.5rem;font-size:.75rem;background:#fff!important}.ol-attribution button:hover{background:#f3f4f6!important}.ol-attribution.ol-collapsed ul{display:none}.ol-attribution ul{color:#6b7280;background:#fff;border:1px solid #d1d5db;border-radius:.25rem;max-width:300px;margin:0;padding:.25rem .5rem;font-size:.625rem;list-style:none}.dark .ol-attribution button{color:#e2e8f0;border-color:#475569;background:#1e293b!important}.dark .ol-attribution button:hover{background:#334155!important}.dark .ol-attribution ul{color:#94a3b8;background:#1e293b;border-color:#475569}.ol-control{border-radius:.375rem;background-color:#ffffffe6!important}.ol-control button{border-radius:.25rem;transition:background-color .2s;color:#374151!important;background-color:#fff!important}.ol-control button:hover{background-color:#f3f4f6!important}#map,#detail-map,#picker-map,#picker-map-inner{position:relative}#map .ol-zoom,#detail-map .ol-zoom,#picker-map-inner .ol-zoom{z-index:100!important;position:absolute!important;top:1rem!important;left:1rem!important}#map .ol-zoom button,#detail-map .ol-zoom button,#picker-map-inner .ol-zoom button{cursor:pointer;width:2.5rem!important;height:2.5rem!important;margin:2px!important;font-size:1.5rem!important;line-height:2.5rem!important}#map .ol-zoom-extent,#map .ol-rotate,#map .ol-full-screen,#map .ol-overviewmap,#map .ol-control:not(.ol-zoom):not(.ol-scale-line):not(.ol-attribution),#detail-map .ol-zoom-extent,#detail-map .ol-rotate,#detail-map .ol-full-screen,#detail-map .ol-overviewmap,#detail-map .ol-control:not(.ol-zoom):not(.ol-scale-line):not(.ol-attribution),#picker-map-inner .ol-zoom-extent,#picker-map-inner .ol-rotate,#picker-map-inner .ol-full-screen,#picker-map-inner .ol-overviewmap,#picker-map-inner .ol-control:not(.ol-zoom):not(.ol-scale-line):not(.ol-attribution){display:none!important}@media (max-width:768px){#map .ol-zoom,#detail-map .ol-zoom,#picker-map-inner .ol-zoom{top:.75rem!important;left:.75rem!important}#map .ol-zoom button,#detail-map .ol-zoom button,#picker-map-inner .ol-zoom button{width:2rem!important;height:2rem!important;font-size:1.25rem!important}}#map .ol-scale-line,#detail-map .ol-scale-line,#picker-map-inner .ol-scale-line{z-index:100;background:#ffffffe6;border-radius:.25rem;max-width:120px;padding:.25rem .5rem;position:absolute!important;top:auto!important;bottom:1rem!important;left:1rem!important}#map .ol-scale-line-inner,#detail-map .ol-scale-line-inner,#picker-map-inner .ol-scale-line-inner{color:#333;border-width:1px;font-size:.75rem}@media (max-width:768px){#map .ol-scale-line,#detail-map .ol-scale-line,#picker-map-inner .ol-scale-line{max-width:100px;bottom:.5rem!important;left:.5rem!important}}.map-loading{z-index:100;background:#fff;border-radius:.5rem;padding:1.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 15px -3px #0000001a}.map-loading-spinner{border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.map-filters{background:#fff;border-radius:.5rem;margin-bottom:1rem;padding:1rem;box-shadow:0 1px 3px #0000001a}.map-filters-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}@media (max-width:768px){.map-filters-grid{grid-template-columns:1fr}}.cluster-popup{z-index:1000;background-color:#fff;border-radius:.5rem;min-width:200px;max-width:280px;position:absolute;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}.cluster-popup-header{background:#f3f4f6;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.cluster-popup-count{color:#374151;font-size:.75rem;font-weight:600}.cluster-popup-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-size:1.25rem;line-height:1}.cluster-popup-close:hover{color:#374151}.cluster-popup-list{max-height:250px;overflow-y:auto}.cluster-poi-item{cursor:pointer;border-bottom:1px solid #f3f4f6;padding:.5rem .75rem;transition:background-color .15s}.cluster-poi-item:last-child{border-bottom:none}.cluster-poi-item:hover{background-color:#eff6ff}.cluster-poi-name{color:#111827;margin-bottom:.125rem;font-size:.8rem;font-weight:500}.cluster-poi-category{color:#6b7280;background:#f3f4f6;border-radius:.25rem;padding:.1rem .35rem;font-size:.65rem}@media (max-width:640px){#map{border-radius:0;height:350px}.ol-popup{min-width:240px;padding:.75rem}.map-switcher{max-width:160px}.map-switcher-btn{padding:.25rem .5rem;font-size:.625rem}.cluster-popup{min-width:180px;max-width:220px}}.poi-tooltip{color:#fff;white-space:nowrap;text-overflow:ellipsis;z-index:99999;pointer-events:none;background-color:#1f2937;border-radius:.375rem;max-width:280px;padding:.4rem .75rem;font-size:.8rem;font-weight:500;display:none;position:fixed;overflow:hidden;transform:translate(-50%);box-shadow:0 4px 6px -1px #0000004d}.poi-tooltip:after{content:"";border:6px solid #0000;border-top-color:#1f2937;margin-left:-6px;position:absolute;top:100%;left:50%}.dark #map{box-shadow:0 4px 6px -1px #0000004d}.dark .ol-popup{background-color:#1e293b;box-shadow:0 10px 15px -3px #0006}.dark .ol-popup:after{border-top-color:#1e293b}.dark .ol-popup:before{border-top-color:#0000004d}.dark .ol-popup-closer{color:#64748b}.dark .ol-popup-closer:hover,.dark .poi-popup h3{color:#f1f5f9}.dark .poi-popup p{color:#cbd5e1}.dark .map-switcher-btn{color:#e2e8f0;background:#1e293b;border-color:#475569}.dark .map-switcher-btn:hover{background:#334155;border-color:#64748b}.dark .map-switcher-btn.active{background:var(--primary-600);color:#fff;border-color:var(--primary-600)}.dark #geolocation-btn{color:#e2e8f0;background:#1e293b;border-color:#475569}.dark #geolocation-btn:hover:not(:disabled){background:#334155;border-color:#64748b}.dark .ol-control{background-color:#1e293be6!important}.dark .ol-control button{color:#e2e8f0!important;background-color:#1e293b!important}.dark .ol-control button:hover{background-color:#334155!important}.dark #map .ol-scale-line{color:#e2e8f0;background:#1e293be6}.dark #map .ol-scale-line-inner{color:#cbd5e1;border-color:#64748b}.dark .map-loading{background:#1e293b;box-shadow:0 10px 15px -3px #0006}.dark .map-loading-spinner{border-color:#3b82f6 #475569 #475569}.dark .map-filters{background:#1e293b;box-shadow:0 1px 3px #0000004d}.dark .cluster-popup{background-color:#1e293b;box-shadow:0 10px 15px -3px #0006}.dark .cluster-popup-header{background:#334155;border-bottom-color:#475569}.dark .cluster-popup-count{color:#e2e8f0}.dark .cluster-popup-close{color:#64748b}.dark .cluster-popup-close:hover{color:#f1f5f9}.dark .cluster-poi-item{border-bottom-color:#334155}.dark .cluster-poi-item:hover{background-color:#334155}.dark .cluster-poi-name{color:#f1f5f9}.dark .cluster-poi-category{color:#94a3b8;background:#334155}