@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f7fb;font-synthesis:none;background:#070a11;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 56% -10%,#13243a 0,#0000 30%),#080b12;min-width:1100px;min-height:100vh;margin:0;overflow-x:auto}button,input{font:inherit}.app-shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.sidebar{z-index:5;background:linear-gradient(#0c1018f5,#080b11);border-right:1px solid #ffffff0c;flex-direction:column;width:248px;padding:27px 18px 19px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;height:49px;padding:0 10px;display:flex}.brand-mark{color:#8fffc2;background:linear-gradient(145deg,#35d77a2b,#0c2718);border:1px solid #4de28a59;border-radius:14px;place-items:center;width:42px;height:42px;display:grid;position:relative;box-shadow:inset 0 0 18px #4ce98a16,0 8px 25px #0008}.brand-mark span{background:#5cf398;border-radius:50%;width:7px;height:7px;position:absolute;box-shadow:0 0 12px #5cf398}.brand strong{letter-spacing:2.2px;font-size:15px;display:block}.brand small{color:#728094;letter-spacing:1.7px;margin-top:4px;font-size:8px;display:block}nav{flex-direction:column;gap:5px;margin-top:32px;display:flex}.nav-label{color:#556174;letter-spacing:1.5px;margin:19px 13px 7px;font-size:9px;font-weight:700}nav a{color:#778397;cursor:default;border-radius:11px;align-items:center;gap:12px;height:43px;padding:0 13px;font-size:12.5px;font-weight:500;transition:all .2s;display:flex}nav a.active{color:#dff9ea;background:linear-gradient(90deg,#3ddd7a1d,#0000);border:1px solid #4fe58a20;box-shadow:inset 3px 0 #4ce38a}nav a em{color:#8e9aac;background:#202735;border-radius:6px;place-items:center;min-width:19px;height:19px;margin-left:auto;font-size:9px;font-style:normal;display:grid}nav a em.danger{color:#ff9d98;background:#ff4d461c}.privacy-card{color:#59e696;background:#1dcc6910;border:1px solid #48d9821d;border-radius:12px;gap:10px;margin-top:auto;padding:13px;display:flex}.privacy-card strong,.privacy-card small{display:block}.privacy-card strong{font-size:11px}.privacy-card small{color:#69768a;margin-top:4px;font-size:9px}.operator{color:#758094;border-top:1px solid #ffffff0b;align-items:center;gap:9px;margin-top:14px;padding:14px 9px 2px;display:flex}.operator .avatar{color:#b9c4d2;background:#1b2230;border-radius:9px;place-items:center;width:31px;height:31px;font-size:10px;font-weight:700;display:grid}.operator div:nth-child(2){flex:1}.operator strong,.operator small{display:block}.operator strong{color:#b3bdcb;font-size:11px}.operator small{margin-top:3px;font-size:9px}main{grid-column:2;min-width:850px;padding:29px 32px 32px}header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.eyebrow{color:#4bdd88;letter-spacing:1.8px;margin:0 0 7px;font-size:9px;font-weight:700}h1{letter-spacing:-.7px;margin:0;font-size:23px}header>div>span{color:#667286;margin-top:7px;font-size:11px;display:block}.header-tools{align-items:center;gap:13px;display:flex}.connection{border-radius:9px;align-items:center;gap:8px;height:33px;padding:0 12px;font-size:10px;font-weight:600;display:flex}.connection.online{color:#69eaa0;background:#35d67810;border:1px solid #4ae18820}.connection.offline{color:#f1b066;background:#e89d3812;border:1px solid #e89d3822}.clock{text-align:right;border-right:1px solid #ffffff0d;padding-right:15px}.clock strong,.clock span{display:block}.clock strong{font-size:13px}.clock span{color:#687386;text-transform:uppercase;margin-top:3px;font-size:9px}.icon-button{color:#8995a7;background:#111620;border:1px solid #ffffff0d;border-radius:10px;place-items:center;width:36px;height:36px;display:grid;position:relative}.icon-button i{background:#fd645e;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:8px;box-shadow:0 0 7px #fd645e}.glass{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg,#111722d6,#0b1019e8);border:1px solid #ffffff0d;box-shadow:0 18px 45px #00000028,inset 0 1px #ffffff05}.metrics{grid-template-columns:repeat(4,minmax(170px,1fr));gap:13px;margin-bottom:15px;display:grid}.metric-card{border-radius:14px;align-items:center;gap:12px;min-height:91px;padding:16px;display:flex}.metric-icon{border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid}.metric-icon.green{color:#58e995;background:#40dd7d12}.metric-icon.red{color:#ff6c66;background:#ff5b5412}.metric-icon.blue{color:#6bb3ff;background:#439cff12}.metric-icon.violet{color:#a38cff;background:#8a6aff15}.metric-icon.cyan{color:#51dfdc;background:#38d7d315}.metric-icon.amber{color:#eeb968;background:#e3a44314}.metric-card span,.metric-card strong,.metric-card small{display:block}.metric-card span{color:#667185;letter-spacing:.8px;font-size:8px;font-weight:700}.metric-card strong{margin-top:5px;font-size:15px}.metric-card small{color:#586477;margin-top:4px;font-size:8.5px}.workspace-grid{grid-template-columns:minmax(560px,1fr) 310px;align-items:start;gap:15px;display:grid}.video-panel{border-radius:16px;overflow:hidden}.panel-head{justify-content:space-between;align-items:center;height:66px;padding:0 18px;display:flex}.panel-head>div:first-child{align-items:center;gap:10px;display:flex}.panel-head strong,.panel-head span{display:block}.panel-head strong{font-size:12px}.panel-head span{color:#5e6a7c;margin-top:4px;font-size:9px}.live-dot{background:#4ee58d;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #4ee58d12,0 0 12px #4ee58d}.video-badges{gap:6px;display:flex}.video-badges span{color:#748095;background:#171e2a;border-radius:6px;align-items:center;gap:5px;height:24px;padding:0 8px;font-size:8px;font-weight:700;display:flex}.video-badges span:first-child{color:#ff7973}.video-stage{aspect-ratio:16/9;background:radial-gradient(circle,#152234,#070a0f 70%);border:1px solid #ffffff0b;margin:0 11px;position:relative;overflow:hidden}.video-stage img{object-fit:cover;width:100%;height:100%;display:block}.video-empty{color:#25415b;place-content:center;justify-items:center;width:100%;height:100%;display:grid}.video-empty strong{color:#7d8b9e;margin-top:15px;font-size:13px}.video-empty span{color:#435064;margin-top:6px;font-size:9px}.scan-line{opacity:.38;pointer-events:none;background:linear-gradient(90deg,#0000,#52e89599,#0000);height:1px;animation:5s linear infinite scan;position:absolute;inset:0 0 auto;box-shadow:0 0 12px #52e895}@keyframes scan{0%{top:0}to{top:100%}}.video-corner{opacity:.55;border-color:#54e997;width:18px;height:18px;position:absolute}.top-left{border-top:1px solid;border-left:1px solid;top:14px;left:14px}.top-right{border-top:1px solid;border-right:1px solid;top:14px;right:14px}.bottom-left{border-bottom:1px solid;border-left:1px solid;bottom:14px;left:14px}.bottom-right{border-bottom:1px solid;border-right:1px solid;bottom:14px;right:14px}.ai-pill{color:#b4c2d1;letter-spacing:.6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05090dc7;border:1px solid #ffffff14;border-radius:7px;padding:7px 9px;font-size:7px;font-weight:700;position:absolute;bottom:11px;right:12px}.ai-pill span{background:#51e693;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.video-panel footer{color:#596679;align-items:center;gap:22px;height:41px;padding:0 18px;font-size:8px;display:flex}.video-panel footer>span:first-child{margin-right:auto}.video-panel footer b{color:#55d88c;font-weight:500}.status-dot{background:#49df88;border-radius:50%;width:5px;height:5px;margin-right:6px;display:inline-block}.right-rail{flex-direction:column;gap:15px;display:flex}.alert-panel,.settings-panel{border-radius:15px;padding:16px}.section-title{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.section-title strong,.section-title span{display:block}.section-title strong{font-size:11px}.section-title div>span{color:#5e697a;margin-top:4px;font-size:8px}.section-title button{color:#51db8d;background:0 0;border:0;padding:0;font-size:8px}.alerts-list{flex-direction:column;gap:7px;display:flex}.alert-row{color:#5e697c;background:#151b25a8;border:1px solid #ffffff08;border-radius:10px;align-items:center;gap:9px;min-height:52px;padding:8px;display:flex}.alert-symbol{color:#ff746e;background:#ff554e12;border-radius:8px;flex:none;place-items:center;width:31px;height:31px;display:grid}.alert-copy{flex:1}.alert-copy>div{justify-content:space-between;display:flex}.alert-copy strong{color:#c8d0dc;font-size:9px}.alert-copy span,.alert-copy p{color:#5f6a7c;font-size:7.5px}.alert-copy p{margin:5px 0 0}.empty-list{color:#2c7350;place-content:center;justify-items:center;height:115px;display:grid}.empty-list strong{color:#778597;margin-top:8px;font-size:10px}.empty-list span{color:#4d596b;margin-top:4px;font-size:8px}.settings-panel{padding-bottom:12px}.save-state{color:#57dc90;background:#40d87c10;border-radius:6px;padding:5px 7px;font-size:7px!important}.save-state.saving{color:#e4b669}.save-state.error{color:#fa736d}.control{margin:13px 1px;display:block}.control>span{color:#758095;justify-content:space-between;font-size:8px;display:flex}.control b{font-weight:500}.control output{color:#b4bfcd;font-weight:600}.control input{--value:50%;appearance:none;background:linear-gradient(90deg, #49dc87 var(--value), #27303d var(--value));border-radius:4px;outline:none;width:100%;height:3px;margin:9px 0 0}.control input::-webkit-slider-thumb{appearance:none;background:#61eba0;border:2px solid #07100b;border-radius:50%;width:11px;height:11px;box-shadow:0 0 8px #45df89aa}@media (width>=1500px){main{padding-left:42px;padding-right:42px}.workspace-grid{grid-template-columns:minmax(700px,1fr) 340px}.metric-card{min-height:101px}}@media (width<=1200px){main{padding:24px 22px}.workspace-grid{grid-template-columns:minmax(540px,1fr) 280px}.metric-card{padding:12px}.metric-icon{width:36px;height:36px}.metric-card small{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.camera-grid{aspect-ratio:16/9;background:#070a0f;border:1px solid #ffffff0b;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0 11px;display:grid;position:relative;overflow:hidden}.camera-grid.count-1,.camera-grid.focused{grid-template-rows:1fr;grid-template-columns:1fr}.camera-grid.count-2{grid-template-rows:1fr}.camera-tile{color:#fff;cursor:pointer;background:#090d14;border:1px solid #ffffff12;min-width:0;min-height:0;padding:0;position:relative;overflow:hidden}.camera-tile img{object-fit:cover;width:100%;height:100%;display:block}.camera-tile:hover{border-color:#5be99a66}.camera-tile-head{color:#dce5ed;text-shadow:0 1px 3px #000;background:linear-gradient(#05080dd9,#0000);align-items:center;gap:7px;height:34px;padding:0 10px;font-size:9px;display:flex;position:absolute;inset:0 0 auto}.camera-tile-head span{border-radius:50%;width:7px;height:7px}.camera-tile-head span.online{background:#50e994;box-shadow:0 0 8px #50e994}.camera-tile-head span.offline{background:#ff625c}.camera-tile-head strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.camera-tile-head em{color:#a8b4c2;margin-left:auto;font-style:normal}.feed-refresh{color:#aab7c6;cursor:pointer;background:#111925cc;border-radius:7px;place-items:center;width:25px;height:25px;display:grid}.feed-refresh:hover{color:#55e69a;background:#1a2835}.feed-connecting{color:#7c8999;z-index:0;background:#080c12;justify-content:center;align-items:center;gap:8px;font-size:10px;display:flex;position:absolute;inset:0}.feed-connecting svg{animation:1.2s linear infinite spin}.camera-tile img{z-index:1;position:relative}.camera-tile-head,.camera-threat-badge{z-index:2}.camera-tile.threat{border:2px solid #ff5a53;animation:1.1s infinite threatPulse;box-shadow:inset 0 0 24px #ff514429,0 0 18px #ff514430}.camera-threat-badge{color:#fff;letter-spacing:.7px;background:#d93631e8;border-radius:6px;padding:7px 9px;font-size:8px;font-weight:800;position:absolute;bottom:10px;left:10px}@keyframes threatPulse{50%{border-color:#ff9a94}}.operator>button{color:#7f8a9c;cursor:pointer;background:#141b26;border:1px solid #ffffff0c;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.operator>button:hover{color:#ff8983;border-color:#ff625c33}.access-alert-toast{z-index:1600;color:#f7f9fc;background:linear-gradient(135deg,#300d18fa,#160c13fa);border:1px solid #e34862;border-radius:16px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;width:min(480px,100vw - 32px);padding:16px 18px;animation:.24s ease-out accessAlertIn;display:grid;position:fixed;top:24px;right:24px;box-shadow:0 18px 60px #0000007a,0 0 28px #e348622e}.access-alert-toast>svg{color:#ff6d83;width:28px;height:28px}.access-alert-toast>div{gap:2px;min-width:0;display:grid}.access-alert-toast small{letter-spacing:.14em;color:#ff8294;font-size:10px}.access-alert-toast b{font-size:15px}.access-alert-toast span{text-overflow:ellipsis;white-space:nowrap;color:#b7c0cd;font-size:11px;overflow:hidden}.access-alert-toast button{color:#ffd8de;cursor:pointer;background:#ff6d831a;border:1px solid #ff6d8373;border-radius:10px;padding:9px 12px;font-weight:700}.access-alert-toast .toast-close{color:#9da7b4;background:0 0;border:0;padding:5px;font-size:22px;line-height:1}@keyframes accessAlertIn{0%{opacity:0;transform:translateY(-12px)scale(.98)}to{opacity:1;transform:none}}@media (width<=620px){.access-alert-toast{grid-template-columns:auto 1fr auto;top:16px;right:16px}.access-alert-toast>button:not(.toast-close){grid-column:2/4}.access-alert-toast .toast-close{grid-area:1/3}}