:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#090d0c;--panel:#111715;--panel2:#151c19;--line:#27312d;--ink:#edf3ef;--muted:#84918b;--green:#a7ff4f;--red:#ff4f45;--amber:#f1b84b}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}.shell{background:radial-gradient(circle at 38% -20%,#1c3026,transparent 38%),var(--bg);grid-template-columns:210px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#0c110f;flex-direction:column;height:100vh;padding:22px 14px;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding:0 6px 23px;display:flex}.brand-mark{background:var(--green);color:#091009;clip-path:polygon(0 0,100% 0,100% 76%,50% 100%,0 76%);place-items:center;width:36px;height:39px;font:700 21px Georgia;display:grid}.brand strong,.brand small{display:block}.brand strong{letter-spacing:1.8px;font-size:13px}.brand small{color:var(--muted);letter-spacing:1.2px;margin-top:4px;font-size:8px}.sidebar nav{flex-direction:column;gap:4px;margin-top:20px;display:flex}.sidebar nav button{color:#8d9993;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:11px;padding:11px 10px;font-size:11px;display:flex}.sidebar nav button i{text-align:center;width:18px;font-size:14px;font-style:normal}.sidebar nav button b{color:#fff;background:#9e2f29;border-radius:12px;margin-left:auto;padding:2px 6px;font-size:8px}.sidebar nav button.active{color:var(--green);box-shadow:inset 2px 0 var(--green);background:#172019}.sidebar-foot{border-top:1px solid var(--line);align-items:center;gap:9px;margin-top:auto;padding:17px 4px 0;display:flex}.operator-avatar{width:32px;height:32px;color:var(--green);background:#26302c;border-radius:50%;place-items:center;font:700 9px monospace;display:grid}.sidebar-foot strong,.sidebar-foot small{font-size:9px;display:block}.sidebar-foot small{color:var(--muted);margin-top:4px}.sidebar-foot small i{background:var(--green);border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}.main{min-width:0}.topbar{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#090d0cf0;justify-content:space-between;align-items:center;height:70px;padding:0 27px;display:flex;position:sticky;top:0}.connection{align-items:center;gap:9px;display:flex}.connection strong,.connection small,.clock small{display:block}.connection strong{font-size:11px}.connection small,.clock small{color:var(--muted);margin-top:3px;font-size:9px}.live-dot{background:var(--green);width:8px;height:8px;box-shadow:0 0 10px var(--green);border-radius:50%}.top-actions{align-items:center;gap:16px;display:flex}.test-button,.primary{border:1px solid var(--green);color:var(--green);cursor:pointer;background:#192416;border-radius:4px;padding:9px 13px;font-size:10px}.primary{background:var(--green);color:#0b120b;font-weight:700}.clock{text-align:right;font:600 14px monospace}.alarm-banner{z-index:19;background:var(--red);align-items:center;gap:14px;min-height:70px;padding:11px 26px;animation:.9s infinite alternate alarmPulse;display:flex;position:sticky;top:70px}.alarm-icon{border:2px solid #fff;border-radius:50%;place-items:center;width:39px;height:39px;font:700 22px serif;display:grid}.alarm-banner div{flex:1}.alarm-banner strong,.alarm-banner small{display:block}.alarm-banner small{margin-top:5px;font-size:10px}.alarm-banner button{color:#b21f18;cursor:pointer;background:#fff;border:0;border-radius:4px;padding:11px 14px;font-weight:700}@keyframes alarmPulse{to{background:#b71e17}}.content{padding:27px}.page-head{justify-content:space-between;align-items:flex-end;margin-bottom:21px;display:flex}.page-head p,.subhead p,.modal>p{color:var(--green);letter-spacing:2px;margin:0 0 6px;font-size:8px;font-weight:700}.page-head h1{margin:0 0 6px;font:400 29px Georgia}.page-head>div>span{color:var(--muted);font-size:10px}.local-badge{color:var(--green);background:#162014;border:1px solid #395128;padding:8px 10px;font:700 8px monospace}.stats{grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:18px;display:grid}.stats article{border:1px solid var(--line);background:var(--panel);padding:14px}.stats span,.stats small,.stats strong{display:block}.stats span{color:var(--muted);letter-spacing:1px;font:700 8px monospace}.stats strong{margin:8px 0 4px;font:500 25px Georgia}.stats small{color:#7d8882;font-size:9px}.stats .warning-stat strong{color:var(--amber)}.monitor-layout{grid-template-columns:minmax(0,1fr) 300px;gap:13px;display:grid}.subhead{justify-content:space-between;align-items:end;margin-bottom:10px;display:flex}.subhead h2{margin:0;font:400 19px Georgia}.subhead>span{color:var(--muted);font-size:9px}.camera-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.camera{aspect-ratio:16/8.8;filter:saturate(.55);background:#1b2220;border:1px solid #37413d;position:relative;overflow:hidden}.camera:before{content:"";background:linear-gradient(#0000 55%,#000000d9),repeating-linear-gradient(0deg,#0000 0 3px,#ffffff06 4px);position:absolute;inset:0}.entrance{background:linear-gradient(90deg,#222924 0 20%,#667068 20% 26%,#252b27 26% 74%,#636e66 74% 80%,#1c211e 80%)}.shop{background:linear-gradient(15deg,#222927 0 33%,#555e59 34% 42%,#1c2420 43% 65%,#69716d 66% 72%,#202724 73%)}.warehouse{background:repeating-linear-gradient(90deg,#171c1a 0 14%,#464f4a 15% 17%),linear-gradient(#414a45,#181d1b)}.fence{background:repeating-linear-gradient(75deg,#0000 0 12px,#58615d 13px 14px),linear-gradient(#29342f,#101512)}.camera-overlay{z-index:3;justify-content:space-between;font:700 8px monospace;display:flex;position:absolute;inset:10px 10px auto}.camera-overlay span{background:#000000a6;padding:5px 6px}.camera-overlay b{color:var(--green)}.camera-label{z-index:3;position:absolute;bottom:11px;left:12px}.camera-label strong,.camera-label small{display:block}.camera-label strong{font-size:11px}.camera-label small{color:#a4afa9;margin-top:4px;font-size:8px}.detection-box{z-index:4;border:1px solid var(--green);width:65px;height:105px;position:absolute;top:18%;left:49%}.detection-box span{white-space:nowrap;background:var(--green);color:#10160f;padding:3px 4px;font:700 7px monospace;position:absolute;top:-17px;left:-1px}.queue{border:1px solid var(--line);background:#0d1210;padding:14px}.queue .subhead>b{background:#252e2a;border-radius:15px;padding:5px 9px;font-size:9px}.event-card{border:1px solid var(--line);background:var(--panel);width:100%;color:var(--ink);text-align:left;cursor:pointer;grid-template-columns:7px 1fr auto;gap:9px;margin-bottom:7px;padding:11px 9px;display:grid}.event-card>i{background:var(--amber);border-radius:50%;width:6px;height:6px;margin-top:3px}.event-card.alto>i{background:#ff8652}.event-card.crítico>i{background:var(--red);box-shadow:0 0 8px var(--red)}.event-card span strong,.event-card span small,.event-card span em{display:block}.event-card span strong{font-size:9px}.event-card span small{color:#a0aaa5;margin:4px 0;font-size:8px}.event-card span em{color:#69766f;font:7px monospace}.event-card>b{text-transform:uppercase;color:var(--amber);font-size:7px}.event-card.resolved{opacity:.48}.toolbar{border:1px solid var(--line);background:var(--panel);justify-content:space-between;align-items:center;height:51px;margin-bottom:12px;padding:0 15px;display:flex}.toolbar input{color:#fff;background:0 0;border:0;border-bottom:1px solid #3a4540;outline:0;width:330px;padding:7px;font-size:10px}.toolbar span{color:var(--muted);font-size:9px}.client-grid{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.client-card{border:1px solid var(--line);background:var(--panel);padding:17px}.client-top{justify-content:space-between;display:flex}.client-icon{width:38px;height:38px;color:var(--green);background:#25302b;border-radius:5px;place-items:center;font:700 10px monospace;display:grid}.armed-pill,.paused-pill,.online-pill{color:var(--green);cursor:pointer;background:#172015;border:1px solid #3c582d;border-radius:14px;padding:5px 9px;font-size:8px}.paused-pill{color:#d4a953;background:#211c14;border-color:#554832}.client-card h2{margin:16px 0 5px;font:400 18px Georgia}.client-card>p{color:var(--muted);min-height:20px;font-size:9px}.client-metrics{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:14px;display:grid}.client-metrics span{color:var(--muted);padding:11px 3px;font-size:7px}.client-metrics b{color:var(--ink);margin-bottom:4px;font:600 11px monospace;display:block}.card-action{color:#9ea9a3;text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:13px 0 0;font-size:9px}.incident-table{border:1px solid var(--line);background:var(--panel)}.table-row{border-bottom:1px solid var(--line);grid-template-columns:90px 1.4fr 1.4fr 90px 90px 70px;align-items:center;gap:12px;padding:12px 14px;font-size:9px;display:grid}.table-head{color:var(--muted);background:#0e1311;font:700 8px monospace}.table-row strong small,.table-row>span small{color:var(--muted);margin-top:4px;font-weight:400;display:block}.table-row code{font-size:9px}.table-row button{color:#c4cdc8;cursor:pointer;background:0 0;border:1px solid #3c4742;padding:6px;font-size:8px}.risk{text-transform:uppercase;color:var(--amber);font:700 8px monospace}.risk.alto{color:#ff8652}.risk.crítico{color:var(--red)}.done{color:var(--green)}.pending{color:var(--amber)}.device-card,.device-list article{border:1px solid var(--line);background:var(--panel);padding:16px}.device-card{justify-content:space-between;align-items:center;margin-bottom:11px;display:flex}.device-card>div{align-items:center;gap:12px;display:flex}.device-icon{width:46px;height:46px;color:var(--green);background:#24302a;border-radius:5px;place-items:center;font:700 9px monospace;display:grid}.device-card h2,.device-list h2{margin:0 0 5px;font:400 15px Georgia}.device-card p,.device-list p,.device-list small{color:var(--muted);margin:0;font-size:8px}.storage span{border-left:1px solid var(--line);color:var(--muted);padding-left:15px;font-size:8px}.storage b{color:var(--ink);margin-bottom:4px;font-size:10px;display:block}.device-list{flex-direction:column;gap:7px;display:flex}.device-list article{grid-template-columns:70px 1fr auto 75px;align-items:center;gap:12px;display:grid}.device-thumb{border:1px solid #3a4540;height:44px}.device-list small{margin-top:4px;display:block}.device-list>article>button{color:#c2ccc7;background:0 0;border:1px solid #3d4943;padding:7px;font-size:8px}.settings-grid{grid-template-columns:1fr 1fr;gap:11px;display:grid}.settings-grid section{border:1px solid var(--line);background:var(--panel);padding:17px}.settings-grid h2{margin:0 0 14px;font:400 18px Georgia}.settings-grid label{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.settings-grid label b,.settings-grid label small{display:block}.settings-grid label b{font-size:10px}.settings-grid label small{color:var(--muted);margin-top:4px;font-size:8px}.settings-grid input[type=checkbox]{accent-color:var(--green);width:16px;height:16px}.system-note{grid-column:1/-1}.system-note>p{color:var(--muted);font-size:9px;line-height:1.5}.system-note>div{border-top:1px solid var(--line);justify-content:space-between;padding:10px 0;font-size:9px;display:flex}.system-note b{color:var(--green)}.system-note em{color:var(--amber);font-style:normal}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#141a18;border:1px solid #48544e;width:min(480px,100%);padding:23px;position:relative}.modal h2{margin:0;font:400 22px Georgia}.modal-risk{text-transform:uppercase;color:var(--amber);font:700 8px monospace;position:absolute;top:23px;right:23px}.modal-risk.crítico{color:var(--red)}.modal-preview{filter:grayscale(.5);border:1px solid #37413d;height:185px;margin:17px 0;position:relative;overflow:hidden}.scanline{background:var(--green);height:2px;box-shadow:0 0 12px var(--green);animation:2.3s linear infinite scan;position:absolute;left:0;right:0}@keyframes scan{0%{top:0}to{top:100%}}.incident-facts{border:1px solid var(--line);grid-template-columns:1fr 1.5fr .7fr;display:grid}.incident-facts span{border-right:1px solid var(--line);padding:9px}.incident-facts small,.incident-facts b{display:block}.incident-facts small{color:var(--muted);font-size:7px}.incident-facts b{margin-top:5px;font-size:8px}.warning{color:#aab3ae;border-left:2px solid var(--amber);background:#20251d;margin-top:12px;padding:9px;font-size:9px;line-height:1.5;display:block}.modal-actions{justify-content:flex-end;gap:8px;margin-top:17px;display:flex}.modal-actions button{color:#d7dedb;cursor:pointer;background:0 0;border:1px solid #3d4943;padding:9px 12px;font-size:9px}.modal-actions .primary{background:var(--green);color:#10150f}.form-modal label{color:#a8b1ac;margin-top:14px;font-size:9px;display:block}.form-modal input,.form-modal select{color:#fff;background:#0e1311;border:1px solid #36413c;outline:0;width:100%;margin-top:5px;padding:10px;display:block}@media (max-width:1050px){.monitor-layout{grid-template-columns:1fr}.client-grid,.stats{grid-template-columns:1fr 1fr}}@media (max-width:760px){.shell{grid-template-columns:1fr}.sidebar{height:auto;padding:12px;position:static}.sidebar nav{flex-direction:row;overflow:auto}.sidebar nav button{white-space:nowrap}.sidebar-foot{display:none}.main{min-width:0}.content{padding:17px}.camera-grid,.client-grid,.settings-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.topbar{padding:0 15px}.test-button{display:none}.table-row{grid-template-columns:80px 1fr 75px}.table-row>:nth-child(3),.table-row>:nth-child(4),.table-head{display:none}.device-list article{grid-template-columns:55px 1fr auto}.device-list article>button{display:none}.device-card{flex-direction:column;align-items:flex-start;gap:13px}.storage{flex-wrap:wrap}.page-head{align-items:flex-start;gap:12px}.local-badge{display:none}}