@charset "UTF-8";
:root{color-scheme:dark;--bg:#081320;--panel:#0e1c2b;--card:#102132;--line:#203347;--text:#edf5f9;--muted:#8fa3b8;--teal:#4cdbc0;--teal-dim:rgba(76,219,192,.1);--amber:#f5c77d;--red:#eea09a;--radius:16px;font-family:Inter,"Segoe UI",Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px}button,input,select{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--teal);outline-offset:4px}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button{border:0}input,select{color:var(--text);background:var(--panel)}[hidden]{display:none!important}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.brand{display:inline-flex;align-items:center;gap:11px;font-size:23px;font-weight:750;letter-spacing:-.8px;white-space:nowrap}.brand img{border-radius:10px}.brand-light{font-weight:400;color:#c5d5df}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;color:var(--muted);display:inline-flex;align-items:center;gap:9px}.small-dot{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block;flex-shrink:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 15px;border-radius:9px;font-weight:600;line-height:1.4;transition:background .15s,transform .15s}.button:active{transform:translateY(1px)}.primary{background:var(--teal);color:#082422}.primary:hover{background:#72e7d1}.subtle{background:transparent;color:#b5c6d5;border:1px solid var(--line)}.subtle:hover{background:#15293b;color:var(--text)}.icon-button{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--muted);width:38px;height:38px;border-radius:8px;flex-shrink:0}.icon-button:hover{background:rgba(133,175,201,.1);color:var(--text)}.muted{color:var(--muted)}
.login-screen{min-height:100svh;display:grid;grid-template-columns:1.12fr 1fr}.login-story{min-height:100svh;padding:48px 9%;display:flex;flex-direction:column;position:relative;overflow:hidden;background:radial-gradient(ellipse at 60% 68%,#143636 0,transparent 60%),#0a1924;border-right:1px solid #1a343e}.login-story>.brand,.story-copy,.login-footnote{position:relative;z-index:1}.story-copy{margin:auto 0}.story-copy .eyebrow{color:var(--teal);margin:65px 0 23px;letter-spacing:1.7px}.story-copy h1{font-size:clamp(37px,4.3vw,61px);font-weight:620;line-height:1.12;letter-spacing:-2.6px;margin:0}.story-copy h1 span{color:var(--teal)}.story-copy p{color:#a6bcc8;line-height:1.8;font-size:16px;margin:22px 0 28px}.story-features{display:flex;gap:23px;color:#afc5ce;font-size:12px;align-items:center}.story-features span{display:flex;gap:8px;align-items:center}.story-features svg{width:16px;color:var(--teal)}.login-footnote{color:#64878f;font-size:11px;letter-spacing:.3px;margin-top:140px}.story-art{width:400px;height:400px;position:absolute;right:-130px;bottom:-145px;color:var(--teal);opacity:.25;pointer-events:none}.art-grid{position:absolute;inset:-100px;background:linear-gradient(#4cdbc00b 1px,transparent 1px),linear-gradient(90deg,#4cdbc00b 1px,transparent 1px);background-size:28px 28px;transform:rotate(-20deg)}.art-orbit{position:absolute;border:1px solid #4cdbc055;border-radius:50%;inset:0}.orbit-two{inset:45px}.art-lens{position:absolute;inset:100px;border:1px solid #4cdbc066;border-radius:50%;display:grid;place-items:center;background:#4cdbc00a}.art-lens svg{width:70px;height:70px;stroke-width:1}.art-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--teal)}.dot-one{left:37px;top:79px}.dot-two{left:153px;top:6px}.art-label{position:absolute;top:175px;left:-70px;font-size:10px;letter-spacing:4px;transform:rotate(-90deg)}.login-panel{min-width:0;padding:50px 10% 30px;display:flex;flex-direction:column;justify-content:center;align-items:center}.login-card{max-width:380px;width:100%;margin:auto 0}.lock-mark{display:grid;place-items:center;width:48px;height:48px;border:1px solid #21483f;border-radius:14px;background:#14332f;color:var(--teal);margin-bottom:25px}.lock-mark svg{width:23px;height:23px}.login-card .eyebrow{font-size:9px;letter-spacing:1.8px}.login-card h2{font-size:29px;letter-spacing:-.8px;font-weight:600;margin:12px 0}.login-card>p{font-size:13px;margin:0 0 33px}.login-card label{display:block;color:#bdcfdd;font-size:12px;font-weight:550;margin:21px 0 9px}.login-card input{width:100%;height:49px;padding:0 14px;border:1px solid #26384b;border-radius:8px;outline:none;background:#0c1927}.login-card input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #4cdbc012}.login-card input::placeholder{color:#577086;font-size:12px}.password-wrap{position:relative}.password-wrap input{padding-right:49px}.password-wrap button{position:absolute;right:6px;top:5px}.login-submit{width:100%;margin-top:29px;justify-content:space-between;height:49px;font-size:13px}.login-submit svg{width:18px}.login-privacy{display:flex;align-items:center;gap:8px;font-size:10px!important;color:#647f94;margin-top:20px!important}.login-privacy svg{width:13px;height:13px}.form-error{font-size:12px;line-height:1.6;color:var(--red);margin:15px 0 0}.login-panel-foot{width:100%;display:flex;justify-content:space-between;font-size:10px;color:#526f85;max-width:420px;margin-top:60px}.login-panel-foot span{margin-left:20px}#session-retry{width:100%;margin-top:10px}
.app-screen{min-height:100svh}.topbar{height:78px;display:flex;align-items:center;gap:27px;border-bottom:1px solid var(--line);padding:0 34px;background:#0a1724}.topbar .brand{font-size:22px}.topbar-divider{height:24px;width:1px;background:var(--line)}.workspace-name{font-size:12px;color:#a6bdcc;max-width:200px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:27px}.connection-pill{font-size:10px;display:inline-flex;align-items:center;gap:8px;border:1px solid #2c3c4b;background:#102130;border-radius:30px;padding:8px 11px;white-space:nowrap;color:var(--muted)}.connection-pill.online{color:var(--teal);background:#102a29;border-color:#21463e}.connection-pill.offline{color:var(--amber);border-color:#4e402b;background:#2b251c}.logout{font-size:11px;border:0;padding:8px 0}.logout svg{width:16px}.workspace{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100svh - 78px)}.sidebar{border-right:1px solid var(--line);padding:28px 18px 20px;display:flex;flex-direction:column;background:#0b1826}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;padding:0 10px 18px}.sidebar-heading .eyebrow{font-size:9px;letter-spacing:1.7px}.count-chip{padding:3px 7px;border-radius:5px;font-size:9px;color:#71899f;background:#172a3a}.camera-list{display:flex;flex-direction:column;gap:5px}.camera-choice{display:flex;align-items:center;gap:10px;width:100%;height:39px;padding:0 11px;border:1px solid transparent;border-radius:8px;background:transparent;color:#7d98af;font-size:11px;text-align:left}.camera-choice:hover{background:#102538;color:#c1d7e7}.camera-choice.selected{background:var(--teal-dim);border-color:#24483f;color:var(--teal)}.camera-number{font-size:9px;border:1px solid #283d4e;border-radius:5px;padding:3px 5px;min-width:24px;text-align:center;color:#56768f;font-variant-numeric:tabular-nums}.camera-choice.selected .camera-number{border-color:#306052;color:var(--teal)}.camera-choice .small-dot{margin-left:auto;width:4px;height:4px;color:#405366}.camera-choice.selected .small-dot{color:var(--teal)}.sidebar-bottom{display:flex;gap:9px;align-items:flex-start;margin-top:auto;padding:30px 9px 0;color:#6c879a;font-size:10px;line-height:1.4}.sidebar-bottom svg{width:15px;height:15px;color:#4f837e}.sidebar-bottom span{display:block;font-size:8px;margin-top:4px;color:#445f75}.viewer-main{min-width:0;max-width:1780px;padding:32px 36px 28px;width:100%;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.page-heading .eyebrow{font-size:9px;letter-spacing:2px;color:#587d92}.page-heading h1{margin:9px 0;font-size:28px;font-weight:570;letter-spacing:-.8px}.page-heading p{color:var(--muted);font-size:11px;margin:0}.clock-block{text-align:right;align-self:flex-start;padding-top:6px;font-variant-numeric:tabular-nums}.clock-block time{font-size:21px;letter-spacing:.8px;font-weight:300;display:block}.clock-block span{display:block;color:#59788e;font-size:10px;margin-top:6px}.connection-banner{display:flex;align-items:center;gap:13px;padding:14px 17px;background:#0f2030;border:1px solid #21394d;border-radius:11px;margin-bottom:24px;min-height:69px}.banner-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:#8db1c9;background:#1a3447;flex-shrink:0}.banner-icon svg{width:18px;height:18px}.connection-banner strong{display:block;font-size:12px;font-weight:550;line-height:1.4}.connection-banner p{color:#6f8ba0;font-size:10px;line-height:1.5;margin:5px 0 0}.connection-banner>.button{margin-left:auto;font-size:10px;padding:7px 10px;white-space:nowrap}.connection-banner>.button svg{width:14px;height:14px}.connection-banner.online{background:#0d211f;border-color:#203e37}.connection-banner.online .banner-icon{color:var(--teal);background:#14372e}.connection-banner.online p{color:#63948a}.connection-banner.offline{background:#241f1a;border-color:#4b3c2b}.connection-banner.offline .banner-icon{color:var(--amber);background:#3c3020}.connection-banner.offline strong{color:#e6c496}.connection-banner.offline p{color:#a59275}.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.segmented{display:flex;padding:4px;gap:3px;border-radius:9px;border:1px solid var(--line);background:#0b1927}.segmented button{background:transparent;color:#6a889f;padding:7px 11px;border-radius:6px;display:flex;gap:7px;align-items:center;font-size:10px;white-space:nowrap}.segmented button svg{width:14px;height:14px}.segmented button.selected{background:#1d3546;color:#e1f1fa;box-shadow:0 1px 4px #0003}.toolbar-right{display:flex;gap:12px;align-items:center}.quality-control{display:flex;align-items:center;gap:10px;font-size:10px;color:#607d93}.quality-control select{border:1px solid var(--line);background:#0c1c2b;border-radius:7px;padding:9px 28px 9px 11px;font-size:10px;max-width:185px}.camera-grid{display:grid;gap:16px}.camera-grid.single{grid-template-columns:minmax(0,1fr)}.camera-grid.quad{grid-template-columns:repeat(2,minmax(0,1fr))}.camera-tile{border:1px solid #20374a;border-radius:12px;overflow:hidden;background:#060e18;min-width:0}.camera-tile.focused{border-color:#367465;box-shadow:0 0 0 1px #285247}.tile-heading{height:47px;display:flex;align-items:center;padding:0 13px;gap:10px;background:#10202f;border-bottom:1px solid #1c3345}.tile-name{display:flex;align-items:center;gap:8px;min-width:0}.tile-name>svg{width:16px;height:16px;color:#537c90}.tile-name select{font-size:10px;font-weight:600;border:0;background:transparent;color:#b6ccd9;padding:5px 4px;max-width:150px}.tile-name option{background:#102132}.tile-heading .icon-button{width:28px;height:28px}.tile-heading .icon-button svg{width:14px;height:14px}.tile-badge{display:flex;align-items:center;gap:6px;margin-left:auto;font-size:8px;letter-spacing:.8px;color:#587184;white-space:nowrap}.tile-badge .small-dot{width:4px;height:4px}.camera-tile.playing .tile-badge{color:var(--teal)}.video-wrap{position:relative;aspect-ratio:16/9;overflow:hidden;background:#050d15}.single .video-wrap{min-height:240px;max-height:calc(100svh - 390px)}video{display:block;width:100%;height:100%;object-fit:contain;background:#050d15}.video-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:24px;background:radial-gradient(ellipse at 50% 45%,#13283a50,transparent 65%),#060e18;z-index:1}.overlay-icon{width:55px;height:55px;display:grid;place-items:center;border:1px solid #20384b;border-radius:16px;background:#0e2030;color:#42697e;margin-bottom:18px}.overlay-icon svg{width:25px;height:25px;stroke-width:1.4}.video-overlay.loading .overlay-icon{border-color:#2d6257;color:#66baab;animation:breathe 2s ease-in-out infinite}.overlay-title{font-size:14px;font-weight:500;color:#91aebe;text-align:center;line-height:1.4}.overlay-description{font-size:11px;color:#4e6f85;line-height:1.65;text-align:center;max-width:320px;margin:8px 0 0}.video-overlay .button{font-size:10px;margin-top:16px;padding:8px 12px}.video-overlay .button svg{width:13px;height:13px}.tile-quality{position:absolute;bottom:12px;left:13px;z-index:2;font-size:7px;color:#587488;letter-spacing:1.2px;background:#081320b0;padding:5px 7px;border-radius:4px;pointer-events:none}.playing .tile-quality{color:#a5c5d5;background:#081320b0}.viewer-footer{display:flex;justify-content:space-between;gap:15px;padding-top:18px;font-size:9px;color:#506e84}.viewer-footer>span{display:flex;gap:7px;align-items:center}.viewer-footer svg{width:12px;height:12px}.viewer-footer .small-dot{width:4px;height:4px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:13px 18px;border:1px solid #315263;border-radius:10px;box-shadow:0 10px 30px #0006;background:#173040;z-index:100;color:#d3e5ef;font-size:12px;max-width:calc(100vw - 32px);text-align:center}.noscript{position:fixed;bottom:0;left:0;right:0;background:#473423;color:white;text-align:center;padding:20px;z-index:200}.camera-grid:fullscreen{padding:12px;background:#050c12;width:100%;height:100%;align-content:center}.camera-grid:fullscreen .video-wrap{max-height:none;min-height:0}.camera-tile:fullscreen{width:100%;height:100%;border:0;border-radius:0}.camera-tile:fullscreen .video-wrap{height:calc(100% - 47px);max-height:none;aspect-ratio:auto}.camera-tile:fullscreen video{height:100%}@keyframes breathe{50%{opacity:.4}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(min-width:1600px){.viewer-main{padding-top:40px}.single .video-wrap{max-height:calc(100svh - 410px)}}@media(max-width:1100px){.workspace{grid-template-columns:180px minmax(0,1fr)}.viewer-main{padding:27px 24px}.sidebar{padding-left:12px;padding-right:12px}.topbar{padding:0 24px}.camera-choice{gap:8px}.camera-grid{gap:12px}.quad .tile-heading{padding:0 9px;gap:5px}.quad .tile-name>svg{display:none}.quad .video-overlay{padding:14px}.quad .overlay-icon{width:40px;height:40px;border-radius:12px;margin-bottom:11px}.quad .overlay-title{font-size:12px}.quad .overlay-description{font-size:10px}.quad .tile-badge{font-size:7px;letter-spacing:.2px}.login-story{padding:40px 8%}.story-copy h1{font-size:43px}.login-panel{padding-left:12%;padding-right:12%}.login-panel-foot span{display:none}}
@media(max-width:760px){.login-screen{display:flex;flex-direction:column}.login-story{min-height:auto;padding:27px 25px 0;background:none;border:0}.login-story .brand{font-size:23px}.login-story .brand img{width:35px;height:35px}.story-copy,.story-art,.login-footnote{display:none}.login-panel{padding:54px 25px 28px;min-height:calc(100svh - 68px)}.login-card{max-width:400px}.login-panel-foot{max-width:400px;margin-top:60px}.login-panel-foot span{display:inline}.login-card h2{font-size:29px}.login-card>p{font-size:13px}.topbar{height:65px;padding:0 17px;gap:15px}.topbar .brand{font-size:19px;gap:8px}.topbar .brand img{width:31px;height:31px;border-radius:8px}.topbar-divider,.workspace-name{display:none}.topbar-right{gap:15px}.connection-pill{font-size:8px;padding:6px 8px;gap:6px}.logout{width:24px;padding:0}.logout span{display:none}.workspace{display:flex;flex-direction:column;min-height:calc(100svh - 65px)}.sidebar{padding:15px 17px 0;background:transparent;border:0}.sidebar-heading,.sidebar-bottom{display:none}.camera-list{flex-direction:row;overflow:auto;gap:7px;padding-bottom:12px;scrollbar-width:thin;scrollbar-color:#244154 transparent}.camera-choice{width:auto;height:34px;padding:0 9px;flex-shrink:0;background:#102132;border-color:#1a3043;border-radius:7px;gap:6px}.camera-choice>span:nth-child(2){display:none}.camera-number{font-size:10px;border:0;padding:0;min-width:19px;color:#829daf}.camera-choice .small-dot{display:none}.viewer-main{padding:14px 17px 25px}.page-heading{margin-bottom:20px;gap:10px}.page-heading h1{font-size:24px;margin:7px 0 8px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.7px}.page-heading p{font-size:10px;line-height:1.5;max-width:240px}.clock-block time{font-size:17px}.clock-block span{font-size:8px}.clock-block{padding-top:0}.connection-banner{padding:12px;gap:10px;margin-bottom:18px}.connection-banner strong{font-size:11px}.connection-banner p{font-size:9px}.connection-banner .banner-icon{width:29px;height:29px;border-radius:8px}.connection-banner .button{width:30px;height:32px;padding:0;border:0}.connection-banner .button span{display:none}.viewer-toolbar{gap:8px;margin-bottom:12px}.toolbar-right{gap:3px}.quality-control{gap:0}.quality-control>span{display:none}.quality-control select{font-size:9px;padding:9px 5px;max-width:126px}.segmented button{padding:7px 8px;gap:5px;font-size:9px}.segmented button svg{width:12px;height:12px}.toolbar-right>.icon-button{width:30px}.toolbar-right>.icon-button svg{width:16px;height:16px}.camera-grid{gap:10px}.camera-grid.quad{grid-template-columns:repeat(2,minmax(0,1fr))}.single .video-wrap{min-height:220px;max-height:none}.tile-heading{height:42px;padding:0 10px}.tile-name select{font-size:10px;max-width:128px}.tile-badge{font-size:7px}.tile-heading .icon-button{width:24px}.overlay-title{font-size:13px}.overlay-description{font-size:10px}.viewer-footer{font-size:8px;line-height:1.4;padding-top:14px}.viewer-footer>span:last-child{max-width:180px;text-align:right;justify-content:flex-end}.viewer-footer>span:last-child svg{display:none}.quad .tile-heading{height:35px;padding:0 5px}.quad .tile-name select{font-size:8px;padding:5px 0;max-width:84px}.quad .tile-badge{font-size:6px;gap:3px;letter-spacing:0}.quad .tile-badge .small-dot{display:none}.quad .tile-heading .icon-button{width:20px;height:25px}.quad .tile-heading .icon-button svg{width:11px;height:11px}.quad .video-wrap{aspect-ratio:1.2}.quad .video-overlay{padding:10px 6px}.quad .overlay-icon{width:31px;height:31px;border-radius:9px;margin-bottom:9px}.quad .overlay-icon svg{width:17px;height:17px}.quad .overlay-title{font-size:10px}.quad .overlay-description{font-size:8px;line-height:1.4;margin-top:5px}.quad .video-overlay .button{font-size:8px;padding:5px 7px;margin-top:8px}.quad .video-overlay .button svg{width:10px;height:10px}.quad .tile-quality{font-size:6px;bottom:6px;left:6px;padding:3px 4px;letter-spacing:.5px}.camera-tile:fullscreen .video-wrap{height:calc(100% - 42px)}}@media(max-width:370px){.clock-block{display:none}.topbar-right{gap:9px}.connection-pill{font-size:7px}.quality-control select{max-width:108px}.toolbar-right>.icon-button{width:24px}.segmented button{padding:7px 5px}.quad .tile-badge{display:none}}