*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{color:#e0e0e0;-webkit-font-smoothing:antialiased;background:#0a0a0f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{height:100%}.topbar{background:#12121a;border-bottom:1px solid #1e1e2a;flex-shrink:0;padding:10px 14px 8px}.topbar-main{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.logo{color:#fff;font-size:15px;font-weight:600}.logo strong{color:#0f8}.online-badge{color:#0f8;background:#00ff881a;border:1px solid #0f83;border-radius:10px;padding:3px 10px;font-size:11px}.search-row{margin-bottom:8px}.search-row input{color:#e0e0e0;background:#1a1a25;border:1px solid #2a2a3a;border-radius:10px;outline:none;width:100%;padding:9px 14px;font-size:13px;transition:border .2s}.search-row input:focus{border-color:#0f8}.search-row input::placeholder{color:#555}.filter-row{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.filter-row::-webkit-scrollbar{display:none}.chip{color:#888;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #2a2a3a;border-radius:14px;flex-shrink:0;padding:5px 12px;font-size:11px;font-weight:500;transition:all .2s}.chip.active{font-weight:700}.chip:hover{color:#fff;border-color:#0f8}.chip span{opacity:.6;margin-left:3px}.chip.active span{opacity:.8}#leaflet-map{z-index:1;flex:1;width:100%}.leaflet-control-zoom a{color:#e0e0e0!important;background:#1a1a25!important;border-color:#2a2a3a!important}.leaflet-control-attribution{display:none!important}.marker-cluster-small{background-color:#0f83!important}.marker-cluster-small div{color:#fff!important;background-color:#0f86!important;font-weight:600!important}.marker-cluster-medium{background-color:#00ff8840!important}.marker-cluster-medium div{color:#fff!important;background-color:#00ff8873!important;font-weight:600!important}.marker-cluster-large{background-color:#00ff884d!important}.marker-cluster-large div{color:#fff!important;background-color:#00ff8880!important;font-weight:600!important}.cctv-marker{border:2px solid #0a0a0f;border-radius:50%;width:24px;height:24px;transition:all .2s;box-shadow:0 0 8px #00ff8880}.cctv-marker:hover{transform:scale(1.3);z-index:1000!important}.cctv-marker.diskominfo{background:#0f8;box-shadow:0 0 8px #00ff8880}.cctv-marker.dishub{background:#fa0;box-shadow:0 0 8px #ffaa0080}.cctv-marker.dpkp3{background:#88f;box-shadow:0 0 8px #8888ff80}.cctv-marker.dpu{background:#f66;box-shadow:0 0 8px #ff666680}.bottom-sheet{z-index:2000;background:#12121a;border-top:1px solid #1e1e2a;border-radius:20px 20px 0 0;max-height:60vh;animation:.35s cubic-bezier(.32,.72,0,1) slideUp;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-handle{cursor:pointer;background:#333;border-radius:4px;width:40px;height:4px;margin:10px auto 6px}.sheet-content{padding:0 16px 20px}.sheet-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.sheet-header h3{color:#fff;font-size:17px;font-weight:700}.close-btn{color:#666;cursor:pointer;background:0 0;border:none;padding:4px;font-size:20px}.close-btn:hover{color:#fff}.sheet-meta{gap:8px;margin-bottom:12px;display:flex}.dept-badge{color:#aaa;background:#1e1e2a;border-radius:8px;padding:3px 10px;font-size:11px}.status-badge{border-radius:8px;padding:3px 10px;font-size:11px;font-weight:600}.status-badge.online{color:#0f8;background:#00ff8826}.video-wrapper{aspect-ratio:16/9;background:#000;border-radius:12px;width:100%;margin-bottom:10px;position:relative;overflow:hidden}.video-wrapper video{object-fit:cover;width:100%;height:100%;display:block}.video-overlay{color:#666;background:#000;justify-content:center;align-items:center;font-size:13px;transition:opacity .3s;display:flex;position:absolute;inset:0}.video-overlay.hidden{opacity:0;pointer-events:none}.sheet-addr{color:#666;font-size:12px}.app{flex-direction:column;height:100vh;display:flex;overflow:hidden}.loading-screen{color:#888;background:#0a0a0f;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.loading-spinner{border:3px solid #1e1e2a;border-top-color:#0f8;border-radius:50%;width:32px;height:32px;margin-bottom:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-icon{margin-bottom:12px;font-size:32px}.backup-notice{color:#fa0;text-align:center;background:#ffaa001a;border-bottom:1px solid #fa03;padding:4px;font-size:11px}@media (width>=768px){.app{border-left:1px solid #1e1e2a;border-right:1px solid #1e1e2a;max-width:480px;margin:0 auto}}