.app-container.svelte-1uha8ag{position:relative;width:100vw;height:100vh;overflow:hidden;display:flex}.sidebar-toggle.svelte-1uha8ag{position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:200;background:#1e293b;color:#e2e8f0;border:1px solid rgba(255,255,255,.15);border-left:none;border-radius:0 8px 8px 0;width:24px;height:60px;font-size:10px;display:flex;align-items:center;justify-content:center;transition:left .3s ease,background .2s;box-shadow:2px 0 8px #0000004d}.sidebar-toggle.svelte-1uha8ag:hover{background:#334155}.sidebar.svelte-1uha8ag{position:absolute;left:0;top:0;bottom:0;width:300px;background:#0f172a;border-right:1px solid rgba(255,255,255,.1);z-index:100;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .3s ease;box-shadow:4px 0 20px #0006}.sidebar.open.svelte-1uha8ag{transform:translate(0)}.sidebar-header.svelte-1uha8ag{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid rgba(255,255,255,.08);background:#0c1526}.sidebar-title.svelte-1uha8ag{margin:0;font-size:16px;font-weight:700;color:#f1f5f9;display:flex;align-items:center;gap:8px}.title-icon.svelte-1uha8ag{font-size:18px}.close-btn.svelte-1uha8ag{background:transparent;color:#64748b;font-size:14px;padding:4px 8px;border-radius:4px;transition:color .2s,background .2s}.close-btn.svelte-1uha8ag:hover{color:#f1f5f9;background:#ffffff14}.filter-section.svelte-1uha8ag{padding:12px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:8px}.search-input.svelte-1uha8ag,.region-select.svelte-1uha8ag{width:100%;padding:8px 12px;background:#1e293b;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#e2e8f0;font-size:13px;outline:none;transition:border-color .2s}.search-input.svelte-1uha8ag:focus,.region-select.svelte-1uha8ag:focus{border-color:#dc2626}.search-input.svelte-1uha8ag::placeholder{color:#475569}.region-select.svelte-1uha8ag option:where(.svelte-1uha8ag){background:#1e293b;color:#e2e8f0}.cctv-count.svelte-1uha8ag{padding:8px 12px;font-size:12px;color:#94a3b8;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06)}.cctv-count.svelte-1uha8ag strong:where(.svelte-1uha8ag){color:#dc2626}.total-badge.svelte-1uha8ag{font-size:11px;background:#dc262626;color:#fca5a5;padding:2px 8px;border-radius:12px;border:1px solid rgba(220,38,38,.3)}.loading-text.svelte-1uha8ag{color:#64748b;font-style:italic}.cctv-list.svelte-1uha8ag{flex:1;overflow-y:auto;list-style:none;margin:0;padding:6px 0}.cctv-item.svelte-1uha8ag{display:flex;align-items:stretch;border-bottom:1px solid rgba(255,255,255,.04);transition:background .15s}.cctv-item.svelte-1uha8ag:hover,.cctv-item.active.svelte-1uha8ag{background:#dc262614}.cctv-item-btn.svelte-1uha8ag{flex:1;background:transparent;color:inherit;text-align:left;padding:9px 12px;display:flex;flex-direction:column;gap:3px}.cctv-item-name.svelte-1uha8ag{font-size:12px;font-weight:500;color:#e2e8f0;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.cctv-item-meta.svelte-1uha8ag{font-size:10px;color:#64748b}.stream-btn.svelte-1uha8ag{background:transparent;color:#dc2626;font-size:11px;padding:0 12px;border-left:1px solid rgba(255,255,255,.04);transition:background .2s,color .2s}.stream-btn.svelte-1uha8ag:hover{background:#dc262633;color:#fca5a5}.list-more.svelte-1uha8ag,.list-empty.svelte-1uha8ag{padding:12px;font-size:11px;color:#475569;text-align:center;font-style:italic}.map-wrapper.svelte-1uha8ag{position:relative;flex:1;width:100%;height:100%}.map-container.svelte-1uha8ag{width:100%;height:100%}.map-error.svelte-1uha8ag{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0f172a;color:#e2e8f0;z-index:5}.map-loading.svelte-1uha8ag{position:absolute;top:16px;right:16px;background:#0f172ae6;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 16px;display:flex;align-items:center;gap:10px;font-size:13px;color:#94a3b8;z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.spinner.svelte-1uha8ag{width:18px;height:18px;border:2px solid rgba(220,38,38,.3);border-top-color:#dc2626;border-radius:50%;animation:svelte-1uha8ag-spin .8s linear infinite;flex-shrink:0}@keyframes svelte-1uha8ag-spin{to{transform:rotate(360deg)}}.video-panel.svelte-1uha8ag{position:fixed;z-index:500;width:420px;background:#0f172a;border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 20px 60px #0009,0 0 0 1px #ffffff0d;overflow:hidden;-webkit-user-select:none;user-select:none}.video-panel-header.svelte-1uha8ag{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#0c1526;border-bottom:1px solid rgba(255,255,255,.08);cursor:grab}.video-panel-header.svelte-1uha8ag:active{cursor:grabbing}.panel-title.svelte-1uha8ag{font-size:13px;font-weight:600;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:340px}.panel-close-btn.svelte-1uha8ag{background:transparent;color:#64748b;font-size:13px;padding:2px 6px;border-radius:4px;transition:color .2s,background .2s;flex-shrink:0}.panel-close-btn.svelte-1uha8ag:hover{color:#f1f5f9;background:#ffffff14}.video-body.svelte-1uha8ag{position:relative;background:#000;aspect-ratio:16/9}.video-player.svelte-1uha8ag{width:100%;height:100%;display:block;background:#000}.video-player.hidden.svelte-1uha8ag{display:none}.video-error.svelte-1uha8ag,.video-loading-overlay.svelte-1uha8ag{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#94a3b8;font-size:13px}.error-icon.svelte-1uha8ag{font-size:28px;margin-bottom:4px}.error-sub.svelte-1uha8ag{font-size:11px;color:#475569;text-align:center;padding:0 20px;margin:0}.video-error.svelte-1uha8ag p:where(.svelte-1uha8ag){margin:0}.video-loading-overlay.svelte-1uha8ag{flex-direction:row;gap:10px}.panel-footer.svelte-1uha8ag{padding:6px 14px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.06);background:#0c1526}.panel-meta.svelte-1uha8ag{font-size:11px;color:#475569}.panel-meta.ip.svelte-1uha8ag{font-family:SF Mono,Fira Code,monospace;font-size:10px;color:#334155}@media(prefers-color-scheme:light){.sidebar.svelte-1uha8ag{background:#f8fafc;border-right-color:#0000001a}.sidebar-header.svelte-1uha8ag{background:#f1f5f9}.sidebar-title.svelte-1uha8ag{color:#0f172a}.close-btn.svelte-1uha8ag{color:#94a3b8}.close-btn.svelte-1uha8ag:hover{color:#0f172a;background:#0000000f}.search-input.svelte-1uha8ag,.region-select.svelte-1uha8ag{background:#fff;border-color:#0000001f;color:#0f172a}.search-input.svelte-1uha8ag::placeholder{color:#94a3b8}.region-select.svelte-1uha8ag option:where(.svelte-1uha8ag){background:#fff;color:#0f172a}.cctv-count.svelte-1uha8ag{color:#475569}.cctv-item.svelte-1uha8ag:hover,.cctv-item.active.svelte-1uha8ag{background:#dc26260f}.cctv-item-name.svelte-1uha8ag{color:#1e293b}.cctv-item-meta.svelte-1uha8ag{color:#94a3b8}.cctv-item-btn.svelte-1uha8ag:hover{background:transparent}.sidebar-toggle.svelte-1uha8ag{background:#f1f5f9;color:#334155;border-color:#0000001a}.sidebar-toggle.svelte-1uha8ag:hover{background:#e2e8f0}.video-panel.svelte-1uha8ag{background:#fff;border-color:#0000001a}.video-panel-header.svelte-1uha8ag{background:#f1f5f9;border-bottom-color:#00000014}.panel-title.svelte-1uha8ag{color:#0f172a}.panel-close-btn.svelte-1uha8ag{color:#94a3b8}.panel-close-btn.svelte-1uha8ag:hover{color:#0f172a;background:#0000000f}.panel-footer.svelte-1uha8ag{background:#f1f5f9;border-top-color:#0000000f}.map-loading.svelte-1uha8ag{background:#ffffffe6;border-color:#0000001a;color:#475569}.map-error.svelte-1uha8ag{background:#f8fafc;color:#1e293b}}@media(max-width:640px){.sidebar.svelte-1uha8ag{width:280px}.video-panel.svelte-1uha8ag{width:calc(100vw - 24px);left:12px!important}.cctv-item-name.svelte-1uha8ag{max-width:180px}}