.csp-container{width:360px;background:#0b0f19eb;border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 12px 40px -8px #0009;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:hidden;pointer-events:auto;font-family:Figtree,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#fff}.csp-select-menu{max-height:240px;overflow-y:auto;background:#111724fa;border:1px solid rgba(255,255,255,.14);border-radius:8px;box-shadow:0 12px 32px -8px #000000b3;padding:4px;display:flex;flex-direction:column;gap:2px;z-index:100000;pointer-events:auto;font-family:Figtree,ui-sans-serif,system-ui,-apple-system,sans-serif}.csp-select-option{display:block;width:100%;text-align:left;padding:7px 9px;background:transparent;border:none;border-radius:6px;color:#ffffffd9;font-family:inherit;font-size:12px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color .1s ease,color .1s ease}.csp-select-option:hover,.csp-select-option:focus-visible{background:#6366f147;color:#fff;outline:none}.csp-select-option.is-selected{background:#6366f12e;color:#fff;font-weight:600}.csp-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px 8px 12px;border-bottom:1px solid rgba(255,255,255,.08)}.csp-container>.csp-header:last-child{border-bottom:none}.csp-title{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.csp-title-trigger{background:transparent;border:none;padding:4px 6px;margin:-4px -6px;border-radius:8px;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background-color .12s ease}.csp-title-trigger:not(.is-static):hover{background:#ffffff12}.csp-title-trigger.is-static{cursor:default}.csp-title-trigger:focus-visible{outline:2px solid rgba(99,102,241,.7);outline-offset:1px}.csp-title-chevron{flex-shrink:0;margin-left:auto;color:#ffffff8c;transition:transform .14s ease}.csp-title-chevron.is-open{transform:rotate(180deg)}.csp-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;transition:background-color .2s ease}.csp-status-dot[data-status=connecting]{background:#f59e0b;animation:csp-pulse 1.2s ease-in-out infinite}.csp-status-dot[data-status=connected]{background:#10b981}.csp-status-dot[data-status=failed],.csp-status-dot[data-status=closed]{background:#ef4444}.csp-status-dot[data-status=idle]{background:#ffffff40}@keyframes csp-pulse{0%,to{opacity:.5}50%{opacity:1}}.csp-label-stack{display:flex;flex-direction:column;min-width:0}.csp-camera-name{font-size:12px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.csp-camera-name[data-placeholder]{color:#94a3b8f2;font-weight:500}.csp-detection-label{font-size:10px;font-weight:500;color:#94a3b8e6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;letter-spacing:.02em}.csp-actions{display:inline-flex;align-items:center;gap:2px;flex-shrink:0}.csp-action{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;line-height:0;border-radius:6px;background:#ffffff0f;border:none;color:#ffffffd9;cursor:pointer;flex-shrink:0;transition:background-color .12s ease,color .12s ease}.csp-action:hover{background:#ffffff24;color:#fff}.csp-action-close:hover{background:#ef444438;color:#fecaca}.csp-action-track.is-active{background:#22c55e38;color:#86efac}.csp-action-track.is-active:hover{background:#22c55e57;color:#bbf7d0}.csp-action:focus-visible{outline:2px solid rgba(99,102,241,.7);outline-offset:1px;color:#fff}.csp-video-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;overflow:hidden}.csp-container.is-maximized{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:auto;display:flex;flex-direction:column}.csp-container.is-maximized .csp-video-wrapper{flex:1 1 auto;aspect-ratio:auto;min-height:0}#map-wrapper.stream-maximized #camera-stream-popover-container{top:12px;right:12px;bottom:12px;left:12px;z-index:250}#map-wrapper.stream-maximized #mappedin-map{position:absolute;flex:none;left:16px;bottom:16px;width:300px;height:190px;z-index:500;box-shadow:0 12px 40px -8px #000000a6}#map-wrapper.stream-maximized #system-status-legend-container{z-index:400}.csp-video{width:100%;height:100%;object-fit:contain;display:block}.csp-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:#00000080;color:#ffffffd9;font-size:12px;pointer-events:none;text-align:center;padding:16px}.csp-spinner{width:22px;height:22px;border:2px solid rgba(255,255,255,.15);border-top-color:#6366f1e6;border-radius:50%;animation:csp-spin .8s linear infinite}@keyframes csp-spin{to{transform:rotate(360deg)}}.csp-error-text{color:#ef4444f2;font-weight:500}.csp-bbox{position:absolute;pointer-events:none;border:2px solid rgba(99,102,241,.95);border-radius:2px;box-shadow:0 0 0 1px #0000008c;transition:left .18s ease-out,top .18s ease-out,width .18s ease-out,height .18s ease-out}.csp-bbox-faint{padding:0;background:transparent;border:1.5px solid rgba(255,255,255,.28);box-shadow:none;pointer-events:auto;cursor:pointer;transition:left .18s ease-out,top .18s ease-out,width .18s ease-out,height .18s ease-out,border-color .12s ease,background-color .12s ease}.csp-bbox-faint:hover,.csp-bbox-faint:focus-visible{border-color:#6366f1e6;background:#6366f11f;outline:none}.csp-bbox-label{position:absolute;left:-2px;top:-22px;padding:2px 6px;background:#6366f1f2;color:#fff;font-size:10px;font-weight:600;letter-spacing:.02em;line-height:1.2;border-radius:3px 3px 3px 0;text-transform:lowercase;white-space:nowrap;pointer-events:none}.csp-mask-layer{position:absolute;overflow:visible;pointer-events:none}.csp-mask-faint{fill:#ffffff14;stroke:#ffffff47;stroke-width:1.5;pointer-events:auto;cursor:pointer;transition:fill .12s ease,stroke .12s ease}.csp-mask-faint:hover,.csp-mask-faint:focus-visible{fill:#6366f11f;stroke:#6366f1e6;outline:none}.csp-mask-bright{fill:#6366f12e;stroke:#6366f1f2;stroke-width:2;pointer-events:none;transition:d .18s ease-out}.csp-mask-bright-group{pointer-events:none}.floor-selector{display:flex;flex-direction:column;gap:8px;pointer-events:auto}.floor-selector-container{display:flex;flex-direction:column;gap:4px;background:#000000b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:8px;padding:6px;min-width:120px;box-shadow:0 4px 12px #0000004d}.floor-selector-container.expanded{box-shadow:0 8px 24px #0006}.floor-selector-button{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:6px;font:500 14px/1.2 ui-sans-serif,system-ui;color:#fffc;cursor:pointer;transition:all .2s ease;white-space:nowrap}.floor-selector-button.hidden{display:none}.floor-selector-button:hover{background:#ffffff14;border-color:#fff3;color:#fff}.floor-selector-button.active{background:#0ea5e926;border-color:#0ea5e966;color:#fff;font-weight:600}.floor-selector-button.active:hover{background:#0ea5e933;border-color:#0ea5e980}.floor-selector-container.expanded .floor-selector-button{display:flex}.floor-selector-name{flex:1}.floor-selector-chevron{width:16px;height:16px;transition:transform .2s ease;flex-shrink:0;margin-left:8px}.floor-selector-chevron.rotated{transform:rotate(180deg)}.floor-selector-container{overflow:hidden;max-height:1000px;transition:max-height .3s ease}.floor-search-container{position:relative;padding:6px 6px 2px}.floor-search-input{width:100%;font:400 13px/1.4 ui-sans-serif,system-ui;color:#fff;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:8px 30px 8px 10px;outline:none;transition:all .2s ease;box-sizing:border-box}.floor-search-input:focus{background:#ffffff26;border-color:#0ea5e980;box-shadow:0 0 0 2px #0ea5e933}.floor-search-input::placeholder{color:#ffffff80}.floor-search-clear{position:absolute;top:50%;right:12px;transform:translateY(-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;color:#fff9;background:transparent;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;padding:0}.floor-search-clear:hover{color:#fff;background:#ffffff1a}.floor-search-clear:active{transform:translateY(-50%) scale(.95)}.floor-search-empty{font:400 13px/1.4 ui-sans-serif,system-ui;color:#fff9;padding:12px;text-align:center}.ssl-container{background:#0f1420d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px 14px;display:flex;flex-direction:column;gap:8px;min-width:200px;max-width:420px;pointer-events:auto}.ssl-header{display:flex;align-items:center;justify-content:flex-end;padding-bottom:2px;border-bottom:1px solid rgba(255,255,255,.08)}.ssl-trackviz-toggle{font:700 9px/1 ui-sans-serif,system-ui;letter-spacing:.6px;text-transform:uppercase;padding:3px 8px;border-radius:3px;border:1px solid rgba(255,255,255,.2);background:#ffffff0f;color:#ffffff8c;cursor:pointer;flex-shrink:0;transition:background .12s ease,color .12s ease,border-color .12s ease}.ssl-trackviz-toggle:hover{background:#ffffff1a;color:#ffffffd9}.ssl-trackviz-toggle-active{background:#3b82f633;border-color:#3b82f68c;color:#93c5fd}.ssl-trackviz-toggle-active:hover{background:#3b82f652;color:#bfdbfe}.ssl-items{display:flex;flex-direction:column;gap:4px}.ssl-item{display:flex;flex-direction:column;gap:3px;padding:4px 6px;border-radius:6px;transition:background .12s ease;position:relative}.ssl-item:hover{background:#ffffff0f}.ssl-item-row{display:flex;align-items:center;gap:6px}.ssl-item-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;transition:background-color .2s ease}.ssl-item-label{font:400 12px/1.3 ui-sans-serif,system-ui;color:#ffffffd9;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.ssl-item-mode-snapshot .ssl-item-label{color:#ffffffa6}.ssl-item-count{font:500 11px/1 ui-monospace,monospace;color:#ffffff4d;white-space:nowrap}.ssl-item-count-active{color:#4caf50}.ssl-mode-toggle{font:700 9px/1 ui-sans-serif,system-ui;letter-spacing:.6px;text-transform:uppercase;padding:2px 5px;border-radius:3px;border:1px solid transparent;cursor:pointer;flex-shrink:0;transition:background .12s ease,color .12s ease,border-color .12s ease,opacity .15s ease}.ssl-mode-toggle-live{background:#4caf502e;border-color:#4caf5080;color:#8de69e}.ssl-mode-toggle-live:hover{background:#4caf504d;color:#b8f5c4}.ssl-mode-toggle-live-disabled{background:#ffffff0f;border-color:#ffffff2e;color:#ffffff73;opacity:0;pointer-events:none}.ssl-item:hover .ssl-mode-toggle-live-disabled{opacity:1;pointer-events:auto}.ssl-mode-toggle-live-disabled:hover{background:#4caf502e;border-color:#4caf5080;color:#8de69e}.ssl-item-refresh{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:none;border:none;border-radius:4px;color:#ffffff8c;cursor:pointer;opacity:0;pointer-events:none;padding:0;flex-shrink:0;transition:opacity .15s ease,background .12s ease,color .12s ease}.ssl-item:hover .ssl-item-refresh{opacity:1;pointer-events:auto}.ssl-item-refresh:hover{background:#ffffff14;color:#fffffff2}.ssl-item-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:none;border:none;border-radius:4px;color:#ffffff4d;cursor:pointer;opacity:0;transition:opacity .15s ease,background .12s ease,color .12s ease;padding:0;flex-shrink:0}.ssl-item:hover .ssl-item-remove{opacity:1}.ssl-item-remove:hover{background:#ef444433;color:#ef4444}.ssl-item-timestamp{font:500 10px/1.1 ui-monospace,monospace;color:#fff6;margin-left:14px;letter-spacing:.1px}.search-input-wrapper{display:flex;flex-direction:row;align-items:center;gap:10px;min-width:240px;max-width:460px;flex:1}.search-input-container{display:flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 12px;min-height:40px;flex:1;transition:all .2s}.search-input-container:focus-within{border-color:#6366f199;box-shadow:0 0 0 2px #6366f126}.search-input-icon{flex-shrink:0;opacity:.4}.search-input-field{flex:1;min-width:120px;background:transparent;border:none;outline:none;color:#fff;font-size:14px;padding:2px 0;font-family:Figtree,ui-sans-serif,system-ui,-apple-system,sans-serif}.search-input-field::placeholder{color:#94a3b8}.search-input-container.search-input-error{border-color:#dc2626;box-shadow:0 0 0 2px #dc262633}.search-input-container.search-input-error .search-input-field{color:#fca5a5}.tag-filter-char-count{font-size:11px;color:#dc2626;font-weight:500;white-space:nowrap;flex-shrink:0}.search-input-mode{display:inline-flex;align-items:center;gap:6px;padding:2px 4px;flex-shrink:0;font:500 11px/1 ui-sans-serif,system-ui;color:#ffffff8c;text-transform:uppercase;letter-spacing:.4px;cursor:pointer;-webkit-user-select:none;user-select:none}.search-input-mode:hover{color:#fffc}.search-input-mode-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;margin:0;border:1px solid rgba(255,255,255,.35);border-radius:3px;background:transparent;cursor:pointer;position:relative;flex-shrink:0;transition:background .12s ease,border-color .12s ease}.search-input-mode-checkbox:checked{background:#6366f1;border-color:#6366f1}.search-input-mode-checkbox:checked:after{content:"";position:absolute;left:3px;top:0;width:4px;height:8px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.search-input-mode-label{line-height:1}.toast{position:fixed;top:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;box-shadow:0 4px 20px #00000040;z-index:10002;animation:toastSlideIn .3s ease-out;max-width:90%;min-width:280px}@keyframes toastSlideIn{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.toast-exit{animation:toastSlideOut .3s ease-in forwards}@keyframes toastSlideOut{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-20px)}}.toast-error{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.toast-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.toast-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.toast-info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.toast-icon{font-size:18px;flex-shrink:0}.toast-message{font:500 14px/1.4 ui-sans-serif,system-ui;flex:1}.toast-close{background:#fff3;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;color:#fff;transition:background .2s ease;flex-shrink:0}.toast-close:hover{background:#ffffff4d}@media(max-width:640px){.toast{top:8px;padding:10px 14px;min-width:unset;width:calc(100% - 32px)}.toast-message{font-size:13px}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden}body{display:flex;min-width:320px}#app-root{width:100%;height:100%;overflow:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.spinner{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#00000080;z-index:10}.spinner-circle{width:40px;height:40px;border:4px solid rgba(255,255,255,.2);border-top-color:#646cff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}.spinner{background:#fffc}.spinner-circle{border:4px solid rgba(0,0,0,.1);border-top-color:#646cff}}