:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;background:#061121;font-family:Inter,Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{background:#061121;min-width:320px}button,input,select,textarea{font:inherit}.admin-shell{background:radial-gradient(circle at 75% 5%,#0d4b9621,#0000 35%),#061121;min-height:100vh;display:flex}.sidebar{z-index:20;background:linear-gradient(#0b2039 0%,#07182d 100%);border-right:1px solid #1d3552;flex-direction:column;width:276px;min-height:100vh;padding:22px 14px 20px;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:10px 0 30px #0000002e}.sidebar-brand{flex-direction:column;align-items:center;padding:0 8px 28px;display:flex}.sidebar-logo{object-fit:contain;filter:drop-shadow(0 8px 16px #0000007a)drop-shadow(0 0 7px #ffffff21);border-radius:50%;width:195px;height:195px}.sidebar-subtitle{color:#91a3bd;margin-top:14px;font-size:14px}.sidebar-menu{flex-direction:column;gap:9px;display:flex}.menu-link{color:#aab8cc;border-radius:8px;align-items:center;gap:16px;min-height:52px;padding:13px 17px;text-decoration:none;transition:all .18s;display:flex}.menu-link:hover{color:#fff;background:#1a4b8452;transform:translate(2px)}.menu-link.active{color:#fff;background:linear-gradient(90deg,#0868e7,#0b7bea);box-shadow:0 10px 25px #0064eb38,inset 0 1px #ffffff1f}.sidebar-footer{border-top:1px solid #1b314e;margin-top:auto;padding:22px 14px 0}.logout-button{color:#ff575f;cursor:pointer;background:0 0;border:0;align-items:center;gap:14px;width:100%;padding:13px 0;display:flex}.logout-button:hover{color:#ff8c91}.main-area{width:calc(100% - 276px);min-height:100vh;margin-left:276px}.topbar{z-index:15;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#051121ed;border-bottom:1px solid #1d3552;justify-content:space-between;align-items:center;min-height:102px;padding:18px 34px 18px 28px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:24px;display:flex}.menu-button{color:#fff;cursor:pointer;background:0 0;border:0;place-items:center;padding:6px;display:grid}.topbar h1{color:#fff;margin:0;font-size:28px;line-height:1.1}.topbar p{color:#8fa0b9;margin:7px 0 0;font-size:15px}.admin-profile{color:#8291a7;align-items:center;gap:13px;display:flex}.profile-avatar{color:#fff;background:linear-gradient(135deg,#1254aa,#052d6f);border-radius:50%;place-items:center;width:50px;height:50px;font-weight:700;display:grid}.profile-text{flex-direction:column;gap:4px;display:flex}.profile-text strong{color:#fff;font-size:16px}.profile-text span{color:#91a2b9;font-size:14px}@media (width<=1050px){.sidebar{width:88px;padding-inline:10px}.sidebar-logo{width:65px;height:65px}.sidebar-subtitle,.menu-link span,.logout-button span{display:none}.menu-link,.logout-button{justify-content:center}.main-area{width:calc(100% - 88px);margin-left:88px}}@media (width<=720px){.sidebar{display:none}.main-area{width:100%;margin-left:0}.topbar{min-height:82px;padding:14px 18px}.topbar h1{font-size:21px}.topbar p,.profile-text,.admin-profile>svg{display:none}.page-content{padding:20px 16px 34px}}.sidebar{height:100vh;max-height:100vh;overflow:hidden}.sidebar-brand{flex:none}.sidebar-menu{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#42b4ff8c #04193359;flex:auto;min-height:0;overflow:hidden auto}.sidebar-menu::-webkit-scrollbar{width:6px}.sidebar-menu::-webkit-scrollbar-track{background:#04193359;border-radius:10px}.sidebar-menu::-webkit-scrollbar-thumb{background:linear-gradient(#45daffbf,#1c70e2bf);border-radius:10px}.sidebar-menu::-webkit-scrollbar-thumb:hover{background:linear-gradient(#54e4fff2,#2582f0f2)}.sidebar-footer{flex:none}.sidebar-menu .menu-link{scroll-margin-block:12px}.dashboard{width:100%;max-width:1520px;margin:0 auto}.dashboard-introduction{justify-content:space-between;align-items:center;gap:22px;margin-bottom:24px;display:flex}.dashboard-introduction h1{color:#fff;margin:0;font-size:26px}.dashboard-introduction p,.panel-header p{color:#8fa0b8;margin:7px 0 0;font-size:14px}.dashboard-actions{gap:10px;display:flex}.dashboard-date,.refresh-button{color:#cad6e7;background:#0d2039;border:1px solid #1b3657;border-radius:10px;align-items:center;gap:9px;min-height:45px;padding:0 16px;display:flex}.refresh-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#087df4,#0759c8);border-color:#1768c6}.refresh-button:disabled{opacity:.65;cursor:wait}.dashboard-error{color:#ffbbc0;background:#ff2f401f;border:1px solid #ff445573;border-radius:10px;align-items:center;gap:10px;margin-bottom:18px;padding:13px 16px;display:flex}.metric-grid{grid-template-columns:repeat(4,minmax(190px,1fr));gap:14px;margin-bottom:20px;display:grid}.metric-card,.dashboard-panel,.dashboard-loading{background:linear-gradient(145deg,#0e223bfa,#08192efa);border:1px solid #1e3858;box-shadow:0 12px 28px #00000026,inset 0 1px #ffffff06}.metric-card{border-radius:11px;align-items:center;gap:16px;min-height:125px;padding:20px;display:flex}.metric-icon{color:#fff;border-radius:12px;flex:none;place-items:center;width:54px;height:54px;display:grid}.metric-icon.blue{background:linear-gradient(135deg,#0782ff,#0057dc)}.metric-icon.green{background:linear-gradient(135deg,#24c268,#11964b)}.metric-icon.red{background:linear-gradient(135deg,#f45,#d91d30)}.metric-icon.purple{background:linear-gradient(135deg,#8a42f4,#6727dc)}.metric-information{flex-direction:column;min-width:0;display:flex}.metric-information span{color:#a7b5c9;font-size:13px}.metric-information strong{color:#fff;margin:7px 0;font-size:29px;line-height:1}.metric-information small{color:#8fa0b8;font-size:12px}.dashboard-main-grid{grid-template-columns:minmax(0,1.65fr) minmax(330px,.85fr);gap:20px;display:grid}.dashboard-panel{border-radius:12px;min-width:0;padding:22px}.panel-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.panel-header h2{color:#fff;margin:0;font-size:19px}.live-indicator{color:#32da72;align-items:center;gap:8px;font-size:12px;display:flex}.live-indicator span,.status-dot{background:#2bd76c;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 4px #2bd76c1a}.status-layout{grid-template-columns:minmax(290px,.9fr) minmax(320px,1.1fr);gap:26px;display:grid}.service-item{border-bottom:1px solid #1d3552;align-items:center;gap:13px;min-height:66px;display:flex}.service-item:last-child{border-bottom:0}.service-icon{border-radius:9px;flex:none;place-items:center;width:40px;height:40px;display:grid}.service-icon.online{color:#2bd76c;background:#2bd76c1f}.service-icon.offline{color:#ff5966;background:#ff445521}.service-information{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.service-information strong{color:#fff;font-size:13px}.service-information span{color:#8fa0b8;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.service-state,.compact-status{align-items:center;gap:7px;font-size:12px;display:flex}.service-state.online,.compact-status.online{color:#2bd76c}.service-state.offline,.compact-status.offline{color:#ff5966}.service-state.offline .status-dot{background:#f45;box-shadow:0 0 0 4px #ff44551a}.resource-list{flex-direction:column;gap:17px;display:flex}.usage-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;display:flex}.usage-heading div{color:#b9c7d9;align-items:center;gap:8px;font-size:13px;display:flex}.usage-heading strong{color:#fff;font-size:13px}.usage-track{background:#1a304b;border-radius:999px;height:8px;overflow:hidden}.usage-track span{border-radius:inherit;background:linear-gradient(90deg,#0782ff,#19a2ff);height:100%;display:block}.usage-meter.warning .usage-track span{background:linear-gradient(90deg,#f5bf15,#f08b13)}.usage-meter.critical .usage-track span{background:linear-gradient(90deg,#ff5a4e,#e51e3b)}.usage-meter small{color:#7f92aa;margin-top:7px;font-size:11px;display:block}.technical-metrics{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:4px;display:grid}.technical-metrics>div{color:#1788ff;background:#091f37b3;border:1px solid #1c395c;border-radius:9px;flex-direction:column;gap:6px;min-width:0;padding:11px;display:flex}.technical-metrics span{color:#8295ad;font-size:10px}.technical-metrics strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.attention-count{color:#65de91;background:#2bd76c1f;border-radius:50%;place-items:center;min-width:30px;height:30px;display:grid}.attention-count.active{color:#ffbf47;background:#ffae1f26}.attention-list{flex-direction:column;gap:11px;display:flex}.attention-item{border:1px solid;border-radius:9px;align-items:flex-start;gap:11px;padding:13px;display:flex}.attention-item.warning{color:#ffc052;background:#ffae1f17;border-color:#ffb5304d}.attention-item.critical{color:#ff6570;background:#ff30401a;border-color:#ff445559}.attention-item>div{flex-direction:column;gap:5px;display:flex}.attention-item strong{color:#fff;font-size:13px}.attention-item span{color:#a7b5c9;font-size:11px;line-height:1.45}.all-clear{color:#31d86f;text-align:center;place-content:center;justify-items:center;gap:10px;min-height:270px;display:grid}.all-clear strong{color:#fff}.all-clear span,.empty-cameras{color:#8fa0b8;font-size:12px}.cameras-panel{margin-top:20px}.camera-operation-item{border-bottom:1px solid #1d3552;grid-template-columns:44px minmax(180px,1fr) 100px 100px 70px;align-items:center;gap:14px;min-height:68px;display:grid}.camera-operation-item:last-child{border-bottom:0}.camera-operation-icon{border-radius:8px;place-items:center;width:39px;height:39px;display:grid}.camera-operation-icon.online{color:#2bd76c;background:#2bd76c1f}.camera-operation-icon.offline{color:#ff5966;background:#ff445521}.camera-operation-name,.camera-fps{flex-direction:column;gap:4px;display:flex}.camera-operation-name strong,.camera-fps strong{color:#fff;font-size:13px}.camera-operation-name span,.camera-fps span{color:#8295ad;font-size:11px}.dashboard-loading{color:#a9bad0;border-radius:12px;justify-content:center;align-items:center;gap:12px;min-height:280px;display:flex}.dashboard-update-time{color:#71859e;justify-content:flex-end;align-items:center;gap:8px;padding:14px 4px 0;font-size:11px;display:flex}.rotating{animation:.9s linear infinite dashboard-spin}@keyframes dashboard-spin{to{transform:rotate(360deg)}}@media (width<=1250px){.metric-grid{grid-template-columns:repeat(2,minmax(190px,1fr))}.dashboard-main-grid{grid-template-columns:1fr}}@media (width<=900px){.status-layout{grid-template-columns:1fr}.camera-operation-item{grid-template-columns:44px minmax(150px,1fr) 90px 70px}.camera-fps:nth-of-type(2){display:none}}@media (width<=650px){.dashboard-introduction{flex-direction:column;align-items:flex-start}.dashboard-actions{flex-direction:column;width:100%}.dashboard-date,.refresh-button{justify-content:center;width:100%}.metric-grid,.technical-metrics{grid-template-columns:1fr}.camera-operation-item{grid-template-columns:40px minmax(0,1fr) auto}.camera-fps{display:none}.dashboard-update-time{justify-content:flex-start;align-items:flex-start}}.users-control-page{--users-cyan:#55e8ff;--users-blue:#1687ff;--users-green:#42e6a4;--users-red:#ff6475;--users-violet:#b375ff;--users-text:#f8fbff;--users-muted:#89a0ba;--users-border:#43aaff3d;width:100%;color:var(--users-text)}.users-control-page button,.users-control-page input{font:inherit}.users-hero{background:linear-gradient(115deg,#08264ef7,#051327f7),#07172c;border:1px solid #43bcff4a;border-radius:24px;align-items:center;gap:25px;min-height:178px;padding:29px 33px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #0000003d,inset 0 1px #ffffff0d}.users-hero-grid{opacity:.18;background-image:linear-gradient(#45bdff30 1px,#0000 1px),linear-gradient(90deg,#45bdff30 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 65%,#0000);mask-image:linear-gradient(90deg,#0000,#000 65%,#0000)}.users-hero-glow{filter:blur(55px);background:#08f3;border-radius:50%;width:390px;height:390px;position:absolute;top:-190px;right:-110px}.users-hero-icon{z-index:1;width:94px;height:94px;color:var(--users-cyan);background:radial-gradient(circle,#31c7ff33,#0000 65%),#052041d6;border:1px solid #55e8ff6b;border-radius:26px;flex:0 0 94px;place-items:center;display:grid;position:relative;box-shadow:0 0 35px #159cff30}.users-hero-icon i{background:var(--users-green);width:12px;height:12px;box-shadow:0 0 13px var(--users-green);border-radius:50%;animation:1.8s ease-in-out infinite users-pulse;position:absolute;top:10px;right:10px}.users-hero-copy{z-index:1;flex:1;position:relative}.users-eyebrow{color:var(--users-cyan);letter-spacing:.18em;align-items:center;gap:8px;margin-bottom:8px;font-size:11px;font-weight:800;display:flex}.users-hero h1{color:#fff;margin:0;font-size:clamp(30px,3vw,43px);line-height:1.08}.users-hero p{color:#a5b8d0;max-width:680px;margin:11px 0 0;font-size:15px;line-height:1.55}.users-new-button{z-index:1;color:#03283c;cursor:pointer;background:linear-gradient(135deg,#5cebdc,#46baff);border:0;border-radius:13px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 20px;font-weight:800;display:inline-flex;position:relative;box-shadow:0 10px 26px #30c0f133}.users-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0;display:grid}.users-stats article{border:1px solid var(--users-border);background:linear-gradient(145deg,#0a274ceb,#061931eb);border-radius:17px;align-items:center;gap:14px;min-height:112px;padding:18px;display:flex}.users-stat-icon{border-radius:14px;flex:0 0 47px;place-items:center;width:47px;height:47px;display:grid}.users-stat-icon.blue{color:#59afff;background:#1687ff21}.users-stat-icon.green{color:var(--users-green);background:#42e6a41c}.users-stat-icon.red{color:var(--users-red);background:#ff64751c}.users-stat-icon.violet{color:var(--users-violet);background:#b375ff1f}.users-stats article>div{min-width:0;display:grid}.users-stats small{color:var(--users-muted);font-size:12px}.users-stats strong{color:#fff;margin:2px 0;font-size:25px}.users-stats p{color:#7189a5;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px;overflow:hidden}.users-feedback{border-radius:13px;align-items:center;gap:11px;margin-bottom:16px;padding:14px 17px;display:flex}.users-feedback.error{color:#ffd9de;background:#76182b6b;border:1px solid #ff576959}.users-feedback.success{color:#d8fff0;background:#0f5b4261;border:1px solid #40e5a052}.users-feedback span{flex:1}.users-feedback button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:24px;line-height:1}.users-register-card{box-shadow:inset 3px 0 0 var(--users-cyan);background:linear-gradient(145deg,#082b4ef7,#05182ff7);border:1px solid #55e8ff4d;border-radius:20px;margin-bottom:18px;padding:23px;animation:.25s users-open}.users-card-heading{align-items:center;gap:13px;margin-bottom:19px;display:flex}.users-card-heading>span{width:49px;height:49px;color:var(--users-cyan);background:#55e8ff17;border-radius:14px;place-items:center;display:grid}.users-card-heading small{color:var(--users-cyan);letter-spacing:.15em;font-size:9px;font-weight:800}.users-card-heading h2{color:#fff;margin:3px 0;font-size:20px}.users-card-heading p{color:#7891ab;margin:0;font-size:12px}.users-register-card form{grid-template-columns:1.15fr .8fr 1.15fr .9fr auto;align-items:end;gap:12px;display:grid}.users-register-card label{gap:8px;min-width:0;display:grid}.users-register-card label>span{color:#a9bdd2;font-size:11px;font-weight:650}.users-input{color:#5ecce5;background:#071c36;border:1px solid #4695d845;border-radius:12px;align-items:center;gap:9px;height:47px;padding:0 12px;display:flex}.users-input:focus-within{border-color:#55e8ff9e;box-shadow:0 0 0 3px #55e8ff0f}.users-input input{color:#fff;background:0 0;border:0;outline:0;width:100%;min-width:0}.users-input input::placeholder{color:#617894}.users-password-toggle{color:#6d8aa7;cursor:pointer;background:0 0;border:0;place-items:center;padding:4px;display:grid}.users-submit-button{color:#03283c;white-space:nowrap;cursor:pointer;background:linear-gradient(135deg,#5cebdc,#46baff);border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:47px;padding:0 18px;font-size:12px;font-weight:800;display:inline-flex}.users-submit-button:disabled{opacity:.6;cursor:wait}.users-workspace{grid-template-columns:minmax(500px,1.25fr) minmax(430px,1fr);align-items:start;gap:18px;display:grid}.users-list-panel,.users-camera-panel{border:1px solid var(--users-border);background:linear-gradient(155deg,#082344f5,#05162bf5);border-radius:21px;min-height:550px;padding:21px;box-shadow:0 22px 55px #00000030}.users-camera-panel{position:sticky;top:120px}.users-panel-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:17px;display:flex}.users-panel-heading>div{align-items:center;gap:12px;display:flex}.users-step{width:37px;height:37px;color:var(--users-cyan);background:#55e8ff12;border:1px solid #55e8ff4d;border-radius:11px;flex:0 0 37px;place-items:center;font-size:11px;font-weight:800;display:grid}.users-panel-heading h2{color:#fff;margin:0;font-size:19px}.users-panel-heading p{color:#7891ad;margin:4px 0 0;font-size:12px}.users-result-count{color:var(--users-cyan);background:#55e8ff12;border:1px solid #55e8ff33;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800}.users-filters{grid-template-columns:1fr auto;gap:10px;margin-bottom:14px;display:grid}.users-search{color:#6d8ba9;background:#031225a3;border:1px solid #45a1ee40;border-radius:12px;align-items:center;gap:9px;height:45px;padding:0 12px;display:flex}.users-search:focus-within{color:var(--users-cyan);border-color:#55e8ff8c}.users-search input{color:#fff;background:0 0;border:0;outline:0;width:100%}.users-search input::placeholder{color:#627a96}.users-filter-buttons{background:#031225a3;border:1px solid #45a1ee33;border-radius:12px;padding:4px;display:flex}.users-filter-buttons button{color:#7189a5;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 11px;font-size:11px}.users-filter-buttons button.active{color:#fff;background:#126bc3}.users-list,.users-camera-list{gap:10px;display:grid}.users-list{max-height:660px;padding-right:4px;overflow-y:auto}.users-list::-webkit-scrollbar{width:5px}.users-camera-list::-webkit-scrollbar{width:5px}.users-list::-webkit-scrollbar-thumb{background:#4faaeb57;border-radius:10px}.users-camera-list::-webkit-scrollbar-thumb{background:#4faaeb57;border-radius:10px}.users-client-card{color:#7892ae;text-align:left;cursor:pointer;background:#051932a3;border:1px solid #3d82be33;border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;width:100%;padding:14px;transition:all .2s;display:grid}.users-client-card:hover{border-color:#55e8ff59;transform:translate(2px)}.users-client-card.selected{box-shadow:inset 3px 0 0 var(--users-cyan);background:linear-gradient(90deg,#1273bf45,#082b4fa3);border-color:#55e8ff85}.users-avatar{color:#fff;background:linear-gradient(145deg,#126bd0,#11336b);border-radius:14px;flex:0 0 48px;place-items:center;width:48px;height:48px;font-size:13px;font-weight:800;display:grid;position:relative}.users-avatar.large{flex-basis:56px;width:56px;height:56px;font-size:15px}.users-avatar i{background:var(--users-red);border:2px solid #082443;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-2px}.users-avatar i.online{background:var(--users-green);box-shadow:0 0 7px #42e6a4b3}.users-client-info{gap:5px;min-width:0;display:grid}.users-client-title{align-items:center;gap:9px;display:flex}.users-client-title strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.users-client-title small{border-radius:999px;padding:4px 7px;font-size:8px;font-weight:800}.users-client-title small.active{color:var(--users-green);background:#42e6a417}.users-client-title small.inactive{color:var(--users-red);background:#ff647517}.users-client-info>span:not(.users-client-title){color:#8098b2;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:flex;overflow:hidden}.users-client-meta{border-top:1px solid #4b89c224;justify-content:space-between;margin-top:4px;padding-top:7px;gap:13px!important}.users-client-meta span{align-items:center;gap:5px;display:flex}.users-manage-arrow{color:#6184a7;background:#326fa91a;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.users-client-card.selected .users-manage-arrow{color:#05283a;background:var(--users-cyan)}.users-empty-state{color:#6683a1;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:11px;min-height:330px;display:flex}.users-empty-state.cameras{min-height:420px}.users-empty-state strong{color:#c5d8e9}.users-empty-state span{color:#7089a5;max-width:330px;font-size:12px;line-height:1.5}.users-radar{background:#55e8ff0d;border:1px solid #55e8ff42;border-radius:50%;place-items:center;width:92px;height:92px;display:grid;position:relative;color:var(--users-cyan)!important}.users-radar i{border:1px dashed #55e8ff42;border-radius:50%;animation:8s linear infinite users-rotate;position:absolute;inset:11px}.users-selected-summary{background:linear-gradient(90deg,#1270b42e,#051931ad);border:1px solid #55e8ff40;border-radius:15px;align-items:center;gap:13px;margin-bottom:14px;padding:15px;display:flex}.users-selected-summary>div{flex:1;gap:3px;min-width:0;display:grid}.users-selected-summary small{color:var(--users-cyan);letter-spacing:.14em;font-size:8px;font-weight:800}.users-selected-summary strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.users-selected-summary div span{color:#7892ad;font-size:10px}.users-security-badge{color:var(--users-green);background:#42e6a414;border-radius:999px;align-items:center;gap:6px;padding:7px 9px;font-size:9px;font-weight:700;display:flex}.users-camera-list{max-height:550px;padding-right:4px;overflow-y:auto}.users-camera-card{background:#051932a1;border:1px solid #3d82be30;border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.users-camera-card.assigned{border-color:#42e6a44a;box-shadow:inset 3px 0 #42e6a4b8}.users-camera-icon{color:#6e91b3;background:#4389c81a;border-radius:13px;place-items:center;width:45px;height:45px;display:grid;position:relative}.users-camera-card.assigned .users-camera-icon{color:var(--users-green);background:#42e6a417}.users-camera-icon i{background:#687c91;border-radius:50%;width:7px;height:7px;position:absolute;top:4px;right:4px}.users-camera-card.assigned .users-camera-icon i{background:var(--users-green);box-shadow:0 0 8px var(--users-green)}.users-camera-card>div{gap:4px;min-width:0;display:grid}.users-camera-card strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.users-camera-card div span{color:#7891ad;font-size:10px}.users-camera-card div small{color:#668098;letter-spacing:.1em;font-size:8px;font-weight:800}.users-camera-card.assigned div small{color:var(--users-green)}.users-link-button,.users-unlink-button{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:39px;padding:0 12px;font-size:10px;font-weight:800;display:inline-flex}.users-link-button{color:#05283a;background:linear-gradient(135deg,#5cebdc,#46baff);border:0}.users-unlink-button{color:#ff9ca7;background:#6518273b;border:1px solid #ff64754a}.users-link-button:disabled,.users-unlink-button:disabled{opacity:.55;cursor:wait}.users-spin{animation:.9s linear infinite users-rotate}@keyframes users-rotate{to{transform:rotate(360deg)}}@keyframes users-pulse{0%,to{opacity:.55;transform:scale(.84)}50%{opacity:1;transform:scale(1)}}@keyframes users-open{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (width<=1250px){.users-register-card form{grid-template-columns:repeat(2,minmax(0,1fr))}.users-submit-button{grid-column:1/-1}.users-workspace{grid-template-columns:minmax(430px,1.1fr) minmax(370px,1fr)}}@media (width<=1050px){.users-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.users-workspace{grid-template-columns:1fr}.users-camera-panel{position:static}.users-new-button{white-space:nowrap}}@media (width<=680px){.users-hero{border-radius:18px;flex-wrap:wrap;align-items:flex-start;min-height:auto;padding:21px 18px}.users-hero-icon{border-radius:18px;flex-basis:62px;width:62px;height:62px}.users-hero-icon>svg{width:29px}.users-hero-copy{flex:none;width:calc(100% - 88px)}.users-hero h1{font-size:27px}.users-hero p{font-size:12px}.users-eyebrow{font-size:8px}.users-new-button{width:100%}.users-stats{grid-template-columns:1fr 1fr;gap:9px}.users-stats article{min-height:98px;padding:13px}.users-stat-icon{flex-basis:38px;width:38px;height:38px}.users-register-card{padding:16px}.users-register-card form{grid-template-columns:1fr}.users-submit-button{grid-column:auto}.users-list-panel,.users-camera-panel{border-radius:17px;min-height:auto;padding:15px}.users-filters{grid-template-columns:1fr}.users-filter-buttons{min-height:42px}.users-filter-buttons button{flex:1}.users-client-meta{flex-direction:column;align-items:flex-start}.users-camera-card{grid-template-columns:auto 1fr}.users-link-button,.users-unlink-button{grid-column:1/-1;width:100%}.users-security-badge{display:none}}@media (prefers-reduced-motion:reduce){.users-control-page *,.users-control-page :before,.users-control-page :after{animation-duration:.01ms!important;animation-iteration-count:1!important}}.camera-manager{--cyan:#55e8ff;--blue:#1687ff;--green:#42e6a4;--red:#ff6475;--violet:#b375ff;color:#f8fbff}.camera-manager *{box-sizing:border-box}.cm-hero{background:linear-gradient(115deg,#08264ef7,#051327f7);border:1px solid #43bcff4a;border-radius:24px;align-items:center;gap:24px;min-height:180px;padding:28px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #0000003d}.cm-grid-effect{opacity:.16;background-image:linear-gradient(#45bdff33 1px,#0000 1px),linear-gradient(90deg,#45bdff33 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 65%,#0000);mask-image:linear-gradient(90deg,#0000,#000 65%,#0000)}.cm-hero-icon{z-index:1;width:94px;height:94px;color:var(--cyan);background:#052041db;border:1px solid #55e8ff6b;border-radius:26px;flex:0 0 94px;place-items:center;display:grid;position:relative;box-shadow:0 0 35px #159cff30}.cm-hero-icon i{background:var(--green);width:11px;height:11px;box-shadow:0 0 13px var(--green);border-radius:50%;animation:1.8s infinite cm-pulse;position:absolute;top:10px;right:10px}.cm-hero>div:nth-child(3){z-index:1;flex:1;position:relative}.cm-eyebrow{color:var(--cyan);letter-spacing:.18em;align-items:center;gap:8px;margin-bottom:8px;font-size:11px;font-weight:800;display:flex}.cm-hero h1{margin:0;font-size:clamp(30px,3vw,43px)}.cm-hero p{color:#9fb4cc;max-width:680px;margin:10px 0 0;line-height:1.5}.cm-hero-actions{gap:10px;display:flex;z-index:1!important;flex:none!important;position:relative!important}.cm-primary,.cm-secondary,.cm-publish{cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:45px;padding:0 16px;font-size:12px;font-weight:800;display:inline-flex}.cm-primary{color:#03283c;background:linear-gradient(135deg,#5cebdc,#46baff);border:0}.cm-secondary{color:#b8cee2;background:#0a294b;border:1px solid #539edd57}.cm-publish{color:#fff;background:linear-gradient(135deg,#6659ed,#a756ee);border:0}button:disabled{opacity:.58;cursor:wait}.cm-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0;display:grid}.cm-stats article{color:#5af;background:linear-gradient(145deg,#0a274ceb,#061931eb);border:1px solid #43aaff3d;border-radius:17px;align-items:center;gap:14px;min-height:108px;padding:18px;display:flex}.cm-stats article>svg{background:#1687ff1f;border-radius:13px;width:45px;height:45px;padding:11px}.cm-stats article.green{color:var(--green)}.cm-stats article.violet{color:var(--violet)}.cm-stats article.cyan{color:var(--cyan)}.cm-stats article div{display:grid}.cm-stats small{color:#8ca3bd}.cm-stats strong{color:#fff;font-size:25px}.cm-stats span{color:#7189a5;font-size:11px}.cm-feedback{border-radius:13px;align-items:center;gap:10px;margin-bottom:16px;padding:14px 16px;display:flex}.cm-feedback span{flex:1}.cm-feedback button{color:inherit;background:0 0;border:0;font-size:24px}.cm-feedback.error{color:#ffd9de;background:#76182b6b;border:1px solid #ff576959}.cm-feedback.success{color:#d8fff0;background:#0f5b4261;border:1px solid #40e5a052}.cm-editor,.cm-panel{background:linear-gradient(155deg,#082344f7,#05162bf7);border:1px solid #43aaff40;border-radius:21px;margin-bottom:18px;padding:21px}.cm-editor>header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.cm-editor>header>div{color:var(--cyan);align-items:center;gap:12px;display:flex}.cm-editor header span{display:grid}.cm-editor header small{letter-spacing:.16em;font-size:9px}.cm-editor h2{color:#fff;margin:3px 0 0}.cm-editor>header>button,.cm-modal header button{color:#8da6c1;cursor:pointer;background:0 0;border:0}.cm-editor fieldset{background:#0314286b;border:1px solid #458fcf33;border-radius:15px;margin:0 0 15px;padding:17px}.cm-editor legend{color:var(--cyan);align-items:center;gap:8px;padding:0 8px;font-size:12px;font-weight:800;display:flex}.cm-fields{gap:12px;display:grid}.cm-fields.four{grid-template-columns:repeat(4,1fr)}.cm-fields.two,.cm-fields.streams{grid-template-columns:repeat(2,1fr)}.cm-fields.streams .cm-eye{grid-column:1/-1;width:max-content}.cm-fields label,.cm-full-field{gap:7px;display:grid}.cm-fields label>span,.cm-full-field>span{color:#9eb5cc;font-size:11px}.cm-fields input,.cm-fields select,.cm-full-field textarea{color:#fff;background:#071c36;border:1px solid #4695d845;border-radius:11px;outline:0;width:100%;height:44px;padding:0 12px}.cm-fields input:focus,.cm-fields select:focus,.cm-full-field textarea:focus{border-color:#55e8ff9e}.cm-secret-input{height:44px;color:var(--cyan);background:#071c36;border:1px solid #4695d845;border-radius:11px;align-items:center;gap:8px;padding:0 12px;display:flex}.cm-secret-input input{border:0;height:auto;padding:0}.cm-eye{color:#9bb3ca;cursor:pointer;background:#0a2948;border:1px solid #294e71;border-radius:9px;align-items:center;gap:7px;padding:8px 12px;display:flex}.cm-security-note{color:#667f99;margin:10px 0 0;font-size:10px}.cm-switches{grid-template-columns:repeat(6,1fr);gap:9px;margin-top:15px;display:grid}.cm-switches label{color:#849db6;cursor:pointer;background:#071c35;border:1px solid #3e82be33;border-radius:11px;align-items:center;gap:7px;padding:12px;display:flex;position:relative}.cm-switches label span{flex:1;font-size:10px}.cm-switches input{display:none}.cm-switches i{background:#33475d;border-radius:12px;width:29px;height:17px;padding:2px}.cm-switches i:after{content:"";background:#91a0b0;border-radius:50%;width:13px;height:13px;transition:all .2s;display:block}.cm-switches input:checked+i{background:#168bcc}.cm-switches input:checked+i:after{background:var(--cyan);margin-left:12px}.cm-objects{flex-wrap:wrap;gap:8px;margin-bottom:15px;display:flex}.cm-objects label{color:#7f98b2;cursor:pointer;background:#071c35;border:1px solid #294865;border-radius:10px;align-items:center;gap:6px;padding:9px 12px;font-size:11px;display:flex}.cm-objects input{display:none}.cm-objects label svg{opacity:.25}.cm-objects label.selected{color:var(--cyan);background:#10699e38;border-color:#55e8ff7a}.cm-objects label.selected svg{opacity:1}.cm-full-field{margin-top:12px}.cm-full-field textarea{resize:vertical;min-height:70px;padding:11px}.cm-editor form>footer{justify-content:flex-end;align-items:center;gap:10px;display:flex}.cm-editor form>footer>span{color:#718ca7;align-items:center;gap:7px;margin-right:auto;font-size:10px;display:flex}.cm-toolbar{grid-template-columns:1fr 220px auto;gap:10px;margin-bottom:14px;display:grid}.cm-toolbar>label{color:#7390ad;background:#061b35;border:1px solid #294a6b;border-radius:12px;align-items:center;gap:9px;height:45px;padding:0 12px;display:flex}.cm-toolbar input{color:#fff;background:0 0;border:0;outline:0;width:100%}.cm-toolbar select{color:#c5d6e6;background:#061b35;border:1px solid #294a6b;border-radius:12px;padding:0 12px}.cm-toolbar>button{width:45px;color:var(--cyan);background:#092541;border:1px solid #294a6b;border-radius:12px}.cm-camera-list{gap:10px;display:grid}.cm-camera-list article{background:#051932a6;border:1px solid #3e82be33;border-radius:15px;grid-template-columns:auto minmax(200px,1fr) auto auto auto;align-items:center;gap:15px;padding:15px;display:grid}.cm-camera-list article.online{box-shadow:inset 3px 0 #42e6a4b3}.cm-camera-list article.offline{box-shadow:inset 3px 0 #ff6475a6}.cm-camera-icon{color:#69aee9;background:#3085ca1c;border-radius:14px;place-items:center;width:48px;height:48px;display:grid;position:relative}.cm-camera-icon i{background:var(--red);border-radius:50%;width:8px;height:8px;position:absolute;top:5px;right:5px}article.online .cm-camera-icon i{background:var(--green);box-shadow:0 0 8px var(--green)}.cm-camera-info{gap:4px;min-width:0;display:grid}.cm-camera-info>div{align-items:center;gap:10px;display:flex}.cm-camera-info strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cm-camera-info>small{color:var(--cyan);letter-spacing:.1em;font-size:9px}.cm-camera-info p{color:#758da7;margin:0;font-size:10px}.cm-camera-info div>span{border-radius:20px;align-items:center;gap:5px;padding:4px 7px;font-size:8px;font-weight:800;display:flex}.cm-camera-info div>span svg{width:12px}.cm-camera-info .online{color:var(--green);background:#42e6a414}.cm-camera-info .offline{color:var(--red);background:#ff647514}.cm-camera-metrics{gap:7px;display:flex}.cm-camera-metrics span,.cm-managed{color:#8098b2;border:1px solid #4585be33;border-radius:9px;align-items:center;gap:5px;padding:7px 8px;font-size:9px;display:flex}.cm-camera-metrics svg,.cm-managed svg{width:14px}.cm-managed.yes{color:var(--cyan)}.cm-edit{color:#c9dced;cursor:pointer;background:#0b3155;border:1px solid #2c5c86;border-radius:9px;align-items:center;gap:5px;padding:9px 11px;display:flex}.cm-edit svg{width:16px}.cm-publish-bar{background:#1f124247;border:1px solid #a96cff40;border-radius:15px;align-items:center;gap:10px;margin-top:16px;padding:15px;display:flex}.cm-publish-bar>div{color:var(--violet);flex:1;align-items:center;gap:10px;display:flex}.cm-publish-bar span{display:grid}.cm-publish-bar strong{color:#e3d9f3;font-size:12px}.cm-publish-bar small{color:#796f91;font-size:10px}.cm-empty{color:#6885a2;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:280px;display:flex}.cm-empty strong{color:#c5d6e7}.cm-modal{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000812d1;place-items:center;padding:25px;display:grid;position:fixed;inset:0}.cm-modal>section{background:#06182e;border:1px solid #3477ad;border-radius:18px;flex-direction:column;width:min(1050px,100%);max-height:90vh;display:flex;overflow:hidden}.cm-modal header,.cm-modal footer{justify-content:space-between;align-items:center;padding:15px 18px;display:flex}.cm-modal header>div{color:var(--cyan);align-items:center;gap:9px;display:flex}.cm-modal pre{color:#b9d6e7;background:#020c18;flex:1;margin:0;padding:18px;font-size:11px;overflow:auto}.cm-modal footer span{color:#778da5;font-size:10px}.cm-spin{animation:.8s linear infinite cm-spin}@keyframes cm-spin{to{transform:rotate(360deg)}}@keyframes cm-pulse{50%{opacity:.45;transform:scale(.8)}}@media (width<=1200px){.cm-switches{grid-template-columns:repeat(3,1fr)}.cm-camera-list article{grid-template-columns:auto 1fr auto}.cm-camera-metrics{grid-column:2}.cm-managed{display:none}}@media (width<=850px){.cm-hero{flex-wrap:wrap}.cm-hero-actions{width:100%}.cm-stats,.cm-fields.three,.cm-fields.four{grid-template-columns:1fr 1fr}.cm-camera-list article{grid-template-columns:auto 1fr}.cm-edit{grid-column:1/-1;justify-content:center}.cm-toolbar{grid-template-columns:1fr auto}.cm-toolbar select{grid-area:2/1/auto/-1;height:44px}.cm-publish-bar{flex-direction:column;align-items:stretch}.cm-publish-bar button{width:100%}}@media (width<=600px){.cm-hero{padding:20px 17px}.cm-hero-icon{border-radius:18px;flex-basis:62px;width:62px;height:62px}.cm-hero h1{font-size:27px}.cm-hero p{font-size:12px}.cm-hero-actions{flex-direction:column}.cm-hero-actions button{width:100%}.cm-stats{gap:8px}.cm-stats article{min-height:95px;padding:12px}.cm-editor,.cm-panel{padding:14px}.cm-fields.three,.cm-fields.four,.cm-fields.two,.cm-fields.streams{grid-template-columns:1fr}.cm-switches{grid-template-columns:1fr 1fr}.cm-editor form>footer{flex-direction:column;align-items:stretch}.cm-editor form>footer>span{margin:0}.cm-editor form>footer button{width:100%}.cm-camera-metrics{flex-wrap:wrap;grid-column:1/-1}.cm-modal{padding:10px}}.cm-editor{scroll-margin-top:122px}.cm-publish-divider{align-items:center;gap:10px;margin:21px 0 10px;display:flex}.cm-publish-divider span,.cm-publish-divider strong{color:#8f78d9;letter-spacing:.14em;white-space:nowrap;font-size:9px;font-weight:800}.cm-publish-divider i{background:linear-gradient(90deg,#a96cff7a,#55e8ff1f);width:100%;height:1px}.cm-publish-inside{background:linear-gradient(100deg,#30195e7a,#082442bd);border-color:#a96cff61;margin-top:0;box-shadow:inset 3px 0 #a96cffbf}.cm-section-help{color:#8fa7c7;margin:0 0 18px;font-size:.9rem;line-height:1.5}.cm-profile-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.cm-profile-card{color:#dcecff;text-align:left;cursor:pointer;background:#071b37b8;border:1px solid #4982be47;border-radius:16px;min-height:132px;padding:16px;transition:all .2s}.cm-profile-card:hover{background:#082a52e6;border-color:#00ccffb3;transform:translateY(-2px)}.cm-profile-card.selected{background:linear-gradient(145deg,#0af3,#0e438f47);border-color:#00d5ff;box-shadow:0 0 0 1px #00d5ff2e,0 10px 28px #0081ff29}.cm-profile-card span{color:#20d8ff;background:#00b7ff21;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:12px;display:flex}.cm-profile-card strong,.cm-profile-card small{display:block}.cm-profile-card strong{margin-bottom:7px;font-size:.96rem}.cm-profile-card small{color:#8fa7c7;line-height:1.4}.cm-managed.pending{color:#ffc857;background:#ffa60021;border-color:#ffb8007a}@media (width<=900px){.cm-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.cm-profile-grid{grid-template-columns:1fr}}.cm-fields.three{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.cm-fields.two{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.cm-fields>*,.cm-fields label{min-width:0}.cm-fields input,.cm-fields select,.cm-fields textarea{box-sizing:border-box;width:100%;min-width:0;max-width:100%}@media (width<=700px){.cm-fields.three,.cm-fields.two{grid-template-columns:1fr}}.event-manager{color:#eef7ff;width:100%;max-width:1520px;margin:0 auto}.event-manager-header,.event-config-heading,.event-section-title,.event-actions,.event-options-row{align-items:center;display:flex}.event-manager-header{justify-content:space-between;gap:20px;margin-bottom:22px}.event-eyebrow,.event-config-heading>div>span{color:#20b8ff;letter-spacing:1.7px;font-size:11px;font-weight:800}.event-manager h1{margin:5px 0 7px;font-size:29px}.event-manager-header p,.event-section-title p{color:#8399b5;margin:0}.event-refresh,.event-actions button{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:9px;display:inline-flex}.event-refresh{color:#fff;background:#0b5db7;border:1px solid #176cc2;padding:11px 16px}.event-summary{grid-template-columns:repeat(3,minmax(180px,1fr));gap:14px;margin-bottom:18px;display:grid}.event-summary article{color:#1f9eff;background:linear-gradient(145deg,#0c2440,#08192d);border:1px solid #1b426c;border-radius:12px;align-items:center;gap:14px;padding:17px;display:flex}.event-summary article div{flex-direction:column;display:flex}.event-summary span{color:#879bb5;font-size:12px}.event-summary strong{color:#fff;font-size:23px}.event-notice{border-radius:9px;align-items:center;gap:9px;margin-bottom:17px;padding:13px 15px;display:flex}.event-notice.error{color:#ff979e;background:#6e1c2740;border:1px solid #6c2831}.event-notice.success{color:#62e89a;background:#12663938;border:1px solid #17683d}.event-workspace{grid-template-columns:280px minmax(0,1fr);gap:17px;display:grid}.event-camera-panel,.event-config-panel{background:linear-gradient(150deg,#0c223b,#07172a);border:1px solid #1c3d63;border-radius:13px}.event-camera-panel{align-self:start;padding:16px;position:sticky;top:120px}.event-panel-title{border-bottom:1px solid #1b3859;align-items:center;gap:11px;padding-bottom:14px;display:flex}.event-panel-title>svg{color:#1ca1ff}.event-panel-title div,.event-camera-list button>span:nth-child(2){flex-direction:column;display:flex}.event-panel-title span,.event-camera-list small{color:#7188a5;font-size:11px}.event-camera-list{flex-direction:column;gap:8px;margin-top:13px;display:flex}.event-camera-list button{color:#b9c9dc;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;grid-template-columns:38px 1fr 8px;align-items:center;gap:10px;width:100%;padding:10px;display:grid}.event-camera-list button:hover,.event-camera-list button.selected{color:#fff;background:#0b3767;border-color:#196bbd}.event-camera-icon{color:#1e9dff;background:#092c52;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.event-camera-list i{background:#56687d;border-radius:50%;width:8px;height:8px}.event-camera-list i.enabled{background:#22dc78;box-shadow:0 0 10px #22dc78}.event-config-panel{overflow:hidden}.event-config-heading{border-bottom:1px solid #1c3a5c;justify-content:space-between;gap:20px;padding:21px}.event-config-heading h2{margin:4px 0 0;font-size:23px}.event-master-switch{color:#a9bed5;align-items:center;gap:9px;display:flex}.event-master-switch input{accent-color:#19a5ff}.event-section{border-bottom:1px solid #193654;padding:21px}.event-section-title{align-items:flex-start;gap:11px;margin-bottom:17px}.event-section-title>svg{color:#1ca4ff}.event-section-title h3{margin:0 0 4px;font-size:17px}.event-section-title p{font-size:12px}.event-object-grid{grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;display:grid}.event-object{background:#08192b;border:1px solid #284663;border-radius:10px;overflow:hidden}.event-object.active{background:#092b50;border-color:#158be7}.event-object>button{color:#8094aa;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:100%;min-height:92px;display:flex}.event-object.active>button{color:#fff}.event-object button>span{color:#20a9ff;background:#0b3c70;border-radius:9px;place-items:center;width:34px;height:34px;font-size:11px;font-weight:800;display:grid}.event-object button i{color:#6e8298;font-size:9px;font-style:normal}.event-object.active button i{color:#30df82}.event-object-options{border-top:1px solid #1b4e7b;justify-content:space-around;padding:9px;font-size:11px;display:flex}.event-object-options label,.event-options-row label,.event-zone-grid label{align-items:center;gap:6px;display:flex}.event-filter-list{gap:11px;display:grid}.event-filter-card{background:#0514258c;border:1px solid #234463;border-radius:10px;padding:14px}.event-filter-card h4{color:#43b7ff;margin:0 0 12px}.event-field-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.event-field-grid.three{grid-template-columns:repeat(3,1fr)}.event-field-grid label{color:#91a8c1;flex-direction:column;gap:7px;font-size:11px;display:flex}.event-field-grid input{color:#fff;background:#06172a;border:1px solid #2a4968;border-radius:8px;outline:none;width:100%;padding:10px}.event-field-grid input:focus{border-color:#1597f2;box-shadow:0 0 0 2px #1597f221}.event-field-grid small{color:#607790}.event-options-row{color:#a7bad0;flex-wrap:wrap;gap:18px;margin-top:16px;font-size:12px}.event-options-row input,.event-object-options input,.event-zone-grid input{accent-color:#168eed}.event-zone-grid{grid-template-columns:repeat(2,1fr);gap:11px;display:grid}.event-zone-grid article{color:#9db1c8;background:#071a2e;border:1px solid #254762;border-radius:9px;flex-direction:column;gap:9px;padding:14px;font-size:12px;display:flex}.event-zone-grid strong{color:#fff}.event-actions{background:#07172a;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:18px 21px}.event-actions button{color:#fff;border:1px solid #295177;padding:11px 15px}.event-actions .secondary{background:#0a2948}.event-actions .primary{background:linear-gradient(135deg,#0873d5,#18bcec);border-color:#149eec}.event-actions button:disabled{opacity:.55;cursor:wait}.event-muted,.event-empty{color:#7189a5}.event-empty{text-align:center;padding:60px 20px}.event-modal{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#000711d1;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.event-modal>div{background:#07182b;border:1px solid #23649c;border-radius:13px;width:min(950px,100%);max-height:88vh;overflow:hidden}.event-modal header{border-bottom:1px solid #1d466c;justify-content:space-between;align-items:center;padding:15px 18px;display:flex}.event-modal h3{margin:0}.event-modal button{color:#fff;cursor:pointer;background:#0a2b4c;border:1px solid #285378;border-radius:7px;padding:8px 12px}.event-modal pre{color:#9ee8ff;white-space:pre-wrap;max-height:calc(88vh - 65px);margin:0;padding:18px;font-size:12px;overflow:auto}.event-spin{animation:.8s linear infinite event-spin}@keyframes event-spin{to{transform:rotate(360deg)}}@media (width<=1050px){.event-workspace{grid-template-columns:1fr}.event-camera-panel{position:static}.event-camera-list{grid-template-columns:repeat(2,1fr);display:grid}.event-object-grid,.event-field-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.event-manager-header,.event-config-heading{flex-direction:column;align-items:flex-start}.event-summary,.event-camera-list,.event-object-grid,.event-field-grid,.event-field-grid.three,.event-zone-grid{grid-template-columns:1fr}.event-actions button{width:100%}}.event-simple-settings{grid-template-columns:repeat(3,minmax(180px,1fr));gap:14px;display:grid}.event-simple-settings>label{color:#b4c8dc;background:#071a2e;border:1px solid #254865;border-radius:10px;flex-direction:column;gap:8px;padding:15px;font-size:12px;display:flex}.event-simple-settings select,.event-seconds-input{color:#fff;background:#061526;border:1px solid #2b5275;border-radius:8px;outline:none;width:100%;min-height:43px}.event-simple-settings select{cursor:pointer;padding:10px}.event-simple-settings select:focus,.event-seconds-input:focus-within{border-color:#159cf2;box-shadow:0 0 0 2px #159cf224}.event-simple-settings small{color:#7188a3;font-size:10px;line-height:1.45}.event-seconds-input{align-items:center;display:flex}.event-seconds-input input{color:#fff;background:0 0;border:0;outline:none;width:100%;padding:10px}.event-seconds-input span{color:#5fbfff;padding-right:12px;font-size:11px}@media (width<=900px){.event-simple-settings{grid-template-columns:1fr}}.ai-control-page{--ai-cyan:#55e8ff;--ai-blue:#1687ff;--ai-violet:#a96cff;--ai-green:#40e5a0;--ai-text:#f8fbff;--ai-muted:#8fa7c4;--ai-border:#43aaff40;width:100%;color:var(--ai-text)}.ai-control-page button,.ai-control-page input{font:inherit}.ai-hero{background:linear-gradient(115deg,#08264ef5,#051327f5),#07172c;border:1px solid #43bcff4a;border-radius:24px;align-items:center;gap:26px;min-height:190px;padding:30px 34px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000040,inset 0 1px #ffffff0d}.ai-hero-glow{filter:blur(55px);background:#0088ff30;border-radius:50%;width:430px;height:430px;position:absolute;top:-200px;right:-130px}.ai-grid-effect{opacity:.18;background-image:linear-gradient(#45bdff30 1px,#0000 1px),linear-gradient(90deg,#45bdff30 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 65%,#0000);mask-image:linear-gradient(90deg,#0000,#000 65%,#0000)}.ai-hero-icon{z-index:1;width:104px;height:104px;color:var(--ai-cyan);background:radial-gradient(circle,#31c7ff38,#0000 64%),#052041d6;border:1px solid #55e8ff6e;border-radius:28px;flex:0 0 104px;place-items:center;display:grid;position:relative;box-shadow:0 0 35px #159cff33,inset 0 0 24px #31c7ff14}.ai-orbit{border:1px dashed #55e8ff3d;border-radius:50%;animation:14s linear infinite ai-rotate;position:absolute;inset:11px}.ai-orbit-two{border-color:#a96cff57;animation-duration:9s;animation-direction:reverse;inset:20px}.ai-hero-copy{z-index:1;max-width:700px;position:relative}.ai-eyebrow{color:var(--ai-cyan);letter-spacing:.19em;align-items:center;gap:8px;margin-bottom:9px;font-size:12px;font-weight:800;display:flex}.ai-hero h1{color:#fff;margin:0;font-size:clamp(30px,3vw,45px);line-height:1.08}.ai-hero p{color:#a5b8d0;max-width:630px;margin:12px 0 0;font-size:16px;line-height:1.55}.ai-system-status{z-index:1;background:#072239b8;border:1px solid #40e5a040;border-radius:15px;align-items:center;gap:13px;min-width:230px;margin-left:auto;padding:15px 17px;display:flex;position:relative}.ai-system-status div{flex-direction:column;gap:4px;display:flex}.ai-system-status strong{color:#dbfff0;font-size:14px}.ai-system-status small{color:#7896a9;font-size:11px}.ai-status-light,.ai-live-dot{background:var(--ai-green);width:11px;height:11px;box-shadow:0 0 15px var(--ai-green);border-radius:50%;flex:0 0 11px;animation:1.8s ease-in-out infinite ai-pulse}.ai-overview{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0;display:grid}.ai-stat-card{border:1px solid var(--ai-border);background:linear-gradient(145deg,#0a274ceb,#061931eb);border-radius:17px;align-items:center;gap:14px;min-height:116px;padding:19px;display:flex}.ai-stat-icon{border-radius:14px;flex:0 0 47px;place-items:center;width:47px;height:47px;display:grid}.ai-stat-icon.cyan{color:var(--ai-cyan);background:#55e8ff1c}.ai-stat-icon.blue{color:#54aaff;background:#1687ff21}.ai-stat-icon.violet{color:#c589ff;background:#a96cff21}.ai-stat-icon.green{color:var(--ai-green);background:#40e5a01f}.ai-stat-card>div:last-child{min-width:0;display:grid}.ai-stat-card small{color:var(--ai-muted);font-size:12px}.ai-stat-card strong{color:#fff;margin:2px 0;font-size:25px}.ai-stat-card span{color:#728ba8;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.ai-stat-card .ai-online-text{color:var(--ai-green);letter-spacing:.09em;font-size:17px}.ai-feedback{border-radius:13px;align-items:center;gap:11px;margin-bottom:16px;padding:14px 17px;display:flex}.ai-feedback.error{color:#ffd9de;background:#76182b6b;border:1px solid #ff576959}.ai-feedback.success{color:#d8fff0;background:#0f5b4261;border:1px solid #40e5a052}.ai-feedback span{flex:1}.ai-feedback button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:24px;line-height:1}.ai-workspace{grid-template-columns:minmax(280px,.72fr) minmax(580px,1.8fr);align-items:start;gap:18px;display:grid}.ai-client-panel,.ai-main-panel{border:1px solid var(--ai-border);background:linear-gradient(155deg,#082344f5,#05162bf5);border-radius:21px;overflow:hidden;box-shadow:0 22px 55px #00000030}.ai-client-panel{padding:20px;position:sticky;top:120px}.ai-main-panel{min-height:520px;padding:22px}.ai-panel-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.ai-panel-heading>div{align-items:center;gap:12px;display:flex}.ai-section-number{width:37px;height:37px;color:var(--ai-cyan);background:#55e8ff12;border:1px solid #55e8ff4d;border-radius:11px;place-items:center;font-size:11px;font-weight:800;display:grid}.ai-panel-heading h2{color:#fff;margin:0;font-size:19px}.ai-panel-heading p{color:#7891ad;margin:4px 0 0;font-size:12px}.ai-count-badge,.ai-resource-counter{color:var(--ai-cyan);background:#55e8ff12;border:1px solid #55e8ff33;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:700}.ai-search{color:#6b89aa;background:#031225a3;border:1px solid #45a1ee40;border-radius:13px;align-items:center;gap:10px;height:46px;margin-bottom:13px;padding:0 13px;display:flex}.ai-search:focus-within{color:var(--ai-cyan);border-color:#55e8ff8f;box-shadow:0 0 0 3px #55e8ff0f}.ai-search input{color:#fff;background:0 0;border:0;outline:0;width:100%}.ai-search input::placeholder{color:#627a96}.ai-client-list{max-height:540px;padding-right:3px;overflow-y:auto}.ai-client-list::-webkit-scrollbar{width:5px}.ai-client-list::-webkit-scrollbar-thumb{background:#4faaeb57;border-radius:10px}.ai-client-item{color:#7f98b6;text-align:left;cursor:pointer;background:#05183094;border:1px solid #3677b42e;border-radius:14px;align-items:center;gap:11px;width:100%;margin-bottom:9px;padding:12px;transition:all .2s;display:flex}.ai-client-item:hover{color:var(--ai-cyan);border-color:#55e8ff4f;transform:translate(2px)}.ai-client-item.selected{color:var(--ai-cyan);box-shadow:inset 3px 0 0 var(--ai-cyan);background:linear-gradient(90deg,#1273bf47,#082b4fa6);border-color:#55e8ff87}.ai-avatar{color:#fff;background:linear-gradient(145deg,#126bd0,#11336b);border-radius:12px;flex:0 0 39px;place-items:center;width:39px;height:39px;font-size:12px;font-weight:800;display:grid}.ai-client-data{flex:1;gap:4px;min-width:0;display:grid}.ai-client-data strong,.ai-client-data small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ai-client-data strong{color:#fff;font-size:13px}.ai-client-data small{color:#7990aa;font-size:11px}.ai-selected-check{color:#042b3a;background:var(--ai-cyan);border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.ai-camera-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:18px;display:grid}.ai-camera-card{color:#6f8eae;text-align:left;cursor:pointer;background:#051932a8;border:1px solid #3d8ed536;border-radius:15px;align-items:center;gap:13px;min-height:78px;padding:14px;transition:all .2s;display:flex}.ai-camera-card:hover,.ai-camera-card.selected{color:var(--ai-cyan);background:#09325ab8;border-color:#55e8ff75}.ai-camera-card.selected{box-shadow:inset 0 0 20px #1799dc1a,0 0 0 1px #55e8ff14}.ai-camera-card>span:nth-child(2){flex:1;gap:5px;min-width:0;display:grid}.ai-camera-card strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.ai-camera-card small{color:#7087a3;font-size:11px}.ai-camera-symbol{width:43px;height:43px;color:var(--ai-cyan);background:#55e8ff17;border-radius:13px;flex:0 0 43px;place-items:center;display:grid;position:relative}.ai-camera-symbol i{background:var(--ai-green);width:7px;height:7px;box-shadow:0 0 8px var(--ai-green);border-radius:50%;position:absolute;top:5px;right:5px}.ai-empty-state,.ai-loading-state{color:#627f9e;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:11px;min-height:330px;display:flex}.ai-empty-state.compact{min-height:220px}.ai-empty-state strong,.ai-loading-state strong{color:#c4d6e9}.ai-empty-state p{color:#6f88a3;max-width:390px;margin:0;font-size:13px;line-height:1.55}.ai-empty-radar{width:93px;height:93px;color:var(--ai-cyan);background:#55e8ff0d;border:1px solid #55e8ff40;border-radius:50%;place-items:center;display:grid;position:relative}.ai-empty-radar span{border:1px dashed #55e8ff40;border-radius:50%;animation:8s linear infinite ai-rotate;position:absolute;inset:11px}.ai-camera-hint{color:#7290ae;border:1px dashed #45a1ee40;border-radius:15px;justify-content:center;align-items:center;gap:11px;min-height:90px;display:flex}.ai-loading-state.large{min-height:280px}.ai-config-title{background:#051932ad;border:1px solid #3d8ed536;border-radius:15px;justify-content:space-between;align-items:center;gap:15px;margin:3px 0 16px;padding:15px 17px;display:flex}.ai-config-title>div{align-items:center;gap:12px;display:flex}.ai-config-title small{color:#6991b4;letter-spacing:.16em;font-size:9px;font-weight:800}.ai-config-title h3{color:#fff;margin:3px 0 0;font-size:17px}.ai-feature-grid{gap:14px;display:grid}.ai-feature-card{background:linear-gradient(145deg,#082343f0,#05182ff0);border:1px solid #4284c538;border-radius:18px;padding:20px;transition:all .25s;position:relative;overflow:hidden}.ai-feature-card:before{content:"";filter:blur(20px);background:#3d8be314;border-radius:50%;width:190px;height:190px;position:absolute;top:-95px;right:-80px}.ai-feature-card.enabled{border-color:#55e8ff61;box-shadow:inset 3px 0 #55e8ffbf}.ai-feature-card.plate.enabled{border-color:#a96cff66;box-shadow:inset 3px 0 #a96cffcc}.ai-feature-top{grid-template-columns:auto 1fr auto;align-items:start;gap:14px;display:grid;position:relative}.ai-feature-icon{width:49px;height:49px;color:var(--ai-cyan);background:#55e8ff17;border-radius:15px;place-items:center;display:grid}.ai-feature-card.plate .ai-feature-icon{color:#bc83ff;background:#a96cff1a}.ai-feature-category{color:var(--ai-cyan);letter-spacing:.14em;font-size:9px;font-weight:800}.ai-feature-card.plate .ai-feature-category{color:#bc83ff}.ai-feature-top h3{color:#fff;margin:4px 0 6px;font-size:18px}.ai-feature-top p{color:#7890aa;max-width:600px;margin:0;font-size:12px;line-height:1.5}.ai-feature-status{color:#8091a7;letter-spacing:.1em;border:1px solid #7a92ae33;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:9px;font-weight:800;display:flex}.ai-feature-status i{background:#637489;border-radius:50%;width:7px;height:7px}.ai-feature-status.on{color:var(--ai-green);background:#40e5a00f;border-color:#40e5a040}.ai-feature-status.on i{background:var(--ai-green);box-shadow:0 0 9px var(--ai-green)}.ai-zone-flow{background:#0313268f;border:1px solid #3d8ed526;border-radius:14px;grid-template-columns:1fr auto 1fr;align-items:end;gap:11px;margin:20px 0;padding:15px;display:grid}.ai-zone-flow>svg{color:#4a759d;margin-bottom:13px}.ai-zone-flow label{gap:8px;display:grid}.ai-zone-flow label span{color:#8fa5bd;align-items:center;gap:6px;font-size:11px;display:flex}.ai-zone-flow input{color:#fff;background:#071c36;border:1px solid #4695d842;border-radius:11px;outline:0;width:100%;height:43px;padding:0 12px}.ai-zone-flow input:focus{border-color:#55e8ff99;box-shadow:0 0 0 3px #55e8ff0f}.ai-plate-visual{color:#ba83ff;background:#150d2f61;border:1px solid #a96cff33;border-radius:14px;align-items:center;gap:13px;min-height:84px;margin:20px 0;padding:15px 18px;display:flex;position:relative;overflow:hidden}.ai-plate-visual>span{color:#fff;letter-spacing:.13em;background:#e6edf712;border:1px solid #c3cfe057;border-radius:8px;padding:8px 16px;font-size:18px;font-weight:800}.ai-plate-visual small{color:#796998;letter-spacing:.12em;font-size:9px}.ai-plate-visual i{background:#c378ff;width:2px;height:80%;animation:3s ease-in-out infinite ai-scan;position:absolute;top:10%;left:10%;box-shadow:0 0 14px #c378ff}.ai-feature-actions{justify-content:flex-end;gap:10px;display:flex}.ai-primary-button,.ai-secondary-button{cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:0 16px;font-size:12px;font-weight:750;transition:all .2s;display:inline-flex}.ai-primary-button{color:#03263a;background:linear-gradient(135deg,#5cebdc,#46baff);border:0;box-shadow:0 8px 22px #30c0f12e}.ai-secondary-button{color:#a8bfd5;background:#0a2543cc;border:1px solid #6298c947}.ai-primary-button:hover,.ai-secondary-button:hover{filter:brightness(1.1);transform:translateY(-1px)}.ai-primary-button:disabled,.ai-secondary-button:disabled{opacity:.55;cursor:wait;transform:none}.ai-processing-note{color:var(--ai-cyan);background:#051d37a8;border:1px solid #55e8ff29;border-radius:14px;align-items:center;gap:12px;margin-top:15px;padding:14px 16px;display:flex}.ai-processing-note div{flex:1;gap:3px;display:grid}.ai-processing-note strong{color:#c8edf5;font-size:12px}.ai-processing-note span{color:#708ca5;font-size:10px}.ai-tech-bars{align-items:end;gap:3px;display:flex}.ai-tech-bars i{background:var(--ai-cyan);border-radius:3px;width:3px;height:10px;animation:1.2s ease-in-out infinite ai-bars}.ai-tech-bars i:nth-child(2){height:17px;animation-delay:.15s}.ai-tech-bars i:nth-child(3){height:12px;animation-delay:.3s}.ai-tech-bars i:nth-child(4){height:21px;animation-delay:.45s}.ai-spin{animation:.9s linear infinite ai-rotate}@keyframes ai-rotate{to{transform:rotate(360deg)}}@keyframes ai-pulse{0%,to{opacity:.55;transform:scale(.84)}50%{opacity:1;transform:scale(1)}}@keyframes ai-scan{0%,to{opacity:0;left:7%}15%,85%{opacity:1}50%{left:92%}}@keyframes ai-bars{0%,to{opacity:.35;transform:scaleY(.55)}50%{opacity:1;transform:scaleY(1)}}@media (width<=1180px){.ai-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-workspace{grid-template-columns:310px minmax(0,1fr)}.ai-system-status{display:none}.ai-camera-strip{grid-template-columns:1fr}}@media (width<=920px){.ai-workspace{grid-template-columns:1fr}.ai-client-panel{position:static}.ai-client-list{max-height:330px}}@media (width<=640px){.ai-hero{border-radius:18px;align-items:flex-start;min-height:auto;padding:22px 19px}.ai-hero-icon{border-radius:18px;flex-basis:63px;width:63px;height:63px}.ai-hero-icon>svg{width:29px}.ai-hero h1{font-size:27px}.ai-hero p{font-size:13px}.ai-eyebrow{font-size:9px}.ai-overview{grid-template-columns:1fr 1fr;gap:9px}.ai-stat-card{min-height:99px;padding:13px}.ai-stat-icon{flex-basis:38px;width:38px;height:38px}.ai-client-panel,.ai-main-panel{border-radius:17px;padding:15px}.ai-feature-top{grid-template-columns:auto 1fr}.ai-feature-status{grid-column:1/-1;width:max-content}.ai-zone-flow{grid-template-columns:1fr}.ai-zone-flow>svg{margin:0 auto;transform:rotate(90deg)}.ai-config-title{flex-direction:column;align-items:flex-start}.ai-feature-actions{flex-direction:column-reverse}.ai-primary-button,.ai-secondary-button{width:100%}.ai-plate-visual small{display:none}.ai-processing-note{align-items:flex-start}.ai-tech-bars{display:none}}@media (prefers-reduced-motion:reduce){.ai-control-page *,.ai-control-page :before,.ai-control-page :after{animation-duration:.01ms!important;animation-iteration-count:1!important}}.ai-feature-card.face.enabled{border-color:#40e5a06b;box-shadow:inset 3px 0 #40e5a0d9}.ai-feature-card.face .ai-feature-icon,.ai-feature-card.face .ai-feature-category{color:#40e5a0}.ai-feature-card.face .ai-feature-icon{background:#40e5a01a}.ai-feature-card.alarm.enabled{border-color:#ff677e7a;box-shadow:inset 3px 0 #ff677ee6}.ai-feature-card.alarm .ai-feature-icon,.ai-feature-card.alarm .ai-feature-category{color:#ff7389}.ai-feature-card.alarm .ai-feature-icon{background:#ff677e1a}.ai-feature-info,.ai-alarm-zone{background:#0313268f;border:1px solid #3d8ed529;border-radius:14px;margin:20px 0;padding:15px}.ai-feature-info{color:#40e5a0;align-items:center;gap:13px;display:flex}.ai-feature-info div{gap:4px;display:grid}.ai-feature-info strong{color:#dffdf1;font-size:13px}.ai-feature-info span,.ai-alarm-zone small{color:#7890aa;font-size:11px;line-height:1.45}.ai-alarm-zone{gap:9px;display:grid}.ai-alarm-zone label{gap:8px;display:grid}.ai-alarm-zone label>span{color:#aebdd0;align-items:center;gap:7px;font-size:11px;display:flex}.ai-alarm-zone input{color:#fff;background:#021022bf;border:1px solid #45a1ee4d;border-radius:11px;outline:0;width:100%;height:43px;padding:0 12px}.ai-alarm-zone input:focus{border-color:#ff677ea6;box-shadow:0 0 0 3px #ff677e12}.ai-sync-monitor{background:linear-gradient(145deg,#482d0a57,#071b32eb);border:1px solid #ffb1424d;border-radius:16px;margin-bottom:16px;padding:17px}.ai-sync-monitor.synchronized{background:linear-gradient(145deg,#0c4c3940,#071b32eb);border-color:#40e5a04d}.ai-sync-heading,.ai-sync-heading>div,.ai-sync-summary,.ai-sync-item{align-items:center;display:flex}.ai-sync-heading{justify-content:space-between;gap:14px}.ai-sync-heading>div{min-width:0;color:var(--ai-cyan);gap:11px}.ai-sync-heading>div>div{gap:3px;display:grid}.ai-sync-heading strong{color:#edf8ff;font-size:13px}.ai-sync-heading span{color:#7893ae;font-size:10px}.ai-sync-heading button{color:#c6efff;cursor:pointer;background:#073152b3;border:1px solid #55e8ff40;border-radius:10px;align-items:center;gap:7px;min-height:39px;padding:0 13px;display:inline-flex}.ai-sync-heading button:disabled{opacity:.6;cursor:wait}.ai-sync-summary{justify-content:space-between;gap:12px;margin:15px 0 10px}.ai-sync-summary>span{letter-spacing:.1em;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:850}.ai-sync-summary>span.ok{color:var(--ai-green);background:#40e5a012;border:1px solid #40e5a047}.ai-sync-summary>span.warning{color:#ffbf5f;background:#ffb14214;border:1px solid #ffb14252}.ai-sync-summary small{color:#7089a5;font-size:10px}.ai-sync-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.ai-sync-item{background:#03122480;border:1px solid #4a8fcc2e;border-radius:12px;gap:9px;min-width:0;padding:11px}.ai-sync-item.ok{border-color:#40e5a02b}.ai-sync-item.warning{border-color:#ffb1424a}.ai-sync-indicator{color:#032e23;background:var(--ai-green);border-radius:50%;flex:0 0 27px;place-items:center;width:27px;height:27px;display:grid}.ai-sync-item.warning .ai-sync-indicator{color:#492b00;background:#ffb84d}.ai-sync-item>div{flex:1;gap:3px;min-width:0;display:grid}.ai-sync-item strong{color:#e4f1ff;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.ai-sync-item small{color:#718aa5;font-size:9px;line-height:1.35}.ai-sync-state{color:var(--ai-green);letter-spacing:.07em;font-size:8px;font-weight:850}.ai-sync-item.warning .ai-sync-state{color:#ffbf5f}.ai-sync-general-error,.ai-sync-unavailable{color:#ffd08a;background:#5732053d;border:1px solid #ffb14242;border-radius:11px;align-items:center;gap:8px;margin-top:13px;padding:10px 12px;font-size:11px;display:flex}@media (width<=700px){.ai-sync-heading,.ai-sync-summary{flex-direction:column;align-items:flex-start}.ai-sync-heading button{justify-content:center;width:100%}.ai-sync-list{grid-template-columns:1fr}}.alarm-diagnostics-page{--alarm-blue:#23a9ff;--alarm-cyan:#53e3ff;--alarm-green:#35e39a;--alarm-red:#ff5d71;--alarm-yellow:#ffc65c;color:#eff8ff;width:100%;max-width:1520px;margin:0 auto}.alarm-diagnostics-page button,.alarm-diagnostics-page select,.alarm-diagnostics-page textarea{font:inherit}.alarm-diagnostics-header{background:radial-gradient(circle at 88% 0,#26a4ff30,#0000 35%),linear-gradient(145deg,#0b2b50,#071a31);border:1px solid #2f9bef45;border-radius:20px;justify-content:space-between;align-items:center;gap:22px;margin-bottom:22px;padding:27px 29px;display:flex}.alarm-eyebrow{color:var(--alarm-cyan);letter-spacing:.18em;font-size:10px;font-weight:800}.alarm-diagnostics-header h1{margin:6px 0;font-size:31px}.alarm-diagnostics-header p{color:#8ca4bf;margin:0;font-size:14px}.alarm-refresh,.alarm-video-toggle{color:#fff;cursor:pointer;background:#0c65b9;border:1px solid #238ede;border-radius:11px;justify-content:center;align-items:center;gap:9px;display:inline-flex}.alarm-refresh{min-height:44px;padding:0 17px}.alarm-summary{grid-template-columns:repeat(4,minmax(150px,1fr));gap:13px;margin-bottom:17px;display:grid}.alarm-summary article{min-height:104px;color:var(--alarm-blue);background:linear-gradient(145deg,#0b2848,#07192e);border:1px solid #1c446d;border-radius:15px;align-items:center;gap:14px;padding:18px;display:flex}.alarm-summary article.pending{color:var(--alarm-yellow)}.alarm-summary article.confirmed{color:var(--alarm-green)}.alarm-summary article.false-positive{color:var(--alarm-red)}.alarm-summary article div{gap:3px;display:grid}.alarm-summary span{color:#8299b4;font-size:12px}.alarm-summary strong{color:#fff;font-size:25px}.alarm-toolbar{background:#081e38;border:1px solid #1b4168;border-radius:14px;flex-wrap:wrap;gap:13px;margin-bottom:17px;padding:15px;display:flex}.alarm-toolbar label{color:#8fa6bf;gap:7px;min-width:220px;font-size:11px;display:grid}.alarm-toolbar select{color:#fff;background:#06172b;border:1px solid #28547d;border-radius:9px;outline:0;min-height:42px;padding:0 12px}.alarm-notice{border-radius:11px;align-items:center;gap:10px;margin-bottom:16px;padding:13px 15px;display:flex}.alarm-notice span{flex:1}.alarm-notice button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:22px}.alarm-notice.error{color:#ffd5da;background:#7717266e;border:1px solid #ff5d7166}.alarm-notice.success{color:#d8ffed;background:#0f614459;border:1px solid #35e39a59}.alarm-event-grid{grid-template-columns:repeat(3,minmax(250px,1fr));gap:14px;display:grid}.alarm-event-card{cursor:pointer;background:linear-gradient(145deg,#0b2745,#07192d);border:1px solid #204d77;border-radius:15px;transition:all .2s;overflow:hidden}.alarm-event-card:hover{border-color:#2aa7f3;transform:translateY(-2px);box-shadow:0 15px 35px #00000040}.alarm-event-card.confirmed{border-color:#35e39a73}.alarm-event-card.false_positive{opacity:.78;border-color:#ff5d716b}.alarm-card-image{aspect-ratio:16/9;background:#020913;position:relative;overflow:hidden}.alarm-snapshot{object-fit:cover;width:100%;height:100%;display:block}.alarm-media-placeholder{color:#758da8;background:#020913;justify-content:center;align-items:center;gap:9px;width:100%;min-height:210px;display:flex}.alarm-classification{color:#201400;letter-spacing:.08em;background:var(--alarm-yellow);border-radius:999px;padding:6px 9px;font-size:9px;font-weight:900;position:absolute;bottom:10px;left:10px}.alarm-classification.confirmed{color:#002718;background:var(--alarm-green)}.alarm-classification.false_positive{color:#fff;background:var(--alarm-red)}.alarm-card-content{padding:14px}.alarm-camera-name,.alarm-card-footer,.alarm-card-meta{align-items:center;display:flex}.alarm-camera-name{color:var(--alarm-cyan);gap:8px}.alarm-camera-name strong{color:#fff;font-size:15px}.alarm-zone{color:#849cb7;margin:8px 0 12px;font-size:12px;display:block}.alarm-card-meta{color:#718ba7;justify-content:space-between;gap:10px;font-size:10px}.alarm-card-footer{color:#54cfff;border-top:1px solid #2b669957;justify-content:space-between;gap:10px;margin-top:13px;padding-top:12px;font-size:11px}.alarm-card-footer span{align-items:center;gap:6px;display:flex}.alarm-empty{color:#718ba7;border:1px dashed #244b70;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:11px;min-height:350px;display:flex}.alarm-empty strong{color:#bfd1e4}.alarm-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#00050ee0;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.alarm-modal{background:#071a30;border:1px solid #28699e;border-radius:18px;width:min(920px,100%);max-height:93vh;overflow-y:auto;box-shadow:0 30px 90px #00000080}.alarm-modal>header{border-bottom:1px solid #1e4568;justify-content:space-between;align-items:center;gap:15px;padding:18px 21px;display:flex}.alarm-modal>header span{color:var(--alarm-cyan);letter-spacing:.17em;font-size:9px;font-weight:800}.alarm-modal>header h2{margin:4px 0 0}.alarm-modal-close{color:#fff;cursor:pointer;background:#0a2744;border:1px solid #315578;border-radius:50%;place-items:center;width:39px;height:39px;display:grid}.alarm-modal-loading{color:#8ea7c0;justify-content:center;align-items:center;gap:11px;min-height:400px;display:flex}.alarm-modal-media{aspect-ratio:16/9;background:#000;position:relative;overflow:hidden}.alarm-modal-media .alarm-media-placeholder{min-height:100%}.alarm-modal-video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.alarm-detection-box{color:#fff;pointer-events:none;border:3px solid #ff495f;font-size:10px;font-weight:900;position:absolute;box-shadow:0 0 0 1px #000000b3,0 0 18px #ff495f8c}.alarm-detection-box:before{content:attr(class);display:none}.alarm-video-toggle{margin:13px 21px 0;padding:10px 14px}.alarm-detail-grid{grid-template-columns:repeat(3,minmax(120px,1fr));gap:10px;padding:17px 21px;display:grid}.alarm-detail-grid article{background:#07162a;border:1px solid #224868;border-radius:10px;gap:5px;padding:12px;display:grid}.alarm-detail-grid span{color:#7189a4;font-size:10px}.alarm-detail-grid strong{color:#eaf6ff;font-size:12px}.alarm-note{color:#96aac0;gap:8px;padding:0 21px 18px;font-size:11px;display:grid}.alarm-note textarea{resize:vertical;color:#fff;background:#061529;border:1px solid #295071;border-radius:10px;outline:0;min-height:82px;padding:12px}.alarm-note textarea:focus{border-color:#22a4f3}.alarm-modal-actions{background:#061527;border-top:1px solid #1d405f;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:17px 21px;display:flex}.alarm-modal-actions button{color:#fff;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:0 15px;display:inline-flex}.alarm-modal-actions .pending{background:#59451d;border:1px solid #8f7137}.alarm-modal-actions .false-positive{background:#8b2536;border:1px solid #b53b4d}.alarm-modal-actions .confirmed{color:#00291a;background:#35e39a;border:1px solid #35e39a}.alarm-modal-actions button:disabled,.alarm-refresh:disabled{opacity:.55;cursor:wait}.alarm-spin{animation:.85s linear infinite alarm-spin}@keyframes alarm-spin{to{transform:rotate(360deg)}}@media (width<=1100px){.alarm-summary,.alarm-event-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.alarm-diagnostics-header{flex-direction:column;align-items:flex-start;padding:21px}.alarm-summary,.alarm-event-grid,.alarm-detail-grid{grid-template-columns:1fr}.alarm-toolbar label{width:100%}.alarm-modal-overlay{padding:8px}.alarm-modal-actions{flex-direction:column}.alarm-modal-actions button{width:100%}}.billing-admin{color:#eef8ff;max-width:1050px;margin:0 auto;padding:28px}.billing-admin-header{align-items:center;gap:16px;margin-bottom:22px;display:flex}.billing-admin-icon{color:#59e5dc;background:linear-gradient(145deg,#0c5681,#082c59);border:1px solid #39b9d3;border-radius:18px;place-items:center;width:62px;height:62px;display:grid}.billing-admin-header span{color:#58dedb;letter-spacing:.17em;font-size:11px;font-weight:800}.billing-admin-header h1{color:#fff;margin:3px 0;font-size:31px}.billing-admin-header p{color:#93acc5;margin:0}.billing-admin-feedback{border-radius:12px;align-items:center;gap:9px;margin-bottom:15px;padding:13px 15px;font-weight:700;display:flex}.billing-admin-feedback.success{color:#9af2cf;background:#176c5440}.billing-admin-feedback.error{color:#ffc0c6;background:#8e243b50}.billing-admin-card{background:linear-gradient(145deg,#0a305f,#071e42);border:1px solid #286f9f;border-radius:20px;margin-top:18px;padding:23px;box-shadow:0 18px 40px #00112740}.billing-card-title{align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.billing-card-title>svg{color:#5ce1e1}.billing-card-title h2{color:#fff;margin:0}.billing-card-title p{color:#91abc5;margin:4px 0 0}.billing-admin-form{grid-template-columns:1fr 1fr;gap:17px;display:grid}.billing-full{grid-column:1/-1}.billing-admin-form label>span{color:#bdd0e1;margin-bottom:7px;font-size:13px;font-weight:700;display:block}.billing-field{background:#061d40;border:1px solid #397fae;border-radius:12px;align-items:center;gap:10px;min-height:50px;padding:0 14px;display:flex}.billing-field svg{color:#53d5df}.billing-field input,.billing-field select{color:#fff;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0}.billing-field select option{color:#111;background:#fff}.billing-money strong{color:#58e3db;border-right:1px solid #326c96;padding-right:10px}.billing-upload{cursor:pointer;background:#092b52;border:1px dashed #4dc7d8;border-radius:15px;align-items:center;gap:14px;padding:18px;display:flex!important}.billing-upload input{display:none}.billing-upload-icon{color:#55e4df;background:#124d75;border-radius:13px;place-items:center;width:48px;height:48px;display:grid}.billing-upload>div:nth-child(3){flex:1;gap:4px;display:grid}.billing-upload span{color:#8faac4;font-size:12px}.billing-upload b{color:#062143;background:#53dfdf;border-radius:9px;padding:9px 12px}.billing-submit{color:#062143;background:linear-gradient(90deg,#58e7dc,#43bfff);border:0;border-radius:13px;justify-content:center;align-items:center;gap:9px;min-height:53px;font-size:15px;font-weight:900;display:flex}.billing-filters{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:17px;display:grid}.billing-filters select{border:1px solid #397fae;border-radius:10px;min-height:45px;padding:0 12px}.billing-admin-list{gap:13px;display:grid}.billing-admin-invoice{background:#061d40;border:1px solid #327aa8;border-radius:15px;padding:17px}.billing-admin-invoice.overdue{border-color:#c7485b}.billing-admin-invoice.paid{border-color:#2cae7f}.billing-admin-invoice header{justify-content:space-between;gap:15px;display:flex}.billing-admin-invoice header span{color:#56dfe0;text-transform:uppercase;font-size:12px;font-weight:800}.billing-admin-invoice h3{color:#fff;margin:4px 0}.billing-admin-invoice small{color:#8fa9c2}.billing-admin-invoice header b{color:#bed7ed;background:#164b77;border-radius:999px;height:max-content;padding:7px 11px}.billing-admin-invoice.overdue header b{color:#ffd0d5;background:#84283a}.billing-admin-invoice.paid header b{color:#a1efd1;background:#176c54}.billing-invoice-data{grid-template-columns:repeat(3,1fr);gap:10px;margin:17px 0;display:grid}.billing-invoice-data div{background:#0b2c54;border-radius:10px;gap:4px;padding:12px;display:grid}.billing-invoice-data span{color:#88a5bf;font-size:12px}.billing-admin-invoice footer{flex-wrap:wrap;gap:9px;display:flex}.billing-admin-invoice button{color:#e9f6ff;background:#12466e;border:1px solid #387ca8;border-radius:9px;min-height:39px;padding:0 13px;font-weight:700}.billing-admin-invoice button.confirm{background:#176c54;border-color:#37ba8b;align-items:center;gap:6px;display:flex}.billing-admin-invoice button.cancel{background:#702333;border-color:#b74355}.billing-admin-empty{color:#91aac3;text-align:center}@media (width<=700px){.billing-admin{padding:18px}.billing-admin-form,.billing-filters,.billing-invoice-data{grid-template-columns:1fr}.billing-full{grid-column:auto}.billing-upload b{display:none}}.billing-admin-invoice{position:relative}.billing-admin-invoice footer{z-index:5;pointer-events:auto;position:relative}.billing-admin-invoice footer button{z-index:6;touch-action:manipulation;position:relative;pointer-events:auto!important;cursor:pointer!important}.billing-admin-invoice footer button:hover{filter:brightness(1.15)}.billing-admin-invoice footer button:active{transform:scale(.97)}.camera-live-page{width:100%;max-width:1600px;margin:0 auto}.camera-live-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.camera-live-back,.camera-live-fullscreen{color:#fff;cursor:pointer;background:#0d3157;border:1px solid #28598d;border-radius:8px;justify-content:center;align-items:center;gap:8px;display:inline-flex}.camera-live-back{margin-bottom:16px;padding:9px 13px}.camera-live-fullscreen{background:#0968c9;padding:11px 16px}.camera-live-back:hover,.camera-live-fullscreen:hover{background:#0b73db;border-color:#1689ff}.camera-live-title{color:#198cff;align-items:center;gap:12px;display:flex}.camera-live-title h1{color:#fff;text-transform:capitalize;margin:0;font-size:27px}.camera-live-title p{color:#91a3bc;margin:6px 0 0}.camera-live-player{background:#020913;border:1px solid #245181;border-radius:12px;width:100%;height:calc(100vh - 300px);min-height:520px;overflow:hidden;box-shadow:0 15px 45px #00000052}.camera-live-player iframe{border:0;width:100%;height:100%;display:block}.camera-live-player:fullscreen{background:#000;border:0;border-radius:0;width:100vw;height:100vh}.camera-live-information{grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px;margin-top:18px;display:grid}.camera-live-information article{background:linear-gradient(145deg,#0e263f,#091a2f);border:1px solid #1f4269;border-radius:9px;flex-direction:column;gap:7px;padding:16px;display:flex}.camera-live-information article>span{color:#8195af;font-size:12px}.camera-live-information strong{color:#fff;font-size:15px}.camera-online{align-items:center;gap:8px;display:flex;color:#2add72!important}.camera-online span{background:#2add72;border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px #2add72cc}@media (width<=900px){.camera-live-header{flex-direction:column;align-items:stretch}.camera-live-fullscreen{align-self:flex-start}.camera-live-player{height:65vh;min-height:400px}.camera-live-information{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.camera-live-information{grid-template-columns:1fr}}.sirens-page{--siren-cyan:#55e8ff;--siren-blue:#1687ff;--siren-green:#40e5a0;--siren-red:#ff6674;--siren-text:#f4f9ff;--siren-muted:#8fa9c5;--siren-border:#43b4ff3d;width:100%;min-height:100%;color:var(--siren-text);padding:4px 0 30px}.sirens-header{background:radial-gradient(circle at 86% 10%,#128dff38,#0000 34%),linear-gradient(120deg,#08264ef7,#051327fa);border:1px solid #43bcff47;border-radius:22px;justify-content:space-between;align-items:center;gap:24px;min-height:168px;margin-bottom:20px;padding:28px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000040,inset 0 1px #ffffff0d}.sirens-header:after{content:"";pointer-events:none;opacity:.14;background-image:linear-gradient(#45bdff33 1px,#0000 1px),linear-gradient(90deg,#45bdff33 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 65%,#0000);mask-image:linear-gradient(90deg,#0000,#000 65%,#0000)}.sirens-header>*{z-index:1;position:relative}.sirens-header h1{color:#fff;letter-spacing:-.035em;margin:7px 0 6px;font-size:clamp(28px,3vw,40px);line-height:1.08}.sirens-header p{color:#9eb3cc;max-width:680px;margin:0;font-size:15px;line-height:1.5}.sirens-eyebrow{color:var(--siren-cyan);letter-spacing:.17em;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:800;display:flex}.siren-primary{color:#fff;cursor:pointer;background:linear-gradient(115deg,#0767df,#079eff 62%,#1bc9ee);border:1px solid #5bd2ff57;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:11px 18px;font-weight:800;display:inline-flex;box-shadow:0 12px 27px #0070ff40}.siren-primary:hover{transform:translateY(-1px);box-shadow:0 15px 32px #0085ff5c}.siren-primary:disabled{opacity:.65;cursor:wait;transform:none}.sirens-layout{grid-template-columns:330px minmax(0,1fr);gap:18px;display:grid}.siren-list-panel,.siren-editor{border:1px solid var(--siren-border);background:linear-gradient(145deg,#0d2440f0,#051121fa);border-radius:18px;box-shadow:0 18px 48px #00000042,inset 0 1px #ffffff09}.siren-list-panel{height:max-content;padding:18px}.siren-editor{padding:22px}.panel-title{border-bottom:1px solid #50b9ff29;justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;display:flex}.panel-title>div{gap:4px;display:grid}.panel-title strong{color:#fff;font-size:16px}.panel-title small{color:var(--siren-muted)}.panel-title>span{color:var(--siren-cyan);background:#20d7ff14;border:1px solid #55e8ff2e;border-radius:50px;padding:4px 10px;font-weight:800}.siren-list{gap:9px;margin-top:14px;display:grid}.siren-list>button{width:100%;min-width:0;color:var(--siren-text);text-align:left;cursor:pointer;background:#04112299;border:1px solid #4c9ada2b;border-radius:13px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid}.siren-list>button:hover{background:#0a3056a6;border-color:#55e8ff4d}.siren-list>button.selected{background:linear-gradient(110deg,#084d94c7,#05264bd1);border-color:#55e8ff7a;box-shadow:0 10px 25px #006ceb24,inset 0 0 22px #31c7ff0d}.siren-list button span:nth-child(2){gap:3px;min-width:0;display:grid}.siren-list button strong{color:#f5fbff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.siren-list small{color:#8299b5;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.siren-device-icon{width:40px;height:40px;color:var(--siren-cyan);background:#20d7ff14;border:1px solid #55e8ff33;border-radius:11px;place-items:center;display:grid;box-shadow:inset 0 0 17px #20d7ff0a}.siren-list i{letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-style:normal;font-weight:900}.siren-list i.on{color:var(--siren-green)}.siren-list i.off{color:#788da6}.siren-empty{color:#728ba8;text-align:center;align-content:center;place-items:center;gap:8px;min-height:220px;display:grid}.siren-empty strong{color:#dcecff}.siren-muted{color:var(--siren-muted)}.siren-actions{grid-auto-flow:column;gap:8px!important;display:flex!important}.siren-actions button{color:#bdd6eb;cursor:pointer;background:#04152abf;border:1px solid #4caaeb3d;border-radius:9px;align-items:center;gap:7px;padding:9px 12px;font-weight:700;display:inline-flex}.siren-actions button:hover{color:#fff;background:#0a447799;border-color:#55e8ff6b}.siren-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0;display:grid}.siren-form-grid label{color:#b9cfe3;letter-spacing:.025em;gap:7px;min-width:0;font-size:12px;font-weight:750;display:grid}.siren-form-grid label.wide{grid-column:1/-1}.siren-form-grid input,.siren-form-grid select{border-radius:10px;outline:none;width:100%;min-width:0;min-height:46px;padding:11px 13px;box-shadow:inset 0 1px 5px #00000038;color:#f4f9ff!important;background:#020c19c7!important;border:1px solid #52aeed47!important}.siren-form-grid input::placeholder{color:#57708b}.siren-form-grid input:focus,.siren-form-grid select:focus{box-shadow:0 0 0 3px #20d7ff1a,inset 0 1px 5px #00000038;border-color:var(--siren-cyan)!important}.siren-form-grid select option{color:#fff;background:#07172c}.siren-enabled{background:#136a4c1a;border:1px solid #40e5a033;border-radius:13px;align-items:center;gap:12px;padding:15px;display:flex}.siren-enabled input{accent-color:#29d795;width:18px;height:18px}.siren-enabled span{gap:3px;display:grid}.siren-enabled strong{color:#dcfff0}.siren-enabled small{color:#78a897}.camera-link-section{border-top:1px solid #50b9ff29;margin-top:25px;padding-top:21px}.camera-link-section h2{color:#fff;align-items:center;gap:8px;margin:0;font-size:18px;display:flex}.camera-link-section h2 svg{color:var(--siren-cyan)}.camera-link-section p{color:var(--siren-muted);margin:7px 0 16px}.camera-link-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.camera-link-grid label{cursor:pointer;background:#0310209e;border:1px solid #4c9ada2e;border-radius:13px;grid-template-columns:auto 42px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;padding:12px;display:grid}.camera-link-grid label:hover{background:#072d508c;border-color:#55e8ff52}.camera-link-grid label.linked{background:linear-gradient(110deg,#07539ea3,#052b52b3);border-color:#55e8ff75;box-shadow:inset 0 0 22px #31c7ff0d}.camera-link-grid label>input{opacity:0;pointer-events:none;position:absolute}.camera-check{color:#7894ad;background:#14365475;border:1px solid #53a9e42e;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.linked .camera-check{color:#fff;background:linear-gradient(135deg,#087cff,#20bfe8);border-color:#55e8ff73;box-shadow:0 7px 18px #007eff38}.camera-link-grid label>span:nth-of-type(2){gap:3px;min-width:0;display:grid}.camera-link-grid strong{color:#edf8ff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.camera-link-grid small{color:#7891ab;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.camera-link-grid b{color:#71869c;letter-spacing:.035em;text-transform:uppercase;font-size:10px}.camera-link-grid .linked b{color:var(--siren-cyan)}.siren-editor-footer{border-top:1px solid #50b9ff29;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:18px;display:flex}.siren-danger{color:#ff9ba4;cursor:pointer;background:#87152826;border:1px solid #ff667447;border-radius:10px;align-items:center;gap:7px;min-height:42px;margin-right:auto;padding:9px 13px;font-weight:700;display:inline-flex}.siren-danger:hover{color:#fff;background:#aa1c324d;border-color:#ff66747a}.siren-notice{border-radius:11px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 15px;font-weight:700;display:flex}.siren-notice.error{color:#ffadb5;background:#91122a33;border:1px solid #ff667440}.siren-notice.success{color:#9bf4ca;background:#0f744d2e;border:1px solid #40e5a03d}@media (width<=1100px){.sirens-layout{grid-template-columns:1fr}.siren-list-panel{max-height:330px;overflow:auto}}@media (width<=720px){.sirens-header{flex-direction:column;align-items:flex-start;min-height:auto;padding:23px 20px}.sirens-header .siren-primary{width:100%}.siren-form-grid,.camera-link-grid{grid-template-columns:1fr}.siren-editor{padding:17px}.panel-title{flex-direction:column;align-items:flex-start}.siren-actions{width:100%}.siren-actions button{flex:1;justify-content:center}}@media (width<=480px){.camera-link-grid label{grid-template-columns:auto 38px minmax(0,1fr)}.camera-link-grid b{display:none}.siren-editor-footer{flex-wrap:wrap}.siren-editor-footer .siren-primary{flex:1}}.camera-link-grid label{grid-template-rows:auto auto;grid-template-columns:42px minmax(0,1fr);gap:3px 11px}.camera-link-grid label>.camera-check{grid-area:1/1/span 2}.camera-link-grid label>span:nth-of-type(2){grid-area:1/2;min-width:0}.camera-link-grid strong,.camera-link-grid small{text-overflow:unset;white-space:normal;overflow-wrap:anywhere;line-height:1.25;overflow:visible}.camera-link-grid strong{font-size:14px}.camera-link-grid small{margin-top:3px;font-size:11px}.camera-link-grid b{grid-area:2/2;margin-top:3px;font-size:9px}@media (width>=1350px){.camera-link-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}:root{--ct-ink:#020711;--ct-navy:#071426;--ct-panel:#0a1a30;--ct-panel-2:#0d2440;--ct-line:#50b9ff33;--ct-blue:#087cff;--ct-cyan:#20d7ff;--ct-text:#f4f9ff;--ct-muted:#8fa9c5;color:var(--ct-text);background:var(--ct-ink)}body{color:var(--ct-text);background:radial-gradient(circle at 88% -5%, #087cff2b, transparent 32%), var(--ct-ink)}button,a,input,select,textarea{transition:border-color .2s,background-color .2s,color .2s,box-shadow .2s,transform .2s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--ct-cyan);outline-offset:3px}.admin-shell{background:radial-gradient(circle at 82% 0,#087cff24,#0000 32%),linear-gradient(145deg,#020711 0%,#061426 62%,#071b31 100%)}.sidebar{border-right:1px solid var(--ct-line);background:linear-gradient(#08192efc,#030c18fc);width:292px;padding:20px 16px;box-shadow:16px 0 50px #00000042}.sidebar-brand{padding-bottom:22px}.sidebar-logo{object-fit:contain;filter:drop-shadow(0 12px 28px #0074ff33);background:0 0;border-radius:0;width:230px;height:118px}.sidebar-subtitle{color:#83a3c1;letter-spacing:.17em;text-transform:uppercase;margin-top:8px;font-size:11px;font-weight:700}.sidebar-menu{gap:7px}.menu-link{color:#8fa7c1;border:1px solid #0000;border-radius:11px;min-height:50px}.menu-link:hover{color:#edf8ff;background:#13436f40;border-color:#45aef321}.menu-link.active{background:linear-gradient(110deg,#0865e0e6,#0797f0c7);border-color:#55cdff42;box-shadow:0 12px 28px #0069eb38,inset 0 1px #ffffff1f}.sidebar-footer{border-color:var(--ct-line)}.main-area{width:calc(100% - 292px);margin-left:292px}.topbar{border-color:var(--ct-line);-webkit-backdrop-filter:blur(18px)saturate(130%);backdrop-filter:blur(18px)saturate(130%);background:#030b17db;min-height:96px;box-shadow:0 12px 40px #0003}.topbar-eyebrow{color:var(--ct-cyan);letter-spacing:.2em;margin-bottom:6px;font-size:10px;font-weight:800;display:block}.topbar h1{letter-spacing:-.025em;font-size:27px;font-weight:680}.topbar p{color:var(--ct-muted);margin-top:5px}.profile-avatar-logo{object-fit:contain;background:0 0;border:0;padding:0}.page-content{padding:30px 34px 48px}.dashboard-card,.stat-card,.camera-card,.user-card,.event-card,.billing-card,.ai-card,.settings-card,.panel,.card{border-color:var(--ct-line)!important;background:linear-gradient(145deg,#0d2440e6,#051121f5)!important;border-radius:16px!important;box-shadow:0 16px 42px #00000038!important}button{border-radius:10px}button[type=submit],.primary-button,.btn-primary{color:#fff;background:linear-gradient(115deg,#0767df,#079eff 62%,#1bc9ee);border:1px solid #5bd2ff52;box-shadow:0 10px 24px #0070ff3b}button[type=submit]:hover,.primary-button:hover,.btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 30px #0085ff57}input,select,textarea{color:var(--ct-text)!important;background:#030d1bb8!important;border-color:#52aeed47!important;border-radius:10px!important}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px #20d7ff1a;border-color:var(--ct-cyan)!important}table{border-radius:14px;overflow:hidden}thead{background:#084c8b38}th{color:#b9d9ef;letter-spacing:.06em;text-transform:uppercase;font-size:12px}td,th{border-color:#5394c624!important}.admin-login-page{background:radial-gradient(circle at 50% 12%,#087cff45,#0000 30%),radial-gradient(circle at 50% 100%,#13b9ff1a,#0000 38%),linear-gradient(150deg,#01040a 0%,#061426 58%,#08213b 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.admin-login-panel{background:linear-gradient(150deg,#0c223cf7,#030c19fc);border:1px solid #43beff47;border-radius:20px;width:100%;max-width:450px;padding:32px;box-shadow:0 28px 80px #00000080,0 0 70px #0675ff14}.admin-login-brand{justify-items:center;margin-bottom:26px;display:grid}.admin-login-brand img{object-fit:contain;background:0 0;width:min(330px,80vw);height:145px}.admin-login-brand span{color:var(--ct-cyan);letter-spacing:.25em;margin-top:10px;font-size:10px;font-weight:800}.admin-login-panel h1{text-align:center;letter-spacing:-.035em;margin:0;font-size:30px}.admin-login-panel>p{color:var(--ct-muted);text-align:center;margin:9px 0 26px}.admin-login-form{gap:10px;display:grid}.admin-login-form label{color:#cfe5f5;margin-top:5px;font-size:13px;font-weight:650}.admin-login-form input{width:100%;min-height:50px;padding:0 14px}.admin-login-form button{cursor:pointer;min-height:50px;margin-top:10px;font-weight:750}.admin-login-error{color:#ffb7bd;background:#91122a38;border:1px solid #ff636f40;border-radius:10px;margin-bottom:16px;padding:12px}.admin-login-panel small{color:#668099;text-align:center;margin-top:22px;display:block}@media (width<=1050px){.sidebar{width:88px}.sidebar-logo{width:67px;height:67px}.main-area{width:calc(100% - 88px);margin-left:88px}}@media (width<=720px){.main-area{width:100%;margin-left:0}.topbar-eyebrow{font-size:9px}.page-content{padding:20px 16px 36px}}@media (width<=520px){.admin-login-page{padding:14px}.admin-login-panel{padding:23px 18px}.admin-login-brand img{width:min(285px,82vw);height:120px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important}}

/* CentralTec: métricas GPU e layout responsivo */
.dashboard-panel,
.dashboard-panel * { box-sizing: border-box; }
.dashboard-panel { min-width: 0; }
.system-panel .status-layout {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 24px;
}
.system-panel .service-list,
.system-panel .resource-list,
.system-panel .usage-meter {
  min-width: 0;
  width: 100%;
}
.system-panel .usage-track { width: 100%; overflow: hidden; }
.system-panel .usage-heading {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
.system-panel .usage-heading > div { min-width: 0; }
.system-panel .usage-heading strong { flex-shrink: 0; }
.system-panel .usage-meter small { overflow-wrap: anywhere; }
.system-panel .technical-metrics {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px;
}
.system-panel .technical-metrics > div {
  min-width: 0;
  width: auto;
  overflow-wrap: anywhere;
}
.system-panel .service-information { min-width: 0; }
.system-panel .service-information strong,
.attention-panel .attention-item strong,
.attention-panel .attention-item span { overflow-wrap: anywhere; }
@media (max-width:1200px) {
  .system-panel .status-layout { grid-template-columns: minmax(0,1fr); }
}