:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#172b35;background:#f4f7f7}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}header{height:76px;background:#102b32;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1280px)/2));box-shadow:0 3px 12px #11323a19}.brand,.topright{display:flex;align-items:center;gap:13px}.brand strong{display:block;font-size:23px;letter-spacing:.07em}.brand small{display:block;color:#a9c2c3;font-size:11px;letter-spacing:.09em}.mark{width:41px;height:41px;display:grid;place-items:center;background:#24c5aa;border-radius:11px;color:#073b3f;font-size:25px}.pill{font-size:12px;color:#9be4d6;border:1px solid #42666a;border-radius:40px;padding:7px 13px}main{max-width:1328px;margin:0 auto;padding:34px 24px 80px}.intro{display:flex;align-items:end;justify-content:space-between;margin-bottom:27px}.intro h1,.login h1{font-size:34px;margin:7px 0 5px;letter-spacing:-.04em}.intro p,.login p{color:#697c81;margin:0}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:#159b89}.primary{border:0;background:#0da98e;color:#fff;border-radius:9px;padding:12px 18px;font-weight:750;box-shadow:0 4px 12px #109d831e}.primary:hover{background:#087d6b}.ghost{border:1px solid #dce5e7;background:#fff;color:#46626a;border-radius:9px;padding:10px 13px;font-weight:650}.ghost:hover{background:#edf6f4}header .ghost{background:transparent;color:#d9eeee;border-color:#4d7074}.panel{background:#fff;border:1px solid #e3e9e9;border-radius:15px;box-shadow:0 5px 22px #1e424509}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stat{padding:19px 23px}.stat span{font-size:12px;font-weight:700;color:#73888e}.stat strong{display:block;font-size:30px;margin:5px 0}.stat small{color:#8a9b9e}.layout{display:grid;grid-template-columns:260px 1fr;align-items:start;gap:22px}.nav{padding:18px 12px;min-height:340px}.nav>.eyebrow{padding:0 12px}.unit-item{width:100%;border:0;background:transparent;text-align:left;padding:12px;border-radius:10px;display:flex;align-items:center;gap:11px;margin-top:6px;color:#415960}.unit-item:hover,.unit-item.selected{background:#e7f7f3;color:#087e6e}.unit-item .avatar{width:32px;height:32px;border-radius:8px;background:#cceee6;color:#078573;display:grid;place-items:center;font-size:11px;font-weight:850}.unit-item b{font-size:13px;display:block}.unit-item small{font-size:11px;color:#809398}.content{min-width:0}#overview{padding:23px 25px;margin-bottom:18px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-head h2{margin:0;font-size:20px;letter-spacing:-.02em}.section-head p{margin:5px 0 0;color:#819095;font-size:13px}.section-head .tools{display:flex;gap:8px;flex-wrap:wrap}.meta{display:flex;gap:20px;margin-top:18px;color:#71878b;font-size:13px;flex-wrap:wrap}.meta b{color:#263f47}.dvr{padding:21px 24px;margin-bottom:15px}.dvr-title{display:flex;gap:12px;align-items:center}.device-icon{background:#e8f0f2;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;color:#41727b;font-size:22px}.dvr-title h3{margin:0;font-size:16px}.dvr-title p{margin:3px 0 0;color:#829397;font-size:12px}.badge{font-size:11px;background:#e9f8f2;color:#0c8e72;border-radius:50px;padding:5px 9px;font-weight:800}.badge.off{background:#f1f3f4;color:#839397}.camera-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin-top:19px}.camera{border:1px solid #e4ebec;border-radius:11px;padding:14px;display:flex;gap:10px;align-items:flex-start;cursor:pointer}.camera:hover{border-color:#58c6b4;background:#f8fffd}.camera .lens{background:#e9f2f2;border-radius:7px;padding:6px;color:#55828a}.camera b{display:block;font-size:13px}.camera small{display:block;color:#829398;font-size:11px;margin:4px 0}.camera em{font-style:normal;color:#0c9980;font-size:11px;font-weight:700}.camera em.muted{color:#9babad}.empty{text-align:center;padding:35px;color:#839499}.empty strong{display:block;color:#415d65;margin-bottom:5px}.login{width:min(470px,100%);padding:38px;margin:8vh auto}.login p{line-height:1.5}.login form{margin-top:25px}.hint{font-size:12px;margin-top:15px!important}label{display:block;font-size:12px;font-weight:750;color:#4d6269;margin:0 0 15px}input,select{width:100%;display:block;margin-top:7px;padding:11px 12px;border:1px solid #d8e3e5;border-radius:8px;background:#fff;color:#19353d;outline:0}input:focus,select:focus{border-color:#0da98e;box-shadow:0 0 0 3px #0da98e1f}input[type=checkbox]{width:auto;margin:0;accent-color:#0da98e}.login .primary{width:100%}dialog{border:0;border-radius:16px;padding:0;box-shadow:0 26px 80px #061c2670;width:min(610px,calc(100% - 28px));max-height:90vh;overflow:auto}dialog::backdrop{background:#112b34a6}dialog form{padding:27px}.dialog-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}.dialog-head h2{margin:5px 0 0;font-size:22px}.icon{border:0;background:#eef3f4;color:#51717b;border-radius:8px;width:30px;height:30px;font-size:22px}.row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.check{display:flex;align-items:center;gap:10px;background:#f5faf9;padding:13px;border-radius:9px}.note{background:#f0f8f7;border-left:3px solid #14b59b;padding:11px 14px;font-size:12px;color:#4a7476;line-height:1.5;margin:8px 0 18px}.actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid #e9eeee;padding-top:18px;margin-top:20px}#toast{position:fixed;bottom:24px;right:24px;background:#17383e;color:white;border-radius:10px;padding:13px 18px;box-shadow:0 10px 30px #14292b30;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}#toast.error{background:#a43737}@media(max-width:800px){.layout{grid-template-columns:1fr}.nav{min-height:0}.stats{grid-template-columns:repeat(2,1fr)}.intro{align-items:start;gap:12px}.intro h1{font-size:27px}.pill{display:none}}@media(max-width:520px){main{padding:22px 14px}.stats{gap:8px}.stat{padding:14px}.row{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.intro{flex-direction:column}.intro .primary{align-self:stretch}}

.tools{display:flex;align-items:center;gap:13px}.ingest-status{padding:20px 24px;margin-bottom:22px;display:flex;justify-content:space-between;align-items:center;gap:20px}.ingest-status h2{margin:5px 0;font-size:18px}.ingest-status p{margin:0;color:#71878b;font-size:13px}.dvr-ingest{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px;padding:10px 12px;border-radius:9px;background:#f6faf9;font-size:12px;color:#668087}.dvr-ingest code{background:#e7f2ef;color:#176c61;padding:3px 6px;border-radius:5px;font-weight:800}.recent-media{padding:22px 24px;margin-top:18px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin-top:18px}.media-card{border:1px solid #e4ebec;border-radius:11px;overflow:hidden;background:#fff}.thumb{height:130px;background:#eaf1f2;display:grid;place-items:center;color:#789096}.thumb img{width:100%;height:100%;object-fit:cover}.media-card>div:last-child{padding:12px}.media-card b,.media-card small,.media-card em{display:block}.media-card b{font-size:12px}.media-card small{font-size:11px;color:#819398;margin:4px 0}.media-card em{font-style:normal;font-size:10px;color:#159b89}input[readonly]{background:#f4f7f7;color:#4f686f}@media(max-width:800px){.ingest-status{align-items:flex-start;flex-direction:column}}