:root{color:#17221d;font-synthesis:none;text-rendering:optimizelegibility;--ink:#17221d;--muted:#748079;--line:#e3e8e4;--green:#257451;--green-dark:#174d36;--green-soft:#edf6f0;--panel:#fff;--canvas:#f4f6f4;--shadow:0 2px 8px #1b30240a, 0 12px 28px #1b302405;background:#f4f6f4;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:360px;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #8cc8a5}a{color:inherit;text-decoration:none}[hidden]{display:none!important}#app{min-height:100vh}.rail{z-index:5;border-right:1px solid var(--line);background:#fff;flex-direction:column;width:248px;padding:26px 16px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand-mark{align-items:center;gap:11px;padding:2px 8px 30px;display:flex}.brand-symbol{background:var(--green-dark);color:#fff;border-radius:11px;place-items:center;width:36px;height:36px;font-family:Manrope,sans-serif;font-size:20px;font-weight:800;display:grid}.brand-name{color:#202b25;letter-spacing:-.35px;flex-direction:column;font-family:Manrope,sans-serif;font-size:15px;font-weight:800;line-height:1.05;display:flex}.brand-name span{color:var(--green);letter-spacing:1.5px;text-transform:uppercase;margin-top:3px;font-size:11px;font-weight:600}.sidebar-workspace{border:1px solid var(--line);background:#fafbfa;border-radius:9px;flex-direction:column;gap:8px;margin:0 2px 27px;padding:15px 13px;display:flex}.eyebrow{color:#87928b;letter-spacing:1.25px;font-size:10px;font-weight:700}.sidebar-workspace strong{color:var(--ink);font-size:13px;font-weight:600}.workspace-status{color:var(--muted);font-size:11px}.workspace-status i{background:#9aaba0;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.sidebar-nav{flex-direction:column;gap:4px;display:flex}.nav-section{color:#939d96;letter-spacing:1.3px;padding:0 12px 9px;font-size:9px;font-weight:700}.nav-item{color:#657169;border-radius:7px;align-items:center;gap:12px;min-height:42px;padding:0 12px;font-size:12px;font-weight:500;transition:background .15s,color .15s;display:flex}.nav-item:hover{color:var(--ink);background:#f4f7f4}.nav-item.active{background:var(--green-soft);color:var(--green-dark);font-weight:600}.nav-icon{color:#849189;place-items:center;width:18px;font-size:16px;display:grid}.nav-item.active .nav-icon{color:var(--green)}.rail-bottom{border-top:1px solid var(--line);flex-direction:column;gap:6px;margin-top:auto;padding:16px 11px 4px;display:flex}.rail-bottom strong{color:#39463e;font-size:11px;font-weight:600}.rail-bottom>span:last-child{color:#87928b;font-size:10px}.app-main{width:min(100% - 248px,1600px);min-height:100vh;margin-left:248px;padding:0 42px 28px}.topbar{border-bottom:1px solid #e6eae7;justify-content:space-between;align-items:center;gap:16px;min-height:62px;display:flex}.breadcrumbs{color:#78837c;font-size:11px}.breadcrumbs span{color:#b0b8b2;padding:0 8px}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin:30px 0 22px;display:flex}h1,h2,h3,p{margin-top:0}h1{color:#18231d;letter-spacing:-.95px;margin-bottom:7px;font-family:Manrope,DM Sans,sans-serif;font-size:clamp(25px,2.5vw,33px);font-weight:700;line-height:1.2}.page-heading p{color:#77827b;margin-bottom:0;font-size:12px}h2{color:#1d2922;letter-spacing:-.25px;margin:5px 0 0;font-family:Manrope,DM Sans,sans-serif;font-size:15px;font-weight:700}h3{font-size:18px;font-weight:600}.badge{color:#748079;letter-spacing:.65px;white-space:nowrap;background:#fff;border:1px solid #e0e6e1;border-radius:6px;align-items:center;gap:7px;min-height:29px;padding:6px 10px;font-size:9px;font-weight:700;display:inline-flex}.badge i{background:#a4afa8;border-radius:50%;width:6px;height:6px;display:inline-block}.badge.connected{color:#256445;background:#f2f9f4;border-color:#c9e4d3}.badge.connected i{background:#339365;box-shadow:0 0 0 3px #3393651b}.connection-panel{min-height:86px;box-shadow:var(--shadow);background:#fff;border:1px solid #e2e8e3;border-radius:10px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:19px;padding:15px 18px;display:flex}.connection-copy{align-items:center;gap:11px;min-width:205px;display:flex}.connection-icon{background:var(--green-soft);width:34px;height:34px;color:var(--green);border-radius:8px;place-items:center;font-size:18px;display:grid}.connection-copy strong,.connection-copy small{display:block}.connection-copy strong{color:#26322b;font-size:11px;font-weight:600}.connection-copy small{color:#849088;margin-top:4px;font-size:9px}.connection-panel form{flex:1;max-width:650px}.connection-panel label{color:#77837b;letter-spacing:.9px;margin-bottom:6px;font-size:8px;font-weight:700;display:block}.auth-fields{align-items:center;gap:8px;display:flex}input{color:#26322b;background:#fcfdfc;border:1px solid #dfe5e0;border-radius:6px;flex:1;min-width:100px;padding:9px 11px;font-size:11px}input::placeholder{color:#9aa49d}.primary,.subtle{white-space:nowrap;border:1px solid #0000;border-radius:6px;min-height:34px;padding:0 13px;font-size:10px;font-weight:600;transition:background .15s,border-color .15s}.primary{background:var(--green-dark);color:#fff}.primary:hover{background:#216347}.primary span{color:#b7ddc3;margin-left:8px}.subtle{color:#536158;background:#fff;border-color:#dfe5e0}.subtle:hover{background:#f5f7f5}.error{color:#a64638;background:#fff7f5;border:1px solid #efd2cd;border-radius:7px;margin:0 0 16px;padding:11px 14px;font-size:11px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:19px;display:grid}.metrics article{min-width:0;box-shadow:var(--shadow);background:#fff;border:1px solid #e3e8e4;border-radius:9px;padding:15px 16px 14px}.metric-label{color:#7b877f;letter-spacing:.85px;justify-content:space-between;align-items:center;font-size:8px;font-weight:700;display:flex}.metric-label span{color:#9aa69e;font-size:13px}.metric-value{color:#1b2a21;letter-spacing:-1px;font-variant-numeric:tabular-nums;margin:9px 0 4px;font-family:Manrope,DM Sans,sans-serif;font-size:30px;font-weight:700}.metric-value small{color:#87938b;letter-spacing:0;margin-left:5px;font-family:DM Sans,sans-serif;font-size:10px;font-weight:500}.metrics p{color:#929c95;margin:0;font-size:9px;line-height:1.45}.workspace{grid-template-columns:minmax(0,2.35fr) minmax(245px,.95fr);align-items:start;gap:16px;display:grid}.panel{background:var(--panel);min-width:0;box-shadow:var(--shadow);border:1px solid #e1e7e2;border-radius:10px;overflow:hidden}.panel-heading{justify-content:space-between;align-items:center;gap:12px;min-height:66px;padding:13px 17px;display:flex}.panel-heading .eyebrow{font-size:8px}.feed-panel .panel-heading{min-height:68px}.feed-tools{align-items:center;gap:8px;display:flex}.icon-button{color:#65736a;background:#fff;border:1px solid #e2e7e3;border-radius:6px;place-items:center;width:30px;height:30px;font-size:17px;line-height:1;transition:background .15s;display:grid}.icon-button:hover{background:#f4f7f4}.video-container{aspect-ratio:16/10;background:#111916;border-top:1px solid #e6eae7;border-bottom:1px solid #e6eae7;position:relative;overflow:hidden}video{z-index:0;object-fit:contain;background:#111916;width:100%;height:100%;display:block;position:absolute;inset:0}.box-overlay{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.overlay-label{z-index:3;color:#d0f3a1;letter-spacing:.55px;pointer-events:none;background:#12231bdd;border:1px solid #6c8e70;border-radius:5px;padding:6px 8px;font-size:8px;font-weight:700;position:absolute;top:12px;right:12px}.video-container:fullscreen{background:#111916;width:100vw;height:100vh}.video-placeholder{z-index:1;color:#fff;text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.viewfinder{color:#b1c5b7;background:#ffffff0c;border:1px solid #52655a;border-radius:12px;place-items:center;width:54px;height:54px;font-size:31px;display:grid}.video-placeholder h3{margin:13px 0 5px;font-size:14px}.video-placeholder p{color:#aebbb2;max-width:280px;margin:0;font-size:10px;line-height:1.55}.live-tag{z-index:3;color:#ccebd4;letter-spacing:.65px;background:#10231bdf;border:1px solid #416a52;border-radius:5px;padding:6px 8px;font-size:8px;font-weight:600;position:absolute;top:12px;left:12px}.feed-footer{color:#7d8981;justify-content:space-between;align-items:center;gap:12px;min-height:39px;padding:9px 14px;font-size:9px;display:flex}.feed-footer span{overflow-wrap:anywhere}.side-panels{flex-direction:column;gap:15px;display:flex}.number-badge{color:#69766e;vertical-align:2px;background:#f0f3f0;border-radius:5px;place-items:center;width:19px;height:19px;margin-left:4px;font-family:DM Sans,sans-serif;font-size:9px;display:inline-grid}.stream-list{padding:0 11px 11px}.stream{color:#28352d;text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:10px;width:100%;margin-bottom:5px;padding:10px 9px;transition:border .15s,background .15s;display:flex}.stream:hover{background:#f7f9f7}.stream.selected{background:#f0f7f1;border-color:#cfe3d4}.stream div{flex:1;min-width:0}.stream strong{font-size:10px;font-weight:600;display:block}.stream code{color:#76847a;margin-top:4px;font-size:9px;display:block}.stream small{color:#929c95;margin-top:4px;font-size:8px;display:block}.camera-icon{color:#8c9990;font-size:17px}.camera-icon.online{color:var(--green)}.stream .accent{color:var(--green);font-size:11px}.empty{color:#8a958e;margin:0;padding:12px 9px;font-size:10px;line-height:1.6}.class-list{padding:0 17px 12px}.class-row{color:#536158;border-top:1px solid #edf0ed;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;font-size:10px;display:flex}.class-row strong{color:var(--green);font-variant-numeric:tabular-nums;font-family:Manrope,sans-serif;font-size:15px}.detections{margin-top:17px}.history-panel{margin-top:14px}.table-scroll{max-height:340px;overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:10px}th{z-index:1;color:#7d8981;letter-spacing:.65px;white-space:nowrap;background:#f8faf8;border-top:1px solid #edf0ed;border-bottom:1px solid #e8ece8;padding:9px 16px;font-size:8px;font-weight:700;position:sticky;top:0}td{color:#526057;white-space:nowrap;border-top:1px solid #f0f2f0;padding:10px 16px}tbody tr:hover td{background:#fafcfa}.score{color:var(--green);font-variant-numeric:tabular-nums;font-weight:600}.coordinates{color:#77847b;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.muted{color:#87928b;font-size:9px}.warning{color:#ae7625!important}footer{color:#869189;flex-wrap:wrap;justify-content:space-between;gap:15px;padding:18px 2px 0;font-size:9px;line-height:1.5;display:flex}footer>span:first-child{color:#777f55}.dot{vertical-align:1px;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.mint{background:#4e9868}.amber{background:#c29b48}.accent{color:var(--green)}@media (width>=1700px){.app-main{margin-right:auto}}@media (width<=1180px){.rail{width:218px}.app-main{width:calc(100% - 218px);margin-left:218px;padding-left:26px;padding-right:26px}.workspace{grid-template-columns:minmax(0,1.8fr) minmax(225px,.9fr)}.metrics{gap:9px}.metrics article{padding-left:12px;padding-right:12px}.connection-copy{min-width:180px}}@media (width<=900px){.rail{align-items:center;width:66px;padding-left:7px;padding-right:7px}.brand-mark{padding-left:0;padding-right:0}.brand-name,.sidebar-workspace,.nav-section,.nav-item:not(.active),.nav-item.active{font-size:0}.brand-name,.rail-bottom,.sidebar-workspace,.nav-section{display:none}.sidebar-nav{width:100%;margin-top:10px}.nav-item{justify-content:center;padding:0}.nav-icon{font-size:17px}.app-main{width:calc(100% - 66px);margin-left:66px;padding-left:20px;padding-right:20px}.workspace{grid-template-columns:minmax(0,1fr)}.side-panels{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (width<=620px){.rail{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;justify-content:space-between;width:100%;height:58px;padding:0 13px;position:sticky;top:0}.brand-mark{padding:0}.brand-symbol{border-radius:9px;width:31px;height:31px;font-size:17px}.sidebar-nav{flex-direction:row;gap:5px;width:auto;margin:0}.nav-item,.nav-item.active{border-radius:7px;width:36px;height:36px;min-height:36px}.app-main{width:100%;margin:0;padding:0 14px 22px}.topbar{min-height:50px}.page-heading{margin:22px 0 16px}.page-heading p{max-width:310px;font-size:11px;line-height:1.5}.connection-panel{flex-direction:column;align-items:stretch;gap:12px;padding:13px}.connection-copy{min-width:0}.connection-panel form{max-width:none}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metrics article{padding:12px}.metric-value{font-size:26px}.side-panels{grid-template-columns:minmax(0,1fr)}.feed-footer{flex-direction:column;align-items:flex-start;gap:4px}.panel-heading{padding-left:13px;padding-right:13px}th,td{padding-left:11px;padding-right:11px}footer{flex-direction:column;gap:6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}