@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#e6e9e7;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#101514;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,a{cursor:pointer}button,input{font:inherit}button{color:inherit;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:4px;outline:2px solid #bcf694}button:hover{filter:brightness(1.15)}.app-shell{background:#101514;min-height:100vh;display:flex}.sidebar{background:#151b18;border-right:1px solid #29302d;flex-direction:column;flex-shrink:0;width:224px;padding:30px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{background:#fff;border-radius:8px;justify-content:center;height:150px;margin:0 15px 38px;display:flex}.brand img{object-fit:contain;width:100%;height:100%}.side-label{letter-spacing:1.8px;color:#7f8e85;margin-bottom:16px;font-size:10px}.property{align-items:center;gap:10px;margin-bottom:32px;display:flex}.property-icon{color:#caf4b1;border:1px solid #46524a;border-radius:7px;place-items:center;width:34px;height:36px;font-size:23px;display:grid}.property strong{font-size:12px;display:block}.property small{color:#849187;margin-top:5px;font-size:10px;display:block}.nav-item{text-align:left;background:0 0;border-radius:6px;align-items:center;gap:9px;width:100%;padding:13px 10px;font-size:12px;display:flex}.nav-item.selected{color:#cdf4b2;background:#2b382d;border:1px solid #40543b}.nav-item b{background:#415238;border-radius:3px;margin-left:auto;padding:3px 5px;font-size:10px}.side-bottom{margin-top:auto;padding-top:30px}.lock{color:#b8d6a7;font-size:24px}.side-bottom>strong{margin-top:9px;font-size:12px;display:block}.side-bottom p{color:#8f9c92;font-size:11px;line-height:1.7}.account{border-top:1px solid #303831;align-items:center;gap:9px;margin-top:24px;padding-top:20px;display:flex}.avatar{color:#d7f7c0;background:#364735;border-radius:50%;flex-shrink:0;place-items:center;width:29px;height:29px;font-size:9px;display:grid}.account>div:last-child{min-width:0}.account span{text-overflow:ellipsis;max-width:125px;font-size:10px;display:block;overflow:hidden}.account a{color:#94a18e;margin-top:5px;font-size:10px;display:block}.workspace{flex:1;min-width:0;margin-left:224px}.topbar{border-bottom:1px solid #29302d;justify-content:space-between;align-items:center;height:72px;padding:0 36px;display:flex}.breadcrumb{color:#8c998f;font-size:11px}.breadcrumb span{color:#536258;margin:0 12px}.breadcrumb strong{color:#d9e0da;font-weight:400}.top-right{align-items:center;gap:25px;font-size:10px;display:flex}.verified{color:#b6d1a6}.top-right time{color:#8f9c92;font-variant-numeric:tabular-nums;min-width:95px}.main{max-width:2000px;margin:auto;padding:35px 36px 20px}.page-heading{justify-content:space-between;align-items:center;margin-bottom:27px;display:flex}.eyebrow{letter-spacing:2px;color:#a8c995;margin:0 0 12px;font-size:9px;font-weight:700}h1{letter-spacing:-1.2px;margin:0;font-family:Manrope,sans-serif;font-size:30px;font-weight:500}.subtitle{color:#91a094;margin:10px 0 0;font-size:11px}.outline{background:#19211b;border:1px solid #3c493f;border-radius:6px;align-items:center;gap:7px;padding:10px 13px;font-size:11px;display:flex}.overview{background:linear-gradient(100deg,#202b20,#18211b);border:1px solid #344333;border-radius:8px;align-items:center;gap:28px;margin-bottom:27px;padding:18px 22px;display:flex}.overview-title{flex:1;align-items:center;gap:12px;display:flex}.status-orb{background:#b6ee8c;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #33452d}.overview-title strong{font-size:12px;font-weight:500;display:block}.overview-title div>span{color:#94a58f;margin-top:5px;font-size:10px;display:block}.overview-stat{border-left:1px solid #3a4837;align-items:center;gap:9px;padding-left:25px;display:flex}.overview-stat strong{color:#dcebd3;font-family:Manrope,sans-serif;font-size:21px;font-weight:500}.overview-stat span{letter-spacing:1px;color:#96a58d;font-size:8px}.private-pill{color:#bdcea9;border:1px solid #3d5136;border-radius:20px;padding:7px 10px;font-size:9px}.toolbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.filters{gap:5px;display:flex}.filters button{color:#8d9a91;white-space:nowrap;background:0 0;border-radius:5px;padding:9px 11px;font-size:11px}.filters button.chosen{color:#d9e7d1;background:#2a352c}.filters span{background:#47563f;border-radius:3px;margin-left:7px;padding:1px 4px;font-size:9px}.tools{align-items:center;gap:10px;display:flex}.search{color:#9aa69b;background:#151c18;border:1px solid #354039;border-radius:5px;align-items:center;gap:8px;padding:7px 10px;font-size:18px;display:flex}.search input{color:#dde5dc;background:0 0;border:0;outline:none;width:130px;font-size:10px}.grid-control{border:1px solid #364139;border-radius:5px;padding:3px;display:flex}.grid-control button{color:#83917f;background:0 0;border-radius:3px;padding:2px 6px;font-size:16px}.grid-control .chosen{color:#d5edc2;background:#33402e}.pause{color:#b1c1aa;background:0 0;padding:8px 3px;font-size:10px}.camera-grid{gap:14px;display:grid}.columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.tile{background:#1b221e;border:1px solid #344039;border-radius:7px;min-width:0;overflow:hidden}.tile-head{border-bottom:1px solid #2d3830;justify-content:space-between;align-items:center;padding:9px 10px;display:flex}.camera-code{letter-spacing:.7px;color:#bdc7bb;font-size:9px}.live-tag{letter-spacing:.7px;color:#9ca793;font-size:7px}.picture{aspect-ratio:16/9;background:#0b100c;position:relative;overflow:hidden}.picture video{object-fit:contain;width:100%;height:100%;display:block}.tile-overlay{color:#879983;background:radial-gradient(#202c21,#101912);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:9px;display:flex;position:absolute;inset:0}.spinner{border:1px solid #45583c;border-top-color:#be9;border-radius:50%;width:18px;height:18px;animation:1s linear infinite spin}.camera-outline{color:#819d72;font-size:24px}@keyframes spin{to{transform:rotate(360deg)}}.expand{color:#d8e7d4;opacity:0;background:#0b110dcc;border:1px solid #4b594c;border-radius:4px;width:25px;height:25px;font-size:18px;position:absolute;bottom:8px;right:8px}.picture:hover .expand,.expand:focus-visible{opacity:1}.tile-foot{justify-content:space-between;align-items:center;gap:5px;padding:11px 10px;display:flex}.tile-foot h3{white-space:nowrap;text-overflow:ellipsis;margin:0 0 6px;font-size:10px;font-weight:500;overflow:hidden}.tile-foot>div{min-width:0}.tile-foot span{color:#859780;font-size:8px}.tile-foot i,footer i{color:#586954;margin:0 5px;font-style:normal}.tile-foot button{color:#96a68e;background:0 0;font-size:17px}.tile:fullscreen{background:#090d0a;border:0;border-radius:0;flex-direction:column;display:flex}.tile:fullscreen .picture{aspect-ratio:auto;flex:1;min-height:0}.tile:fullscreen .picture video{object-fit:contain}:is(.tile:fullscreen .tile-head,.tile:fullscreen .tile-foot){padding:15px 25px}.tile:fullscreen h3{font-size:14px}footer{letter-spacing:1px;color:#7e8c7c;border-top:1px solid #2e3830;justify-content:space-between;margin-top:25px;padding:18px 0 0;font-size:8px;display:flex}.error{color:#edd8ae;background:#332b1b;border:1px solid #87653d;margin-bottom:16px;padding:15px;font-size:12px}.error a{margin-left:8px;text-decoration:underline}.empty{text-align:center;color:#92a48a;padding:70px;font-size:14px}.entry{background:radial-gradient(at top,#273b25,#101514 65%);place-items:center;min-height:100vh;padding:30px;display:grid}.entry-card{text-align:center;background:#182019;border:1px solid #41543a;border-radius:15px;width:100%;max-width:420px;padding:40px}.entry-card img{object-fit:contain;background:#fff;border-radius:5px;width:110px;height:165px;margin-bottom:30px}.entry-card h1{font-size:42px}.entry-card>p:not(.eyebrow){color:#afbea7;font-size:13px;line-height:1.7}.primary{color:#182313;background:#c3f09e;border-radius:6px;justify-content:space-between;margin:28px 0 16px;padding:15px 18px;font-size:13px;font-weight:600;display:flex}.entry-card small{color:#889d7e;font-size:10px}@media (width>=1700px){.tile-foot h3{font-size:13px}.tile-foot span{font-size:10px}.tile-head{padding:12px}.camera-code{font-size:11px}.live-tag{font-size:9px}}@media (width<=1250px){.sidebar{width:190px;padding:25px 15px}.workspace{margin-left:190px}.main{padding:28px 22px}.topbar{padding:0 22px}.columns-4{grid-template-columns:repeat(3,minmax(0,1fr))}.private-pill{display:none}.toolbar{flex-wrap:wrap}.top-right .verified{display:none}.overview{gap:15px;padding:17px}.overview-stat{padding-left:15px}}@media (width<=800px){.sidebar{display:none}.workspace{margin-left:0}.topbar{height:55px;padding:0 17px}.main{padding:25px 16px}.columns-4,.columns-3{grid-template-columns:repeat(2,minmax(0,1fr))}h1{font-size:25px}.overview-stat,.page-heading .outline span{display:none}.tools{flex:1;justify-content:space-between}.search{flex:1}.search input{width:100%}.camera-grid{gap:10px}.tile-foot h3{font-size:10px}.expand{opacity:1}footer{letter-spacing:.3px;gap:10px;font-size:7px}}@media (width<=420px){.columns-4,.columns-3{grid-template-columns:1fr}.tile-foot h3{font-size:12px}.tile-foot span{font-size:10px}.live-tag{font-size:8px}.camera-code{font-size:11px}.page-heading h1{font-size:22px}.grid-control{display:none}.subtitle{font-size:10px}}.entry-card form{text-align:left;margin-top:25px}label{color:#b8c9af;margin-bottom:16px;font-size:11px;display:block}label input{color:#eef6e8;width:100%;font:inherit;background:#111a13;border:1px solid #42573b;border-radius:5px;margin-top:8px;padding:12px;font-size:13px;display:block}.entry-card .primary{border:0;width:100%}.entry-card .primary:disabled{opacity:.5}.text-button{color:#b5caaa;background:0 0;margin:16px auto 22px;font-size:11px;display:block}.access-panel{background:#182019;border:1px solid #3f5138;border-radius:10px;width:100%;max-width:780px;padding:32px}.access-panel h1{margin-top:25px}.access-panel p{color:#afbea7;font-size:13px;line-height:1.7}.access-panel form{align-items:end;gap:15px;margin-top:24px;display:flex}.access-panel form label{flex:1;margin:0}.access-panel form .primary{margin:0}.users{border-top:1px solid #43553d;margin-top:30px}.user-row{border-bottom:1px solid #33452f;justify-content:space-between;align-items:center;gap:12px;padding:18px 0;display:flex}.user-row strong{font-size:12px}.user-row small{color:#9bb58e;margin-top:7px;font-size:10px;display:block}.live-image{object-fit:contain;width:100%;height:100%;display:block}.detail-video{background:#090d0a;position:absolute;inset:0}.tile:fullscreen .live-image{object-fit:contain}.brand{background:#10110f;border:1px solid #6a5530}.entry-card img{background:#10110f;border:1px solid #6a5530;width:150px;height:150px}.primary{color:#191a11;background:#d4b56a}.eyebrow{color:#d3b66f}.nav-item.selected{color:#e7ce8b;background:#383320;border-color:#5b5032}.nav-item b,.filters span{color:#eddca8;background:#5a4b2c}.status-orb{background:#d8b96e;box-shadow:0 0 0 5px #49402b}.live-tag.active{color:#dfc784}.filters button.chosen,.grid-control .chosen{color:#eddaaa;background:#3b3524}.outline{border-color:#615336}.overview{background:linear-gradient(100deg,#2a2c20,#19211b);border-color:#605334}.property-icon,.lock{color:#d8ba73}.invitation-box{background:#10251e;border:1px solid #355347;border-radius:12px;gap:14px;margin:22px 0;padding:20px;display:grid}.invitation-box textarea{resize:vertical;color:#f5eee0;width:100%;min-height:88px;font:inherit;overflow-wrap:anywhere;background:#0a1713;border:1px solid #456050;border-radius:8px;padding:12px}.invitation-box small{color:#b6c6bd;line-height:1.6}.invitation-box .outline{justify-self:start}.camera-app{color:#e7ece8;background:#050706;flex-direction:column;height:100dvh;min-height:420px;display:flex;overflow:hidden}.camera-header{border-bottom:1px solid #28322b;flex-shrink:0;align-items:center;gap:18px;padding:10px 22px;display:flex}.camera-header>img{object-fit:contain;border-radius:5px;width:52px;height:52px}.camera-header h1{margin:0;font-size:23px;font-weight:500}.stream-count{color:#a6b5a9;white-space:nowrap;margin-left:auto;font-size:12px}.header-actions{align-items:center;gap:10px;display:flex}.camera-header .text-button{margin:0;padding:10px}.view-controls{z-index:20;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:7px;padding:10px 20px;display:flex}.view-controls button,.view-controls select{color:#cbd5cd;cursor:pointer;background:#172019;border:1px solid #344338;border-radius:5px;padding:9px 13px;font-size:12px}.view-controls button.chosen{color:#10140f;background:#b89b53;border-color:#b89b53}.view-controls label{align-items:center;gap:5px;margin:0 8px;font-size:12px;display:flex}.view-controls select{padding:8px}.camera-wall{flex:1;min-height:0;padding:0 15px 15px}.camera-app .camera-grid{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;height:100%}.camera-app .tile{background:#080d09;flex-direction:column;min-height:0;display:flex}.camera-app .tile-head{flex-shrink:0;padding:5px 10px}.camera-app .tile-foot{flex-shrink:0;justify-content:space-between;align-items:center;min-height:28px;padding:7px 10px;display:flex}.camera-app .tile-foot h3{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px;overflow:hidden}.camera-app .tile-foot button{padding:0 5px;font-size:15px}.camera-app .picture{aspect-ratio:auto;flex:1;min-height:0}.camera-app .picture video{object-fit:contain;width:100%;height:100%}.select-camera{cursor:zoom-in;background:0 0;border:0;position:absolute;inset:0}.select-camera:focus-visible{outline-offset:-3px;outline:3px solid #d3b96a}.camera-app .tile-overlay{pointer-events:none;z-index:1}.camera-app .tile.inactive-camera{display:none}.camera-app.mode-wall,.camera-app.mode-focus,.camera-app.mode-cycle{z-index:1000;height:100dvh;min-height:0;position:fixed;inset:0}.camera-app.mode-wall .camera-header,.camera-app.mode-focus .camera-header,.camera-app.mode-cycle .camera-header{display:none}.camera-app.mode-wall .camera-wall,.camera-app.mode-focus .camera-wall,.camera-app.mode-cycle .camera-wall{padding:0}.camera-app.mode-wall .view-controls,.camera-app.mode-focus .view-controls,.camera-app.mode-cycle .view-controls{opacity:.15;background:#08100be8;border-radius:9px;justify-content:center;width:max-content;max-width:calc(100% - 230px);padding:8px;transition:opacity .2s;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.camera-app:not(.mode-normal) .view-controls:hover,.camera-app:not(.mode-normal) .view-controls:focus-within{opacity:1}.camera-app.mode-wall .camera-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(5,minmax(0,1fr));gap:0}.camera-app:not(.mode-normal) .tile{border:0;border-radius:0;position:relative}.camera-app:not(.mode-normal) .tile-head{z-index:2;opacity:0;pointer-events:none;background:#0006;border:0;position:absolute;top:8px;left:8px;right:8px}.camera-app:not(.mode-normal) .tile-foot{z-index:2;opacity:0;pointer-events:none;background:#0009;border-radius:4px;position:absolute;bottom:8px;left:8px;right:8px}.camera-app:not(.mode-normal) .tile-foot button{pointer-events:auto}.camera-app:not(.mode-normal) .tile:hover .tile-head,.camera-app:not(.mode-normal) .tile:hover .tile-foot{opacity:1}.camera-app.mode-wall.fill-camera-wall .picture video{object-fit:cover}.camera-app.mode-focus .camera-grid,.camera-app.mode-cycle .camera-grid{display:block}.camera-app.mode-focus .tile.selected-camera,.camera-app.mode-cycle .tile.selected-camera{width:100%;height:100%}.camera-app.mode-focus .picture video,.camera-app.mode-cycle .picture video{object-fit:contain}.camera-arrow{z-index:30;color:#fff;cursor:pointer;background:#0008;border:1px solid #ffffff40;border-radius:8px;width:55px;height:85px;font-size:54px;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.previous-camera{left:18px}.next-camera{right:18px}.camera-position{color:#fff;z-index:25;pointer-events:none;background:#0009;border-radius:6px;padding:8px 14px;font-size:13px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.return-normal{z-index:40;color:#fff;cursor:pointer;background:#09130be6;border:1px solid #617266;border-radius:6px;padding:10px 14px;position:absolute;bottom:18px;right:15px}.admin-entry{align-items:flex-start;padding:30px 20px}.access-panel{width:min(1050px,100%);max-width:1050px}.admin-heading{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.admin-heading h1{margin:0;font-size:27px}.admin-heading>span{color:#9aaa9d;font-size:12px}.admin-section{border-bottom:1px solid #344338;padding:22px 0}.admin-section h2,.invitation-box h2,.account-panel h2{margin:0 0 15px;font-size:18px;font-weight:500}.name-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.name-fields label{min-width:0}.name-fields input{width:100%}.access-panel form{flex-direction:column;gap:13px;margin:12px 0;display:flex}.access-panel form label{margin:0}.access-panel label{color:#becabd;flex-direction:column;gap:7px;font-size:12px;display:flex}.access-panel input:not([type=checkbox]){color:#eef2ed;width:100%;font:inherit;background:#101a12;border:1px solid #3c4a3d;border-radius:6px;padding:12px;font-size:14px}.access-panel .check-label{flex-direction:row;align-items:center;gap:9px}.check-label input{accent-color:#c8ae68}.request-badge{color:#0d150f;background:#b89b53;border-radius:20px;justify-content:center;align-items:center;min-width:22px;margin-left:6px;padding:3px 6px;font-size:11px;display:inline-flex}.row-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.user-row{align-items:flex-start;gap:18px;padding:18px 0}.user-identity{flex:1;min-width:180px}.user-identity>span{color:#adbaae;margin-top:5px;font-size:12px;display:block}.user-row small{margin-top:6px;display:block}.user-row .text-button{margin:0}.invitation-box{background:#172018;border:1px solid #b89b5366;border-radius:8px;margin:20px 0;padding:20px}.invitation-box>button{margin:9px 0 16px}.invitation-box p,.invitation-box small{font-size:12px;line-height:1.6}.form-note{background:#1e3424;border-radius:5px;padding:10px;line-height:1.5}.account-panel{max-width:550px}.account-logo{object-fit:contain;width:64px;height:64px}.account-panel>h1{font-size:25px}.entry-card>h1{font-size:27px}.entry-card>img{width:100px;height:100px}@media (aspect-ratio>=2){.camera-app.mode-normal .camera-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=900px){.header-actions{gap:5px}.camera-header{gap:10px;padding:8px 12px}.camera-header h1{font-size:18px}.camera-header .outline{padding:8px}.camera-header>img{width:40px;height:40px}.view-controls{gap:5px;padding:8px}.view-controls button{padding:8px;font-size:11px}.camera-app .camera-grid{gap:6px}.camera-wall{padding:0 8px 8px}.camera-app .tile-foot h3{font-size:9px}.live-tag{font-size:8px}.camera-app:not(.mode-normal) .view-controls{max-width:calc(100% - 130px)}.return-normal{padding:10px;font-size:10px}.camera-app:not(.mode-normal) .view-controls label{margin:0}}@media (width<=600px){.camera-header{flex-wrap:wrap}.stream-count{margin-left:auto}.header-actions{justify-content:flex-end;width:100%}.camera-app.mode-normal{height:auto;min-height:100dvh;overflow:visible}.camera-app.mode-normal .camera-grid{grid-template-rows:repeat(5,180px);grid-template-columns:repeat(2,minmax(0,1fr))}.camera-app.mode-wall .camera-grid{grid-template-rows:repeat(5,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}.name-fields{grid-template-columns:1fr}.user-row{flex-direction:column}.row-actions{justify-content:flex-start}.camera-arrow{width:40px;height:65px;font-size:40px}.previous-camera{left:6px}.next-camera{right:6px}}.camera-app.mode-focus .camera-grid,.camera-app.mode-cycle .camera-grid{position:relative}.camera-app.mode-focus .camera-grid>.tile,.camera-app.mode-cycle .camera-grid>.tile{width:100%;height:100%;position:absolute;inset:0}.camera-app.mode-focus .tile.selected-camera,.camera-app.mode-cycle .tile.selected-camera{z-index:1;opacity:1}.camera-app .tile.inactive-camera{opacity:0;pointer-events:none;z-index:0;display:flex}.access-panel select{color:#eef2ed;font:inherit;background:#101a12;border:1px solid #3c4a3d;border-radius:6px;padding:12px}.login-history{overflow-x:auto}.login-history table{border-collapse:collapse;width:100%;font-size:13px}.login-history th,.login-history td{text-align:left;border-bottom:1px solid #344338;padding:10px}.login-history th{color:#d4b56a}.danger{color:#ffb4a6;border-color:#995c52}.delete-confirmation{border:1px solid #995c52;border-radius:7px;padding:15px}.reset-notice{color:#f8e7b4;background:#443b22;justify-content:space-between;align-items:center;gap:10px;padding:9px 20px;font-size:13px;display:flex}.reset-notice button{color:#191a11;background:#d4b56a;border-radius:5px;padding:7px 12px}.access-panel form{align-items:stretch}.user-row .row-actions{flex:0 420px}.login-history{scroll-margin-top:20px}@media (width<=600px){.user-row .row-actions{flex-basis:auto}}.password-requirements{color:#d3dfcc;background:#101a12;border:1px solid #46563e;border-radius:6px;margin:10px 0;padding:12px 14px;font-size:12px;line-height:1.7}.password-requirements ul{margin:6px 0;padding-left:20px}.password-requirements strong{font-weight:600}.password-requirements small{color:#aebba8}