.map-area-overlay{bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:1000000}.map-area-overlay.active{opacity:1;pointer-events:auto;visibility:visible}.map-area-overlay--backdrop{background:#000000b3;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.map-area-overlay--content{background:#fff;bottom:0;display:flex;flex-direction:column;left:0;pointer-events:auto;position:absolute;right:0;top:0}.map-area-overlay--footer{align-content:center;align-items:center;display:flex;flex-direction:row;justify-content:center;padding:15px 20px}.map-area-overlay--footer button{margin-left:20px}.map-area-overlay--footer .apply{background:#178bfb;color:#fff;height:45px;width:300px}.map-area-overlay--footer .apply:disabled{background:#ccc;border:1px solid #ccc;color:#666;cursor:not-allowed;opacity:.6}.map-area-overlay--footer .clear{background:none;border:1px solid #178bfb}.map-area-overlay--header{align-items:center;background:#f8f9fa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:15px 20px}.map-area-overlay--header h3{color:#333;font-size:22px;font-weight:600;margin:0}.map-area-overlay--controls{align-items:center;display:flex;gap:16px}.map-area-overlay .icon{height:24px;width:24px}.map-area-overlay .map-draw-tools{display:flex;gap:8px}.map-area-overlay .map-draw-tools .tool-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;display:inline-flex;height:36px;justify-content:center;transition:background-color .2s ease,border-color .2s ease;width:36px}.map-area-overlay .map-draw-tools .tool-btn:hover{background:#f5f5f5;border-color:#ccc}.map-area-overlay .map-draw-tools .tool-btn.active{background:#007bff1a;border-color:#007bff}.map-area-overlay .map-draw-tools .tool-btn .icon{height:18px;width:18px}.map-area-overlay--close{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;padding:8px;transition:background-color .2s ease}.map-area-overlay--close:hover{background:#e9ecef;color:#333}.map-area-overlay--close .icon{height:24px;width:24px}.map-area-overlay--body{display:flex;flex:1;flex-direction:column;overflow:hidden}.map-area-overlay .leaflet-control-container{pointer-events:auto}.map-area-overlay .leaflet-top.leaflet-left,.map-area-overlay .leaflet-top.leaflet-right{top:78px}.map-area-overlay .leaflet-top.leaflet-left{left:16px;right:auto}.map-area-overlay .leaflet-draw-toolbar-top{z-index:1500!important}.map-area-overlay .leaflet-draw-actions{z-index:1510!important}.map-area-overlay .leaflet-bar a{height:40px!important;line-height:39px!important;width:40px!important}.map-area-overlay .leaflet-draw-toolbar a.leaflet-draw-draw-polygon svg,.map-area-overlay .leaflet-draw-toolbar a.leaflet-draw-draw-rectangle svg{height:28px;margin-top:6px;width:28px}.map-area-overlay .leaflet-draw-toolbar-top{z-index:900!important}.map-area-overlay .leaflet-overlay-pane path.leaflet-interactive,.map-area-overlay .leaflet-svg-pane path.leaflet-interactive{fill:#007bff40!important;opacity:1!important;stroke:#007bff!important;stroke-width:3px!important}.map-area-overlay .leaflet-marker-pane .leaflet-editing-icon{z-index:1200!important}.map-area-instructions{background:#e3f2fd;border-bottom:1px solid #bbdefb;padding:16px 20px}.map-area-instructions p{color:#1976d2;font-size:14px;font-weight:500;margin:0}.map-container{background:#f5f5f5;cursor:crosshair;flex:1;position:relative;z-index:1000}.map-container .leaflet-tile-pane{z-index:1000!important}.map-container .leaflet-overlay-pane,.map-container .leaflet-svg-pane{z-index:1100!important}.map-container .leaflet-marker-pane{z-index:1200!important}.map-container .leaflet-popup-pane,.map-container .leaflet-tooltip-pane{z-index:1300!important}.map-container .leaflet-interactive{z-index:1400!important}.map-container .drawn-area-rectangle{pointer-events:none;z-index:1400!important}.map-container .leaflet-overlay-pane path.leaflet-interactive,.map-container .leaflet-svg-pane path.leaflet-interactive{fill:#007bff40!important;opacity:1!important;stroke:#007bff!important;stroke-width:3px!important}.map-container .leaflet-overlay-pane path.leaflet-interactive.selected-area,.map-container .leaflet-svg-pane path.leaflet-interactive.selected-area{fill:#28a74540!important;stroke:#28a745!important}.map-container .leaflet-overlay-pane path.leaflet-interactive.area-type-district,.map-container .leaflet-svg-pane path.leaflet-interactive.area-type-district{stroke-dasharray:5,5!important;stroke-width:4px!important}.map-container .leaflet-overlay-pane path.leaflet-interactive.area-type-area,.map-container .leaflet-svg-pane path.leaflet-interactive.area-type-area{stroke-dasharray:none!important;stroke-width:2px!important}.map-container svg{z-index:10!important}.area-label-icon{z-index:1000!important}.area-label-icon .area-label{-webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important;background:#000c!important;border:2px solid hsla(0,0%,100%,.3)!important;border-radius:6px!important;box-shadow:0 2px 6px #0006!important;color:#fff!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-size:13px!important;font-weight:700!important;letter-spacing:.5px!important;padding:6px 10px!important;pointer-events:none!important;text-align:center!important;text-shadow:0 1px 2px rgba(0,0,0,.8)!important;transition:all .2s ease!important;white-space:nowrap!important}.map-providers-selection button{background:none;border:1px solid #178bfb;border-radius:40px;color:#178bfb;font-size:16px;height:40px;padding:0 20px}.map-providers-selection button.selected{background:#178bfb;color:#fff}.clickable-area{cursor:pointer}.clickable-area:hover{opacity:.8}.area-canvas{background:#f5f5f5;border:1px solid #ddd;border-radius:4px;height:200px;width:100%}@media (max-width:768px){.area-label-icon .area-label{border-radius:4px!important;font-size:11px!important;padding:4px 8px!important}.map-providers-selection{display:flex;flex-wrap:wrap;gap:5px}.map-providers-selection button{flex:1;font-size:14px;height:36px;min-width:80px;padding:0 12px}}@media (min-resolution:192dpi){.area-label-icon .area-label{font-size:14px!important;padding:7px 12px!important}}