:root{color-scheme:dark;--bg:#0c1118;--panel:#131b25;--line:#26313e;--text:#ecf1f5;--muted:#8c9aa9;--mint:#6de0bd;--amber:#e5bf79}*{box-sizing:border-box}body{margin:0;font:14px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:4px}.sidebar{position:fixed;inset:0 auto 0 0;width:236px;background:#101720;border-right:1px solid var(--line);padding:32px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:7px;text-decoration:none;color:var(--text);font-size:18px;font-weight:750;letter-spacing:1px;white-space:nowrap}.brand>span:last-child{font-weight:350;color:var(--mint)}.brand-icon{color:var(--mint);font-size:31px;line-height:1;margin-right:5px}.side-label{font-size:10px;letter-spacing:1.9px;color:#6d8092;margin:55px 13px 16px}.nav{display:flex;width:100%;gap:12px;align-items:center;border:0;background:none;color:#9baab9;text-align:left;padding:13px 15px;border-radius:9px;margin:3px 0}.nav.active{background:#1c3332;color:var(--mint)}.nav:hover{background:#202c37}.count{margin-left:auto;font-size:11px;border-radius:5px;background:#2b4042;padding:1px 6px}.sidebar-bottom{margin-top:auto;color:#b7c4cf;font-size:12px;padding:20px 10px 0}.sidebar-bottom>div{color:#6d8092;font-size:11px;margin-top:7px}.status-dot{display:inline-block;width:7px;height:7px;background:var(--mint);border-radius:50%;margin-right:7px}main{margin-left:236px;padding:37px 42px 16px;max-width:1840px}header{display:flex;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:2px;color:#78919c}h1{font-size:30px;font-weight:580;letter-spacing:-1px;line-height:1.25;margin:9px 0}header p{color:var(--muted);margin:0}.header-right{display:flex;gap:18px;align-items:center;color:var(--muted);font-size:12px}.lab-tag{padding:5px 9px;border:1px solid #34514d;color:var(--mint);font-size:9px;letter-spacing:1.4px;border-radius:5px}.policy{display:flex;align-items:center;gap:16px;background:linear-gradient(110deg,#19282d,#17212b);border:1px solid #2c4149;border-radius:11px;padding:17px 21px;margin-bottom:29px}.policy-icon{font-size:31px;color:var(--mint);line-height:1}.policy strong{font-size:14px;font-weight:600}.policy p{font-size:12px;color:#94a6b3;margin:3px 0 0}.pill{margin-left:auto;white-space:nowrap;color:var(--mint);font-size:11px;border:1px solid #3b5851;background:#203732;border-radius:25px;padding:5px 11px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.section-heading h2{font-size:16px;font-weight:550;margin:0}.section-heading h2 span{font-size:11px;color:#718495;margin-left:9px}.section-heading>span{font-size:11px;color:#718495}.camera-grid,.event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.camera-card,.event-card{overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:10px}.camera-image{position:relative;aspect-ratio:16/9;background:#1b2631}.camera-image img{width:100%;height:100%;object-fit:cover}.camera-image .image-note{position:absolute;left:10px;top:10px;background:#0d1728bb;border:1px solid #5766756b;padding:3px 7px;font-size:9px;color:#d8e2ec;border-radius:4px}.live-play{position:absolute;inset:auto 12px 12px auto;background:#e9f2ef;border:0;padding:6px 11px;border-radius:6px;color:#162c2b;font-size:11px;font-weight:650}.camera-meta{padding:12px 14px;display:flex;align-items:center;justify-content:space-between}.camera-meta strong{text-transform:capitalize;font-weight:550}.camera-meta small{font-size:10px;color:#8397a7}.camera-state{font-size:10px;color:var(--muted);padding:0 14px 12px}.recent-heading{margin-top:30px}.text-button{background:none;border:0;color:var(--mint);font-size:12px;padding:6px 0}.event-card{display:flex;flex-direction:column;text-align:left;color:inherit;padding:0;width:100%;transition:border-color .15s}.event-card:hover{border-color:#668d87}.event-image{aspect-ratio:16/8.5;width:100%;object-fit:cover;background:#202d3a}.event-body{padding:11px 14px}.event-line{display:flex;justify-content:space-between;gap:8px}.event-line strong{font-size:12px;font-weight:550}.event-line time{color:var(--muted);font-size:11px}.event-body p{margin:5px 0 0;font-size:11px;color:var(--muted)}.event-dot{display:inline-block;width:6px;height:6px;background:var(--amber);border-radius:50%;margin-right:6px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);margin-top:30px;border:1px solid var(--line);border-radius:10px;background:#101820}.metrics>div{padding:17px 22px}.metrics>div+div{border-left:1px solid var(--line)}.metrics span{font-size:9px;color:#8093a3;letter-spacing:1.5px}.metrics strong{display:block;font-size:21px;font-weight:500;margin:4px 0}.metrics small{font-size:10px;color:#8197a5}.toolbar{display:flex;flex-wrap:wrap;gap:18px;align-items:end;margin-bottom:22px}.toolbar label{color:var(--muted);font-size:12px;display:flex;flex-direction:column;gap:7px}input,select{background:var(--panel);border:1px solid #354451;border-radius:7px;color:var(--text);padding:9px 12px}.toolbar .checkbox{flex-direction:row;align-items:center;padding:10px 0}.empty{border:1px dashed #344350;border-radius:10px;padding:35px;text-align:center;color:var(--muted);grid-column:1/-1}.empty strong{display:block;color:var(--text);font-weight:500;font-size:16px;margin-bottom:8px}.hint{color:var(--muted);font-size:13px;max-width:850px;margin:0 0 24px}.hour-row{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px;margin-bottom:12px;display:flex;align-items:center;gap:20px}.hour-row>div:first-child{min-width:130px}.hour-row strong{display:block;text-transform:capitalize}.hour-row small{color:var(--muted)}.hour-controls{display:flex;gap:14px;align-items:center;flex:1}.hour-controls input{width:100%;accent-color:var(--mint);padding:0}.hour-controls button{background:#25443c;border:1px solid #45665b;border-radius:7px;color:var(--mint);padding:8px 14px;white-space:nowrap}.face-panel{max-width:730px;margin:35px auto;text-align:center;border:1px solid var(--line);border-radius:14px;padding:45px;background:var(--panel)}.face-icon{font-size:70px;color:var(--mint)}.face-panel h2{font-weight:500}.face-panel p{color:var(--muted)}.planned{padding:18px;background:#1c2c32;border-radius:9px;color:#b2c8ce;margin-top:25px}.zone-grid{display:grid;gap:24px}.zone-grid article{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:20px}.zone-grid h2{font-size:16px;margin:0 0 15px;font-weight:500}.zone-grid img{width:100%;height:auto;border-radius:6px}.zone-grid p{color:var(--muted)}footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);margin-top:35px;padding-top:16px;font-size:10px;color:#6e8394}footer span{font-size:9px}.error{background:#442934;color:#ffd2d5;border:1px solid #845365;padding:15px;border-radius:8px;margin-bottom:20px}dialog{border:1px solid #40505f;background:#101923;color:var(--text);padding:0;border-radius:12px;width:min(1050px,94vw);max-height:90vh}dialog::backdrop{background:#03090fdd}.dialog-head{display:flex;justify-content:space-between;gap:20px;padding:16px 20px}.dialog-head small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.dialog-head button{border:0;background:#263543;color:#d2e0eb;border-radius:6px;width:33px;height:33px}#viewer-media video,#viewer-media img{width:100%;display:block;max-height:72vh;object-fit:contain;background:#050a10}#viewer-error{padding:0 20px 14px;color:#ffb5b5}[hidden]{display:none!important}@media(min-width:1600px){main{padding:45px 60px}}@media(max-width:1100px){.sidebar{width:190px;padding:28px 14px}.brand{font-size:15px}main{margin-left:190px;padding:30px 24px}.camera-grid,.event-grid{gap:12px}h1{font-size:25px}.header-right #clock{display:none}.section-heading>span{display:none}}@media(max-width:760px){.sidebar{inset:auto 0 0 0;width:auto;height:72px;z-index:5;display:block;padding:5px 4px;background:#101923f5;border-top:1px solid var(--line);border-right:0}.brand,.side-label,.sidebar-bottom{display:none}nav{display:flex;justify-content:space-around}.nav{flex-direction:column;width:auto;flex:1;gap:0;padding:5px 2px;margin:0;border-radius:7px;font-size:18px}.nav>span{font-size:9px}.nav .count{display:none}main{margin-left:0;padding:25px 17px 95px}header{margin-bottom:20px;gap:8px}h1{font-size:25px;max-width:240px}.eyebrow{font-size:8px;letter-spacing:1.7px}header p{font-size:12px}.header-right{align-items:flex-start}.lab-tag{font-size:8px;margin-top:4px;padding:5px 6px}.policy{padding:14px;gap:10px;margin-bottom:23px;flex-wrap:wrap}.policy p{font-size:11px}.policy strong{font-size:12px}.policy-icon{font-size:27px}.policy .pill{margin-left:38px}.camera-grid{grid-template-columns:1fr}.camera-meta{padding:10px 13px}.camera-state{padding-bottom:10px}.event-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.event-body{padding:10px}.event-line{display:block}.event-line time{display:block;margin-top:3px}.event-body p{font-size:10px}.metrics{grid-template-columns:1fr}.metrics>div{padding:14px 18px;display:grid;grid-template-columns:1fr 1fr}.metrics strong{font-size:17px;margin:0;text-align:right}.metrics small{grid-column:1/-1}.metrics>div+div{border-left:0;border-top:1px solid var(--line)}.section-heading h2{font-size:15px}.text-button{font-size:11px}.toolbar{gap:12px}.toolbar label{flex:1}.toolbar .checkbox{flex-basis:100%}.hour-row{flex-direction:column;align-items:stretch;gap:10px}.hour-controls{gap:8px}.hour-controls button{font-size:11px;padding:8px}.face-panel{padding:24px 18px}.zone-grid article{padding:13px}.zone-grid p{font-size:12px}footer{display:block}footer span{display:block;margin-top:5px}.empty{padding:25px 14px}.recent-heading{margin-top:24px}}