.faces-view{display:grid;gap:20px}.faces-view .page-heading{margin-bottom:0}.faces-status-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.faces-status-item{display:flex;gap:13px;align-items:center;padding:19px 20px;background:#fff;border:1px solid var(--border);border-radius:var(--radius)}.faces-status-item>svg{color:var(--green);flex-shrink:0}.faces-status-item strong,.faces-status-item small{display:block}.faces-status-item strong{font-size:.9rem}.faces-status-item small{color:var(--muted);margin-top:3px}.faces-light{width:8px;height:8px;margin-left:auto;border-radius:50%;background:#d49b44;flex-shrink:0}.faces-light.ready,.faces-live-dot{background:#1aa889;box-shadow:0 0 0 4px #1aa88913}.faces-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:20px;align-items:start}.faces-gallery-column{display:grid;gap:20px;min-width:0}.faces-analysis-panel{min-width:0}.faces-analysis-body{display:grid;gap:17px;padding:20px}.faces-source-tabs{display:flex;width:fit-content;padding:4px;border-radius:8px;background:#f0f4f5;gap:4px}.faces-source-tabs button{display:flex;align-items:center;gap:7px;padding:8px 14px;border:0;background:transparent;border-radius:5px;color:var(--muted);font-size:.85rem}.faces-source-tabs button[aria-pressed=true]{background:#fff;color:var(--green);box-shadow:0 1px 4px #18394712}.faces-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.faces-camera-select{flex:1;min-width:150px;margin:0}.faces-camera-select select{width:100%}.faces-file-button,.faces-enroll-upload{position:relative;cursor:pointer;overflow:hidden}.faces-controls .faces-file-button{flex-direction:row;margin:0}.faces-file-button input,.faces-enroll-upload input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.faces-file-button:focus-within,.faces-enroll-upload:focus-within{outline:3px solid #39b5a477;outline-offset:3px}.faces-preview{min-height:310px;display:flex;align-items:center;justify-content:center;background:#f3f6f7;border:1px solid var(--border);border-radius:10px;overflow:hidden}.faces-preview.has-image{background:#142b36;min-height:0}.faces-preview .empty{padding:48px 22px}.faces-image-frame{position:relative;width:100%}.faces-image-frame>img{width:100%;height:auto;display:block}.faces-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.faces-overlay rect{fill:#efb4480a;stroke:#ffd071;stroke-width:2;vector-effect:non-scaling-stroke}.faces-overlay .is-matched rect{fill:#25e5b00a;stroke:#3fe2b3}.faces-overlay text{fill:#ffe0a2;paint-order:stroke;stroke:#102832;stroke-width:3;font-weight:650}.faces-overlay .is-matched text{fill:#72f2cc}.faces-preview-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:-5px;color:var(--muted);font-size:.75rem}.faces-preview-caption>span:first-child{display:inline-flex;align-items:center;gap:8px}.faces-live-dot{display:inline-block;width:6px;height:6px;border-radius:50%}.faces-results{display:grid;gap:12px;border-top:1px solid var(--border);padding-top:17px}.faces-latency-result{display:flex;align-items:center;gap:12px;padding:15px;background:#edf6f3;border:1px solid #dcece5;border-radius:8px;color:var(--green)}.faces-latency-result strong{display:block;font-size:1.65rem;line-height:1.35;font-variant-numeric:tabular-nums}.faces-latency-result strong span{font-size:.85rem;font-weight:500}.faces-latency-result small{color:#598175;font-size:.72rem}.faces-latency-result p{margin-left:auto;text-align:right;font-size:.72rem;color:#598175}.faces-result-summary{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:.85rem}.faces-result-summary>span{color:var(--muted)}.faces-result-list,.faces-subject-list{list-style:none;padding:0;margin:0}.faces-result-list{display:grid;gap:8px}.faces-result-list>li{display:flex;align-items:center;gap:11px;padding:11px 12px;background:#f7f9fa;border-radius:7px}.faces-result-list strong,.faces-subject-list strong{display:block;font-size:.85rem;overflow-wrap:anywhere}.faces-result-list small,.faces-subject-list small{display:block;color:var(--muted);font-size:.72rem}.faces-face-number{display:grid;place-items:center;width:29px;height:29px;flex-shrink:0;border-radius:7px;color:#98702c;background:#fff0d4;font-size:.8rem}.faces-face-number.matched{background:var(--green-light);color:var(--green)}.faces-similarity{margin-left:auto;flex-shrink:0;font-size:.75rem;color:var(--muted);font-variant-numeric:tabular-nums}.faces-enroll-form{display:grid;gap:15px;padding:20px}.faces-enroll-form>label{margin:0}.faces-enroll-form .faces-enroll-upload{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;min-height:155px;border:1px dashed #cbdad9;background:#f8fbfa;border-radius:8px;padding:17px;text-align:center;color:var(--green)}.faces-enroll-upload small{color:var(--muted);font-weight:400}.faces-enroll-upload img{max-height:135px;max-width:100%;object-fit:contain;border-radius:5px}.faces-enroll-upload.is-disabled{opacity:.6}.faces-enroll-upload.is-disabled input{cursor:not-allowed}.faces-success{color:var(--green);font-size:.8rem}.faces-count{display:inline-block;border-radius:5px;background:#edf4f3;color:var(--green);padding:1px 6px;margin-left:4px;font-size:.75rem}.faces-subject-panel .empty{padding:32px 22px}.faces-subject-panel .empty p{max-width:100%;overflow-wrap:anywhere}.faces-subject-list{max-height:390px;overflow-y:auto;padding:0 20px}.faces-subject-list>li{display:flex;align-items:center;gap:11px;padding:15px 0;border-bottom:1px solid var(--border)}.faces-subject-list>li:last-child{border-bottom:0}.faces-subject-list>li>div{min-width:0;flex:1}.faces-avatar{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#edf5f3;color:var(--green);flex-shrink:0;font-size:.85rem}.faces-spinning{animation:faces-spin 1s linear infinite}@keyframes faces-spin{to{transform:rotate(360deg)}}@media(max-width:1150px){.faces-status-row{gap:10px}.faces-status-item{padding:15px;gap:10px}.faces-status-item small{font-size:.7rem}.faces-layout{grid-template-columns:minmax(0,1fr) 290px}}@media(max-width:900px){.faces-layout{grid-template-columns:1fr}.faces-gallery-column{grid-template-columns:1fr 1fr;align-items:start}.faces-status-row{grid-template-columns:1fr}.faces-status-item{padding:13px 17px}.faces-status-item small{font-size:.75rem}}@media(max-width:560px){.faces-gallery-column{grid-template-columns:1fr}.faces-analysis-body,.faces-enroll-form{padding:15px}.faces-preview{min-height:230px}.faces-controls>.button{flex:1}.faces-camera-select{flex-basis:100%}.faces-similarity{font-size:.7rem}.faces-view .page-heading{align-items:flex-start;gap:14px}}@media(prefers-reduced-motion:reduce){.faces-spinning{animation:none}}:root{font-family:Inter,Segoe UI,Microsoft YaHei,system-ui,sans-serif;color:#213544;background:#f3f6f8;font-synthesis:none;--ink: #203846;--muted: #748592;--border: #e4eaee;--green: #137f70;--green-light: #e5f5ef;--dark: #142e3b;--radius: 12px;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button{color:inherit}a{color:var(--green);text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #39b5a477;outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:1.75rem;letter-spacing:-.035em;font-weight:700;line-height:1.45}h2{font-size:1.03rem;font-weight:650;line-height:1.5}h3{font-size:.98rem;font-weight:650;line-height:1.5}p{line-height:1.65}small,.small{font-size:.8rem;line-height:1.65}.muted{color:var(--muted)}.mono{font-family:Consolas,monospace}.break-word{overflow-wrap:anywhere}.fit{width:fit-content}.full-width{width:100%}.row{display:flex;align-items:center;gap:10px}.space-between{justify-content:space-between}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:10px 17px;border:1px solid transparent;border-radius:7px;font-size:.875rem;font-weight:550;line-height:1.35;transition:background .15s,transform .15s;white-space:nowrap}.button:hover:not(:disabled){transform:translateY(-1px)}.button.primary{background:var(--green);color:#fff;box-shadow:0 3px 7px #137f7014}.button.primary:hover{background:#096e60}.button.secondary{background:#fff;border-color:#dce5e9;color:#3b5360}.button.secondary:hover{background:#f3f8f7}.button.small{min-height:31px;font-size:.8rem;padding:6px 11px}.icon-button{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:6px;min-width:34px;height:34px;color:#728491;flex-shrink:0}.icon-button:hover{background:#eaf0f3;color:#137f70}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:0;background:transparent;font-size:.85rem;font-weight:550;padding:5px 0;color:#137f70;white-space:nowrap}.text-button:hover{color:#0a5c50}.back-button{border:0;background:none;color:#6f838e;padding:0 0 15px;font-size:.85rem}.button svg,.text-button svg{flex-shrink:0}.badge{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:4px 8px;border-radius:5px;background:#edf1f4;color:#738590;font-size:.75rem;font-weight:550;line-height:1.5;white-space:nowrap}.badge-online,.badge-resolved,.badge-idle{background:#e8f5ee;color:#28836a}.badge-open,.badge-active,.badge-offline{background:#fcebe9;color:#be5950}.badge-acknowledged,.badge-pending,.badge-recovering{background:#fff5df;color:#a07b26}.badge-demo{background:#e9f0fd;color:#607db0}.badge-unknown,.badge-waiting{background:#eef1f5;color:#78859c}.badge-false_positive{background:#f1eef8;color:#8e76a9}.badge-paused{background:#f0f1f3;color:#8a969f}.app-shell{display:flex;min-height:100vh}.sidebar{width:232px;position:fixed;left:0;top:0;bottom:0;background:var(--dark);color:#b7c9d3;display:flex;flex-direction:column;padding:30px 17px 18px;z-index:20}.brand{display:flex;align-items:center;gap:11px;color:#fff;padding:0 12px;margin-bottom:43px}.brand-mark{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:43px;height:43px;border-radius:12px;background:#184c53;color:#72e4c4}.brand strong{display:flex;align-items:baseline;gap:9px;font-size:1.36rem;letter-spacing:.035em;line-height:1.25}.brand-latin{font-size:.62rem;color:#a2bbc3;letter-spacing:.13em;font-weight:500}.brand small{font-size:.76rem;color:#9ab4c0;letter-spacing:.07em;display:block;margin-top:6px}.workspace-label{display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;font-size:.73rem;color:#708f9f;letter-spacing:.06em;padding:0 16px;margin-bottom:16px}.workspace-label span{font-family:Consolas,monospace;font-size:.7rem}.sidebar nav{display:flex;flex-direction:column;gap:7px}.sidebar nav button{display:flex;align-items:center;gap:13px;border:0;background:none;color:#a9c0cc;width:100%;padding:13px 15px;border-radius:7px;text-align:left;font-size:.9rem;position:relative;transition:.15s}.sidebar nav button:hover{background:#1e3a48;color:#ecf3f6}.sidebar nav button.active{background:#224d53;color:#8ce4ca}.sidebar nav button.active:before{content:"";position:absolute;left:0;top:13px;bottom:13px;width:3px;background:#69d5b8;border-radius:2px}.nav-count{margin-left:auto;border-radius:4px;padding:2px 6px;background:#d78b6033;color:#ecc5a8;font-size:.73rem}.sidebar-bottom{margin-top:auto;padding-top:30px}.edge-status{display:flex;align-items:center;gap:10px;background:#1b3846;border:1px solid #ffffff05;border-radius:8px;padding:15px 12px;margin:0 5px 22px;color:#8ebaa9}.edge-status div{display:flex;flex-direction:column;gap:4px}.edge-status strong{color:#d4e3e9;font-size:.79rem;font-weight:550}.edge-status small{color:#7996a7;font-size:.7rem}.status-pulse{width:6px;height:6px;background:#67cb9c;border-radius:100%;margin-left:auto}.user-block{display:flex;align-items:center;gap:9px;padding:0 8px}.avatar{display:flex;align-items:center;justify-content:center;width:33px;height:33px;border-radius:100%;background:#456271;color:#dbe8ee;font-size:.9rem}.user-block>div{flex:1;min-width:0}.user-block strong{font-size:.79rem;color:#cbdbe2;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-block small{font-size:.68rem;color:#7694a5}.user-block .icon-button:hover{background:#294554;color:#fff}.main-shell{margin-left:232px;flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 35px;background:#fff;border-bottom:1px solid var(--border);gap:20px}.breadcrumb{display:flex;align-items:center;gap:11px;font-size:.82rem;color:#8b9aa4}.breadcrumb strong{font-weight:500;color:#4f6573}.topbar-tools{display:flex;align-items:center;gap:18px}.local-pill{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#6f9186}.notification-bell{position:relative}.notification-bell i{position:absolute;right:6px;top:7px;width:5px;height:5px;background:#df795f;border-radius:100%;box-shadow:0 0 0 2px #fff}.demo-banner{min-height:34px;padding:8px 35px;background:#eaf0f8;display:flex;align-items:center;gap:9px;font-size:.75rem;color:#607e9a}.demo-banner>span{font-weight:650}.demo-banner p{font-size:.74rem;color:#7a8da2;margin-left:4px}.connection-error{display:flex;gap:15px;background:#fff1e8;padding:10px 30px;color:#9e5b39;font-size:.85rem}.connection-error button{border:0;background:none;text-decoration:underline;color:inherit}.main-content{padding:30px 35px 38px;max-width:1730px;width:100%;margin:0 auto;flex:1}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.page-heading p{font-size:.87rem;color:#81919c;margin-top:5px}.heading-actions{display:flex;gap:11px;align-items:center;flex-shrink:0}.app-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 35px 24px;color:#9ba9b3;font-size:.72rem}.app-footer span:nth-child(2){color:#a5b1ba}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:26px}.stat-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:20px 21px 18px;position:relative;overflow:hidden}.stat-card>.row{font-size:.84rem;color:#6f838f}.stat-card>.row svg{color:#8a9fa9}.stat-value{display:block;font-size:2.24rem;line-height:1.35;font-weight:650;letter-spacing:-.04em;margin:8px 0 4px;font-variant-numeric:tabular-nums}.stat-card p{font-size:.73rem;color:#98a6af;white-space:normal}.stat-card.stat-accent{border-color:#eddace}.stat-accent:after{content:"";height:3px;width:100%;position:absolute;top:0;left:0;background:#cf916d}.stat-accent .stat-value{color:#af6c45}.stat-accent>.row svg{color:#ce9371}.panel{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px 17px}.panel-heading p{font-size:.76rem;color:#99a6af;margin-top:4px}.panel-heading>svg{color:#7d959f}.overview-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:23px;margin-bottom:25px}.monitor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;padding:0 22px 22px}.monitor-tile{padding:0;text-align:left;background:none;border:1px solid #e6ecef;border-radius:8px;overflow:hidden;transition:.18s}.monitor-tile:hover{border-color:#9ebeb4;box-shadow:0 3px 14px #132e3b08}.camera-preview{background:#263d4b;position:relative;aspect-ratio:16/9;overflow:hidden;isolation:isolate;color:#b3c4cf}.camera-preview>img{height:100%;width:100%;object-fit:fill;display:block}.preview-empty{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;padding:34px 12px 16px;background:linear-gradient(140deg,#243c4a,#1e3341)}.preview-empty>svg{color:#627d8d;stroke-width:1.3}.preview-empty>span{font-size:.75rem;color:#9eb3c2}.preview-empty>small{font-size:.64rem;color:#698293;text-align:center;line-height:1.65;max-width:270px}.preview-top{position:absolute;top:11px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.preview-top>span:first-child{font-family:Consolas,monospace;font-size:.65rem;display:flex;align-items:center;gap:6px;background:#0c213352;color:#a3bac9;padding:4px 6px;border-radius:4px}.preview-top .badge{font-size:.64rem;padding:2px 6px}.preview-top .badge-demo{background:#465e7d80;color:#c1d6ef}.preview-top .badge-waiting{background:#4d62766e;color:#c6d2dc}.preview-top .badge-online{background:#126b5599;color:#b4f0d5}.preview-top .badge-paused,.preview-top .badge-offline{background:#633c3580;color:#e8bdb1}.preview-time{position:absolute;bottom:7px;right:9px;font-size:.66rem;background:#11243199;color:#e7eff5;padding:3px 6px;border-radius:3px}.region-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.monitor-caption{padding:13px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.monitor-caption strong{display:block;font-size:.83rem;line-height:1.5;font-weight:600}.monitor-caption span{display:flex;gap:4px;align-items:center;font-size:.71rem;color:#95a2ac;margin-top:3px}.monitor-caption>svg{color:#a3b1b9}.overview-aside{display:flex;flex-direction:column;gap:18px}.decision-card{padding-bottom:18px}.decision-card>.button{width:calc(100% - 40px);margin:20px 20px 0;font-size:.77rem;min-height:34px;padding:8px 10px}.decision-card .panel-heading{padding-bottom:19px}.decision-flow{padding:0 21px}.decision-flow>div{display:flex;align-items:center;gap:10px;min-height:40px}.step-index{display:flex;align-items:center;justify-content:center;width:29px;height:29px;border:1px solid #e1e9ed;border-radius:7px;color:#85a097;font-size:.7rem;font-variant-numeric:tabular-nums;flex-shrink:0}.decision-flow>div>div{flex:1;min-width:0}.decision-flow strong{display:block;font-size:.8rem;font-weight:550}.decision-flow small{display:block;font-size:.66rem;color:#91a0ac;line-height:1.6;margin-top:2px}.decision-flow>div>.badge{font-size:.63rem}.decision-flow>div>svg{color:#97b2a8;width:15px}.decision-flow>i{display:block;height:11px;border-left:1px dashed #dce5e9;margin-left:14px}.trend-panel{flex:1}.trend-panel .panel-heading{padding-bottom:5px}.bar-chart{height:128px;display:flex;align-items:stretch;gap:13px;padding:6px 23px 16px}.chart-column{display:flex;flex-direction:column;align-items:center;gap:5px;flex:1;min-width:0}.chart-column>span{font-size:.62rem;color:#93a7ac;font-variant-numeric:tabular-nums}.bar-track{display:flex;align-items:flex-end;width:100%;max-width:19px;flex:1;border-radius:3px;background:#f6f8f9}.bar-track i{width:100%;background:#7ab9a5;border-radius:3px 3px 0 0;min-height:3px}.chart-column:last-child .bar-track i{background:#2b967c}.chart-column>small{font-size:.63rem;color:#98a7af}.table-scroll{overflow-x:auto}.event-table{border-collapse:collapse;width:100%;font-size:.8rem;text-align:left;white-space:nowrap}.event-table th{color:#91a0aa;background:#fafbfc;font-weight:500;font-size:.74rem;padding:12px 20px;border-top:1px solid #eff2f4;border-bottom:1px solid #eff2f4}.event-table td{padding:15px 20px;border-bottom:1px solid #edf1f3;vertical-align:middle}.event-table tr:last-child td{border-bottom:0}.event-table th:first-child,.event-table td:first-child{padding-left:24px}.event-table td:last-child{padding-right:14px}.event-table tr:hover td{background:#fcfefe}.event-title{border:0;background:none;text-align:left;display:flex;flex-direction:column;gap:6px;padding:0;min-width:160px}.event-title strong{font-size:.82rem;font-weight:550;display:flex;align-items:center;gap:7px}.event-title>span{font-size:.72rem;color:#8b9da7}.demo-label{font-size:.58rem;font-weight:500;background:#eff3f9;color:#8a9fba;padding:2px 4px;border-radius:3px}.severity{font-size:.75rem;display:inline-flex;align-items:center;gap:6px;color:#7e9a90;white-space:nowrap}.severity i{width:5px;height:5px;border-radius:100%;background:currentColor}.severity-high,.severity-text.high{color:#bc7358}.severity-medium,.severity-text.medium{color:#b29a5b}.severity-low,.severity-text.low{color:#648d96}.source-label{display:flex;align-items:center;gap:5px;color:#7a8f9a;font-size:.74rem}.event-time{font-size:.74rem;color:#879aa4;font-variant-numeric:tabular-nums}.empty{padding:46px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:11px;color:#a0b4be}.empty h3{color:#607883;margin-top:5px;font-size:.92rem}.empty p{font-size:.82rem;max-width:400px;color:#97a7b0}.empty .button{margin-top:6px}.empty>svg{stroke-width:1.3}.notice{display:flex;align-items:flex-start;gap:9px;padding:12px 14px;background:#eff5f8;color:#668296;border:1px solid #e5edf1;border-radius:7px;font-size:.78rem;line-height:1.75}.notice>svg{flex-shrink:0;margin-top:3px}.filter-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.tabs{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.tabs button{border:0;background:transparent;padding:9px 14px;border-radius:6px;color:#8b9ba7;font-size:.85rem;white-space:nowrap}.tabs button.active{background:#e4efeb;color:#287a63;font-weight:550}.tabs button>span{font-size:.7rem;margin-left:5px;color:#82a095}.search-input{display:flex;align-items:center;gap:7px;padding:0 12px;background:#fff;border:1px solid #dfe7ec;border-radius:7px;min-width:180px}.search-input svg{color:#9cabb4;flex-shrink:0}.search-input input{border:0!important;background:transparent!important;box-shadow:none!important;padding:10px 0!important;width:180px;min-width:0;font-size:.79rem}.search-input input:focus{outline:0}.compact-select{width:auto;max-width:180px;font-size:.82rem;min-height:38px}.camera-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.camera-image-button{padding:0;border:0;background:none;display:block;width:100%;text-align:inherit}.camera-card-body{padding:18px}.camera-card-body h3{font-size:.92rem}.camera-card-body>p{font-size:.79rem;color:#93a4ae;display:flex;align-items:center;gap:5px;margin-top:2px}.camera-card-meta{display:flex;gap:9px;margin:16px 0;color:#8799a2;font-size:.73rem}.camera-card-meta>span{border:1px solid #e9edf0;border-radius:4px;padding:3px 7px}.camera-card-footer{border-top:1px solid #edf1f3;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:8px}.camera-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:23px;align-items:start;margin-bottom:24px}.camera-preview.large .preview-empty>span{font-size:1rem}.camera-preview.large .preview-empty>small{font-size:.8rem}.camera-preview.large .preview-empty>svg{width:45px;height:45px}.camera-detail-toolbar{padding:18px 21px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.8rem}.camera-detail-actions{padding:0 21px 20px;display:flex;gap:10px;flex-wrap:wrap}.camera-detail-grid>aside{display:flex;flex-direction:column;gap:20px}.region-row{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #edf2f4}.region-row svg{color:#729d8a}.region-row strong{font-size:.82rem}.region-row small{font-size:.7rem;color:#92a0a9;display:block}.region-row+.button{margin-top:15px}.capability-list{display:flex;flex-direction:column;gap:12px;margin:15px 0}.capability-list>span{display:flex;align-items:center;gap:8px;font-size:.82rem;color:#658978}.simple-rule-list{padding:0 22px 20px}.simple-rule-list>div{display:flex;align-items:center;gap:13px;padding:17px 0;border-top:1px solid #edf2f4}.simple-rule-list>div>svg{color:#789b91}.simple-rule-list>div>div{flex:1}.simple-rule-list strong{display:block;font-size:.85rem}.simple-rule-list small{color:#8d9da7;font-size:.75rem;display:block;margin-top:5px}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.template-card{padding:22px;display:flex;flex-direction:column;align-items:stretch}.template-icon{width:49px;height:49px;border-radius:11px;background:#eaf4ef;display:flex;align-items:center;justify-content:center;color:#528776}.industry-tag{font-size:.74rem;color:#829b8f;background:#f3f7f5;padding:4px 9px;border-radius:4px}.template-card h2{margin-top:20px}.template-card p{color:#8a9ca5;font-size:.82rem;margin-top:9px;flex:1}.template-needs{display:flex;align-items:flex-start;gap:7px;font-size:.7rem;color:#8a9ba5;border-top:1px solid #edf2f4;margin-top:22px;padding-top:13px;line-height:1.7;min-height:48px}.template-needs svg{margin-top:3px;flex-shrink:0}.template-card>.button{margin-top:16px}.rule-list{display:flex;flex-direction:column;gap:17px}.rule-card{padding:21px 24px}.rule-card-title{display:flex;align-items:center;gap:14px}.rule-icon{width:44px;height:44px;border-radius:9px;background:#eef4f2;color:#6c9688;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rule-card-title>div{flex:1;min-width:0}.rule-card-title h2{font-size:.96rem}.rule-card-title p{font-size:.75rem;color:#98a6af;display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:4px}.rule-card-title>.switch{margin-left:7px}.rule-condition{margin-top:20px;display:flex;align-items:center;gap:12px;background:#f6f9fa;border-radius:7px;padding:15px 17px;font-size:.83rem;color:#69818c;flex-wrap:wrap}.rule-condition>strong{color:#365e56;font-weight:600}.rule-condition>i{height:15px;width:1px;background:#dce5e9}.rule-recovery{margin-left:auto;color:#9aabb4;font-size:.75rem}.rule-card-footer{margin-top:17px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.74rem;color:#90a2ac}.rule-card-footer>span{display:flex;align-items:center;gap:6px}.rule-card-footer>div{display:flex;gap:22px}.rule-card-footer .text-button{font-size:.77rem}.rule-card-footer .text-button.muted{color:#9bacb5}.switch{display:inline-flex!important;align-items:center;position:relative;cursor:pointer;width:35px;height:20px;flex-shrink:0}.switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.switch>span{display:block;width:35px;height:20px;background:#d9e2e8;border-radius:20px;transition:.2s;pointer-events:none}.switch>span:after{content:"";display:block;position:absolute;width:14px;height:14px;background:#fff;border-radius:100%;top:3px;left:3px;box-shadow:0 1px 3px #263c4522;transition:.2s}.switch input:checked+span{background:#479a80}.switch input:checked+span:after{transform:translate(15px)}.switch input:focus-visible+span{outline:3px solid #6fc8ad66;outline-offset:4px}.event-summary{display:flex;align-items:center;gap:27px;margin-bottom:25px;background:#eaf0f3;padding:17px 23px;border-radius:9px;color:#7b8e99;font-size:.82rem;flex-wrap:wrap}.event-summary b{color:#426574;font-size:1.1rem;font-weight:600;margin-right:5px}.event-summary>.muted{margin-left:auto;font-size:.74rem}.event-filters{padding:16px 19px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.event-filters .tabs button{font-size:.8rem;padding:8px 11px}.event-filters .row{gap:11px}.event-filters .search-input input{width:160px}.settings-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:23px;align-items:start}.settings-main,.settings-aside{display:flex;flex-direction:column;gap:22px}.settings-panel{padding:22px}.settings-panel>.panel-heading{padding:0 0 22px}.settings-panel>.panel-heading p{font-size:.78rem}.settings-panel>h2{margin-bottom:18px}.settings-panel .muted{font-size:.8rem}.section-divider{height:1px;background:#e9eff2;margin:6px 0}.info-list{margin:0;display:flex;flex-direction:column;gap:17px;font-size:.8rem}.info-list>div{display:flex;justify-content:space-between;gap:12px}.info-list dt{color:#8d9fa9}.info-list dd{margin:0;color:#536f7c;text-align:right}.settings-panel>.small{margin-top:20px;font-size:.73rem;border-top:1px solid #edf2f4;padding-top:15px;overflow-wrap:anywhere}.audit-list>div{border-bottom:1px solid #edf2f4;padding:10px 0;display:grid;grid-template-columns:1fr auto;gap:5px}.audit-list strong{font-size:.73rem;font-weight:500;color:#6f8995}.audit-list span{font-size:.74rem;color:#849ba6}.audit-list small{grid-column:1/-1;font-size:.65rem;color:#a2b0b8}.audit-list>div:last-child{border:0}.token-form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:12px}.token-form label{font-size:.8rem}.token-form .button{height:42px}.secret-output{margin-top:20px;background:#eaf5f0;border:1px solid #c6dfd3;border-radius:8px;padding:15px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.secret-output strong{font-size:.82rem;color:#467b66}.secret-output code{word-break:break-all;font-size:.79rem}.token-list{margin-top:18px}.token-row{display:flex;gap:10px;align-items:center;padding:14px 0;border-top:1px solid #edf2f4}.token-row>svg{color:#91aaa0}.token-row>div{flex:1;min-width:0}.token-row strong{font-size:.84rem;font-weight:550}.token-row small{font-size:.7rem;color:#94a6af;display:block;margin-top:3px}.delivery-row{display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:.8rem;padding:10px 0;border-bottom:1px solid #edf2f4}.delivery-row>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}label{display:flex;flex-direction:column;gap:8px;color:#5c7683;font-size:.84rem;line-height:1.45}label small{font-size:.73rem;color:#93a6b0;line-height:1.7}input,select,textarea{width:100%;border:1px solid #dce6eb;border-radius:6px;padding:11px 12px;color:#345261;background:#fff;font-size:.875rem;min-width:0;line-height:1.4}input::placeholder,textarea::placeholder{color:#a6b5be}input:hover,select:hover,textarea:hover{border-color:#aec6be}input:focus,select:focus,textarea:focus{border-color:#65aa94;outline:2px solid #4fac8e15;outline-offset:0}textarea{resize:vertical;min-height:83px}select{padding-right:26px}.checkbox-label{flex-direction:row;align-items:center;gap:9px;align-self:center;min-height:40px}.checkbox-label input{accent-color:#28896c;width:16px;height:16px;padding:0;flex-shrink:0}.form-stack{display:flex;flex-direction:column;gap:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-error{background:#fdf0eb;color:#b26046;padding:10px 13px;border-radius:6px;font-size:.83rem;line-height:1.7}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#11283580;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;display:flex;align-items:center;justify-content:center;padding:25px;animation:fade-in .15s}.modal{width:560px;max-width:100%;max-height:92vh;background:#fff;border:1px solid #ffffff88;border-radius:14px;box-shadow:0 20px 90px #06172040;display:flex;flex-direction:column;overflow:hidden}.modal-wide{width:760px}.modal>form{display:contents}.modal-header{padding:23px 26px 20px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #e8eef1;gap:15px;flex-shrink:0}.modal-header h2{font-size:1.17rem}.modal-header p{font-size:.78rem;color:#90a2ad;line-height:1.7;margin-top:6px}.modal-header .icon-button{margin:-3px -4px 0 0}.modal-body{padding:24px 26px;overflow-y:auto;min-height:0}.modal-footer{border-top:1px solid #e9eff2;background:#fbfcfd;padding:17px 26px;display:flex;justify-content:flex-end;gap:12px;flex-shrink:0}.rule-sentence{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:12px;padding:17px;background:#f3f8f6;border:1px solid #e4eee8;border-radius:8px}.schedule-box{padding:17px;background:#f8fafb;border:1px solid #e7edf1;border-radius:8px}.field-title{font-size:.82rem;color:#647f8b}.days{display:flex;gap:7px;margin:14px 0 17px}.days button{flex:1;font-size:.75rem;border:1px solid #dfe8ec;background:#fff;color:#a1afb7;padding:8px 5px;border-radius:5px}.days button.selected{background:#e2f1e9;color:#528b71;border-color:#bcd9ca}.schedule-box>small{display:block;margin-top:10px;color:#92a6ae;font-size:.72rem}.region-editor{position:relative;aspect-ratio:16/9;background:#233c4a;margin:15px 0;cursor:crosshair;border-radius:8px;overflow:hidden}.region-editor img{width:100%;height:100%;object-fit:fill}.region-editor svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.region-grid{width:100%;height:100%;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:32px 32px;display:flex;align-items:center;justify-content:center;color:#88a1b0;font-size:.85rem}.region-editor+.row{margin:12px 0 20px;flex-wrap:wrap;font-size:.78rem}.region-editor+.row>span{margin-right:auto}.browser-video{width:100%;aspect-ratio:16/9;background:#1b303e;border-radius:7px;margin-bottom:15px;object-fit:contain}.modal-body>.notice+.row{margin-top:15px}.event-detail{display:flex;flex-direction:column;gap:23px}.evidence-image{width:100%;max-height:330px;object-fit:contain;background:#1b303c;border-radius:8px}.evidence-empty{height:130px;background:#eef3f5;border:1px dashed #d7e2e8;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#9aadb8;font-size:.82rem}.event-facts{display:grid;grid-template-columns:1.25fr 1fr 1fr;border:1px solid #e5edf1;border-radius:8px;padding:17px 20px;gap:15px}.event-facts>div+div{border-left:1px solid #e7edf0;padding-left:20px}.event-facts span{display:block;font-size:.75rem;color:#99abb4;margin-bottom:7px}.event-facts strong{font-size:.88rem;font-weight:550}.event-reason{background:#f7f9fa;padding:17px 20px;border-radius:8px}.event-reason p{margin:8px 0;font-size:.84rem;color:#728995}.event-reason small{font-size:.72rem;color:#9cabb5}.laya-result{border-left:3px solid #79b6a1;padding-left:17px}.laya-result h3{font-size:.9rem}.laya-result svg{color:#6b9888}.laya-result p{font-size:.82rem;color:#8ba0a9;margin-top:8px}.laya-result strong{font-weight:550;color:#597b6b}.timeline{margin-top:15px}.timeline>div{display:flex;gap:15px;padding-bottom:20px;position:relative}.timeline>div:last-child{padding-bottom:0}.timeline>div:not(:last-child):before{content:"";position:absolute;left:5px;top:12px;bottom:0;border-left:1px solid #dbe7e2}.timeline>div>i{width:11px;height:11px;border:2px solid #a7c9bb;background:#fff;border-radius:100%;flex-shrink:0;margin-top:4px;z-index:1}.timeline strong{font-size:.83rem;font-weight:550;display:flex;align-items:center;gap:14px}.timeline strong>span{font-size:.72rem;font-weight:400;color:#9aadb4}.timeline p{font-size:.81rem;color:#849da7;margin-top:4px}.timeline small{display:block;margin-top:5px;color:#acb9c0;font-size:.69rem}.event-actions{display:flex;justify-content:flex-end;gap:11px}.event-actions>.button:first-child{margin-right:auto}.toast{position:fixed;bottom:28px;left:calc(50% + 110px);transform:translate(-50%);max-width:calc(100% - 35px);display:flex;align-items:center;gap:12px;background:#173d3e;color:#e1f4eb;border:1px solid #4c756967;box-shadow:0 8px 35px #112b3b35;border-radius:9px;padding:14px 16px;font-size:.82rem;z-index:200;animation:fade-in .15s;line-height:1.65}.toast>svg{color:#82d5b0;flex-shrink:0}.toast>button{margin-left:8px;border:0;background:none;color:#a0c6b5;display:flex}.boot{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:100vh;gap:16px}.boot h2{font-size:1.15rem}.boot p{color:#8199a4;font-size:.85rem}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-brand{position:relative;display:flex;flex-direction:column;justify-content:center;padding:65px 12%;background:#142f3e;color:#d9e7ee;overflow:hidden}.login-brand:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(#b5d6e405 1px,transparent 1px),linear-gradient(90deg,#b5d6e405 1px,transparent 1px);background-size:42px 42px;pointer-events:none}.login-brand>.brand-mark{height:60px;width:60px;border-radius:16px;margin-bottom:35px}.eyebrow{font-size:.72rem;color:#809fa5;letter-spacing:.12em;text-transform:uppercase}.login-brand h1{font-size:2.4rem;line-height:1.65;font-weight:550;color:#edf4f8;letter-spacing:0;margin:15px 0 20px}.login-brand>p:not(.eyebrow){font-size:.95rem;color:#87a6b7;line-height:1.9;max-width:370px}.login-flow{display:flex;align-items:center;gap:15px;margin-top:42px}.login-flow>span{display:flex;flex-direction:column;align-items:center;gap:12px;font-size:.76rem;color:#aec8d4;border:1px solid #37616b66;padding:20px 12px;border-radius:9px;background:#1c414959;min-width:92px}.login-flow>span>svg{color:#89c9b3;width:25px;height:25px;stroke-width:1.4}.login-flow>svg{width:15px;color:#476b7b}.login-sectors{display:flex;gap:17px;margin-top:34px;font-size:.74rem;color:#7294a5}.login-brand>small{color:#496b7e;font-size:.73rem;position:absolute;bottom:30px}.login-form-side{display:flex;align-items:center;justify-content:center;padding:50px}.login-form{max-width:430px;width:100%}.login-form h2{font-size:1.7rem;margin-top:11px}.login-form>p{margin-top:10px;color:#92a2ac;font-size:.87rem}.login-form>form{margin-top:32px;gap:21px}.login-submit{margin-top:5px;min-height:45px}.login-privacy{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:25px;color:#97aea6;font-size:.73rem}.demo-login{margin-top:30px;background:#f0f6f8;border:1px solid #dfeaf0;border-radius:8px;padding:16px;display:flex;gap:12px;align-items:center}.demo-login>svg{color:#83a7b0;flex-shrink:0}.demo-login>div{flex:1}.demo-login strong{font-size:.84rem;font-weight:550;color:#64828e}.demo-login p{font-size:.7rem;color:#9aadb6;line-height:1.6;margin-top:3px}.demo-login>.button{font-size:.76rem;padding:9px 12px;min-height:35px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media(min-width:1600px){.camera-preview{aspect-ratio:1.9}.overview-grid{grid-template-columns:minmax(0,1fr) 340px}.decision-flow{padding:0 25px}.decision-flow>div{min-height:43px}.decision-flow>i{height:18px}.preview-empty>span{font-size:.82rem}.preview-empty>small{font-size:.7rem}.monitor-caption{padding:15px}.monitor-caption strong{font-size:.9rem}}@media(max-width:1240px){.sidebar{width:208px;padding-left:13px;padding-right:13px}.main-shell{margin-left:208px}.main-content{padding:25px}.topbar{padding:0 25px}.demo-banner{padding-left:25px}.overview-grid{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.monitor-grid{gap:12px;padding:0 17px 17px}.panel-heading{padding:18px 17px 16px}.stat-grid{gap:13px}.stat-card{padding:18px 17px}.camera-grid,.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.event-table th,.event-table td{padding-left:15px;padding-right:15px}.decision-flow{padding:0 17px}.decision-flow .badge{display:none}.settings-grid,.camera-detail-grid{grid-template-columns:minmax(0,1fr) 270px;gap:18px}.rule-recovery{margin-left:0}.login-brand{padding:55px 10%}.login-brand h1{font-size:2rem}.login-flow{gap:9px}.login-flow>span{min-width:80px;font-size:.7rem}.login-form-side{padding:38px}.toast{left:calc(50% + 100px)}}@media(max-width:1050px){.overview-grid{grid-template-columns:1fr}.overview-aside{display:grid;grid-template-columns:1fr 1fr}.decision-flow>div{min-height:34px}.decision-flow>i{height:7px}.trend-panel .bar-chart{height:210px;padding-top:28px}.settings-grid{grid-template-columns:1fr}.settings-aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.settings-aside>.panel:last-child{grid-column:1/-1}.camera-detail-grid{grid-template-columns:1fr}.camera-detail-grid>aside{display:grid;grid-template-columns:1fr 1fr}.stat-card p{font-size:.68rem}.page-heading{gap:15px}.page-heading h1{font-size:1.5rem}.heading-actions .button{font-size:.8rem;padding:10px 12px}.login-flow{flex-wrap:wrap}.login-flow>span{min-width:70px;padding:15px 9px}.login-flow>svg{width:12px}}@media(max-width:860px){.app-shell{display:block}.sidebar{position:static;width:auto;padding:15px 20px 0;display:block}.brand{padding:0;margin:0 0 14px;gap:10px}.brand-mark{width:33px;height:33px;border-radius:9px}.brand strong{font-size:1.1rem}.brand small{font-size:.66rem;margin-top:3px}.brand-latin{font-size:.58rem}.workspace-label,.sidebar-bottom{display:none}.sidebar nav{flex-direction:row;gap:6px;overflow-x:auto;padding-bottom:12px}.sidebar nav button{width:auto;white-space:nowrap;padding:10px 12px;gap:7px;font-size:.8rem;flex-shrink:0}.sidebar nav button>svg{width:16px}.sidebar nav button.active:before{display:none}.nav-count{font-size:.65rem;margin-left:3px}.main-shell{margin-left:0}.topbar{height:55px;padding:0 23px}.topbar-tools{gap:12px}.breadcrumb{font-size:.75rem;gap:8px}.local-pill{font-size:.68rem}.demo-banner{padding:8px 23px;gap:6px}.demo-banner p{font-size:.69rem}.main-content{padding:25px 22px 30px}.app-footer{padding:15px 22px 22px}.toast{left:50%}.login-page{grid-template-columns:1fr}.login-brand{padding:30px 30px 26px;display:block}.login-brand>.brand-mark{width:40px;height:40px;margin-bottom:16px}.login-brand h1{font-size:1.6rem;margin:8px 0 12px;line-height:1.5}.login-brand h1 br{display:none}.login-brand>p:not(.eyebrow){font-size:.82rem;max-width:none}.login-flow,.login-brand>small,.login-sectors{display:none}.login-form-side{padding:40px 25px}.login-form{max-width:430px}.login-form h2{font-size:1.5rem}.login-form>form{margin-top:27px}.modal{max-height:94vh}.modal-backdrop{padding:15px}.stat-value{font-size:2rem}.stat-card{padding:16px}.stat-card>.row{font-size:.78rem}.stat-card>.row>svg{width:17px}.camera-grid{gap:18px}}@media(max-width:600px){.sidebar{padding:12px 14px 0}.sidebar nav{gap:4px}.sidebar nav button{font-size:.73rem;padding:8px 10px}.sidebar nav button svg{width:15px}.brand{margin-bottom:11px}.brand small{font-size:.64rem}.topbar{padding:0 16px}.breadcrumb>span{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-tools{gap:5px}.local-pill{display:none}.demo-banner{padding:8px 16px;flex-wrap:wrap}.demo-banner p{flex-basis:100%;margin-left:22px;font-size:.67rem}.main-content{padding:23px 16px 25px}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:20px;gap:15px}.page-heading h1{font-size:1.47rem}.page-heading p{font-size:.79rem}.heading-actions{width:100%}.heading-actions>.button{flex:1}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px}.stat-card{padding:16px}.stat-card p{font-size:.67rem}.stat-value{font-size:2rem}.overview-grid{gap:18px;margin-bottom:20px}.monitor-grid{grid-template-columns:1fr;padding:0 16px 16px;gap:14px}.panel-heading{padding:17px 16px 15px}.panel-heading h2{font-size:.94rem}.panel-heading .text-button{font-size:.75rem}.monitor-caption strong{font-size:.88rem}.monitor-caption span{font-size:.73rem}.preview-empty>span{font-size:.85rem}.preview-empty>small{font-size:.73rem}.camera-preview{aspect-ratio:16/9}.overview-aside{grid-template-columns:1fr}.decision-flow{padding:0 19px}.decision-flow>div{min-height:42px}.decision-flow>div>.badge{display:flex}.decision-flow>i{height:11px}.decision-flow strong{font-size:.87rem}.decision-flow small{font-size:.73rem}.trend-panel .bar-chart{height:160px;padding-top:15px}.table-scroll{margin:0}.event-table{min-width:760px}.filter-toolbar{flex-direction:column;align-items:stretch;gap:13px}.filter-toolbar>.search-input{width:100%}.search-input input{width:100%}.tabs{gap:3px}.tabs button{font-size:.78rem;padding:8px 11px}.camera-grid,.template-grid{grid-template-columns:1fr;gap:18px}.camera-detail-grid>aside{grid-template-columns:1fr}.camera-detail-toolbar{flex-wrap:wrap;padding:15px 17px}.camera-detail-toolbar>.muted{font-size:.72rem}.camera-detail-actions{padding:0 17px 18px}.camera-detail-actions .button{font-size:.78rem;padding:10px}.rule-card{padding:17px}.rule-card-title{gap:10px;flex-wrap:wrap}.rule-card-title>.switch{margin-left:auto}.rule-card-title h2{font-size:.89rem}.rule-icon{width:35px;height:35px;border-radius:7px}.rule-icon svg{width:19px}.rule-card-title>div{min-width:170px}.rule-card-title>.badge{font-size:.68rem}.rule-condition{gap:9px;padding:13px;font-size:.77rem;margin-top:15px}.rule-condition>.rule-recovery{width:100%;padding-top:5px;font-size:.71rem}.rule-card-footer{flex-wrap:wrap;gap:14px}.rule-card-footer>div{margin-left:auto;gap:20px}.event-summary{padding:15px;gap:14px;font-size:.76rem;margin-bottom:20px}.event-summary>.muted{margin:0;width:100%;font-size:.69rem}.event-filters{padding:15px;gap:16px}.event-filters>.row{width:100%;flex-wrap:wrap}.event-filters .search-input{flex:1;min-width:130px}.event-filters .search-input input{width:100%}.event-filters .tabs{gap:1px}.event-filters .tabs button{font-size:.73rem;padding:8px 9px}.event-filters .compact-select{font-size:.77rem;max-width:120px}.settings-panel{padding:19px}.settings-grid,.settings-main,.settings-aside{gap:18px}.settings-aside{display:flex}.settings-panel>.panel-heading{padding-bottom:18px}.form-grid{grid-template-columns:1fr;gap:17px}.token-form{grid-template-columns:1fr}.token-form>.button{width:100%}.settings-panel .form-grid{gap:18px}.modal-backdrop{padding:10px}.modal{max-height:calc(100dvh - 20px);border-radius:11px}.modal-header{padding:19px 19px 17px}.modal-header h2{font-size:1.05rem}.modal-header p{font-size:.73rem}.modal-body{padding:20px 19px}.modal-footer{padding:15px 19px}.modal-footer>.button{flex:1}.rule-sentence{grid-template-columns:1fr;gap:16px;padding:15px}.days{gap:4px}.days button{padding:8px 3px;font-size:.68rem}.event-facts{gap:10px;padding:14px 12px;grid-template-columns:1fr}.event-facts>div{display:flex;align-items:center;justify-content:space-between}.event-facts>div+div{border-left:0;padding-left:0;padding-top:9px;border-top:1px solid #e7edf0}.event-facts span{margin:0;font-size:.72rem}.event-facts strong{font-size:.83rem}.event-actions{flex-wrap:wrap;gap:8px}.event-actions .button{font-size:.75rem;padding:9px 10px}.event-detail>.row{flex-wrap:wrap}.app-footer{padding:10px 16px 20px;font-size:.67rem}.app-footer span:nth-child(2){display:none}.toast{font-size:.78rem;padding:12px 14px;bottom:18px;width:calc(100% - 32px);max-width:440px}.demo-login{padding:13px;gap:9px}.demo-login>svg{width:19px}.demo-login>.button{font-size:.72rem;padding:9px}.demo-login p{font-size:.67rem}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.table-scroll{position:relative}