#map{border-radius:24px;height:910px}.outage-marker{border:2px solid #fff;border-radius:50%;box-shadow:0 0 10px #0003}.legend{background:#fff;border-radius:12px;padding:12px;box-shadow:0 2px 8px #00000026}.legend h3{color:#1d1543;margin-bottom:8px;font-weight:600}.legend-item{align-items:center;gap:8px;margin-bottom:4px;display:flex}.legend-color{border:1px solid #0000001a;border-radius:4px;width:16px;height:16px}.legend-item:last-child{margin-bottom:0}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:40px;display:grid}.metric-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 0 15px #0000001a}.metric-label{color:#666;margin-bottom:5px;font-size:.9rem}.metric-value{color:#1d1543;font-size:1.5rem;font-weight:600}.trend-indicator{align-items:center;margin-left:8px;font-size:.9rem;display:inline-flex}.trend-up{color:#f03b20}.trend-down{color:#2ecc71}.date-selector{background:#fff;border-radius:12px;margin-bottom:20px;padding:15px;box-shadow:0 4px 20px #00000026}.date-selector label{color:#1d1543;margin-bottom:8px;font-size:.9rem;font-weight:600;display:block}.date-selector input{color:#1d1543;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:8px;width:100%;padding:8px 12px;font-size:1rem}.date-selector input:focus{border-color:#1d1543;outline:none;box-shadow:0 0 0 3px #1d15431a}.map-container{background:#f8f9fa;border-radius:24px;height:600px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000001a}#map{z-index:1;width:100%;height:100%}.graph-container{background:#fff;border-radius:16px;margin-top:20px;padding:20px;box-shadow:0 0 15px #0000001a}.graph-container h3{color:#1d1543;margin-bottom:15px;font-size:1.2rem;font-weight:600}.graph-wrapper{width:100%;height:300px;position:relative}.custom-popup .leaflet-popup-content-wrapper{background:#fff;border-radius:3px;padding:0;box-shadow:0 2px 10px #0000001a}.custom-popup .leaflet-popup-content{margin:0;padding:0}.custom-popup .leaflet-popup-tip{background:#fff}@media (width<=640px){.leaflet-popup-tip{width:8px!important;height:8px!important}}@media (width<=480px){.leaflet-container{width:100%!important;height:100%!important}.leaflet-control-zoom{transform-origin:100% 100%;transform:scale(.8)}}.flatpickr-calendar{font-family:Figtree,sans-serif;box-shadow:0 8px 32px #1d15431a,0 1.5px 8px #1d154314;background:#fff!important;border:none!important;border-radius:16px!important}.flatpickr-months{color:#1d1543!important;border-radius:16px 16px 0 0!important}.flatpickr-month{font-size:16px;color:#1d1543!important}.flatpickr-weekdays{border-bottom:1px solid #e5e7eb;margin-top:10px;color:#1d1543!important;background:#fff!important}.flatpickr-weekday{font-size:.95rem;color:#1d1543!important}.flatpickr-day{transition:background .15s;color:#1d1543!important;border-radius:8px!important}.flatpickr-day:focus,.flatpickr-day:hover{color:#1d1543!important;background:#e0e7ff!important}.flatpickr-day.endRange,.flatpickr-day.inRange,.flatpickr-day.selected,.flatpickr-day.startRange{color:#fff!important;background:#1d1543!important;border-radius:8px!important}.flatpickr-day.today{border:1.5px solid #1d1543!important}.flatpickr-day.flatpickr-disabled{color:#d1d5db!important;cursor:not-allowed!important}.flatpickr-day.flatpickr-disabled:hover{background-color:#0000!important}.flatpickr-current-month input.cur-year{color:#1d1543!important;background:0 0!important}.flatpickr-current-month input.cur-month{color:#1d1543!important}.flatpickr-calendar.arrowTop:after,.flatpickr-calendar.arrowTop:before{border-top-color:#fff!important}.flatpickr-calendar .dayContainer{padding:10px}