[data-v-b821335a]{box-sizing:border-box}.app-shell[data-v-b821335a]{--ink:#182235;--muted:#728097;--line:#e7ebf2;--blue:#326ef3;--blue2:#edf3ff;min-height:100vh;background:#f4f6fa;color:var(--ink);font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;display:flex}.sidebar[data-v-b821335a]{position:fixed;inset:0 auto 0 0;width:226px;background:#101b2d;color:#fff;padding:24px 16px;display:flex;flex-direction:column;z-index:10}.brand[data-v-b821335a]{display:flex;gap:12px;align-items:center;padding:0 8px 30px}.brand-mark[data-v-b821335a],.screen-brand>span[data-v-b821335a]{width:40px;height:40px;display:grid;place-items:center;background:linear-gradient(145deg,#4e84ff,#1e55d5);border-radius:12px;font-size:21px;font-weight:800;box-shadow:0 8px 22px #07152f}.brand div[data-v-b821335a]:last-child{display:flex;flex-direction:column;gap:4px}.brand strong[data-v-b821335a]{font-size:15px}.brand span[data-v-b821335a]{font-size:11px;color:#8998b2}.sidebar nav[data-v-b821335a]{display:flex;flex-direction:column;gap:6px}.sidebar nav button[data-v-b821335a]{border:0;background:transparent;color:#99a7bc;display:flex;align-items:center;gap:12px;padding:12px;border-radius:9px;text-align:left;cursor:pointer;font-size:14px}.sidebar nav button[data-v-b821335a]:hover,.sidebar nav button.active[data-v-b821335a]{background:#1d2b41;color:#fff}.nav-icon[data-v-b821335a]{font-size:10px;width:24px;height:24px;display:grid;place-items:center;border:1px solid #40506a;border-radius:7px}.sidebar nav button.active .nav-icon[data-v-b821335a]{background:#3976f6;border-color:#3976f6}.sidebar nav i[data-v-b821335a]{margin-left:auto;background:#eb5757;color:#fff;border-radius:10px;font-size:10px;padding:2px 6px;font-style:normal}.sidebar-foot[data-v-b821335a]{margin-top:auto;border-top:1px solid #26354c;padding:18px 8px 0;display:flex;gap:9px;align-items:center}.sidebar-foot div[data-v-b821335a]:last-child{display:flex;flex-direction:column;gap:4px}.sidebar-foot strong[data-v-b821335a]{font-size:11px}.sidebar-foot span[data-v-b821335a]{font-size:9px;color:#7f8da3}.health-dot[data-v-b821335a]{width:8px;height:8px;background:#36c98f;border-radius:50%;box-shadow:0 0 0 5px #36c98f20}.main[data-v-b821335a]{margin-left:226px;min-width:0;flex:1}.topbar[data-v-b821335a]{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:8}.context[data-v-b821335a],.top-actions[data-v-b821335a],.user[data-v-b821335a],.sync[data-v-b821335a]{display:flex;align-items:center}.context[data-v-b821335a]{gap:10px}.context select[data-v-b821335a],.filter-bar select[data-v-b821335a],.editor-grid select[data-v-b821335a],.editor-grid input[data-v-b821335a]{border:1px solid var(--line);background:#fff;border-radius:7px;padding:9px 30px 9px 10px;color:#3d4a5e}.scope[data-v-b821335a]{font-size:11px;background:#edf3ff;color:#316be6;border-radius:5px;padding:6px 8px;font-weight:700}.crumb[data-v-b821335a]{color:#b5bfce}.top-actions[data-v-b821335a]{gap:20px}.sync[data-v-b821335a]{gap:7px;font-size:11px;color:#6f7d91}.sync span[data-v-b821335a]{width:7px;height:7px;background:#35c98b;border-radius:50%}.icon-btn[data-v-b821335a]{border:1px solid var(--line);background:#fff;padding:8px;border-radius:8px;color:#6f7d91;position:relative}.icon-btn sup[data-v-b821335a]{position:absolute;right:-5px;top:-7px;background:#ed5b61;color:#fff;border-radius:9px;padding:1px 5px}.user[data-v-b821335a]{gap:9px;padding-left:16px;border-left:1px solid var(--line)}.avatar[data-v-b821335a]{width:34px;height:34px;border-radius:50%;background:#dce8ff;color:#316be6;display:grid;place-items:center;font-weight:700}.user div[data-v-b821335a]:last-child{display:flex;flex-direction:column}.user strong[data-v-b821335a]{font-size:12px}.user span[data-v-b821335a]{font-size:9px;color:var(--muted);margin-top:3px}.page-head[data-v-b821335a]{display:flex;justify-content:space-between;align-items:flex-end;padding:30px 34px 22px}.page-head span[data-v-b821335a],.card-head span[data-v-b821335a]{font-size:9px;letter-spacing:1.4px;color:#8c99aa;font-weight:700}.page-head h1[data-v-b821335a]{margin:5px 0 6px;font-size:27px}.page-head p[data-v-b821335a]{margin:0;color:var(--muted);font-size:12px}.page-actions[data-v-b821335a]{display:flex;gap:9px}.btn[data-v-b821335a]{border:0;border-radius:8px;padding:10px 16px;font-weight:700;cursor:pointer;font-size:12px}.btn.primary[data-v-b821335a]{background:#326ef3;color:#fff;box-shadow:0 7px 18px #326ef32c}.btn.secondary[data-v-b821335a]{background:#fff;border:1px solid var(--line);color:#344158}.btn.ghost[data-v-b821335a]{background:#f3f5f8;color:#65728a}.page-content[data-v-b821335a]{padding:0 34px 40px}.metric-grid[data-v-b821335a]{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.metric-card[data-v-b821335a],.card[data-v-b821335a]{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px #283c5b08}.metric-card[data-v-b821335a]{padding:18px;display:flex;flex-direction:column;min-width:0}.metric-top[data-v-b821335a]{display:flex;align-items:center;justify-content:space-between}.metric-icon[data-v-b821335a]{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;font-size:11px;font-weight:800}.metric-icon.red[data-v-b821335a]{background:#fff0f0;color:#e4535c}.metric-icon.orange[data-v-b821335a]{background:#fff6e8;color:#e39a32}.metric-icon.purple[data-v-b821335a]{background:#f4efff;color:#8356da}.metric-icon.blue[data-v-b821335a]{background:#edf3ff;color:#3976f6}.metric-icon.green[data-v-b821335a]{background:#eafaf4;color:#2caf7e}.metric-top em[data-v-b821335a]{font-size:9px;font-style:normal;color:#2caf7e;background:#eafaf4;padding:4px 6px;border-radius:5px}.metric-top em.down[data-v-b821335a]{color:#3976f6;background:#edf3ff}.metric-card>strong[data-v-b821335a]{font-size:25px;margin:16px 0 3px}.metric-card>span[data-v-b821335a]{font-size:11px;font-weight:700}.metric-card>small[data-v-b821335a]{color:var(--muted);font-size:9px;margin-top:8px}.grid[data-v-b821335a]{display:grid;gap:14px;margin-top:14px}.two-one[data-v-b821335a]{grid-template-columns:1.85fr 1fr}.one-one[data-v-b821335a]{grid-template-columns:1fr 1fr}.card[data-v-b821335a]{padding:20px}.card-head[data-v-b821335a]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:17px}.card-head h2[data-v-b821335a]{font-size:15px;margin:4px 0 0}.legend[data-v-b821335a]{font-size:9px;color:var(--muted);display:flex;gap:6px;align-items:center}.legend i[data-v-b821335a]{width:7px;height:7px;border-radius:50%}.legend .blue[data-v-b821335a]{background:#3976f6}.legend .orange[data-v-b821335a]{background:#f19a42}.trend-chart[data-v-b821335a]{height:218px;display:flex;gap:10px}.y-labels[data-v-b821335a]{display:flex;flex-direction:column;justify-content:space-between;color:#9aa6b7;font-size:8px;padding-bottom:16px}.plot[data-v-b821335a]{flex:1;position:relative;border-bottom:1px solid var(--line)}.grid-line[data-v-b821335a]{height:25%;border-top:1px dashed #e7ebf2}.plot svg[data-v-b821335a]{position:absolute;top:0;right:0;bottom:16px;left:0;width:100%;height:calc(100% - 16px)}.x-labels[data-v-b821335a]{position:absolute;inset:auto 0 -18px;display:flex;justify-content:space-between;color:#8b97a8;font-size:8px}.status-tag[data-v-b821335a]{font-size:9px!important;letter-spacing:0!important;padding:5px 8px;border-radius:6px;font-style:normal;white-space:nowrap}.status-tag.success[data-v-b821335a]{background:#eaf9f3;color:#24a473}.status-tag.danger[data-v-b821335a]{background:#fff0f0;color:#df4f58}.status-tag.warning[data-v-b821335a]{background:#fff5e7;color:#d78a27}.status-tag.muted[data-v-b821335a]{background:#eff2f6;color:#78869b}.score-ring[data-v-b821335a]{width:136px;height:136px;margin:6px auto 18px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#3976f6 0,#3976f6 92.4%,#eaf0fa 92.4%);position:relative}.score-ring[data-v-b821335a]:before{content:"";position:absolute;top:11px;right:11px;bottom:11px;left:11px;border-radius:50%;background:#fff}.score-ring div[data-v-b821335a]{position:relative;text-align:center;display:flex;flex-direction:column}.score-ring strong[data-v-b821335a]{font-size:26px}.score-ring strong small[data-v-b821335a]{font-size:10px}.score-ring span[data-v-b821335a]{font-size:9px;color:var(--muted)}.ai-stats[data-v-b821335a]{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0}.ai-stats div[data-v-b821335a]{display:flex;flex-direction:column;text-align:center;border-right:1px solid var(--line)}.ai-stats div[data-v-b821335a]:last-child{border:0}.ai-stats strong[data-v-b821335a]{font-size:13px}.ai-stats span[data-v-b821335a]{font-size:8px;color:var(--muted);margin-top:3px}.cycle[data-v-b821335a]{display:flex;flex-direction:column;gap:7px;margin-top:14px}.cycle span[data-v-b821335a],.cycle small[data-v-b821335a]{font-size:9px;color:var(--muted)}.cycle i[data-v-b821335a],.ranking i[data-v-b821335a]{height:5px;background:#edf1f6;border-radius:4px;overflow:hidden}.cycle b[data-v-b821335a],.ranking b[data-v-b821335a]{display:block;height:100%;background:#3976f6;border-radius:4px}.text-btn[data-v-b821335a],.mini-add[data-v-b821335a]{border:0;background:transparent;color:#3976f6;font-size:10px;font-weight:700;cursor:pointer}.compact-alarms[data-v-b821335a]{display:flex;flex-direction:column}.compact-alarms button[data-v-b821335a]{display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:center;border:0;border-top:1px solid var(--line);background:#fff;padding:11px 0;text-align:left;cursor:pointer}.compact-alarms button[data-v-b821335a]:first-child{border-top:0}.compact-alarms div[data-v-b821335a],.site-list div>div[data-v-b821335a]{display:flex;flex-direction:column;gap:3px}.compact-alarms strong[data-v-b821335a],.site-list strong[data-v-b821335a]{font-size:10px}.compact-alarms small[data-v-b821335a],.site-list small[data-v-b821335a]{font-size:8px;color:var(--muted)}.risk-mark[data-v-b821335a],.risk-dot[data-v-b821335a]{border-radius:50%;background:#e39a32}.risk-mark[data-v-b821335a]{width:6px;height:6px}.risk-mark.high[data-v-b821335a],.risk-dot.high[data-v-b821335a]{background:#ea5963}.risk-mark.low[data-v-b821335a],.risk-dot.low[data-v-b821335a]{background:#3cb489}.site-health[data-v-b821335a]{display:grid;grid-template-columns:145px 1fr;align-items:center}.device-ring[data-v-b821335a]{width:105px;height:105px;border:10px solid #e5edff;border-top-color:#3976f6;border-right-color:#3976f6;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.device-ring strong[data-v-b821335a]{font-size:18px}.device-ring span[data-v-b821335a]{font-size:8px;color:var(--muted)}.site-list>div[data-v-b821335a]{display:grid;grid-template-columns:32px 1fr auto;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line)}.site-list>div[data-v-b821335a]:last-child{border:0}.camera-thumb[data-v-b821335a]{width:28px;height:28px;border-radius:6px;background:#edf3ff;color:#3976f6;display:grid;place-items:center;font-size:8px;font-weight:800}.site-list em[data-v-b821335a]{font-size:8px;font-style:normal;color:#d78a27}.filter-bar[data-v-b821335a]{display:flex;gap:10px;align-items:flex-end;background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px;margin-bottom:14px}.filter-bar label[data-v-b821335a],.editor-grid label[data-v-b821335a],.note-input[data-v-b821335a]{display:flex;flex-direction:column;gap:6px;font-size:9px;color:#7d899a;font-weight:700}.filter-bar .search[data-v-b821335a]{flex:1}.filter-bar input[data-v-b821335a]{width:100%;border:1px solid var(--line);border-radius:7px;padding:10px}.table-card[data-v-b821335a]{padding:0;overflow:hidden}.table-summary[data-v-b821335a]{padding:17px 18px;border-bottom:1px solid var(--line);display:flex;gap:10px;align-items:center}.table-summary strong[data-v-b821335a]{font-size:12px}.table-summary span[data-v-b821335a]{font-size:9px;color:var(--muted)}.tr[data-v-b821335a]{display:grid;grid-template-columns:1.45fr 1.25fr 1.2fr .75fr 1.1fr .6fr;align-items:center;border-bottom:1px solid var(--line);padding:13px 18px;cursor:pointer}.tr[data-v-b821335a]:hover{background:#f8faff}.tr.th[data-v-b821335a]{background:#f8f9fb;color:#8793a4;font-size:9px;font-weight:700;cursor:default}.tr>span[data-v-b821335a]{display:flex;gap:8px;align-items:center;min-width:0}.tr strong[data-v-b821335a]{font-size:10px}.tr small[data-v-b821335a]{display:block;margin-top:5px;font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.risk-dot[data-v-b821335a]{width:7px;height:7px;flex:none}.confidence[data-v-b821335a]{display:flex;gap:7px;align-items:center}.confidence i[data-v-b821335a]{width:60px;height:4px;background:#edf1f6;border-radius:4px;overflow:hidden}.confidence b[data-v-b821335a]{display:block;height:100%;background:#3976f6}.row-action[data-v-b821335a]{border:0;background:#edf3ff;color:#3976f6;border-radius:6px;padding:6px 8px;font-size:9px}.camera-toolbar[data-v-b821335a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;color:var(--muted);font-size:10px}.view-toggle[data-v-b821335a]{background:#e9edf4;padding:3px;border-radius:8px}.view-toggle button[data-v-b821335a]{border:0;background:transparent;padding:7px 11px;border-radius:6px;color:#758297;font-size:9px}.view-toggle button.active[data-v-b821335a]{background:#fff;color:#253249;box-shadow:0 2px 7px #1d2b4114}.camera-grid[data-v-b821335a]{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.camera-card[data-v-b821335a]{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.camera-visual[data-v-b821335a]{height:150px;position:relative;background:linear-gradient(145deg,#405268,#1c2939);overflow:hidden}.camera-visual[data-v-b821335a]:before,.roi-canvas[data-v-b821335a]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 49%,#ffffff0b 50%,transparent 51%),linear-gradient(transparent 49%,#ffffff0b 50%,transparent 51%);background-size:30px 30px}.camera-visual.gate[data-v-b821335a]{background:linear-gradient(145deg,#596c76,#263d47)}.camera-visual.power[data-v-b821335a]{background:linear-gradient(145deg,#56525f,#292935)}.camera-visual.garage[data-v-b821335a]{background:linear-gradient(145deg,#4f555e,#222933)}.camera-visual.waste[data-v-b821335a]{background:linear-gradient(145deg,#5c7067,#25362f)}.camera-visual.offline[data-v-b821335a]{background:#59616c;filter:grayscale(1)}.live[data-v-b821335a]{position:absolute;top:9px;left:9px;background:#111b29bb;color:#fff;font-size:8px;padding:5px 7px;border-radius:5px;display:flex;gap:5px;align-items:center}.live i[data-v-b821335a]{width:5px;height:5px;background:#41d09a;border-radius:50%}.roi-shape[data-v-b821335a]{position:absolute;top:38px;right:55px;bottom:25px;left:35px;border:2px solid #43d5a0;transform:skew(-8deg);background:#43d5a012}.roi-shape span[data-v-b821335a]{position:absolute;top:-17px;color:#64e3b5;font-size:7px}.visual-scene[data-v-b821335a]{position:absolute;right:9px;bottom:7px;color:#ffffff80;font-size:8px;letter-spacing:1px}.camera-info[data-v-b821335a]{padding:13px 13px 7px;display:flex;justify-content:space-between}.camera-info div[data-v-b821335a]{display:flex;flex-direction:column;gap:4px}.camera-info strong[data-v-b821335a]{font-size:11px}.camera-info small[data-v-b821335a],.camera-meta[data-v-b821335a]{font-size:8px;color:var(--muted)}.camera-info em[data-v-b821335a]{font-size:8px;font-style:normal;color:#27ad7b}.camera-info em.offline[data-v-b821335a]{color:#dd5961}.camera-meta[data-v-b821335a]{display:flex;justify-content:space-between;padding:0 13px 12px}.camera-card>button[data-v-b821335a]{border:0;border-top:1px solid var(--line);background:#fff;width:100%;padding:10px;color:#3976f6;font-size:9px;font-weight:700;cursor:pointer}.scene-layout[data-v-b821335a]{display:grid;grid-template-columns:300px 1fr;gap:14px}.scene-list>button[data-v-b821335a]{width:100%;border:1px solid transparent;background:#fff;border-radius:9px;padding:10px;display:grid;grid-template-columns:35px 1fr auto;gap:9px;text-align:left;align-items:center;margin-top:5px;cursor:pointer}.scene-list>button.active[data-v-b821335a]{background:#f2f6ff;border-color:#dbe6ff}.scene-symbol[data-v-b821335a]{width:31px;height:31px;display:inline-grid;place-items:center;border-radius:8px;font-size:8px;font-weight:800;background:#edf3ff;color:#3976f6}.scene-symbol.orange[data-v-b821335a]{background:#fff4e7;color:#db8e29}.scene-symbol.purple[data-v-b821335a]{background:#f3efff;color:#825ad2}.scene-symbol.green[data-v-b821335a]{background:#eaf9f3;color:#28a776}.scene-list button div[data-v-b821335a]{display:flex;flex-direction:column;gap:4px}.scene-list button strong[data-v-b821335a]{font-size:10px}.scene-list button small[data-v-b821335a]{font-size:8px;color:var(--muted)}.scene-list button em[data-v-b821335a]{font-size:8px;font-style:normal;color:#27ad7b}.scene-list button em.off[data-v-b821335a]{color:#8d98a8}.switch[data-v-b821335a]{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:8px}.switch input[data-v-b821335a]{display:none}.switch span[data-v-b821335a]{width:29px;height:16px;border-radius:10px;background:#d8dfe9;position:relative}.switch span[data-v-b821335a]:after{content:"";position:absolute;width:12px;height:12px;background:#fff;border-radius:50%;left:2px;top:2px}.switch input:checked+span[data-v-b821335a]{background:#3976f6}.switch input:checked+span[data-v-b821335a]:after{left:15px}.editor-grid[data-v-b821335a]{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding-bottom:18px;border-bottom:1px solid var(--line)}.range-row[data-v-b821335a]{display:flex;gap:10px;align-items:center}.range-row input[data-v-b821335a]{padding:0;flex:1;accent-color:#3976f6}.range-row strong[data-v-b821335a]{font-size:11px}.roi-editor[data-v-b821335a]{margin-top:18px}.roi-canvas[data-v-b821335a]{height:220px;border-radius:10px;background:linear-gradient(145deg,#516272,#273646);position:relative;overflow:hidden}.fake-roi[data-v-b821335a]{position:absolute;left:20%;top:22%;width:55%;height:58%;border:2px solid #4de0ad;background:#4de0ad16;transform:skew(-10deg)}.fake-roi b[data-v-b821335a]{position:absolute;width:8px;height:8px;border:2px solid #fff;background:#39cc98;border-radius:50%}.fake-roi b[data-v-b821335a]:nth-child(1){left:-5px;top:-5px}.fake-roi b[data-v-b821335a]:nth-child(2){right:-5px;top:-5px}.fake-roi b[data-v-b821335a]:nth-child(3){right:-5px;bottom:-5px}.fake-roi b[data-v-b821335a]:nth-child(4){left:-5px;bottom:-5px}.fake-roi span[data-v-b821335a]{color:#73e7bd;font-size:8px;position:absolute;top:8px;left:10px}.roi-canvas>small[data-v-b821335a]{position:absolute;bottom:10px;left:12px;color:#fff8;font-size:8px}.editor-foot[data-v-b821335a]{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.editor-foot span[data-v-b821335a]{font-size:8px;color:var(--muted)}.report-metrics[data-v-b821335a]{grid-template-columns:repeat(4,1fr)}.report-metrics .metric-card>span[data-v-b821335a]{color:var(--muted);font-size:9px}.report-metrics small.good[data-v-b821335a],.good[data-v-b821335a]{color:#27a876}.bar-chart[data-v-b821335a]{height:228px;display:flex;align-items:flex-end;justify-content:space-around;border-bottom:1px solid var(--line);padding:0 15px}.bar-chart>div[data-v-b821335a]{height:100%;width:45px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}.bar-chart>div>div[data-v-b821335a]{height:90%;width:22px;background:#edf2fa;border-radius:5px 5px 0 0;position:relative;display:flex;align-items:flex-end}.bar-chart i[data-v-b821335a]{display:block;width:100%;background:linear-gradient(#5b8bfb,#326ef3);border-radius:5px 5px 0 0}.bar-chart b[data-v-b821335a]{position:absolute;width:29px;height:3px;background:#f19a42;left:-3px;border-radius:3px}.bar-chart span[data-v-b821335a]{font-size:8px;color:var(--muted)}.ranking>div[data-v-b821335a]:not(.card-head){display:grid;grid-template-columns:25px 1fr 1.3fr 25px;gap:8px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.ranking strong[data-v-b821335a]{font-size:9px;color:#8fa1ba}.ranking span[data-v-b821335a]{font-size:9px}.ranking em[data-v-b821335a]{font-style:normal;font-size:9px;text-align:right}.report-table[data-v-b821335a]{margin-top:14px}.report-row[data-v-b821335a]{display:grid;grid-template-columns:1.4fr .8fr .8fr 1fr 1fr;align-items:center;border-top:1px solid var(--line);padding:12px;font-size:9px}.report-row.head[data-v-b821335a]{background:#f8f9fb;color:#8995a6;border:0}.report-row span[data-v-b821335a]:first-child{display:flex;align-items:center;gap:9px;font-weight:700}.report-row .scene-symbol[data-v-b821335a]{width:26px;height:26px}.drawer-mask[data-v-b821335a]{position:fixed;top:0;right:0;bottom:0;left:0;background:#101b2d80;z-index:50;display:flex;justify-content:flex-end}.drawer[data-v-b821335a]{width:440px;background:#fff;padding:25px;overflow:auto;box-shadow:-20px 0 50px #101b2d25}.drawer-close[data-v-b821335a]{float:right;border:0;background:#f0f3f7;border-radius:6px;padding:6px 9px;color:#65728a;font-size:9px}.drawer-title[data-v-b821335a]{margin-top:30px}.drawer-title h2[data-v-b821335a]{font-size:20px;margin:12px 0 5px}.drawer-title p[data-v-b821335a]{font-size:9px;color:var(--muted)}.alarm-preview[data-v-b821335a]{height:210px;background:linear-gradient(145deg,#4c5968,#202c39);border-radius:10px;margin:20px 0;position:relative;color:#fff;overflow:hidden}.alarm-preview[data-v-b821335a]:before{content:"";position:absolute;width:120px;height:130px;border:2px solid #e85961;left:120px;top:35px;background:#e8596112}.alarm-preview .roi-box[data-v-b821335a]{position:absolute;left:120px;top:20px;color:#ff8a91;font-size:8px}.alarm-preview>span[data-v-b821335a]{position:absolute;left:12px;bottom:12px;font-size:9px}.alarm-preview>button[data-v-b821335a]{position:absolute;right:12px;bottom:10px;border:0;background:#ffffff20;color:#fff;border-radius:5px;padding:6px 8px;font-size:8px}.detail-grid[data-v-b821335a]{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-grid div[data-v-b821335a]{background:#f6f8fb;border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:5px}.detail-grid span[data-v-b821335a],.reason span[data-v-b821335a]{font-size:8px;color:var(--muted)}.detail-grid strong[data-v-b821335a]{font-size:10px}.reason[data-v-b821335a]{margin:16px 0;padding:14px;border:1px solid var(--line);border-radius:8px}.reason p[data-v-b821335a]{font-size:10px;line-height:1.7;margin:8px 0 0}.note-input textarea[data-v-b821335a]{border:1px solid var(--line);border-radius:8px;min-height:75px;padding:10px;resize:none}.drawer-actions[data-v-b821335a]{display:flex;gap:9px;margin-top:16px}.drawer-actions button[data-v-b821335a]{flex:1}.toast[data-v-b821335a]{position:fixed;left:50%;bottom:30px;transform:translate(-50%);background:#18263a;color:#fff;padding:11px 17px;border-radius:8px;font-size:10px;z-index:80;box-shadow:0 10px 30px #14203630}.screen-mode .main[data-v-b821335a]{margin:0}.big-screen[data-v-b821335a]{height:100vh;background:radial-gradient(circle at 50% 45%,#102f54,#061525 70%);color:#d9ebff;padding:16px;overflow:hidden}.big-screen header[data-v-b821335a]{height:65px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;border-bottom:1px solid #3a79bd55;background:linear-gradient(90deg,transparent,#0b2c4eaa,transparent)}.screen-brand[data-v-b821335a]{display:flex;gap:10px;align-items:center}.screen-brand>span[data-v-b821335a]{width:34px;height:34px}.screen-brand div[data-v-b821335a]{display:flex;flex-direction:column}.screen-brand strong[data-v-b821335a]{font-size:12px}.screen-brand small[data-v-b821335a]{font-size:7px;color:#72a4cc;margin-top:3px}.big-screen header h1[data-v-b821335a]{text-align:center;font-size:22px;letter-spacing:4px;text-shadow:0 0 20px #51a8ff}.screen-time[data-v-b821335a]{text-align:right;font-size:11px;color:#7fb5dd}.screen-time button[data-v-b821335a]{margin-left:12px;background:#1c4e77;border:1px solid #4b92c6;color:#bde3ff;padding:6px 9px;border-radius:4px}.screen-grid[data-v-b821335a]{height:calc(100% - 80px);display:grid;grid-template-columns:280px 1fr 310px;gap:12px;padding-top:12px}.screen-col[data-v-b821335a]{display:grid;grid-template-rows:1fr 1fr;gap:12px}.screen-grid article[data-v-b821335a]{border:1px solid #2e6b9c88;background:#09233bba;padding:13px;box-shadow:inset 0 0 30px #0c4e7c28}.screen-grid h3[data-v-b821335a]{font-size:11px;margin:0 0 12px;color:#9fd4ff;border-left:3px solid #38a4ff;padding-left:7px}.screen-stats[data-v-b821335a]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.screen-stats div[data-v-b821335a]{background:#0d3150;padding:13px;display:flex;flex-direction:column;text-align:center}.screen-stats strong[data-v-b821335a]{font-size:20px;color:#64bdff}.screen-stats span[data-v-b821335a]{font-size:8px;color:#78a4c3;margin-top:5px}.donut-wrap[data-v-b821335a]{display:flex;flex-direction:column;align-items:center}.donut[data-v-b821335a]{width:105px;height:105px;border-radius:50%;background:conic-gradient(#35a3ff 0,#35a3ff 38%,#ed9a4c 38%,#ed9a4c 65%,#9b79f2 65%,#9b79f2 84%,#3bd09b 84%);position:relative}.donut[data-v-b821335a]:after{content:"";position:absolute;top:26px;right:26px;bottom:26px;left:26px;background:#0a263f;border-radius:50%}.donut-list[data-v-b821335a]{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.donut-list span[data-v-b821335a]{font-size:7px;color:#8eb8d6}.donut-list i[data-v-b821335a]{display:inline-block;width:5px;height:5px;background:#35a3ff;border-radius:50%;margin-right:4px}.donut-list i.orange[data-v-b821335a]{background:#ed9a4c}.donut-list i.purple[data-v-b821335a]{background:#9b79f2}.donut-list i.green[data-v-b821335a]{background:#3bd09b}.donut-list b[data-v-b821335a]{float:right;color:#d6ebfb}.screen-map[data-v-b821335a]{display:flex;flex-direction:column}.map-canvas[data-v-b821335a]{flex:1;position:relative;background:linear-gradient(#0d335277,#0b294277),repeating-linear-gradient(0deg,transparent,transparent 29px,#3a74952b 30px),repeating-linear-gradient(90deg,transparent,transparent 29px,#3a74952b 30px);overflow:hidden}.building[data-v-b821335a]{position:absolute;border:1px solid #39769e;background:#12436780;color:#6da1c2;font-size:9px;display:grid;place-items:center;transform:rotate(-8deg)}.b1[data-v-b821335a]{left:15%;top:20%;width:27%;height:23%}.b2[data-v-b821335a]{right:12%;top:25%;width:28%;height:20%}.b3[data-v-b821335a]{left:35%;bottom:13%;width:30%;height:18%}.road[data-v-b821335a]{position:absolute;background:#28608325;border:1px solid #39769e33}.r1[data-v-b821335a]{left:47%;top:0;width:11%;height:100%}.r2[data-v-b821335a]{left:0;top:53%;width:100%;height:10%}.map-point[data-v-b821335a]{position:absolute;z-index:3;color:#fff;font-size:7px;display:flex;align-items:center;gap:4px}.map-point i[data-v-b821335a]{width:10px;height:10px;background:#f35f68;border-radius:50%;box-shadow:0 0 0 7px #f35f6833,0 0 18px #f35f68}.map-point.medium i[data-v-b821335a]{background:#f3ac4c;box-shadow:0 0 0 7px #f3ac4c33,0 0 18px #f3ac4c}.map-point.low i[data-v-b821335a]{background:#42d4a0;box-shadow:0 0 0 7px #42d4a033,0 0 18px #42d4a0}.screen-alarms[data-v-b821335a]{display:flex;flex-direction:column}.screen-alarms>div[data-v-b821335a]{display:grid;grid-template-columns:6px 1fr auto;gap:8px;align-items:center;border-bottom:1px solid #2e628044;padding:9px 0}.screen-alarms b[data-v-b821335a]{width:5px;height:5px;background:#e9a448;border-radius:50%}.screen-alarms b.high[data-v-b821335a]{background:#ef5f68}.screen-alarms span[data-v-b821335a]{display:flex;flex-direction:column;gap:3px}.screen-alarms strong[data-v-b821335a]{font-size:8px}.screen-alarms small[data-v-b821335a]{font-size:7px;color:#71a1c2}.screen-alarms em[data-v-b821335a]{font-size:8px;color:#62baff;font-style:normal}.screen-bars[data-v-b821335a]{height:190px;display:flex;align-items:flex-end;gap:13px;padding:10px 18px;border-bottom:1px solid #28628b}.screen-bars i[data-v-b821335a]{flex:1;background:linear-gradient(#42b8ff,#236db2);box-shadow:0 0 12px #38aaff50}.app-shell[data-v-b821335a]{height:100vh;min-height:0;overflow:hidden}.main[data-v-b821335a]{height:100vh;overflow-x:hidden;overflow-y:scroll;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}.screen-mode .main[data-v-b821335a]{overflow:hidden}@media (max-width:1100px){.metric-grid[data-v-b821335a]{grid-template-columns:repeat(3,1fr)}.camera-grid[data-v-b821335a]{grid-template-columns:repeat(2,1fr)}.two-one[data-v-b821335a],.one-one[data-v-b821335a]{grid-template-columns:1fr}.tr[data-v-b821335a]{grid-template-columns:1.3fr 1fr 1fr .7fr}.tr>span[data-v-b821335a]:nth-child(5),.tr>span[data-v-b821335a]:nth-child(6),.tr.th>span[data-v-b821335a]:nth-child(5),.tr.th>span[data-v-b821335a]:nth-child(6){display:none}}@media (max-width:760px){.sidebar[data-v-b821335a]{width:65px;padding:18px 8px}.brand div[data-v-b821335a]:last-child,.sidebar nav button span[data-v-b821335a]:not(.nav-icon),.sidebar-foot div[data-v-b821335a]:last-child{display:none}.sidebar nav button[data-v-b821335a]{justify-content:center}.main[data-v-b821335a]{margin-left:65px}.topbar[data-v-b821335a]{padding:0 14px}.context .scope[data-v-b821335a],.context .crumb[data-v-b821335a],.top-actions .sync[data-v-b821335a],.user div[data-v-b821335a]:last-child{display:none}.page-head[data-v-b821335a]{padding:22px 16px 16px;align-items:flex-start}.page-actions .secondary[data-v-b821335a]{display:none}.page-content[data-v-b821335a]{padding:0 16px 30px}.metric-grid[data-v-b821335a],.report-metrics[data-v-b821335a]{grid-template-columns:1fr 1fr}.camera-grid[data-v-b821335a],.scene-layout[data-v-b821335a]{grid-template-columns:1fr}.filter-bar[data-v-b821335a]{flex-wrap:wrap}.filter-bar label[data-v-b821335a]{flex:1}.tr[data-v-b821335a]{grid-template-columns:1.4fr 1fr .7fr}.tr>span[data-v-b821335a]:nth-child(3),.tr.th>span[data-v-b821335a]:nth-child(3){display:none}.drawer[data-v-b821335a]{width:100%}}