:root{color-scheme:light;--bg: #eef2f7;--panel: #ffffff;--panel-soft: #f8fafc;--text: #172033;--muted: #667085;--border: #dbe3ef;--border-soft: #eef2f7;--primary: #2563eb;--primary-soft: #eff6ff;--sidebar: #111827;--sidebar-text: #d8e2f1;--shadow: 0 10px 28px rgba(15, 23, 42, .05);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility}:root[data-theme=dark]{color-scheme:dark;--bg: #0f172a;--panel: #172033;--panel-soft: #111827;--text: #e5edf7;--muted: #98a2b3;--border: #263447;--border-soft: #223047;--primary: #60a5fa;--primary-soft: #14233d;--sidebar: #070b13;--sidebar-text: #d8e2f1;--shadow: 0 18px 40px rgba(0, 0, 0, .22)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}a{color:inherit;text-decoration:none}.center-screen,.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.loader{width:34px;height:34px;border:3px solid #cbd5e1;border-top-color:#2563eb;border-radius:999px;animation:spin .8s linear infinite}.login-shell{background:linear-gradient(140deg,rgba(37,99,235,.12),transparent 38%),var(--bg)}.login-panel{width:min(420px,100%);background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:28px;box-shadow:0 24px 60px #0f172a1f}.mark,.brand-mark{display:grid;place-items:center;background:var(--primary);color:#fff}.mark{width:46px;height:46px;border-radius:8px}.login-panel h1,.topbar h1{margin:14px 0 8px;font-size:28px;letter-spacing:0}.login-panel p,.panel p,.metric-grid small,.camera-tile small,.timer-list span,.quick-links span{color:var(--muted)}.login-panel form{display:grid;gap:12px;margin-top:24px}.login-panel label{font-size:13px;font-weight:700}.password-row{display:grid;grid-template-columns:22px 1fr;gap:8px;align-items:center;border:1px solid var(--border);border-radius:8px;padding:0 12px;background:var(--panel-soft)}.password-row input{border:0;outline:0;height:42px;background:transparent}.primary,.secondary,.ghost,.icon-button,.row-actions button{border:0;border-radius:8px;cursor:pointer}.primary{height:42px;background:var(--primary);color:#fff;font-weight:800}.primary:disabled,.row-actions button:disabled{opacity:.55;cursor:not-allowed}.error{margin-top:14px;padding:10px 12px;background:#fef2f2;color:#b42318;border:1px solid #fecaca;border-radius:8px;font-size:13px}.error.inline{margin:0 0 16px}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:grid;grid-template-rows:auto 1fr auto;gap:20px;padding:18px 14px;color:#d8e2f1;background:var(--sidebar)}.brand{display:flex;gap:10px;align-items:center;padding:4px 6px 14px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-mark{width:38px;height:38px;border-radius:8px}.brand strong,.brand span{display:block}.brand span{color:#98a2b3;font-size:12px}nav{display:grid;gap:5px;align-content:start}nav a,.ghost{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 10px;border-radius:8px;color:#cbd5e1}nav a.active,nav a:hover,.ghost:hover{background:#ffffff14;color:#fff}.ghost{width:100%;background:transparent;justify-content:flex-start}.workspace{padding:24px}.topbar,.panel-header,.table-row,.service-list div,.timer-list div,.quick-links a{display:flex;align-items:center;justify-content:space-between}.topbar{margin-bottom:20px}.eyebrow{margin:0;color:var(--primary);font-size:12px;font-weight:900;text-transform:uppercase}.topbar h1{margin:2px 0 0}.top-actions{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px}.status-dot,.service-list span{width:9px;height:9px;border-radius:999px;background:#94a3b8}.status-dot,.service-list span.active-state{background:#16a34a;box-shadow:0 0 0 4px #16a34a1f}.icon-button,.row-actions button{width:34px;height:34px;display:inline-grid;place-items:center;background:var(--panel);border:1px solid var(--border);color:#344054}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.service-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.machine-panel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;padding:14px;background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow)}.machine-stat{display:grid;gap:8px}.machine-stat span{color:var(--muted);font-size:12px;font-weight:800}.machine-stat strong{font-size:14px}.progress{height:8px;overflow:hidden;border-radius:999px;background:var(--border-soft)}.progress i{display:block;height:100%;min-width:2px;border-radius:inherit;background:linear-gradient(90deg,var(--primary),#22c55e)}.metric-grid article,.panel{background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow)}.metric-grid article{min-height:132px;padding:16px;display:grid;gap:8px;align-content:start}.metric-grid svg{color:var(--primary)}.metric-grid span{color:var(--muted);font-size:13px}.metric-grid strong{font-size:20px}.content-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:16px;margin-bottom:16px}.content-grid.bottom{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.panel{padding:16px}.panel-header{gap:16px;margin-bottom:14px}.panel-header.compact{margin-bottom:12px}.panel h2{margin:0;font-size:18px}.panel p{margin:4px 0 0;font-size:13px}.secondary{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px;background:var(--primary-soft);color:var(--primary);font-weight:800}.camera-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.camera-tile{display:grid;gap:7px;border:0;padding:0;color:var(--text);background:transparent;text-align:left;cursor:pointer}.camera-tile.active .fake-frame{outline:2px solid var(--primary);outline-offset:2px}.live-viewer{display:grid;gap:12px;margin-bottom:14px}.live-viewer>img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:8px;background:#05070d}.fake-frame{aspect-ratio:16 / 9;display:flex;align-items:end;justify-content:space-between;padding:12px;border-radius:8px;color:#fff;background:linear-gradient(135deg,rgba(37,99,235,.65),transparent),#111827;overflow:hidden;position:relative}.fake-frame img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.fake-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 45%,rgba(15,23,42,.58))}.fake-frame svg,.fake-frame span{position:relative;z-index:1}.fake-frame span{padding:4px 7px;border-radius:999px;background:#ffffff29;font-size:12px}.quick-links{display:grid;gap:8px}.quick-links a{min-height:42px;gap:10px;padding:0 10px;background:var(--panel-soft);border:1px solid var(--border-soft);border-radius:8px}.quick-links span{margin-left:auto;font-size:12px}.nvr-review{display:grid;gap:12px}.nvr-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,260px) 46px;gap:12px;align-items:stretch}.playback-panel{overflow:hidden;position:relative;border-radius:8px;background:#05070d;aspect-ratio:16 / 9;min-height:360px;max-height:min(68vh,820px)}.playback-panel video{width:100%;height:100%;display:block;object-fit:contain;background:#05070d}.playback-panel .empty-state{height:100%;display:grid;place-items:center}.video-overlay{position:absolute;top:12px;left:12px;display:grid;gap:2px;padding:8px 10px;border-radius:8px;color:#fff;background:#0000005c}.video-overlay span{color:#ffffffbf;font-size:12px}.activity-rail{display:flex;flex-direction:column;justify-content:stretch;gap:1px;height:100%;max-height:min(68vh,820px);padding:10px 7px;border:1px solid rgba(96,165,250,.16);border-radius:8px;background:#05070d;overflow:hidden;touch-action:none;cursor:ns-resize;-webkit-user-select:none;user-select:none;scrollbar-width:none}.activity-rail.dragging{border-color:var(--primary);box-shadow:inset 0 0 0 1px #60a5fa42}.activity-rail:focus{outline:none}.activity-rail:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.activity-rail::-webkit-scrollbar{display:none}.activity-rail button{width:100%;min-height:1px;flex:1 1 2px;display:flex;align-items:center;justify-content:center;border:0;padding:0;background:transparent;cursor:pointer}.activity-rail button span{height:1px;min-width:5px;border-radius:999px;background:#facc15;opacity:.76}.activity-rail button.active span,.activity-rail button:hover span{background:#ef4444;opacity:1}.nvr-side{min-height:100%;max-height:min(68vh,820px);display:grid;align-content:end;overflow:hidden}.camera-strip{display:grid;grid-template-columns:1fr;gap:8px;max-height:100%;overflow-y:auto;padding-right:2px;scrollbar-width:thin}.camera-strip button{width:100%;display:grid;gap:6px;border:0;padding:0;color:var(--text);background:transparent;text-align:left;cursor:pointer}.camera-strip img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:8px;background:#05070d}.camera-strip button.active img,.camera-strip button:hover img{outline:2px solid var(--primary);outline-offset:2px}.camera-strip span{color:var(--muted);font-size:12px;font-weight:800}.timeline-scrubber{display:grid;gap:8px;max-width:calc(100% - 318px)}.timeline-track{position:relative;height:92px;overflow:hidden;border:1px solid var(--border-soft);border-radius:8px;background:repeating-linear-gradient(90deg,transparent 0 49px,rgba(148,163,184,.2) 49px 50px),#05070d;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none}.timeline-track.dragging{border-color:var(--primary)}.timeline-segment{position:absolute;bottom:14px;height:52px;min-width:2px;border:0;padding:0;background:transparent;cursor:pointer}.timeline-segment span{position:absolute;left:0;right:0;bottom:0;min-height:5px;border-radius:999px 999px 0 0;background:#facc15;opacity:.82}.timeline-segment.active span,.timeline-segment:hover span{background:#ef4444;opacity:1}.timeline-cursor{position:absolute;top:0;bottom:0;width:2px;transform:translate(-1px);background:#ef4444;pointer-events:none;z-index:2}.timeline-cursor:before{content:"";position:absolute;top:7px;left:50%;width:12px;height:12px;border-radius:999px;transform:translate(-50%);background:#ef4444;box-shadow:0 0 0 5px #ef44442e}.timeline-cursor span{position:absolute;top:24px;left:8px;white-space:nowrap;padding:3px 7px;border-radius:6px;color:#fff;background:#05070db8;font-size:12px}.timeline-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.playback-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--border-soft);border-radius:8px;background:var(--panel-soft)}.playback-meta small{display:block;margin-top:2px;color:var(--muted)}.table{display:grid;overflow:hidden;border:1px solid var(--border);border-radius:8px}.table-row{display:grid;grid-template-columns:180px minmax(220px,1fr) minmax(160px,.7fr) 172px;gap:12px;min-height:52px;padding:0 12px;border-bottom:1px solid var(--border-soft);font-size:13px}.table-row:last-child{border-bottom:0}.table-row.head{min-height:38px;color:var(--muted);background:var(--panel-soft);font-size:12px;font-weight:800}.good{color:#15803d;font-weight:700}.row-actions{display:flex;gap:6px}.log-panel{display:grid;gap:10px;margin-top:14px;padding:12px;border:1px solid var(--border-soft);border-radius:8px;background:var(--panel-soft)}.log-header,.log-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.log-header span{display:block;margin-top:2px;color:var(--muted);font-size:12px}.log-actions select{height:36px;min-width:82px;padding:0 9px;border:1px solid var(--border);border-radius:8px;color:var(--text);background:var(--panel)}.log-panel pre{max-height:420px;overflow:auto;margin:0;padding:12px;border-radius:8px;color:#d8e2f1;background:#070b13;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.55;white-space:pre-wrap}.service-list,.timer-list{display:grid;gap:10px}.timer-row,.service-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:44px;padding:8px 10px;border:1px solid var(--border-soft);border-radius:8px;background:var(--panel-soft)}.service-row{grid-template-columns:10px minmax(0,1fr) auto}.timer-row small,.service-row small{display:block;margin-top:2px;color:var(--muted);font-size:12px}.empty-state{min-height:72px;display:grid;place-items:center;color:var(--muted);border:1px dashed var(--border);border-radius:8px;background:var(--panel-soft);font-size:13px}.state-pill{display:inline-grid;place-items:center;min-width:68px;height:24px;padding:0 9px;border-radius:999px;font-size:12px;font-style:normal;font-weight:800}.state-pill.ok{color:#15803d;background:#22c55e1f}.state-pill.warn{color:#b45309;background:#f59e0b24}.state-pill.muted{color:var(--muted);background:var(--border-soft)}.segmented{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:3px;border:1px solid var(--border);border-radius:8px;background:var(--panel-soft)}.segmented button{min-width:112px;height:32px;border:0;border-radius:6px;color:var(--muted);background:transparent;font-weight:800;cursor:pointer}.segmented button.active{color:var(--primary);background:var(--primary-soft)}.section-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.section-toolbar span{color:var(--muted);font-size:13px;font-weight:800}.simple-table{display:grid;overflow:hidden;border:1px solid var(--border-soft);border-radius:8px;background:var(--panel-soft)}.simple-row{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(160px,1fr) minmax(100px,.6fr) minmax(70px,auto);gap:14px;align-items:center;min-height:54px;padding:0 14px;border:0;border-bottom:1px solid var(--border-soft);color:var(--text);background:transparent;text-align:left}button.simple-row{cursor:pointer}.simple-row:last-child{border-bottom:0}.simple-row.head{min-height:36px;color:var(--muted);background:var(--panel);font-size:12px;font-weight:900}.simple-row.active,button.simple-row:hover{background:var(--primary-soft)}.simple-row strong,.editor-title strong{display:block;color:var(--text)}.simple-row small,.editor-title small{display:block;margin-top:2px;color:var(--muted)}.row-link{justify-self:end;color:var(--primary);font-weight:900}.compact-editor{display:grid;max-width:780px;gap:12px;margin-top:14px;padding:14px;border:1px solid var(--border-soft);border-radius:8px;background:var(--panel-soft)}.editor-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.compact-editor label:not(.switch),.role-picker{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:800}.compact-editor input:not([type=checkbox]){height:34px;padding:0 10px;border:1px solid var(--border);border-radius:8px;color:var(--text);background:var(--panel)}.chip-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}.check-chip{display:inline-flex!important;align-items:center;gap:6px;min-height:30px;padding:0 10px;border:1px solid var(--border);border-radius:999px;color:var(--text);background:var(--panel);cursor:pointer}.check-chip input{accent-color:var(--primary)}.security-layout{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(360px,.9fr) minmax(420px,1.2fr);gap:14px}.access-list,.access-editor,.entrypoint-panel,.entrypoint-list{display:grid;gap:10px}.subsection-title{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--text)}.subsection-title small{color:var(--muted)}.access-list button{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:58px;padding:10px;border:1px solid var(--border-soft);border-radius:8px;color:var(--text);background:var(--panel-soft);text-align:left;cursor:pointer}.access-list button.active,.access-list button:hover{border-color:var(--primary);background:var(--primary-soft)}.access-title{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-bottom:2px}.access-title small,.access-list small{display:block;color:var(--muted);margin-top:2px}.access-editor{padding:12px;border:1px solid var(--border-soft);border-radius:8px;background:var(--panel-soft)}.entrypoint-panel{align-content:start}.entrypoint-card{display:grid;gap:10px;padding:12px;border:1px solid var(--border-soft);border-radius:8px;background:var(--panel-soft)}.mini-picker{display:grid;gap:8px}.mini-picker>strong{color:var(--muted);font-size:12px}.mini-picker>div{display:flex;flex-wrap:wrap;gap:8px}.mini-picker label{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 9px;border:1px solid var(--border);border-radius:999px;background:var(--panel);color:var(--text);font-size:12px;cursor:pointer}.mini-picker input{accent-color:var(--primary)}.backup-summary{display:grid;gap:10px}.backup-summary div{display:flex;justify-content:space-between;gap:12px;min-height:40px;padding:10px;border-radius:8px;background:var(--panel-soft)}.backup-summary span{color:var(--muted)}.quick-links.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.access-editor label:not(.switch),.role-picker{display:grid;gap:5px;color:var(--muted);font-size:12px;font-weight:800}.access-editor input:not([type=checkbox]){height:34px;padding:0 10px;border:1px solid var(--border);border-radius:8px;color:var(--text);background:var(--panel)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border:1px solid var(--border-soft);border-radius:8px;background:var(--panel)}.setting-row small,.role-picker small{display:block;margin-top:2px;color:var(--muted);font-weight:500}.role-picker{padding:10px;border:1px solid var(--border-soft);border-radius:8px;background:var(--panel)}.role-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}.role-options label{display:grid;grid-template-columns:18px 1fr;gap:8px;align-items:start;min-height:70px;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--panel-soft);color:var(--text);font-size:12px;cursor:pointer}.role-options input{margin-top:2px;accent-color:var(--primary)}.switch input{display:none}.switch span{width:42px;height:24px;display:block;border-radius:999px;background:#94a3b8;position:relative}.switch span:after{content:"";position:absolute;top:4px;left:4px;width:16px;height:16px;border-radius:999px;background:#fff;transition:transform .18s ease}.switch input:checked+span{background:var(--primary)}.switch input:checked+span:after{transform:translate(18px)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1120px){.metric-grid,.machine-panel,.camera-grid,.content-grid,.content-grid.bottom{grid-template-columns:repeat(2,minmax(0,1fr))}.nvr-stage{grid-template-columns:minmax(0,1fr) 46px}.nvr-side{grid-column:1 / -1;grid-row:2;max-height:none;align-content:start}.camera-strip{display:flex;overflow-x:auto;overflow-y:hidden;padding-right:0;padding-bottom:2px}.camera-strip button{width:150px;flex:0 0 auto}.timeline-scrubber{max-width:100%}}@media(max-width:780px){html{scroll-padding-bottom:118px}.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;top:auto;left:0;right:0;bottom:0;z-index:50;height:auto;display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;padding:8px max(10px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));border-top:1px solid rgba(255,255,255,.08)}.brand{display:none}nav{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}nav::-webkit-scrollbar{display:none}nav a{flex:0 0 auto;min-width:78px;min-height:44px;justify-content:center;padding:0 11px;font-size:13px}.sidebar-footer{display:grid;align-items:center}.ghost{width:44px;min-height:44px;justify-content:center;padding:0}.ghost span,.ghost:not(:has(span)){font-size:0}.workspace{padding:12px 12px calc(124px + env(safe-area-inset-bottom))}.topbar,.panel-header{align-items:stretch;flex-direction:column;gap:10px}.topbar{margin-bottom:12px}.topbar h1{font-size:24px}.top-actions{justify-content:space-between}.top-actions>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.machine-panel,.camera-grid,.nvr-stage,.content-grid,.content-grid.bottom,.security-layout,.field-grid,.role-options,.quick-links.two-col{grid-template-columns:1fr}.metric-grid article{min-height:112px;padding:12px}.metric-grid strong{font-size:18px}.machine-panel,.panel{padding:12px}.panel h2{font-size:17px}.content-grid{gap:12px}.workspace>section:last-child,.quick-links a,.camera-tile,.simple-row{scroll-margin-bottom:118px}.secondary,.log-actions select{min-height:42px}.log-actions{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(84px,.6fr) auto}.log-actions .secondary{justify-content:center}.live-viewer>img,.playback-panel{min-height:0;max-height:none}.playback-panel{aspect-ratio:16 / 9}.camera-grid{gap:14px}.camera-tile{gap:8px}.fake-frame{min-height:168px}.activity-rail{display:none}.nvr-side{grid-row:auto}.camera-strip{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px}.camera-strip button{width:132px;flex:0 0 auto}.timeline-track{height:78px}.timeline-cursor span{display:none}.playback-meta{align-items:flex-start}.table{overflow-x:auto}.table-row{min-width:0;grid-template-columns:1fr;align-items:start;gap:6px;padding:12px}.table-row.head{display:none}.table-row>span{min-width:0;overflow-wrap:anywhere}.row-actions{justify-content:flex-start;padding-top:4px}.segmented{width:100%}.segmented button{min-width:0}.simple-row,.simple-row.head{grid-template-columns:1fr auto;min-height:0;padding:12px}.simple-row.head{display:none}.simple-row>span:not(.row-link),.simple-row>em{justify-self:end}}@media(max-width:430px){.metric-grid{grid-template-columns:1fr}.log-actions{grid-template-columns:1fr 1fr}.log-actions .secondary{grid-column:1 / -1}.quick-links a{min-height:48px}}.preload-video{display:none}