:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#263648;background:#f3f5f8;font-size:14px;font-synthesis:none;--accent:#087f75;--line:#e3e8ee;--muted:#718092}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{outline-offset:3px}button{cursor:pointer;border:1px solid #d9e1e8;border-radius:6px;background:white;color:#3b4a5c;padding:9px 12px;font-weight:550;transition:background .15s}button:hover{background:#eef6f5;border-color:#9dc9c2}button:disabled{opacity:.5;cursor:wait}button.primary{background:var(--accent);border-color:var(--accent);color:white}button.primary:hover{background:#066b63}button.danger{color:#ad3547;border-color:#e2b1b8}button.active{background:#d9f1ed;border-color:#66b7aa;color:#056d62}a{color:var(--accent);text-decoration:none}.sidebar{width:220px;background:#142333;color:#bdc9d5;position:fixed;inset:0 auto 0 0;padding:30px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:9px;color:#fff;font-size:26px;font-weight:700;letter-spacing:-1px}.brand-mark{font-size:23px;color:#4bd9bd;border:2px solid #3cac99;border-radius:7px;width:32px;height:35px;text-align:center}.version{font-size:9px;letter-spacing:1px;font-weight:500;color:#6c8b99;align-self:flex-end;margin-bottom:4px}.nav-caption{font-size:10px;letter-spacing:2px;color:#6c8598;margin:45px 12px 16px}nav{display:grid;gap:7px}nav button{display:flex;gap:12px;align-items:center;background:none;border:0;color:#9cabbc;text-align:left;padding:13px 15px;font-size:17px}nav button span{font-size:14px}nav button.active{background:#20443f;color:#79e0c5}nav button:hover{background:#21384a}nav small{margin-left:auto;font-size:12px}.sidebar-foot{margin-top:auto;font-size:12px;color:#9fbdba;border-top:1px solid #2b3d4d;padding-top:20px;line-height:1.7}.sidebar-foot p{font-size:12px;color:#748b9e;line-height:1.5}.local-dot{display:inline-block;width:6px;height:6px;background:#58c9a8;border-radius:50%;margin-right:6px}main{margin-left:220px;padding:30px 34px;max-width:2000px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:16px}.eyebrow{font-size:10px;font-weight:700;color:#8491a2;letter-spacing:1.7px;margin-bottom:7px}h1{font-size:26px;letter-spacing:-.7px;font-weight:650;margin:0}h2{font-size:15px;margin:0;font-weight:650}h3{font-size:15px}.header-actions{display:flex;gap:15px;align-items:center}.badge{font-size:12px;border:1px solid #dce5e4;border-radius:20px;padding:6px 11px;color:#547369;background:#f7fcfa}.workspace-toolbar{display:flex;align-items:center;gap:18px;margin-bottom:20px}.workspace-toolbar label{display:flex;gap:10px;align-items:center}.workspace-toolbar select{min-width:170px;max-width:320px}.muted,.hint{color:var(--muted);font-size:12px}.hint{line-height:1.6}.analysis-layout{display:grid;grid-template-columns:minmax(0,1fr) 302px;gap:22px}.analysis-main{min-width:0}.panel{background:white;border:1px solid var(--line);border-radius:9px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #14233302}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.panel-heading button{font-size:12px;padding:6px 8px}.player-panel{padding:0;overflow:hidden}.player-panel .panel-heading{padding:16px 20px;margin:0}.stage{position:relative;background:#0e1b28;aspect-ratio:16/9;overflow:hidden;width:100%}video,.stage>img,.stage>canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}canvas{touch-action:none}#player-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#dce7ed;text-align:center;background:radial-gradient(ellipse at center,#213848,#101e2c 70%)}#player-empty h3{font-size:19px;margin:16px 0 0;font-weight:500}#player-empty p{font-size:14px;color:#8c9eae;line-height:1.7}.empty-icon{font-size:45px;color:#69b5ab;border:1px solid #385566;width:80px;height:80px;border-radius:18px;line-height:70px}.player-controls{padding:12px;display:flex;align-items:center;gap:8px}.player-controls button{border:0;padding:7px}.player-controls select{width:58px;font-size:12px}.mono{font-family:Consolas,monospace;font-size:12px;white-space:nowrap}#seek{flex:1;min-width:30px}.volume{font-size:10px;width:68px}.volume input{width:60px}.frame-jump{display:flex;align-items:center;gap:8px;border-top:1px solid #eef1f5;padding:10px 16px;flex-wrap:wrap}.frame-jump label{display:flex;align-items:center;gap:8px;font-size:12px}.frame-jump input{width:95px;padding:6px}.frame-jump button{font-size:12px;padding:6px 10px}.draw-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.draw-tools button{font-size:12px}.draw-tools a{padding:8px}.geometry-list{display:grid;gap:8px}.geometry-row{display:flex;align-items:center;gap:9px;background:#f8fafc;border:1px solid #e7ecf1;padding:10px;border-radius:6px;font-size:12px}.geometry-row .name{flex:1}.geometry-row button{font-size:11px;padding:5px 7px}.color-dot{width:8px;height:8px;border-radius:2px;flex:none}.roi-dot,.line-dot,.zone-dot{display:inline-block;width:8px;height:8px;border-radius:2px}.roi-dot{background:#32a8e7}.line-dot{background:#eeb94d}.zone-dot{background:#b277e0}.legend{display:flex;gap:8px;align-items:center;font-size:12px}.legend span:not(:first-child){margin-left:14px}fieldset{margin:0 0 21px;padding:0 0 20px;border:0;border-bottom:1px solid var(--line)}legend{font-size:10px;text-transform:uppercase;letter-spacing:.8px;font-weight:700;color:#8b96a5;margin-bottom:14px}label{font-size:12px;display:block;color:#657489;margin-bottom:9px}input:not([type=checkbox]):not([type=range]),select{width:100%;padding:9px 10px;border:1px solid #dce3eb;border-radius:5px;background:#fff;color:#35475a;margin-top:5px}input[type=range]{accent-color:var(--accent);height:16px;width:100%}input[type=checkbox]{accent-color:var(--accent)}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.two-cols button{font-size:11px;padding:8px 5px}.class-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.class-grid label{background:#f8fafb;border:1px solid #e7ecf1;border-radius:5px;padding:8px 4px;margin:0;font-size:12px}.step{font-family:monospace;color:#9aa7b5;font-size:11px}.wide{width:100%}#confidence-label{float:right;color:var(--accent);font-weight:700}.subtle{background:#edf4f4;border-color:#dce9e9}.subtle p{font-size:12px;color:#70838d;line-height:1.7}.progress{height:6px;border-radius:4px;background:#e1ede9;margin-top:20px;overflow:hidden}.progress i{display:block;height:100%;background:var(--accent);width:0}#progress-text{font-size:12px;line-height:1.7}.counter{background:#edf2f5;border-radius:4px;color:#728399;font-size:11px;padding:3px 6px;margin-left:6px}.visual-timeline{height:38px;border-bottom:2px solid #dbe3eb;position:relative;margin:0 12px 24px}.timeline-marker{position:absolute;bottom:-5px;width:8px;height:8px;background:#159e90;border:0;padding:0;border-radius:50%;transform:translateX(-50%)}.timeline-item{display:flex;gap:12px;width:100%;text-align:left;border:0;border-bottom:1px solid #edf1f4;border-radius:0;padding:12px 2px;font-size:12px}.timeline-item .type{flex:1}.empty-small{color:#93a0af;padding:24px;text-align:center;font-size:13px}.timeline-list{max-height:310px;overflow:auto}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(275px,1fr));gap:20px}.video-card{padding:0;overflow:hidden}.video-card img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#172a39}.video-card .content{padding:18px}.video-card h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-card .actions{display:flex;gap:6px;margin-top:14px;flex-wrap:wrap}.video-card .actions button{font-size:12px}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:20px}.metric{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px}.metric span{font-size:12px;color:#8795a5}.metric strong{display:block;font-size:30px;letter-spacing:-1px;margin-top:14px;color:#213f4d;font-weight:550}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dashboard-grid h2{margin-bottom:20px}.bar-row{display:grid;grid-template-columns:110px 1fr 35px;align-items:center;gap:10px;font-size:12px;margin:18px 0}.bar-track{height:8px;border-radius:5px;background:#edf2f4;overflow:hidden}.bar-track i{height:100%;display:block;background:#36a997;border-radius:5px}.flow-chart{display:flex;align-items:flex-end;height:200px;gap:5px;padding:25px 0;overflow:auto}.flow-bar{min-width:24px;flex:1;background:#47ad9c;position:relative;border-radius:3px 3px 0 0}.flow-bar span{position:absolute;bottom:-20px;font-size:10px;white-space:nowrap}.filters{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.filters label{width:130px}.filters button{margin-bottom:9px}.filters details{width:100%}summary{cursor:pointer;font-size:12px;color:#617c8c;padding:8px 0}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:#8594a4;font-weight:500;background:#f8fafb;padding:12px}td{padding:13px 12px;border-bottom:1px solid #edf1f5}tbody tr{cursor:pointer}tbody tr:hover{background:#f0f8f6}.pagination{display:flex;gap:15px;justify-content:flex-end;align-items:center;margin-top:20px;font-size:12px}dialog{border:1px solid #dbe3e9;border-radius:12px;box-shadow:0 20px 80px #0f293950;padding:24px;width:min(510px,90vw);max-height:90vh;color:#263648}dialog::backdrop{background:#0e203777;backdrop-filter:blur(3px)}dialog form>label{margin-top:14px}dialog h2{font-size:18px}.event-dialog{width:min(820px,94vw)}#event-image{width:100%;border-radius:6px;background:#122735;max-height:45vh;object-fit:contain}#event-data{display:flex;gap:16px;flex-wrap:wrap;padding:17px 0;font-size:13px}.event-dialog .draw-tools{margin-bottom:15px}#track-history{font-size:12px;line-height:2}#notice{position:fixed;z-index:100;top:14px;left:50%;transform:translateX(-50%);background:#173a42;color:white;border:1px solid #2b6870;padding:13px 22px;border-radius:7px;box-shadow:0 6px 28px #14233330;max-width:80vw;font-size:14px}#notice.error{background:#772f3d}#system-health .bar-row{grid-template-columns:150px 1fr}#rules-list{margin-top:16px}[hidden]{display:none!important}@media(min-width:1600px){.analysis-layout{grid-template-columns:minmax(0,1fr) 330px}.panel{padding:24px}}@media(max-width:1150px){.sidebar{width:180px;padding:25px 12px}main{margin-left:180px;padding:24px 20px}.analysis-layout{grid-template-columns:minmax(0,1fr) 270px;gap:15px}.volume{display:none}.workspace-toolbar{flex-wrap:wrap}.metrics{grid-template-columns:repeat(3,1fr)}.geometry-row{flex-wrap:wrap}.geometry-row .name{min-width:120px}}@media(max-width:850px){.sidebar{width:64px;padding:24px 8px}.brand{justify-content:center;font-size:0;gap:0}.brand-mark{font-size:23px}.version,.nav-caption,nav button span,nav small,.sidebar-foot{display:none}nav{margin-top:35px}nav button{justify-content:center;padding:13px;font-size:21px}main{margin-left:64px;padding:20px 15px}.analysis-layout{grid-template-columns:1fr}.analysis-settings{display:grid;grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr}.header-actions .badge{display:none}.metrics{grid-template-columns:repeat(2,1fr)}header{align-items:flex-start}h1{font-size:23px}.workspace-toolbar select{min-width:100px;max-width:230px}.player-controls{flex-wrap:wrap}.stage{min-height:200px}.frame-jump{gap:5px}.panel-heading .muted{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.event-navigation{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 16px;flex-wrap:wrap}.event-navigation button{display:block;color:var(--accent);background:#f3f8f7;border:1px solid #d9e1e8;padding:9px 12px;font-size:13px;text-align:center}.event-navigation button:disabled{cursor:default}.event-navigation #event-position{display:block;white-space:nowrap}@media(max-width:480px){.event-navigation button{padding:8px;font-size:12px}.event-navigation #event-position{order:3;width:100%;text-align:center}}

.person-card{padding:0;overflow:hidden}.person-card>img{width:100%;height:260px;object-fit:contain;background:#142333}.person-card .content{padding:16px}.person-card h3{overflow-wrap:anywhere}.person-card p{font-size:13px;line-height:1.6}#people-form .filters label{min-width:120px}#people-query{max-width:750px}#people-count{margin-bottom:12px}

.live-layout{display:grid;grid-template-columns:minmax(300px,1fr) minmax(300px,1.3fr);gap:20px}.live-stage{background:#142333;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;border-radius:8px;overflow:hidden}.live-stage img{width:100%;height:100%;object-fit:contain}.live-stage p{color:#a9c3d0;padding:25px;text-align:center}#live-camera{min-width:230px}#live-analysis-status{font-size:13px;line-height:1.7}@media(max-width:950px){.live-layout{grid-template-columns:1fr}}

.live-stage{position:relative}#live-roi{position:absolute;inset:0;width:100%;height:100%;touch-action:none;pointer-events:none}#live-roi.drawing{pointer-events:auto;cursor:crosshair}.live-cameras{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:12px}.live-camera-card{border:1px solid #d5e1e8;padding:16px;border-radius:10px}.live-camera-card.selected{border:2px solid #087e83}.live-camera-card h3{margin:0 0 8px}.live-camera-card p{font-size:13px;overflow-wrap:anywhere}.live-camera-card .draw-tools{flex-wrap:wrap}#live-roi-status{font-size:13px}

.vehicle-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.vehicle-result{display:flex;flex-direction:column;gap:8px;text-align:left;white-space:normal}.vehicle-result img{width:100%;height:140px;object-fit:contain;background:#142333;border-radius:6px}.vehicle-result span{font-size:12px;color:#526979}

.dvr-layout{display:grid;grid-template-columns:minmax(320px,1fr) minmax(320px,1fr);gap:20px}.dvr-device,.dvr-job{border:1px solid var(--border,#d5dfeb);border-radius:8px;padding:16px;margin-bottom:12px}.dvr-job progress{width:100%;height:10px}.dvr-job .actions a{align-self:center;margin-left:10px}#dvr-form label{margin-bottom:12px}#dvr-form small{display:block;font-size:11px;color:#53687d}@media(max-width:1050px){.dvr-layout{grid-template-columns:1fr}}

.access-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.access-layout fieldset{padding:0;border:0;min-width:0}.access-layout label{margin-bottom:12px}.access-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:12px}.access-card{border:1px solid #d5dfeb;border-radius:8px;padding:16px;overflow-wrap:anywhere}.access-photo{max-width:240px;max-height:240px;object-fit:contain;margin-top:12px}.access-audit{max-height:300px;overflow:auto;font-size:12px}#access-review-dialog{max-width:560px;width:90%}#access-review-dialog label{display:block;margin-bottom:15px}.sidebar nav{overflow-y:auto;min-height:0;flex:1}.sidebar{display:flex;flex-direction:column}#access-person-meta{overflow-wrap:anywhere}@media(max-width:1000px){.access-layout{grid-template-columns:1fr}}

#view-access textarea,#access-review-dialog textarea{display:block;width:100%;min-height:85px;font:inherit;padding:10px;border:1px solid #d9e1e8;border-radius:6px}.access-card label{display:block;margin-bottom:12px}.sidebar nav{scrollbar-width:thin;scrollbar-color:#48626c transparent}#view-access .access-cards{grid-template-columns:repeat(auto-fit,minmax(min(290px,100%),1fr))}
.roi-analysis-layout{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(400px,1.2fr);gap:16px;margin-bottom:16px}.roi-image-stage{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;background:#142333;border-radius:8px;overflow:hidden}.roi-image-stage img{width:100%;height:100%;object-fit:fill}.roi-image-stage canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.roi-image-stage canvas.drawing{cursor:crosshair}.roi-image-stage p{color:#bfd0d9;text-align:center;padding:20px}.roi-region-list{display:grid;gap:9px;max-height:600px;overflow:auto;margin-top:12px}.roi-region-item{border:1px solid #d5e1e8;padding:12px;border-radius:8px;cursor:pointer}.roi-region-item.selected{border:2px solid #087e83}.roi-region-item p{font-size:13px}.roi-region-item .badge{margin-left:8px}.roi-region-item .draw-tools{flex-wrap:wrap}#roi-chart{width:100%;height:220px;display:block}#roi-retention-form label{min-width:150px}#view-roiAnalysis details{margin:14px 0}#view-roiAnalysis summary{cursor:pointer;color:var(--accent);padding:8px 0}@media(max-width:900px){.roi-analysis-layout{grid-template-columns:1fr}}

#analysis-live-actions{gap:8px}#analysis-camera-status{min-width:160px}.workspace-toolbar #video-select{min-width:260px}@media(max-width:850px){.workspace-toolbar #video-select{min-width:190px}#analysis-camera-status{min-width:100px}}
# External sign-in page and protected app shell
body.auth-pending>.sidebar,body.auth-pending>main,body.auth-pending>dialog{display:none!important}
#auth-screen{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at top right,#d9f4f4 0,#eef3f6 38%,#e7edf2 100%)}
#auth-screen[hidden]{display:none}
#global-login-form{width:min(100%,440px);padding:32px;box-shadow:0 18px 54px #18324620}
#global-login-form .brand-mark{width:46px;height:46px;border-radius:14px;margin-bottom:20px}
#global-login-form h1{font-size:28px;margin:8px 0}
#global-login-form label{display:block;margin:18px 0}
#global-login-form input{width:100%;margin-top:7px}
#global-login-error{color:#a12424;background:#fff0ef;padding:10px;border-radius:6px}
#global-user-label{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#user-admin-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
#view-users .filters label{min-width:180px}