.camera-editor-panel[data-v-5e0846b3],.camera-editor-sidebar[data-v-5e0846b3]{display:grid;gap:16px}.camera-editor-grid[data-v-5e0846b3]{align-items:start}.camera-stage-panel[data-v-5e0846b3]{min-width:0}.camera-editor-stage[data-v-5e0846b3]{position:relative;border-radius:24px;overflow:hidden;background:#15242b0d;border:1px solid rgba(25,49,58,.12);padding:12px;cursor:crosshair}.camera-editor-image[data-v-5e0846b3]{width:100%;height:auto;display:block;background:#f7f4ee}.camera-draft-pin[data-v-5e0846b3]{position:absolute;width:18px;height:18px;border-radius:999px;background:#f2b134e6;border:3px solid #ffffff;transform:translate(-50%,-50%);box-shadow:0 6px 16px #1130382e;pointer-events:none}@media (max-width: 1100px){.camera-editor-grid[data-v-5e0846b3]{grid-template-columns:1fr}}.layout-editor-panel[data-v-911733ee]{display:grid;gap:18px}.layout-editor-grid[data-v-911733ee]{align-items:start}.layout-editor-stage[data-v-911733ee]{border-radius:24px;overflow:hidden;background:#15242b0d;border:1px solid rgba(25,49,58,.12);padding:12px}.layout-editor-canvas[data-v-911733ee]{position:relative;cursor:crosshair}.layout-editor-overlay[data-v-911733ee]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.layout-editor-image[data-v-911733ee]{width:100%;height:auto;display:block;background:#f7f4ee}.layout-editor-overlay text[data-v-911733ee]{fill:#16343b;font-size:24px;font-weight:700;pointer-events:none}.layout-editor-empty[data-v-911733ee]{min-height:620px;display:grid;place-items:center;color:#687a85;padding:24px;text-align:center}.editor-toolbar[data-v-911733ee],.zone-list[data-v-911733ee]{display:grid;gap:12px}.editor-note[data-v-911733ee]{padding:12px 14px;border-radius:16px;background:#19313a0d;color:#51636c}.warning-note[data-v-911733ee]{background:#f2b1342e;color:#7f5a00}.zone-row[data-v-911733ee]{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border-radius:16px;background:#19313a0a}.zone-row p[data-v-911733ee]{margin:4px 0 0;color:#687a85}@media (max-width: 1100px){.layout-editor-grid[data-v-911733ee]{grid-template-columns:1fr}.layout-editor-stage[data-v-911733ee],.layout-editor-empty[data-v-911733ee]{min-height:460px}}.device-card-header[data-v-e160d865]{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.device-card-title-block[data-v-e160d865]{text-align:left}.maintenance-info[data-v-e160d865]{display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:2px}.raster-layout-stage[data-v-a51d3b27]{min-height:0;padding:12px;background:#15242b0a}.raster-frame[data-v-a51d3b27]{position:relative}.layout-overlay[data-v-a51d3b27]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.layout-image[data-v-a51d3b27]{width:100%;height:auto;display:block;background:#f7f4ee}.layout-overlay[data-v-a51d3b27]{pointer-events:none}.layout-overlay text[data-v-a51d3b27]{font-size:26px;font-weight:700;fill:#16343b}.loop-info[data-v-52c36983]{display:flex;flex-direction:column;gap:4px}.loop-title-row[data-v-52c36983]{display:flex;align-items:center;gap:8px}.edit-icon[data-v-52c36983]{background:none;border:none;cursor:pointer;opacity:.5;font-size:14px}.edit-icon[data-v-52c36983]:hover{opacity:1}.loop-edit-row[data-v-52c36983]{display:flex;gap:8px;align-items:center}.loop-edit-row input[data-v-52c36983]{padding:4px;border:1px solid var(--border-color, #ccc);border-radius:4px;font-size:13px;width:100%}.camera-rtsp-note[data-v-52c36983]{padding:14px 16px;border-radius:16px;background:#f2b13424;color:#6d5110;line-height:1.5}:root{color-scheme:light;font-family:Avenir Next,Trebuchet MS,sans-serif;background:radial-gradient(circle at top left,rgba(248,200,141,.25),transparent 28%),radial-gradient(circle at top right,rgba(52,145,160,.22),transparent 34%),linear-gradient(180deg,#f3efe6,#e7eff0);color:#19313a;line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:transparent}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}#app,.app-shell{min-height:100vh}.shell-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 28px 0}.shell-brandline{min-width:90px}.shell-brandnote{margin:-4px 0 0;font-size:.82rem;line-height:1.3;max-width:260px}.shell-main{padding:28px}.eyebrow{margin:0 0 8px;font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;color:#cf8851}.muted{color:#5f7380}.shell-nav{display:grid;gap:10px}.shell-nav-horizontal{display:flex;flex-wrap:wrap;justify-content:center;flex:1}.nav-link{padding:14px 16px;border-radius:16px;background:#ffffffad;transition:transform .2s ease,background .2s ease}.nav-link.router-link-active{background:linear-gradient(135deg,#f096545c,#58adb838);transform:translateY(-2px)}.profile-card,.panel,.hero-card,.device-card,.login-card,.metric-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.profile-card{display:grid;gap:8px;padding:18px;background:#ffffffa8;border-radius:20px}.profile-card-inline{display:flex;align-items:center;gap:12px}.ghost-button,.primary-button,.danger-button{border:none;border-radius:14px;padding:12px 16px}.ghost-button{background:#ffffff14;color:inherit}.primary-button{background:linear-gradient(135deg,#d36d49,#de9565);color:#fffaf5}.danger-button{background:#a63c31;color:#fff}.page-stack{display:grid;gap:20px}.login-card h1{margin:0;font-size:clamp(1.7rem,2vw,2.4rem)}.device-grid,.announcement-grid,.admin-grid{display:grid;gap:16px}.hero-card{padding:24px;border-radius:24px;background:#ffffffad;border:1px solid rgba(25,49,58,.08);box-shadow:0 16px 50px #24414914}.device-detail-grid{display:grid;grid-template-columns:minmax(280px,.58fr) minmax(0,1.42fr);gap:20px;align-items:start}.device-detail-right{display:grid;gap:20px}.admin-tab-row{display:flex;flex-wrap:wrap;gap:10px}.admin-tab-button{border:none;border-radius:16px;padding:12px 16px;background:#19313a0d;color:inherit}.admin-tab-button[data-active=true]{background:linear-gradient(135deg,#f0965457,#58adb833)}.admin-workspace{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(340px,1.05fr);gap:20px;align-items:start}.admin-panel-stack{display:grid;gap:18px}.list-stack{display:grid;gap:12px}.list-select-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:18px;background:#19313a0d}.list-select-item p{margin:4px 0 0;color:#657985}.list-select-item-button{width:100%;border:none;color:inherit;text-align:left}.list-select-item-button[data-active=true]{background:#d36d4924;box-shadow:inset 0 0 0 1px #d36d4938}.admin-editor-card{margin-top:20px;padding-top:20px;border-top:1px solid rgba(25,49,58,.1);display:grid;gap:12px}.checkbox-row{display:flex;align-items:center;gap:10px}.checkbox-row input{width:auto}button:disabled{opacity:.5;cursor:not-allowed}.metric-card,.panel,.device-card,.login-card{border-radius:24px;background:#ffffffb8;border:1px solid rgba(25,49,58,.08);box-shadow:0 16px 50px #24414914}.monitoring-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px}.monitoring-sidebar,.monitoring-center{display:grid;gap:20px}.device-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.panel,.device-card{padding:18px}.device-card{text-align:left;display:grid;gap:16px;transition:transform .25s ease,border-color .25s ease}.device-card[data-active=true]{border-color:#d36d497a;transform:translateY(-2px)}.device-card h4,.panel h2,.panel h3{margin:0}.device-card p,.loop-item p{margin:4px 0 0;color:#657985}.device-card-badges,.status-row,.button-row{display:flex;flex-wrap:wrap;gap:8px}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;font-size:.82rem;font-weight:600}.status-badge[data-status=normal]{background:#6fcf9733;color:#1d6c3a}.status-badge[data-status=warning]{background:#f2b13438;color:#8c6200}.status-badge[data-status=danger]{background:#e85d482e;color:#a53527}.status-badge[data-status=offline]{background:#5e666e2e;color:#4a5560}.tree-root,.tree-level,.tree-city,.tree-school{display:grid;gap:10px}.tree-city,.tree-school{padding-left:14px}.tree-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:none;padding:4px 0;background:transparent;color:inherit;text-align:left}.tree-toggle-area{font-size:1.05rem}.tree-caret{min-width:24px;text-align:center;font-size:1.2rem;color:#657985}.tree-devices{display:grid;gap:10px;padding-top:6px}.tree-device{display:flex;justify-content:space-between;border:none;border-radius:14px;padding:10px 12px;background:#19313a0d}.online-text{color:#1d6c3a}.offline-text{color:#a53527}.device-detail{display:grid;gap:20px}.announcement-grid,.admin-grid{display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.layout-panel{min-height:420px}.layout-stage{position:relative;min-height:420px;border-radius:22px;background:#ffffff8c;overflow:hidden}.layout-svg{width:100%;height:100%}.layout-svg svg{width:100%;height:auto;display:block}.camera-pin{position:absolute;transform:translate(-50%,-50%);border:none;border-radius:999px;padding:8px 10px;background:#113038;color:#f7f3ee;box-shadow:0 8px 20px #1130383d}.loop-list,.event-list{display:grid;gap:12px}.loop-item,.event-item{display:grid;gap:12px;padding:12px 14px;background:#19313a0a;border-radius:16px}.event-item-history{grid-template-columns:minmax(220px,1.3fr) minmax(210px,1fr) minmax(220px,1.1fr);align-items:start}.event-primary,.event-secondary,.event-ack{display:grid;gap:4px}.event-secondary{justify-items:start}.event-ack{padding:10px 12px;border-radius:14px;background:#d36d4914}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}label{display:grid;gap:8px;margin-bottom:12px}input,select,textarea{width:100%;border:1px solid rgba(25,49,58,.14);border-radius:16px;padding:12px 14px;background:#ffffffc7;color:#19313a}textarea{resize:vertical}.divider{border:none;border-top:1px solid rgba(25,49,58,.1);margin:18px 0}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(100%,520px);padding:32px}.empty-state{color:#687a85;padding:20px 0}.error-text{color:#a53527;font-weight:600}.success-text{color:#1d6c3a;font-weight:600}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#09121673;padding:20px}.modal-card{width:min(100%,820px);padding:20px;border-radius:24px;background:#fff9f4}.alarm-modal{width:min(100%,560px)}.alarm-callout{margin:0 0 14px;padding:14px 16px;border-radius:18px;background:#e85d481a;color:#7a3127}.alarm-dismiss{background:#19313a14;color:#19313a}.camera-video{width:100%;min-height:320px;border-radius:18px;background:#091216}@media (max-width: 1100px){.monitoring-layout,.device-detail-grid,.announcement-grid,.admin-grid,.admin-workspace{grid-template-columns:1fr}.shell-topbar{flex-direction:column;align-items:stretch}.profile-card-inline{flex-wrap:wrap}}@media (max-width: 720px){.shell-main,.shell-topbar{padding:18px}.shell-nav-horizontal,.event-item-history{grid-template-columns:1fr}.admin-tab-row{display:grid;grid-template-columns:1fr}}