*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#map-wrapper{position:fixed;inset:85px 0 40px;padding:12px;background:#fff}#map{height:100%;width:100%;border-radius:16px;box-shadow:0 10px 40px #0006;overflow:hidden;border:3px solid white}.cctv-popup{min-width:300px}.video-container{width:100%;aspect-ratio:16/9;background:#000;border-radius:.5rem;overflow:hidden}.leaflet-popup-content-wrapper{border-radius:1rem;padding:0;box-shadow:0 10px 30px #0003}.leaflet-popup-content{margin:0;width:350px!important;line-height:1.4}.leaflet-popup-content h3{line-height:1.2;margin-bottom:0}.leaflet-popup-content p{line-height:1.4;margin-top:.25rem}.leaflet-top.leaflet-left{left:auto!important;right:16px;top:16px!important}.leaflet-control-zoom{border:none!important;box-shadow:0 4px 12px #8b00004d!important;border-radius:12px!important;overflow:hidden}.leaflet-control-zoom a{width:40px!important;height:40px!important;line-height:40px!important;font-size:20px!important;background:#fff!important;color:#8b0000!important;border:none!important;transition:all .2s ease;font-weight:700!important}.leaflet-control-zoom a:hover{background:#8b0000!important;color:#fff!important}.leaflet-control-zoom a:first-child{border-bottom:2px solid #f5f5f5!important}.logo-container{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.status-badge{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.custom-cctv-marker{animation:markerBounce .5s ease-out;cursor:pointer;transition:all .3s ease}.custom-cctv-marker:hover{transform:scale(1.1);filter:brightness(1.1)}@keyframes markerBounce{0%{transform:translateY(-30px) scale(.3);opacity:0}50%{transform:translateY(5px) scale(1.05)}70%{transform:translateY(-5px) scale(.95)}to{transform:translateY(0) scale(1);opacity:1}}.header-gradient{background:linear-gradient(135deg,#8b0000,#dc143c)}.footer-gradient{background:linear-gradient(135deg,#8b0000,brown)}@media(max-width:768px){#map-wrapper{top:90px;padding:8px;bottom:50px}#map{border-radius:12px;border:2px solid white;box-shadow:0 4px 20px #0000004d}.leaflet-top.leaflet-left{right:10px!important;top:10px!important}.leaflet-popup-content{width:280px!important}.cctv-popup{min-width:260px}.leaflet-control-zoom a{width:38px!important;height:38px!important;line-height:38px!important;font-size:18px!important}}@media(max-width:640px){#map-wrapper{top:80px;padding:6px;bottom:48px}#map{border-radius:10px;border:1px solid white}.leaflet-control-zoom{border-radius:10px!important}.leaflet-control-zoom a{width:34px!important;height:34px!important;line-height:34px!important;font-size:16px!important}.leaflet-popup-content{width:260px!important}.cctv-popup{min-width:240px}}@media(max-width:480px){#map-wrapper{top:75px;padding:4px;bottom:46px}.leaflet-top.leaflet-left{right:8px!important;top:8px!important}}#grid-wrapper{scrollbar-width:thin;scrollbar-color:#8B0000 #f1f1f1}#grid-wrapper::-webkit-scrollbar{width:8px}#grid-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}#grid-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b0000,#dc143c);border-radius:4px}#grid-wrapper::-webkit-scrollbar-thumb:hover{background:#6b0000}.grid-video{transition:transform .3s ease}.grid-video-loading{transition:opacity .3s ease}.grid-video-loaded .grid-video-loading{opacity:0;pointer-events:none}@media(max-width:768px){#grid-wrapper{top:60px;bottom:40px;padding:8px}}@media(max-width:640px){#grid-wrapper{top:56px;bottom:38px;padding:6px}}