:root{--ctp-base: #24273a;--ctp-mantle: #1e2030;--ctp-crust: #181926;--ctp-surface0: #363a4f;--ctp-surface1: #494d64;--ctp-surface2: #5b6078;--ctp-overlay0: #6e738d;--ctp-overlay1: #8087a2;--ctp-text: #cad3f5;--ctp-subtext0: #a5adcb;--ctp-subtext1: #b8c0e0;--ctp-blue: #8aadf4;--ctp-green: #a6da95;--ctp-red: #ed8796;--ctp-yellow: #eed49f;--ctp-peach: #f5a97f;--ctp-mauve: #c6a0f6;--ctp-sapphire: #7dc4e4;--ctp-teal: #8bd5ca;--ctp-lavender: #b7bdf8;--sidebar-width: 280px;--radius: 6px;--transition: .2s ease;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:var(--ctp-text);background-color:var(--ctp-crust);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100vh;overflow:hidden}.app-layout{display:flex;height:100vh;width:100vw;position:relative}.sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--ctp-mantle);border-right:1px solid var(--ctp-surface0);overflow-y:auto;overflow-x:hidden;padding:1rem 1rem 1.5rem;transition:width .3s ease,padding .3s ease,opacity .3s ease;z-index:2;display:flex;flex-direction:column}.sidebar.collapsed{width:0;padding-left:0;padding-right:0;opacity:0;overflow:hidden}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:rgba(24,25,38,.85);z-index:100}.auth-overlay[hidden]{display:none}.auth-card{background:var(--ctp-mantle);border:1px solid var(--ctp-surface0);border-radius:12px;padding:2rem 2rem 1.5rem;width:100%;max-width:380px;box-shadow:0 8px 32px #0006}.auth-title{font-size:1.25rem;font-weight:700;color:var(--ctp-lavender);text-align:center;margin-bottom:1.5rem}.sidebar-toggle{position:absolute;left:var(--sidebar-width);top:50%;transform:translateY(-50%);z-index:3;width:24px;height:48px;background:var(--ctp-surface0);border:1px solid var(--ctp-surface1);border-left:none;border-radius:0 var(--radius) var(--radius) 0;color:var(--ctp-subtext0);font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:left .3s ease,background-color var(--transition);padding:0;font-family:inherit}.sidebar-toggle:hover{background:var(--ctp-surface1);color:var(--ctp-text)}.sidebar.collapsed~.sidebar-toggle{left:0}.viewport{flex:1;display:flex;flex-direction:column;min-width:0;background:black;position:relative}#targetVideo,#dewarpCanvas{flex:1;width:100%;min-height:0;background:black;display:block}#targetVideo{object-fit:contain}#dewarpCanvas[hidden]{display:none}.minimap-container{position:absolute;bottom:52px;right:16px;width:180px;height:180px;border-radius:8px;overflow:hidden;border:2px solid rgba(110,115,141,.3);background:rgba(24,25,38,.7);cursor:crosshair;z-index:10}.minimap-container[hidden]{display:none}.minimap-container canvas{width:100%;height:100%;display:block}.status-bar{flex-shrink:0;display:flex;gap:1.5rem;padding:.5rem 1rem;background:var(--ctp-crust);border-top:1px solid var(--ctp-surface0)}.status-item{display:flex;align-items:center;gap:.4rem;min-width:0}.status-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ctp-overlay0);white-space:nowrap}.status-value{font-size:.8rem;font-weight:500;color:var(--ctp-subtext1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.state-idle{color:var(--ctp-overlay0)}.state-connecting{color:var(--ctp-yellow)}.state-connected{color:var(--ctp-green)}.state-failed{color:var(--ctp-red)}form[name=endpoint-data]{display:none}.form-group{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.75rem}.form-group:last-child{margin-bottom:0}label{font-size:.7rem;font-weight:500;color:var(--ctp-subtext0);text-transform:uppercase;letter-spacing:.03em}input[type=url],input[type=number],select{background:var(--ctp-surface0);border:1px solid var(--ctp-surface1);border-radius:var(--radius);color:var(--ctp-text);padding:.45rem .6rem;font-size:.85rem;font-family:inherit;transition:border-color var(--transition);outline:none;width:100%}input:focus,select:focus{border-color:var(--ctp-blue);box-shadow:0 0 0 2px #8aadf426}input::placeholder{color:var(--ctp-overlay0)}select:disabled{opacity:.5;cursor:not-allowed}.btn{border:none;border-radius:var(--radius);padding:.5rem 1rem;font-size:.85rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background-color var(--transition),opacity var(--transition);width:100%}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--ctp-blue);color:var(--ctp-crust)}.btn-primary:hover:not(:disabled){background:var(--ctp-sapphire)}.session-info{font-size:.75rem;color:var(--ctp-subtext0);margin:.5rem 0 0;text-align:center}.session-info:empty{display:none}.filter-bar{display:flex;gap:.25rem;flex-wrap:wrap}.filter-bar:empty{display:none}.filter-pill{background:var(--ctp-surface0);border:1px solid var(--ctp-surface1);border-radius:100px;color:var(--ctp-subtext0);font-size:.7rem;font-weight:500;font-family:inherit;padding:.15rem .55rem;cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition);white-space:nowrap}.filter-pill:hover{background:var(--ctp-surface1);color:var(--ctp-text)}.filter-pill[aria-pressed=true]{background:var(--ctp-blue);border-color:var(--ctp-blue);color:var(--ctp-crust)}.filter-pill .filter-count{font-size:.6rem;opacity:.7;margin-left:.2rem}#cameraGroup{display:none}.sidebar-footer{margin-top:auto;padding-top:1rem;border-top:1px solid var(--ctp-surface0)}.btn-logout{background:transparent;border:1px solid var(--ctp-surface1);color:var(--ctp-subtext0);font-size:.75rem;padding:.4rem .75rem;width:100%;border-radius:var(--radius);cursor:pointer;transition:background var(--transition),color var(--transition);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:inherit}.btn-logout:hover{background:var(--ctp-surface0);color:var(--ctp-red)}.status-item--dewarp{margin-left:auto}.status-item--dewarp[hidden]{display:none}.dewarp-toggle{display:flex;align-items:center;gap:.4rem;background:var(--ctp-surface0);border:1px solid var(--ctp-surface1);border-radius:var(--radius);padding:.2rem .6rem;cursor:pointer;font-family:inherit;transition:background var(--transition),border-color var(--transition)}.dewarp-toggle:hover{background:var(--ctp-surface1)}.dewarp-toggle[aria-pressed=true]{background:var(--ctp-blue);border-color:var(--ctp-blue)}.dewarp-toggle[aria-pressed=true] .status-label{color:var(--ctp-crust)}.dewarp-toggle-state{font-size:.8rem;font-weight:600;color:var(--ctp-subtext1)}.dewarp-toggle[aria-pressed=true] .dewarp-toggle-state{color:var(--ctp-crust)}.dewarp-controls{padding-top:.75rem;margin-top:.75rem;border-top:1px solid var(--ctp-surface0)}.dewarp-controls[hidden]{display:none}.dewarp-controls-header{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ctp-mauve);margin-bottom:.5rem}.dewarp-slider-group{margin-bottom:.5rem}.dewarp-slider-group label{display:flex;justify-content:space-between;align-items:baseline}.dewarp-slider-value{font-size:.75rem;font-weight:600;color:var(--ctp-text);font-variant-numeric:tabular-nums}.dewarp-slider-group input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:var(--ctp-surface1);border-radius:2px;outline:none;margin-top:.2rem}.dewarp-slider-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--ctp-blue);cursor:pointer;border:none}.dewarp-slider-group input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--ctp-blue);cursor:pointer;border:none}.btn-dewarp-reset{background:var(--ctp-surface0);border:1px solid var(--ctp-surface1);color:var(--ctp-subtext0);font-size:.75rem;padding:.35rem .75rem;margin-top:.25rem}.btn-dewarp-reset:hover{background:var(--ctp-surface1);color:var(--ctp-text)}.status-item--analytics{margin-left:0}.analytics-toggle{display:flex;align-items:center;gap:.4rem;background:var(--ctp-surface0);border:1px solid var(--ctp-surface1);border-radius:var(--radius);padding:.2rem .6rem;cursor:pointer;font-family:inherit;transition:background var(--transition),border-color var(--transition)}.analytics-toggle:hover{background:var(--ctp-surface1)}.analytics-toggle[aria-pressed=true]{background:var(--ctp-mauve);border-color:var(--ctp-mauve)}.analytics-toggle[aria-pressed=true] .status-label{color:var(--ctp-crust)}.analytics-toggle-state{font-size:.8rem;font-weight:600;color:var(--ctp-subtext1)}.analytics-toggle[aria-pressed=true] .analytics-toggle-state{color:var(--ctp-crust)}.analytics-panel{width:320px;flex-shrink:0;background:var(--ctp-mantle);border-left:1px solid var(--ctp-surface0);display:flex;flex-direction:column;overflow:hidden;-webkit-user-select:none;user-select:none}.analytics-panel[hidden]{display:none}.analytics-panel-toggle{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:3;width:24px;height:48px;background:var(--ctp-surface0);border:1px solid var(--ctp-surface1);border-right:none;border-radius:var(--radius) 0 0 var(--radius);color:var(--ctp-subtext0);font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:right .3s ease,background-color var(--transition);padding:0;font-family:inherit}.analytics-panel-toggle:hover{background:var(--ctp-surface1);color:var(--ctp-text)}.analytics-panel-toggle.panel-open{right:320px}.analytics-panel-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem;border-bottom:1px solid var(--ctp-surface0);flex-shrink:0}.analytics-panel-header[hidden]{display:none}.analytics-panel-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ctp-mauve)}.analytics-panel-controls{display:flex;gap:.3rem}.analytics-overlay-toggle,.analytics-clear-btn{background:var(--ctp-surface0);border:1px solid var(--ctp-surface1);border-radius:var(--radius);color:var(--ctp-subtext0);font-size:.65rem;font-weight:600;font-family:inherit;padding:.15rem .5rem;cursor:pointer;transition:background var(--transition),color var(--transition)}.analytics-overlay-toggle:hover,.analytics-clear-btn:hover{background:var(--ctp-surface1);color:var(--ctp-text)}.analytics-overlay-toggle[aria-pressed=true]{background:var(--ctp-green);border-color:var(--ctp-green);color:var(--ctp-crust)}.analytics-overlay-modes{display:flex;border-radius:6px;overflow:hidden;border:1px solid var(--ctp-surface1)}.overlay-mode-btn{background:var(--ctp-surface0);color:var(--ctp-text);border:none;padding:4px 10px;font-size:12px;font-family:inherit;cursor:pointer;transition:background .15s,color .15s;border-right:1px solid var(--ctp-surface1);white-space:nowrap}.overlay-mode-btn:last-child{border-right:none}.overlay-mode-btn:hover{background:var(--ctp-surface1)}.overlay-mode-btn.active{background:var(--ctp-green);color:var(--ctp-crust)}.analytics-log{flex:0 0 auto;overflow-y:auto;padding:.5rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.7rem;transition:height .3s ease}.analytics-log[hidden]{display:none}.analytics-log-entry{padding:.2rem .4rem;border-left:3px solid var(--ctp-overlay1);margin-bottom:.15rem;color:var(--ctp-subtext1);display:flex;gap:.3rem;align-items:baseline;cursor:default;flex-wrap:wrap;transition:opacity .8s ease,background .15s ease}.analytics-log-entry--person{border-left-color:var(--ctp-green)}.analytics-log-entry--vehicle{border-left-color:var(--ctp-blue)}.analytics-log-type{font-weight:600;color:var(--ctp-text)}.analytics-log-confidence{color:var(--ctp-overlay0)}.analytics-log-meta{color:var(--ctp-overlay0);font-size:.6rem}.analytics-log-duration{color:var(--ctp-overlay0);font-size:.6rem;margin-left:auto}.analytics-log-attrs{display:block;color:var(--ctp-overlay0);font-size:.6rem;padding-left:.4rem;margin-top:.1rem}.analytics-log-entry.stale{opacity:.3;transition:opacity .8s ease}.analytics-log-entry.highlighted{background:var(--ctp-surface0);border-left-width:4px}.analytics-overlay-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}.analytics-html-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:6;overflow:visible}.analytics-overlay-inner{position:absolute}#zoomContainer{flex:1;min-height:0;position:relative;overflow:hidden;background:black}#zoomTransformTarget{width:100%;height:100%;position:relative;display:flex;flex-direction:column;transform-origin:0 0}.analytics-row--zoom-target{border-left:3px solid var(--ctp-sapphire);background:rgba(125,196,228,.08)}.analytics-box--zoom-target{border-color:var(--ctp-sapphire)!important;border-width:calc(2px / var(--zoom-scale, 1));box-shadow:0 0 12px #7dc4e466!important}.analytics-box--zoom-target .analytics-box-label{background:var(--ctp-sapphire)}.zoom-active .analytics-box:not(.analytics-box--zoom-target){opacity:0!important;pointer-events:none!important;transition:opacity .15s ease-out!important}.analytics-box{position:absolute;border:calc(2px / var(--zoom-scale, 1)) solid var(--ctp-overlay1);border-radius:2px;pointer-events:none;transition:opacity .8s ease}.analytics-box--person{border-color:var(--ctp-green)}.analytics-box--vehicle{border-color:var(--ctp-blue)}.analytics-box.stale{opacity:.2;pointer-events:none}.analytics-box.highlighted{border-width:calc(3px / var(--zoom-scale, 1));box-shadow:0 0 8px #a6da9580}.analytics-box-label{position:absolute;top:0;left:0;padding:2px 6px;font-size:10px;font-family:Inter,system-ui,sans-serif;font-weight:600;color:var(--ctp-crust);background:var(--ctp-overlay1);border-radius:0 0 2px;white-space:nowrap;cursor:default;-webkit-user-select:none;user-select:none;pointer-events:auto;transform:scale(calc(1 / var(--zoom-scale, 1)));transform-origin:top left}.analytics-box-label:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px}.analytics-box--person .analytics-box-label{background:var(--ctp-green)}.analytics-box--vehicle .analytics-box-label{background:var(--ctp-blue)}.analytics-box-tooltip{position:absolute;top:calc(100% + 4px);left:0;min-width:200px;-webkit-user-select:none;user-select:none;max-width:300px;background:var(--ctp-mantle);border:1px solid var(--ctp-surface1);border-radius:var(--radius);padding:.5rem;font-size:.65rem;font-family:JetBrains Mono,Fira Code,monospace;color:var(--ctp-text);white-space:normal;opacity:0;pointer-events:none;transition:opacity .15s ease .05s;z-index:10;box-shadow:0 4px 12px #0000004d}.analytics-box-label:hover .analytics-box-tooltip{opacity:1;pointer-events:auto;transition-delay:0s}.analytics-box-tooltip dt{color:var(--ctp-subtext0);font-size:.6rem;margin-top:.3rem}.analytics-box-tooltip dt:first-child{margin-top:0}.analytics-box-tooltip dd{margin:0 0 .15rem;color:var(--ctp-text);word-break:break-all}.analytics-activity{flex:1 1 0;min-height:0;border-top:1px solid var(--ctp-surface0);display:flex;flex-direction:column}.analytics-activity-header{display:flex;align-items:center;padding:.4rem .75rem;flex-shrink:0}.analytics-activity-title{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ctp-mauve)}.analytics-activity-list{overflow-y:auto;padding:0 .5rem .5rem;font-size:.7rem}.analytics-activity-item{display:flex;align-items:center;gap:.4rem;padding:.2rem .4rem;border-radius:var(--radius);cursor:pointer;transition:background var(--transition);flex-wrap:wrap}.analytics-activity-item:hover{background:var(--ctp-surface0)}.analytics-activity-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.analytics-activity-dot--active{background:var(--ctp-green)}.analytics-activity-dot--stale{background:var(--ctp-overlay0)}.analytics-activity-name{flex:1;color:var(--ctp-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analytics-activity-count{color:var(--ctp-subtext0);font-size:.65rem;white-space:nowrap}.analytics-activity-types{display:block;width:100%;color:var(--ctp-overlay0);font-size:.6rem;padding-left:1rem;margin-top:.05rem}