:root{color:#e7eceb;font-synthesis:none;text-rendering:optimizelegibility;--bg:#090d0f;--panel:#101619;--panel-raised:#151d20;--line:#263236;--line-bright:#3b4c50;--text:#e7eceb;--muted:#8e9b9d;--signal:#d8f449;--signal-dark:#1c2410;--cyan:#66c8d5;--danger:#ef6b64;--warning:#e0aa4f;background:#090d0f;font-family:Segoe UI,Inter,Arial,sans-serif}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg)}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.button{cursor:pointer;border:1px solid #0000;border-radius:3px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:0 17px;font-size:.86rem;font-weight:700;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.button svg{width:18px}.button:disabled{cursor:not-allowed;opacity:.5}.button.primary{background:var(--signal);color:#11150a;border-color:var(--signal)}.button.primary:hover:not(:disabled){background:#e6ff63}.button.secondary{border-color:var(--line-bright);color:var(--text);background:#141b1e}.button.secondary:hover:not(:disabled){border-color:var(--muted);background:#1b2427}.button.wide{width:100%}.icon-button{cursor:pointer;background:0 0;border:0;border-radius:3px;place-items:center;width:40px;height:40px;padding:0;display:inline-grid}.icon-button:hover{background:#20292c}.icon-button svg{width:19px}.icon-button.dark{background:#040809d1;border:1px solid #3b494c}.icon-button.outlined{border:1px solid var(--line-bright);background:#111719}.eyebrow,.step-label{color:var(--signal);letter-spacing:.16em;font-size:.67rem;font-weight:800;line-height:1;display:block}.app-shell{min-height:100vh}.sidebar{border-right:1px solid var(--line);z-index:20;background:#0d1214;flex-direction:column;width:250px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{border-bottom:1px solid var(--line);align-items:center;gap:12px;height:82px;padding:0 20px;display:flex}.brand-mark{background:var(--signal);color:#101506;border-radius:2px;flex:none;place-items:center;width:42px;height:42px;display:grid}.sidebar-brand div:nth-child(2){flex-direction:column;display:flex}.sidebar-brand strong{letter-spacing:.12em;font-size:.91rem}.sidebar-brand span{color:var(--muted);letter-spacing:.2em;margin-top:3px;font-size:.58rem}.network-state{color:#b8cb8e;background:#151d13;border:1px solid #33422a;align-items:center;gap:9px;margin:20px 18px 8px;padding:10px 12px;font-size:.72rem;display:flex}.network-state.is-offline{color:#e09590;background:#201514;border-color:#50312f}.sidebar nav{flex-direction:column;gap:3px;padding:14px 12px;display:flex}.sidebar nav a{color:#93a0a2;border-left:2px solid #0000;align-items:center;gap:13px;height:45px;padding:0 13px;font-size:.87rem;font-weight:600;display:flex}.sidebar nav a:hover{color:var(--text);background:#151c1f}.sidebar nav a.active{color:var(--signal);background:var(--signal-dark);border-left-color:var(--signal)}.sidebar-profile{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:auto;padding:17px 14px;display:flex}.sidebar-profile>div{flex-direction:column;flex:1;min-width:0;display:flex}.sidebar-profile strong,.sidebar-profile span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-profile strong{font-size:.78rem}.sidebar-profile span{color:var(--muted);margin-top:3px;font-size:.67rem}.close-nav,.mobile-header,.nav-scrim{display:none}.content{min-height:100vh;margin-left:250px}.page{width:min(1480px,100%);margin:0 auto;padding:42px clamp(26px,4vw,64px) 70px}.page-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:28px;min-height:92px;margin-bottom:34px;display:flex}.page-header h1{letter-spacing:-.045em;margin:9px 0 10px;font-size:clamp(1.8rem,3vw,2.7rem);font-weight:650;line-height:1}.page-header p{color:var(--muted);font-size:.88rem}.page-actions{flex:none}.state-screen{text-align:center;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100vh;padding:30px;display:flex}.state-screen>svg{color:var(--signal)}.state-screen p{color:var(--muted);letter-spacing:.05em}.state-screen h2,.empty-state h2{margin:0 0 5px;font-size:1.1rem}.state-screen div p,.empty-state p{color:var(--muted);margin:0}.empty-state{border:1px dashed var(--line-bright);min-height:180px;color:var(--muted);justify-content:center;align-items:center;gap:18px;padding:30px;display:flex}.empty-state>svg{color:var(--warning);flex:none}.form-error{border-left:3px solid var(--danger);color:#f3aaa6;background:#251616;margin:3px 0 0;padding:11px 13px;font-size:.8rem}.inline-message{color:#b9c6c8;align-items:center;gap:8px;font-size:.79rem;display:flex}.auth-layout{grid-template-columns:minmax(420px,1.1fr) minmax(400px,.9fr);min-height:100vh;display:grid}.auth-intro{border-right:1px solid var(--line);background:#0b1113;flex-direction:column;padding:clamp(30px,5vw,76px);display:flex;position:relative;overflow:hidden}.auth-brand{color:var(--signal);letter-spacing:.16em;align-items:center;gap:13px;font-size:.7rem;font-weight:800;display:flex}.auth-brand svg{width:27px}.auth-statement{z-index:2;margin:auto 0;position:relative}.auth-statement h1{letter-spacing:-.07em;max-width:650px;margin:17px 0 22px;font-size:clamp(3.2rem,6vw,6.7rem);font-weight:600;line-height:.91}.auth-statement p{color:#9aa7a9;max-width:480px;line-height:1.65}.auth-grid{aspect-ratio:1;border:1px solid #273235;grid-template-columns:repeat(3,1fr);width:58%;display:grid;position:absolute;bottom:-24%;right:-10%;transform:rotate(15deg)}.auth-grid i{border:1px solid #1b2528}.auth-grid i:nth-child(2),.auth-grid i:nth-child(5){background:#111a1c}.auth-panel{background:#0e1315;place-items:center;padding:44px;display:grid}.auth-form-wrap{width:min(405px,100%)}.auth-icon{border:1px solid var(--line-bright);width:52px;height:52px;color:var(--signal);place-items:center;margin-bottom:28px;display:grid}.auth-form-wrap h2{letter-spacing:-.03em;margin:10px 0 8px;font-size:2rem}.auth-form-wrap>p,.auth-form-wrap>small{color:var(--muted)}.auth-form-wrap form{gap:18px;margin:31px 0 25px;display:grid}.auth-form-wrap>small{border-top:1px solid var(--line);padding-top:20px;font-size:.68rem;line-height:1.6;display:block}.demo-notice{color:#c5d787;background:#171e11;border:1px solid #455126;margin-top:20px;padding:11px 12px;font-size:.75rem}label{color:#bbc5c6;letter-spacing:.035em;gap:8px;font-size:.72rem;font-weight:700;display:grid}input,select{width:100%;height:44px;color:var(--text);background:#0b1012;border:1px solid #334044;border-radius:2px;padding:0 12px;transition:border-color .15s}input:hover,select:hover{border-color:#536266}.password-field{display:block;position:relative}.password-field input{padding-right:48px}.field-action{width:40px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;position:absolute;top:2px;right:2px}.field-action svg{width:18px}.setup-layout{background:#0a0f11;min-height:100vh}.setup-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:74px;padding:0 clamp(25px,5vw,72px);display:flex}.setup-header span{color:var(--signal);letter-spacing:.16em;align-items:center;gap:11px;font-size:.78rem;font-weight:800;display:flex}.setup-header small{color:var(--muted);letter-spacing:.18em;font-size:.62rem}.setup-content{grid-template-columns:1fr 480px;align-items:center;gap:9vw;width:min(1200px,100%);min-height:calc(100vh - 74px);margin:auto;padding:70px 40px;display:grid}.setup-copy h1{letter-spacing:-.06em;margin:17px 0 22px;font-size:clamp(2.7rem,5vw,5.1rem);font-weight:600;line-height:.96}.setup-copy>p{max-width:530px;color:var(--muted);line-height:1.7}.setup-copy ul{border-top:1px solid var(--line);margin:38px 0 0;padding:0;list-style:none}.setup-copy li{border-bottom:1px solid var(--line);color:var(--muted);grid-template-columns:35px 1fr auto;align-items:center;gap:13px;padding:17px 0;display:grid}.setup-copy li>svg:first-child{color:var(--signal)}.setup-copy li>svg:last-child{width:17px;color:var(--signal)}.setup-copy li span{flex-direction:column;gap:4px;font-size:.74rem;display:flex}.setup-copy li strong{color:var(--text);font-size:.85rem}.setup-form-panel{background:var(--panel);border:1px solid var(--line-bright);border-top:3px solid var(--signal);padding:38px}.setup-form-panel h2{margin:10px 0 28px;font-size:1.55rem}.setup-form-panel form{gap:18px;display:grid}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field-hint{color:var(--muted);margin:-10px 0 2px;font-size:.66rem}.mosaic{border:1px solid var(--line-bright);background:#202a2d;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.camera-card{background:var(--panel);border:1px solid var(--line);min-width:0}.camera-card.featured{border:0}.camera-card>a{display:block}.video-frame{aspect-ratio:16/9;background:#050808;position:relative;overflow:hidden}.video-frame video{object-fit:cover;width:100%;height:100%;display:block}.video-frame:after{content:"";pointer-events:none;border:1px solid #ffffff08;position:absolute;inset:0}.video-unavailable{color:#768385;letter-spacing:.04em;background:#080c0e;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:.75rem;display:flex;position:absolute;inset:0}.video-unavailable svg{width:28px}.camera-overlay{z-index:2;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;left:14px;right:14px}.camera-overlay.top{top:13px}.camera-overlay.bottom{bottom:12px}.camera-overlay.bottom strong{letter-spacing:.02em;background:#040809d1;padding:5px 8px;font-size:.8rem}.camera-code{color:#859194;background:#040809b8;padding:4px 6px;font:600 .57rem/1 monospace}.status-chip{letter-spacing:.1em;color:#a9b3b5;background:#0b1112;border:1px solid #3a4649;align-items:center;gap:6px;padding:5px 7px;font-size:.58rem;font-weight:800;display:inline-flex}.status-chip i{background:var(--muted);border-radius:50%;width:6px;height:6px}.status-chip.online{color:var(--signal);border-color:#48542b}.status-chip.online i{background:var(--signal);box-shadow:0 0 0 3px #d8f4491f}.status-chip.offline{color:#ef8a84;border-color:#5a3331}.status-chip.offline i{background:var(--danger)}.camera-card-footer{justify-content:space-between;align-items:center;gap:12px;min-height:66px;padding:13px 15px;display:flex}.camera-card-footer>div:first-child{flex-direction:column;gap:4px;min-width:0;display:flex}.camera-card-footer strong{font-size:.84rem}.camera-card-footer span{color:var(--muted);text-overflow:ellipsis;font:.62rem monospace;overflow:hidden}.capabilities{color:#819093;flex:none;gap:10px;display:flex}.section-heading{justify-content:space-between;align-items:center;gap:20px;min-height:74px;display:flex}.section-heading h2{margin:7px 0 0;font-size:1.25rem}.section-heading>span{color:var(--muted);align-items:center;gap:8px;font-size:.7rem;display:flex}.camera-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.focus-page{max-width:1540px}.focus-header{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.focus-header>div{align-items:center;gap:12px;display:flex}.back-link{color:#b3bec0;align-items:center;gap:9px;font-size:.76rem;font-weight:700;display:inline-flex}.back-link svg{width:18px}.focus-clock{color:var(--muted);letter-spacing:.1em;font:.62rem monospace}.video-frame.focused{aspect-ratio:16/8.3;border:1px solid var(--line-bright)}.video-frame.focused .camera-overlay{left:20px;right:20px}.video-frame.focused .camera-overlay.bottom{bottom:18px}.video-frame.focused .camera-overlay.bottom strong{font-size:1rem}.video-controls{pointer-events:auto;gap:7px;display:flex}.focus-controls{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:30px;padding:24px 0;display:flex}.focus-controls h1{margin:7px 0 5px;font-size:1.75rem}.focus-controls p{color:var(--muted);margin:0;font:.68rem monospace}.focus-actions{gap:9px;display:flex}.ptz-panel{border:1px solid var(--line);background:var(--panel);justify-content:space-between;align-items:center;margin-top:28px;padding:24px 28px;display:flex}.ptz-panel h2{margin:7px 0 6px;font-size:1.25rem}.ptz-panel p{color:var(--muted);margin:0;font-size:.74rem}.ptz-pad{grid-template-rows:repeat(3,38px);grid-template-columns:repeat(3,46px);gap:5px;width:160px;display:grid}.ptz-pad button{cursor:pointer;background:#182023;border:1px solid #3a484c;place-items:center;padding:0;display:grid}.ptz-pad button:hover:not(:disabled){color:var(--signal);border-color:var(--signal)}.ptz-pad button:disabled{opacity:.35}.ptz-pad svg{width:17px}.ptz-up{grid-area:1/2}.ptz-left{grid-area:2/1}.ptz-home{grid-area:2/2}.ptz-right{grid-area:2/3}.ptz-down{grid-area:3/2}.ptz-zoom{gap:10px;display:flex}.ptz-zoom .button{touch-action:none;-webkit-user-select:none;user-select:none}.filter-bar{border:1px solid var(--line);background:var(--panel);grid-template-columns:minmax(180px,280px) 180px 1fr;align-items:end;gap:15px;min-height:88px;margin-bottom:22px;padding:16px 18px;display:grid}.filter-summary{color:var(--muted);place-self:center end;align-items:center;gap:8px;font-size:.74rem;display:flex}.filter-summary svg{width:17px;color:var(--signal)}.timeline-panel{border:1px solid var(--line);background:var(--panel);padding:5px 22px 20px}.timeline-labels{color:#708083;justify-content:space-between;margin:16px 0 7px;font:.59rem monospace;display:flex}.timeline-track{background:#080c0d;border:1px solid #283438;height:42px;position:relative}.timeline-track:before{content:"";pointer-events:none;border-left:1px solid #1d282a;border-right:1px solid #1d282a;position:absolute;inset:0}.timeline-track button{background:var(--signal);cursor:pointer;border:1px solid #bbd33e;min-width:4px;height:26px;padding:0;position:absolute;top:7px}.timeline-track button:hover{background:#efff8b}.timeline-key{color:#899698;align-items:center;gap:8px;margin-top:12px;font-size:.65rem;display:flex}.timeline-key i{background:var(--signal);width:13px;height:6px}.timeline-key span{margin-left:auto}.playback-panel{border:1px solid var(--line-bright);background:#050808;margin-top:18px}.playback-panel>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:64px;padding:13px 18px;display:flex}.playback-panel h2{margin:0;font:700 .78rem monospace}.playback-panel video{background:#000;width:100%;max-height:62vh;display:block}.recordings-layout{grid-template-columns:1fr 340px;align-items:start;gap:18px;margin-top:22px;display:grid}.segment-list{border:1px solid var(--line);background:var(--panel);padding:0 20px 15px}.segment-row{border:0;border-top:1px solid var(--line);text-align:left;width:100%;min-height:68px;color:var(--text);cursor:pointer;background:0 0;grid-template-columns:36px 30px 1fr;align-items:center;display:grid}.segment-row:hover{background:#161f21}.segment-row>svg{width:16px;color:var(--signal)}.segment-index{color:#667477;font:.64rem monospace}.segment-row>span:last-child{flex-direction:column;gap:4px;display:flex}.segment-row strong{font-size:.76rem}.segment-row small{color:var(--muted);font:.61rem monospace}.export-builder{border:1px solid var(--line-bright);border-top:3px solid var(--signal);background:var(--panel);gap:16px;padding:24px;display:grid}.export-builder h2{margin:-6px 0 4px;font-size:1.25rem}.notice-bar{color:#c7d989;background:#161e10;border:1px solid #475528;align-items:center;gap:10px;margin-bottom:15px;padding:12px 15px;font-size:.76rem;display:flex}.notice-bar svg{width:17px}.jobs-table{border:1px solid var(--line);background:var(--panel)}.jobs-head,.job-row{grid-template-columns:1.1fr 1.5fr .55fr .8fr .7fr;align-items:center;gap:18px;display:grid}.jobs-head{color:#738184;border-bottom:1px solid var(--line);letter-spacing:.1em;background:#0c1113;min-height:42px;padding:0 18px;font-size:.58rem;font-weight:800}.job-row{border-bottom:1px solid var(--line);min-height:82px;padding:13px 18px}.job-row:last-child{border-bottom:0}.job-row>div{flex-direction:column;gap:5px;min-width:0;display:flex}.job-row strong{font:700 .75rem monospace}.job-row span{font-size:.72rem}.job-row small{color:var(--muted);text-overflow:ellipsis;font-size:.65rem;overflow:hidden}.job-status{border:1px solid var(--line-bright);align-items:center;width:max-content;padding:5px 7px;font-weight:700;flex-direction:row!important;gap:6px!important;display:inline-flex!important}.job-status svg{width:14px;height:14px}.job-status.completed{color:var(--signal);border-color:#45522c}.job-status.failed{color:var(--danger);border-color:#593532}.job-status.processing{color:var(--cyan)}.job-status.queued{color:var(--warning)}.error-text{color:var(--danger)!important}.job-actions{align-items:center;flex-direction:row!important}.processing-label{color:var(--muted);align-items:center;gap:6px;display:flex}.processing-label svg{width:13px}.security-score,.remote-status{border:1px solid var(--line);background:var(--panel);grid-template-columns:52px 1fr auto;align-items:center;gap:20px;padding:24px;display:grid}.remote-icon{border:1px solid var(--line-bright);width:43px;height:43px;color:var(--muted);place-items:center;display:grid}.remote-icon svg{width:24px;height:24px}.remote-status.is-up .remote-icon{color:var(--cyan);border-color:#315158}.remote-status.is-down .remote-icon{color:#f3aaa6;border-color:#5a2b2b}.remote-status h2{margin:6px 0 4px;font-size:1.25rem}.remote-status p{color:var(--muted);margin:0;font-size:.74rem;line-height:1.55}.remote-chip{border:1px solid var(--line-bright);align-items:center;gap:7px;padding:6px 9px;font-size:.62rem;font-weight:700;display:inline-flex}.remote-chip svg{width:14px;height:14px}.remote-chip.ok{color:var(--cyan);border-color:#315158}.remote-chip.bad{color:#f3aaa6;border-color:#5a2b2b}.remote-share{border:1px solid var(--line);background:var(--panel);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:26px;margin-top:20px;padding:26px 24px;display:flex}.remote-share.is-muted{opacity:.72}.remote-share-copy{flex:320px;min-width:260px}.remote-share h2{word-break:break-all;margin:6px 0;font-size:1.1rem}.remote-share p{color:var(--muted);max-width:560px;margin:0;font-size:.74rem;line-height:1.6}.remote-url{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.remote-url code{color:var(--signal);border:1px solid var(--line);word-break:break-all;background:#0c1214;padding:11px 14px;font-size:.88rem}.security-score>svg{width:43px;height:43px;color:var(--signal)}.security-score h2{margin:6px 0 4px;font-size:1.25rem}.security-score p{color:var(--muted);margin:0;font-size:.74rem}.score-good,.score-warning{letter-spacing:.08em;border:1px solid;padding:7px 9px;font-size:.62rem;font-weight:800}.score-good{color:var(--signal);border-color:#4a582b}.score-warning{color:var(--warning);border-color:#604b29}.security-card{border:1px solid var(--line);background:var(--panel);grid-template-columns:1fr 1fr;margin-top:20px;display:grid}.security-card-copy,.totp-flow{padding:clamp(28px,4vw,52px)}.security-card-copy{border-right:1px solid var(--line)}.security-icon{border:1px solid var(--line-bright);width:52px;height:52px;color:var(--signal);place-items:center;margin-bottom:34px;display:grid}.security-card-copy h2{margin:10px 0 13px;font-size:1.7rem}.security-card-copy>p{max-width:510px;color:var(--muted);font-size:.83rem;line-height:1.65}.security-card-copy ul{border-top:1px solid var(--line);color:#a6b2b4;gap:14px;margin:26px 0 0;padding:20px 0 0;font-size:.75rem;list-style:none;display:grid}.security-card-copy li{align-items:center;gap:11px;display:flex}.security-card-copy li svg{width:17px;color:var(--signal)}.totp-flow{flex-direction:column;justify-content:center;display:flex}.totp-flow form{gap:15px;display:grid}.totp-flow h3{margin:-6px 0 0}.totp-flow p{color:var(--muted);font-size:.75rem;line-height:1.5}.secret-code{border:1px dashed var(--line-bright);min-height:48px;color:var(--signal);letter-spacing:.07em;cursor:pointer;overflow-wrap:anywhere;background:#090e10;justify-content:space-between;align-items:center;padding:8px 12px;font:.88rem monospace;display:flex}.secret-code svg{flex:none;width:16px}.totp-link{color:var(--cyan);text-underline-offset:3px;margin-bottom:14px;font-size:.7rem;text-decoration:underline}.success-state{text-align:center;min-height:180px;color:var(--signal);border:1px solid #465329;flex-direction:column;justify-content:center;align-items:center;gap:9px;display:flex}.success-state span{color:var(--muted);font-size:.72rem}.capacity-panel{border:1px solid var(--line);background:var(--panel);grid-template-columns:48px 1fr auto;align-items:center;gap:20px;padding:22px 24px;display:grid}.capacity-panel>svg{width:38px;height:38px;color:var(--signal)}.capacity-panel h2{margin:6px 0 4px;font-size:1.2rem}.capacity-panel p{color:var(--muted);margin:0;font-size:.73rem}.capacity-meter{gap:6px;min-width:190px;display:flex}.capacity-meter i{background:#0a0f11;border:1px solid #435054;width:32px;height:8px}.capacity-meter i.used{border-color:var(--signal);background:var(--signal)}.users-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:18px;margin-top:20px;display:grid}.users-list{border:1px solid var(--line);background:var(--panel);padding:0 20px 15px}.list-loading{color:var(--muted);padding:20px 0;font-size:.75rem}.user-row{border-top:1px solid var(--line);grid-template-columns:40px minmax(120px,1fr) auto auto auto;align-items:center;gap:14px;min-height:76px;display:grid}.user-monogram{border:1px solid var(--line-bright);width:36px;height:36px;color:var(--signal);background:#0c1214;place-items:center;font-size:.8rem;font-weight:800;display:grid}.user-row>div{flex-direction:column;gap:4px;min-width:0;display:flex}.user-row strong,.user-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-row strong{font-size:.8rem}.user-row small{color:var(--muted);font-size:.65rem}.role-chip,.totp-state{border:1px solid var(--line-bright);color:#a8b4b6;align-items:center;gap:6px;padding:5px 7px;font-size:.62rem;font-weight:700;display:inline-flex}.role-chip svg,.totp-state svg{width:13px;height:13px}.role-chip.admin{color:var(--signal);border-color:#4a572d}.totp-state.enabled{color:var(--cyan);border-color:#315158}.user-builder{border:1px solid var(--line-bright);border-top:3px solid var(--signal);background:var(--panel);gap:16px;padding:25px;display:grid}.user-builder h2{margin:-7px 0;font-size:1.3rem}.user-builder>p{color:var(--muted);font-size:.72rem;line-height:1.55}.builder-icon{border:1px solid var(--line-bright);width:44px;height:44px;color:var(--signal);place-items:center;margin-bottom:4px;display:grid}.camera-row{grid-template-columns:minmax(0,1fr) auto auto}.row-actions{gap:8px;display:flex}.button.ghost{border-color:var(--line-bright);color:var(--muted);background:0 0;padding:7px 12px;font-size:.68rem}.button.ghost:hover:not(:disabled){color:var(--text);border-color:var(--muted)}.button.danger{color:#f3aaa6;background:0 0;border-color:#5a2b2b;padding:7px 12px}.button.danger:hover:not(:disabled){border-color:var(--danger);background:#2a1717}.confirm-row{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:10px;padding:12px 0 16px;display:flex}.confirm-row p{color:#f3aaa6;flex:240px;margin:0;font-size:.7rem;line-height:1.5}.capability-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}label.check{color:var(--muted);align-items:center;gap:9px;font-size:.72rem;display:flex}#sub-stream-toggle{order:-1}label.check input[type=checkbox]{width:17px;height:17px;accent-color:var(--signal)}.field-hint{color:var(--muted);margin:-8px 0 0;font-size:.68rem;line-height:1.5}.field-hint code,.user-builder code{color:var(--cyan);background:#0c1214;padding:1px 4px;font-size:.9em}.builder-actions{flex-direction:column;gap:10px;display:flex}.section-hint{margin-top:14px;font-size:.78rem}.section-hint a{color:var(--signal)}.mosaic-1{grid-template-columns:1fr}@media (width<=1100px){.camera-grid{grid-template-columns:repeat(2,1fr)}.recordings-layout{grid-template-columns:1fr 300px}.jobs-head,.job-row{grid-template-columns:1fr 1.3fr .55fr .8fr}.jobs-head span:last-child{display:none}.job-actions{grid-column:4}.auth-statement h1{font-size:4.6rem}}@media (width<=800px){.mobile-header{border-bottom:1px solid var(--line);z-index:15;background:#0a0f11f5;justify-content:space-between;align-items:center;height:58px;padding:0 13px;display:flex;position:sticky;top:0}.mobile-brand{color:var(--signal);letter-spacing:.1em;align-items:center;gap:8px;font-size:.75rem;font-weight:800;display:flex}.mobile-brand svg{width:20px}.connection-dot{border-radius:50%;width:8px;height:8px}.connection-dot.online{background:var(--signal)}.connection-dot.offline{background:var(--danger)}.sidebar{width:min(290px,87vw);transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.close-nav{margin-left:auto;display:grid}.nav-scrim{z-index:19;background:#000000a6;border:0;display:block;position:fixed;inset:0}.content{margin-left:0}.page{padding:27px 17px 50px}.page-header{align-items:flex-end;min-height:auto;margin-bottom:22px;padding-bottom:22px}.page-header h1{font-size:2rem}.page-header p{margin-bottom:0}.mosaic{grid-template-columns:1fr}.camera-grid{grid-template-columns:1fr 1fr}.auth-layout{grid-template-columns:1fr}.auth-intro{border:0;border-bottom:1px solid var(--line);min-height:300px;padding:30px}.auth-statement{margin:auto 0 0}.auth-statement h1{margin-bottom:12px;font-size:clamp(2.8rem,12vw,4.4rem)}.auth-statement p{display:none}.auth-panel{padding:45px 24px}.setup-content{grid-template-columns:1fr;gap:45px;padding:42px 24px}.setup-copy h1{font-size:3.2rem}.recordings-layout{grid-template-columns:1fr}.filter-bar{grid-template-columns:1fr 1fr}.filter-summary{grid-column:1/-1;justify-self:start}.security-card{grid-template-columns:1fr}.security-card-copy{border-right:0;border-bottom:1px solid var(--line)}.users-layout{grid-template-columns:1fr}}@media (width<=570px){.page-header{display:block}.page-actions{margin-top:17px}.page-actions .button{width:100%}.camera-grid{grid-template-columns:1fr}.section-heading>span{display:none}.camera-card-footer{min-height:58px}.focus-header .focus-clock{display:none}.video-frame.focused{aspect-ratio:16/10}.focus-controls{flex-direction:column;align-items:stretch}.focus-actions{grid-template-columns:1fr 1fr;display:grid}.ptz-panel{flex-direction:column;align-items:flex-start;gap:23px}.ptz-pad{align-self:center}.filter-bar{grid-template-columns:1fr}.filter-summary{grid-column:auto}.timeline-panel{padding:4px 13px 17px}.timeline-labels span:nth-child(2n),.timeline-key span,.jobs-head{display:none}.job-row{grid-template-columns:1fr 1fr;gap:17px;padding:18px}.job-row>div:before{content:attr(data-label);color:#677477;letter-spacing:.09em;text-transform:uppercase;font-size:.54rem;font-weight:800}.job-actions{grid-column:auto}.security-score{grid-template-columns:42px 1fr}.security-score>span{grid-column:1/-1;width:max-content}.remote-status{grid-template-columns:42px 1fr}.remote-status .remote-chip{grid-column:1/-1;width:max-content}.remote-share{flex-direction:column;align-items:stretch}.security-card-copy,.totp-flow{padding:27px 22px}.capacity-panel{grid-template-columns:38px 1fr}.capacity-meter{grid-column:1/-1;min-width:0}.capacity-meter i{flex:1}.user-row{grid-template-columns:40px 1fr;padding:14px 0}.role-chip,.totp-state{width:max-content;margin-left:54px}.setup-header small{display:none}.setup-content{padding-inline:18px}.setup-copy h1{font-size:2.65rem}.setup-form-panel{padding:27px 21px}.form-row{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}