body{font-family:sans-serif;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;background-color:#f0f0f0}h1{color:#333;margin-top:20px;margin-bottom:10px}.map{width:95%;height:90vh;margin:10px 0;border:1px solid #ccc;box-shadow:2px 2px 10px rgba(0,0,0,.2)}.map-legend{position:absolute;bottom:70px;right:70px;left:auto;top:auto;background:#fff;padding:10px 14px;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.15);font-size:14px;z-index:1000}.map-legend .legend-color{display:inline-block;width:18px;height:18px;margin-right:30px;vertical-align:middle;border:1px solid #888;border-radius:3px}.map-legend strong{display:block;margin-bottom:12px}.map-legend div{margin-bottom:5px}.ol-zoom{top:1em;left:1em}.ol-zoom-in{background-color:#fff!important;color:#000!important;border-radius:5px!important;margin-bottom:5px}.ol-zoom-in:hover{background-color:#55a7ff!important}.ol-zoom-out{background-color:#fff!important;color:#000!important;border-radius:5px!important}.ol-zoom-out:hover{background-color:#9af2ff!important}.ol-popup{position:absolute;background-color:#fff;box-shadow:0 1px 4px rgba(0,0,0,.2);padding:15px;border-radius:10px;border:1px solid #ccc;bottom:12px;left:-50px;min-width:180px;font-size:.9em}.ol-popup:after,.ol-popup:before{top:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.ol-popup:after{border-top-color:#fff;border-width:10px;left:48px;margin-left:-10px}.ol-popup:before{border-top-color:#ccc;border-width:11px;left:48px;margin-left:-11px}.ol-popup-closer{text-decoration:none;position:absolute;top:2px;right:8px}.ol-popup-closer:after{content:"✖"}#popup-content{padding-top:5px}.alert-panel{position:absolute;bottom:30px;left:30px;background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.15);padding:18px 22px;min-width:270px;z-index:1100;font-size:18px;margin:30px 40px}.alert-panel strong{display:block;font-size:17px;margin-bottom:12px}.draw-btn{background:#57dfe7;color:#fff;border:none;border-radius:5px;padding:7px 18px;font-size:15px;cursor:pointer;margin-bottom:12px;margin-top:2px;transition:background .2s}.draw-btn:hover{background:#3e76be}.alert-status,.zone-status{margin-bottom:8px;color:#333}.alert-warning{background:#f8d7da;color:#b71c1c;border-radius:5px;padding:8px 10px;margin-top:8px;font-weight:700;border:1px solid #f5c2c7}
/*# sourceMappingURL=styles.e96e6e5f.css.map */