.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:#fff;text-shadow:0 0 5px #fff3;border-bottom:1px solid #444;margin:0 0 10px;padding-bottom:6px;font-size:16px;font-weight:600}.popup-content p{color:#ccc;margin:5px 0;line-height:1.4}.status-connected{font-weight:500;color:#4caf50!important}.status-in-progress{font-weight:500;color:gold!important}.energy-stats{border-top:1px solid #ffffff1a;justify-content:space-between;margin-top:10px;padding-top:8px;display:flex}.energy-stat{align-items:center;font-size:12px;display:flex}.energy-icon{margin-right:5px;font-size:14px;animation:2s infinite glowIcon}@keyframes glowIcon{0%{text-shadow:0 0 5px #ffffff80}50%{text-shadow:0 0 10px #fffc}to{text-shadow:0 0 5px #ffffff80}}.energy-value{font-weight:500}.minigrid-details{border-top:1px solid #ffffff1a;margin-top:10px;padding-top:8px;font-size:12px}.minigrid-details p{color:#ccc;margin:5px 0;font-style:italic;line-height:1.5}.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;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141414e6;border:1px solid #444;border-radius:8px;min-width:130px;padding:12px 15px;font-family:Roboto,sans-serif;font-size:12px;position:absolute;bottom:20px;left:20px;box-shadow:0 2px 15px #00000080}.map-legend.dark-mode{color:#eee;background:#141414e6;border:1px solid #444}.map-legend h4{text-transform:uppercase;letter-spacing:.5px;color:#fff;text-shadow:0 0 5px #fff3;margin:0 0 10px;font-size:14px;font-weight:600}.map-legend div{align-items:center;margin:8px 0;display:flex}.legend-color{vertical-align:middle;border:1px solid #ffffff4d;border-radius:50%;width:16px;height:16px;margin-right:10px;display:inline-block;box-shadow:0 1px 3px #0003}.legend-color.electric-glow{animation:2s infinite pulseGlow;position:relative;box-shadow:0 0 10px 3px}.legend-color.electric-glow.aedc{color:#00bfffcc;background-color:#00bfff}.legend-color.electric-glow.ibedc{color:#ff6000cc;background-color:#ff6000}.legend-color.electric-glow.kedco{color:#8bc34acc;background-color:#8bc34a}.legend-color.electric-glow.in-progress{color:#ffd700cc;background-color:gold}@keyframes pulseGlow{0%{box-shadow:0 0 10px 2px}50%{box-shadow:0 0 15px 5px}to{box-shadow:0 0 10px 2px}}.map-legend.dark-mode .legend-color{border:1px solid #ffffff4d}.map-error{text-align:center;color:#fff;background:#282828e6;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:#ff5252;margin:0;font-weight:500}.mapboxgl-ctrl-group{border-radius:6px;overflow:hidden}.title-with-icon{align-items:center;gap:8px;display:flex}.title-with-icon:before{content:"⚡";margin-right:8px;animation:2s infinite energyPulse;display:inline-block}@keyframes energyPulse{0%{opacity:.7;text-shadow:0 0 5px #ffff0080;transform:scale(1)}50%{opacity:1;text-shadow:0 0 15px #ff0c;transform:scale(1.2)}to{opacity:.7;text-shadow:0 0 5px #ffff0080;transform:scale(1)}}.map-container::-webkit-scrollbar{width:8px;height:8px}.map-container::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}.map-container::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.map-container::-webkit-scrollbar-thumb:hover{background:#777}@keyframes electricFlow{0%{stroke-dashoffset:1000px;opacity:.5}to{stroke-dashoffset:0;opacity:1}}.mapboxgl-canvas{background-color:#121212!important}@keyframes energyFlow{0%{opacity:.2;stroke-dashoffset:1000px}50%{opacity:.8}to{opacity:.2;stroke-dashoffset:0}}