.cw-app--immersive{--cw-text: #e8eef4;--cw-muted: #8fa3b8;--cw-good: #3ecf9a;--cw-warn: #e4b04a;--cw-bad: #ef7b7b;--cw-panel-blur: 12px;--cw-scene-bg: #060c14;--cw-vignette: rgb(0 0 0 / 38%)}.cw-app--immersive[data-cw-theme=command]{--cw-glow: #5a9eff;--cw-glow-soft: rgb(90 158 255 / 12%);--cw-border: rgb(90 158 255 / 22%);--cw-accent-rgb: 90 158 255;--cw-glass-rgb: 10 18 32;--cw-scene-bg: #060c14}.cw-app--immersive[data-cw-theme=midnight]{--cw-glow: #a8b8d4;--cw-glow-soft: rgb(168 184 212 / 10%);--cw-border: rgb(168 184 212 / 18%);--cw-accent-rgb: 168 184 212;--cw-glass-rgb: 14 18 28;--cw-text: #eef1f6;--cw-muted: #9aa8bc;--cw-scene-bg: #04060c;--cw-vignette: rgb(0 0 0 / 48%)}.cw-app--immersive[data-cw-theme=tactical]{--cw-glow: #5ecf8f;--cw-glow-soft: rgb(94 207 143 / 10%);--cw-border: rgb(94 207 143 / 20%);--cw-accent-rgb: 94 207 143;--cw-glass-rgb: 8 20 16;--cw-good: #5ecf8f;--cw-scene-bg: #050c0a}.cw-app--immersive[data-cw-theme=aurora]{--cw-glow: #7ec8e8;--cw-glow-soft: rgb(126 200 232 / 11%);--cw-border: rgb(150 170 220 / 20%);--cw-accent-rgb: 126 200 232;--cw-glass-rgb: 14 16 32;--cw-scene-bg: #08081a}.cw-app--immersive[data-cw-theme=cyan],.cw-app--immersive[data-cw-theme=amber],.cw-app--immersive[data-cw-theme=violet],.cw-app--immersive[data-cw-theme=emerald]{--cw-glow: #5a9eff;--cw-accent-rgb: 90 158 255;--cw-glass-rgb: 10 18 32}.cw-app--immersive[data-cw-perf=fast]{--cw-panel-blur: 6px}.cw-app--immersive[data-cw-perf=fast] .cw-3d-scanline,.cw-app--immersive[data-cw-perf=fast] .cw-holo-v2-pulse,.cw-app--immersive[data-cw-perf=fast] .cw-beacon-pin-ring{display:none!important}.cw-app--immersive[data-cw-perf=fast] .cw-glass-panel,.cw-app--immersive[data-cw-perf=fast] .cw-drag-window,.cw-app--immersive[data-cw-perf=fast] .cw-asset-browser,.cw-app--immersive[data-cw-perf=fast] .cw-float-footer,.cw-app--immersive[data-cw-perf=fast] .cw-ui-dock{backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important}@media(prefers-reduced-motion:reduce){.cw-app--immersive .cw-3d-scanline:after,.cw-app--immersive .cw-holo-v2-pulse,.cw-app--immersive .cw-beacon-pin-ring{animation:none!important}}.cw-app.cw-app--immersive{position:relative;display:block!important;grid-template-rows:unset;height:100vh;height:100dvh;overflow:hidden;background:#010408;background:var(--cw-scene-bg, #010408)}.cw-app--immersive.is-focus .cw-immersive-stage{top:0;right:0;bottom:0;left:0}.cw-immersive-stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%}.cw-3d-wrap--immersive{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:0;display:block;border:none;border-radius:0;flex:none}.cw-3d-wrap--immersive .cw-3d-canvas-host{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.cw-3d-wrap--immersive .cw-3d-canvas{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;min-height:0!important;flex:none!important}.cw-3d-wrap--immersive .cw-3d-corners,.cw-3d-wrap--immersive .cw-3d-scanline,.cw-3d-wrap--immersive .cw-3d-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.cw-3d-wrap--immersive .cw-3d-scanline{top:0;right:0;bottom:0;left:0}.cw-3d-wrap--immersive .cw-3d-vignette{top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 120px var(--cw-vignette, rgb(0 0 0 / 45%))}.cw-vmap-toolbar--ghost{position:absolute;top:0;left:0;right:0;z-index:3;background:linear-gradient(180deg,rgb(0 0 0 / 55%),transparent)!important;border:none!important;opacity:.85;pointer-events:none}.cw-3d-wrap--immersive .cw-vmap-legend{position:absolute;bottom:52px;left:12px;z-index:3;background:#00000059;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:6px;padding:4px 8px;border:1px solid var(--cw-border)}.cw-topbar{position:absolute;top:0;left:0;right:0;z-index:40;display:grid;grid-template-columns:minmax(200px,1fr) minmax(180px,1.2fr) minmax(220px,1fr);align-items:center;gap:12px;padding:6px 12px;background:linear-gradient(180deg,rgb(2 8 18 / 88%),rgb(2 8 18 / 55%) 70%,transparent);border-bottom:1px solid rgb(var(--cw-accent-rgb) / 18%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none}.cw-topbar>*{pointer-events:auto}.cw-topbar-left{display:flex;align-items:center;gap:10px}.cw-brand-mark--sm{width:32px;height:32px}.cw-topbar-brand h1{margin:0;font-size:.82rem;font-weight:800;letter-spacing:.04em;line-height:1.2}.cw-topbar-brand p{margin:0;font-size:.58rem;color:var(--cw-muted);letter-spacing:.1em}.cw-topbar-center{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.cw-topbar-pill{font-size:.55rem;font-weight:800;letter-spacing:.1em;padding:2px 7px;border-radius:999px;border:1px solid rgb(var(--cw-accent-rgb) / 35%)}.cw-topbar-pill.live{color:var(--cw-good);border-color:#34d39966;box-shadow:0 0 10px #34d39940}.cw-topbar-meta{font-size:.62rem;color:var(--cw-muted)}.cw-topbar-right{display:flex;align-items:center;justify-content:flex-end;gap:10px}.cw-topbar-clock{display:flex;align-items:baseline;gap:8px;font-variant-numeric:tabular-nums}.cw-topbar-clock span{font-size:.62rem;color:var(--cw-muted)}.cw-topbar-clock strong{font-size:.95rem;font-weight:700;color:var(--cw-glow);text-shadow:0 0 12px rgb(var(--cw-accent-rgb) / 45%)}.cw-topbar-user{font-size:.68rem;color:var(--cw-muted)}.cw-topbar-logout{border:none;background:#ffffff0f;color:var(--cw-muted);width:28px;height:28px;border-radius:6px;cursor:pointer;display:grid;place-items:center;padding:0}.cw-topbar-logout:hover{color:var(--cw-bad);background:#f871711f}.cw-building-windows{position:absolute;top:0;right:0;bottom:0;left:0;z-index:45;pointer-events:none}.cw-drag-window{position:absolute;width:min(300px,42vw);pointer-events:auto;background:rgb(var(--cw-glass-rgb) / .2);backdrop-filter:blur(var(--cw-panel-blur, 12px)) saturate(1.35);-webkit-backdrop-filter:blur(var(--cw-panel-blur, 12px)) saturate(1.35);border:1px solid rgb(var(--cw-accent-rgb) / .35);border-radius:12px;box-shadow:0 20px 50px #00000073,inset 0 1px #ffffff1f;overflow:hidden;animation:cw-panel-in .35s ease-out}.cw-drag-window.tone--warn{border-color:#fbbf2473;box-shadow:0 20px 50px #00000073,0 0 24px #fbbf2426}.cw-drag-window-head{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;-webkit-user-select:none;user-select:none;border-bottom:1px solid rgb(var(--cw-accent-rgb) / 18%);background:linear-gradient(90deg,rgb(var(--cw-accent-rgb) / 12%),transparent)}.cw-drag-window-drag{display:flex;align-items:flex-start;gap:8px;flex:1;min-width:0;cursor:grab}.cw-drag-window-drag:active{cursor:grabbing}.cw-drag-window-head:active{cursor:default}.cw-drag-window-grip{width:4px;align-self:stretch;border-radius:4px;background:linear-gradient(180deg,var(--cw-glow),transparent);opacity:.8;flex-shrink:0}.cw-drag-window-title{display:flex;gap:8px;flex:1;min-width:0}.cw-drag-window-title h3{margin:0;font-size:.72rem;font-weight:800;letter-spacing:.04em;color:var(--cw-text)}.cw-drag-window-title p{margin:2px 0 0;font-size:.58rem;color:var(--cw-muted)}.cw-drag-window-icon{width:16px;height:16px;color:var(--cw-glow);flex-shrink:0}.cw-drag-window-close{position:relative;z-index:2;flex-shrink:0;border:none;background:#ffffff0f;color:var(--cw-muted);cursor:pointer;padding:4px;border-radius:6px;line-height:0}.cw-drag-window-close:hover{color:var(--cw-bad);background:#f8717126}.cw-drag-window-body{padding:8px 10px 10px;max-height:min(36vh,320px);overflow:auto}.cw-bld-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px}.cw-bld-row{display:flex;flex-direction:column;gap:1px;padding:4px 0;font-size:.62rem}.cw-bld-row span{color:var(--cw-muted)}.cw-bld-row strong{font-size:.72rem;color:var(--cw-text)}.cw-bld-row.tone--ok strong{color:var(--cw-good)}.cw-bld-row.tone--bad strong{color:var(--cw-bad)}.cw-bld-section{margin-top:8px;padding-top:6px;border-top:1px solid rgb(255 255 255 / 8%)}.cw-bld-section h4{margin:0 0 4px;font-size:.62rem;color:var(--cw-glow);letter-spacing:.06em;text-transform:uppercase}.cw-bld-link{margin-top:8px;width:100%;border:1px dashed rgb(var(--cw-accent-rgb) / 30%);background:rgb(var(--cw-accent-rgb) / 8%);color:var(--cw-glow);font-size:.62rem;font-weight:700;padding:6px 8px;border-radius:6px;cursor:pointer}.cw-bld-link--secondary{margin-top:6px;border-style:solid;background:transparent}.cw-rooftop-highlight{padding:4px 6px;margin:0 -6px 4px;border-radius:6px;background:#22d3ee1a;border:1px solid rgb(34 211 238 / 25%)}.cw-building-hint{position:absolute;top:52px;left:50%;transform:translate(-50%);z-index:21;display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#0000007f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgb(var(--cw-accent-rgb) / 25%);font-size:.62rem;color:var(--cw-muted);pointer-events:auto}.cw-building-hint button{border:none;background:rgb(var(--cw-accent-rgb) / 15%);color:var(--cw-glow);font-size:.58rem;font-weight:700;padding:3px 8px;border-radius:999px;cursor:pointer}.cw-building-tag{display:inline-block;padding:2px 8px;font-size:8px;font-weight:700;color:#f0f9ff;background:#000a16a6;border:1px solid rgb(var(--cw-accent-rgb) / 50%);border-radius:4px;white-space:nowrap;box-shadow:0 0 12px rgb(var(--cw-accent-rgb) / 30%)}.cw-asset-note{display:flex;align-items:flex-start;gap:6px;margin:8px 0 0;padding:6px 8px;font-size:.6rem;color:var(--cw-muted);background:#fbbf2414;border:1px dashed rgb(251 191 36 / 25%);border-radius:6px}.cw-asset-note svg{width:12px;height:12px;color:var(--cw-warn);flex-shrink:0;margin-top:1px}.cw-asset-browser{position:absolute;top:48px;right:12px;bottom:88px;z-index:26;width:min(260px,32vw);display:flex;flex-direction:column;background:rgb(var(--cw-glass-rgb) / .22);backdrop-filter:blur(var(--cw-panel-blur, 12px)) saturate(1.3);-webkit-backdrop-filter:blur(var(--cw-panel-blur, 12px)) saturate(1.3);border:1px solid rgb(var(--cw-accent-rgb) / 30%);border-radius:12px;box-shadow:0 16px 40px #00000073;overflow:hidden;animation:cw-panel-in .3s ease-out}.cw-right-column{position:absolute;top:52px;right:12px;bottom:88px;z-index:18;width:min(280px,28vw);display:flex;flex-direction:column;gap:8px;min-height:0;pointer-events:none}.cw-right-column>*{pointer-events:auto}.cw-right-column .cw-float-dock--in-column{position:relative;top:auto;right:auto;bottom:auto;width:100%;flex:0 1 auto;min-height:0;max-height:100%;padding:0;animation:none}.cw-right-column.has-browser .cw-float-dock--in-column{flex:0 1 42%;max-height:42%}.cw-right-column .cw-asset-browser{position:relative;top:auto;right:auto;bottom:auto;width:100%;flex:1 1 58%;min-height:0;z-index:1}.cw-right-column:not(.has-browser) .cw-float-dock--in-column{flex:1 1 100%;max-height:100%}.cw-right-column.has-browser:not(:has(.cw-float-dock--in-column)) .cw-asset-browser{flex:1 1 100%}.cw-asset-browser-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid rgb(var(--cw-accent-rgb) / 18%)}.cw-asset-browser-head h3{margin:0;font-size:.72rem;font-weight:800;color:var(--cw-text)}.cw-asset-browser-head p{margin:2px 0 0;font-size:.58rem;color:var(--cw-muted)}.cw-asset-browser-close{border:none;background:transparent;color:var(--cw-muted);cursor:pointer;padding:2px}.cw-asset-layer-toggles{display:flex;flex-wrap:wrap;gap:4px;padding:8px 10px;border-bottom:1px solid rgb(255 255 255 / 6%)}.cw-asset-layer-toggles button{border:1px solid rgb(var(--cw-accent-rgb) / 20%);background:#0003;color:var(--cw-muted);font-size:.55rem;font-weight:700;padding:3px 7px;border-radius:999px;cursor:pointer}.cw-asset-layer-toggles button.on{color:var(--cw-glow);border-color:rgb(var(--cw-accent-rgb) / 45%);background:rgb(var(--cw-accent-rgb) / 12%)}.cw-asset-browser-body{flex:1;overflow:auto;padding:6px 8px 10px}.cw-asset-group h4{margin:8px 4px 4px;font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;color:var(--cw-glow)}.cw-asset-row{display:flex;align-items:center;gap:6px;width:100%;border:none;background:transparent;color:var(--cw-text);font-size:.62rem;text-align:left;padding:5px 6px;border-radius:6px;cursor:pointer}.cw-asset-row:hover,.cw-asset-row.is-active{background:rgb(var(--cw-accent-rgb) / 12%)}.cw-asset-row.is-offmap{opacity:.85}.cw-asset-row-icon{width:12px;height:12px;color:var(--cw-glow);flex-shrink:0}.cw-asset-row-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cw-asset-row-badge{font-size:.5rem;font-weight:700;color:var(--cw-warn);background:#fbbf241f;padding:1px 5px;border-radius:999px;flex-shrink:0}.cw-asset-row-badge--roof{color:var(--cw-good);background:#34d3991f}.cw-asset-row-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.cw-asset-row-dot.warn{background:var(--cw-warn)}.cw-asset-row-dot.bad{background:var(--cw-bad)}.cw-float-rail{position:absolute;top:48px;left:12px;bottom:88px;z-index:25;width:52px;display:flex;flex-direction:column;gap:4px;padding:8px 4px;border-radius:10px;background:rgb(var(--cw-glass-rgb) / .4);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--cw-border);box-shadow:0 8px 28px #0006;animation:cw-float-in .35s ease-out .05s both}.cw-float-rail button{border:none;background:transparent;color:var(--cw-muted);display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px;border-radius:8px;cursor:pointer;font-size:.5rem;font-weight:700;letter-spacing:.04em}.cw-float-rail button:hover,.cw-float-rail button.active{background:var(--cw-glow-soft);color:var(--cw-glow);box-shadow:inset 0 0 0 1px rgb(var(--cw-accent-rgb) / 25%)}.cw-float-dock{position:absolute;top:52px;bottom:88px;z-index:15;display:flex;flex-direction:column;gap:8px;width:min(280px,26vw);overflow-y:auto;overflow-x:hidden;padding:4px;scrollbar-width:thin}.cw-float-dock--left{left:72px;animation:cw-slide-left .4s ease-out}.cw-float-dock--right{right:12px;animation:cw-slide-right .4s ease-out}.cw-glass-panel{flex-shrink:0;position:relative;background:rgb(var(--cw-glass-rgb) / .14);backdrop-filter:blur(var(--cw-panel-blur, 12px)) saturate(1.4);-webkit-backdrop-filter:blur(var(--cw-panel-blur, 12px)) saturate(1.4);border:1px solid rgb(var(--cw-accent-rgb) / .28);border-radius:12px;box-shadow:0 16px 48px #00000061,inset 0 1px #ffffff1f,inset 0 -1px rgb(var(--cw-accent-rgb) / 8%);overflow:hidden;animation:cw-panel-in .45s ease-out both;animation-delay:calc(var(--panel-i, 0) * .06s)}.cw-glass-panel--v2:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,transparent,var(--cw-glow),transparent);box-shadow:0 0 12px var(--cw-glow);opacity:.85}.cw-glass-shine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(125deg,rgb(255 255 255 / 8%) 0%,transparent 42%,transparent 100%);pointer-events:none}.cw-glass-head-title{display:flex;align-items:flex-start;gap:8px}.cw-glass-icon{width:16px;height:16px;color:var(--cw-glow);margin-top:2px;filter:drop-shadow(0 0 6px var(--cw-glow))}.cw-glass-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:8px 10px 6px;border-bottom:1px solid rgb(var(--cw-accent-rgb) / 18%);background:linear-gradient(90deg,rgb(var(--cw-accent-rgb) / 10%),transparent)}.cw-glass-head h3{margin:0;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--cw-glow)}.cw-glass-head p{margin:2px 0 0;font-size:.58rem;color:var(--cw-muted)}.cw-glass-head-actions{display:flex;align-items:center;gap:6px}.cw-glass-close{border:none;background:#ffffff0f;color:var(--cw-muted);width:22px;height:22px;border-radius:4px;cursor:pointer;display:grid;place-items:center;padding:0}.cw-glass-close:hover{color:var(--cw-bad);background:#f8717126}.cw-right-column.has-browser .cw-glass-body{max-height:min(16vh,120px)}.cw-right-column.has-browser .cw-glass-panel--compact .cw-glass-body{max-height:min(14vh,100px)}.cw-glass-body{padding:6px 10px 10px;max-height:min(28vh,220px);overflow:auto;-webkit-mask-image:linear-gradient(180deg,#000 85%,transparent);mask-image:linear-gradient(180deg,#000 85%,transparent)}.cw-glass-tab--edge{writing-mode:vertical-rl;text-orientation:mixed;width:auto;min-height:88px;padding:10px 8px;justify-content:center}.cw-glass-tab-text{letter-spacing:.12em;font-size:.62rem}.cw-kpi-bar{padding:6px 0 8px}.cw-kpi-bar-head{display:flex;justify-content:space-between;font-size:.65rem;color:var(--cw-muted);margin-bottom:4px}.cw-kpi-bar-head strong{color:var(--cw-text);font-variant-numeric:tabular-nums}.cw-kpi-bar-track{height:4px;border-radius:999px;background:#ffffff14;overflow:hidden}.cw-kpi-bar-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cw-glow),rgb(var(--cw-accent-rgb) / 60%));box-shadow:0 0 8px rgb(var(--cw-accent-rgb) / 50%)}.cw-kpi-bar.tone--ok .cw-kpi-bar-track span{background:linear-gradient(90deg,var(--cw-good),#6ee7b7)}.cw-glass-tab{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:1px dashed rgb(var(--cw-accent-rgb) / 25%);border-radius:8px;background:rgb(var(--cw-glass-rgb) / .15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--cw-muted);font-size:.68rem;font-weight:700;cursor:pointer;text-align:left}.cw-glass-tab:hover{color:var(--cw-glow);border-style:solid}.cw-glass-tab-dot{width:6px;height:6px;border-radius:50%;background:var(--cw-glow);box-shadow:0 0 6px var(--cw-glow)}.cw-kpi-row.is-clickable{width:100%;border:none;background:transparent;cursor:pointer;text-align:inherit;font:inherit;transition:background .15s}.cw-kpi-row.is-clickable:hover{background:rgb(var(--cw-accent-rgb) / 8%);border-radius:4px}.cw-float-footer{position:absolute;left:72px;right:12px;bottom:52px;z-index:18;display:flex;align-items:center;gap:12px;padding:8px 14px;border-radius:10px;background:rgb(var(--cw-glass-rgb) / .38);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--cw-border);box-shadow:0 8px 32px #00000073;animation:cw-float-up .35s ease-out}.cw-ui-dock{position:absolute;bottom:8px;left:50%;transform:translate(-50%);z-index:30;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;padding:6px 10px;border-radius:999px;background:#0000008c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgb(255 255 255 / 12%);box-shadow:0 8px 24px #0000007f}.cw-ui-dock.is-minimal{padding:8px 16px;gap:10px}.cw-focus-hint{font-size:.58rem;color:var(--cw-muted);letter-spacing:.04em;white-space:nowrap}.cw-ui-btn{border:1px solid rgb(255 255 255 / 12%);background:#ffffff0f;color:var(--cw-muted);font-size:.62rem;font-weight:700;padding:5px 10px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;letter-spacing:.03em}.cw-ui-btn.on,.cw-ui-btn:hover{color:var(--cw-glow);border-color:rgb(var(--cw-accent-rgb) / 40%);background:var(--cw-glow-soft)}.cw-ui-btn--primary{color:#020810;background:var(--cw-glow);border-color:var(--cw-glow);font-weight:800}.cw-ui-theme{border:1px solid rgb(255 255 255 / 15%);background:#0006;color:var(--cw-text);font-size:.62rem;padding:4px 8px;border-radius:6px;cursor:pointer}.cw-holo-v2{display:flex;flex-direction:column;align-items:center;pointer-events:none;animation:cw-holo-in .35s cubic-bezier(.22,1,.36,1);filter:drop-shadow(0 8px 20px rgb(0 0 0 / 55%))}.cw-holo-v2-rig{position:relative;width:48px;height:36px;margin-bottom:2px}.cw-holo-v2-stem{position:absolute;left:50%;bottom:0;width:2px;height:100%;transform:translate(-50%);background:linear-gradient(to top,var(--holo-accent, var(--cw-glow)),transparent 88%);box-shadow:0 0 10px var(--holo-accent, var(--cw-glow))}.cw-holo-v2-arm{position:absolute;bottom:0;width:18px;height:2px;background:var(--holo-accent, var(--cw-glow));opacity:.75;box-shadow:0 0 8px var(--holo-accent, var(--cw-glow))}.cw-holo-v2-arm--l{left:2px;transform:rotate(-28deg);transform-origin:right center}.cw-holo-v2-arm--r{right:2px;transform:rotate(28deg);transform-origin:left center}.cw-holo-v2-pulse{position:absolute;left:50%;bottom:-3px;width:10px;height:10px;transform:translate(-50%);border-radius:50%;background:var(--holo-accent, var(--cw-glow));box-shadow:0 0 16px var(--holo-accent, var(--cw-glow));animation:cw-beacon-pulse 2s ease-out infinite}.cw-holo-v2-card{position:relative;min-width:118px;max-width:168px;padding:8px 11px 9px;background:#020a1685;-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);border:1px solid rgb(var(--cw-accent-rgb) / .45);border-radius:8px;overflow:hidden;box-shadow:inset 0 1px #ffffff24,0 0 24px rgb(var(--cw-accent-rgb) / 18%)}.cw-holo-v2-scan{position:absolute;left:0;right:0;height:40%;top:-40%;background:linear-gradient(180deg,transparent,rgb(var(--cw-accent-rgb) / 12%),transparent);animation:cw-holo-scan 3.5s linear infinite;pointer-events:none}.cw-holo-v2-card header{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:5px}.cw-holo-v2-id{font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#f0f9ff;text-shadow:0 0 10px var(--holo-accent, var(--cw-glow))}.cw-holo-v2-live{font-size:6px;font-weight:800;padding:2px 4px;border-radius:3px;color:#020810;background:var(--holo-accent, var(--cw-glow));animation:cw-live-blink 1.2s ease infinite}.cw-holo-v2-card ul{margin:0;padding:0;list-style:none}.cw-holo-v2-card li{font-size:7.5px;color:#9ec3dc;line-height:1.45;padding:1px 0;border-top:1px solid rgb(255 255 255 / 6%)}.cw-holo-v2-card li:first-child{border-top:none}.cw-holo-v2.active .cw-holo-v2-card{border-color:var(--holo-accent, var(--cw-glow));box-shadow:0 0 32px rgb(var(--cw-accent-rgb) / 35%),inset 0 1px #ffffff2e;transform:scale(1.04)}.cw-holo-v2.status--critical .cw-holo-v2-pulse,.cw-holo-v2.status--warn .cw-holo-v2-pulse{animation-duration:1.1s}.cw-beacon-pin{position:relative;border:none;background:transparent;cursor:pointer;padding:0;width:26px;height:26px;color:var(--beacon-accent, var(--cw-glow))}.cw-beacon-pin-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1.5px solid currentColor;opacity:.55;animation:cw-beacon-pulse 2.4s ease-out infinite}.cw-beacon-pin-core{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;display:grid;place-items:center;font-size:7px;font-weight:800;color:#041018;background:currentColor;box-shadow:0 0 12px currentColor}.cw-beacon-pin.active .cw-beacon-pin-ring{opacity:1;animation-duration:1.2s}.cw-beacon-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:999px;font-size:7px;font-weight:700;color:#dff6ff;background:#0008128c;border:1px solid var(--beacon-accent, var(--cw-glow));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap}.cw-beacon-chip-dot{width:5px;height:5px;border-radius:50%;background:var(--beacon-accent, var(--cw-glow));box-shadow:0 0 6px var(--beacon-accent)}.cw-poi-chip,.cw-boat-chip{border:1px solid rgb(var(--cw-accent-rgb) / .4);background:#00081280;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#cfe9f8;font-size:7px;font-weight:700;padding:3px 8px;border-radius:999px;white-space:nowrap;cursor:pointer}.cw-boat-chip{pointer-events:none;display:inline-flex;align-items:center;gap:4px}.cw-poi-chip-icon,.cw-boat-chip-icon{width:6px;height:6px;border-radius:50%;background:var(--poi-accent, var(--cw-glow));box-shadow:0 0 6px var(--poi-accent, var(--cw-glow))}.cw-boat-chip-icon{background:#22d3ee;box-shadow:0 0 6px #22d3ee}.cw-zone-tag{display:inline-block;padding:2px 8px;font-size:8px;font-weight:700;color:#f8fafc;background:#00000073;border:1px solid var(--zone-color, var(--cw-glow));border-radius:4px;box-shadow:0 0 10px color-mix(in srgb,var(--zone-color) 40%,transparent);white-space:nowrap}.cw-vmap-legend--ghost{opacity:.75;font-size:.55rem}@keyframes cw-panel-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cw-beacon-pulse{0%{transform:scale(.85);opacity:.75}70%{transform:scale(1.35);opacity:0}to{transform:scale(1.35);opacity:0}}@keyframes cw-holo-scan{0%{top:-50%}to{top:120%}}@keyframes cw-live-blink{0%,to{opacity:1}50%{opacity:.55}}.cw-holo-callout{display:flex;flex-direction:column;align-items:center;pointer-events:none;animation:cw-holo-in .3s ease-out}.cw-holo-stem{width:2px;height:32px;background:linear-gradient(to top,var(--holo-accent, var(--cw-glow)),transparent);box-shadow:0 0 10px var(--holo-accent, var(--cw-glow))}.cw-holo-anchor{width:8px;height:8px;border-radius:50%;background:var(--holo-accent, var(--cw-glow));box-shadow:0 0 14px var(--holo-accent, var(--cw-glow));margin-bottom:4px}.cw-holo-card{position:relative;min-width:110px;max-width:180px;padding:8px 12px;background:#0008106b;-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);border:1px solid var(--holo-accent, var(--cw-glow));border-radius:6px;box-shadow:0 0 20px rgb(var(--cw-accent-rgb) / 25%),0 8px 24px #0000007f,inset 0 1px #ffffff1f;text-align:center}.cw-holo-card:before,.cw-holo-card:after{content:"";position:absolute;width:8px;height:8px;border-color:var(--holo-accent, var(--cw-glow));border-style:solid;opacity:.7}.cw-holo-card:before{top:3px;left:3px;border-width:1px 0 0 1px}.cw-holo-card:after{bottom:3px;right:3px;border-width:0 1px 1px 0}.cw-holo-card header{font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#f0f9ff;margin-bottom:4px;text-shadow:0 0 8px var(--holo-accent, var(--cw-glow))}.cw-holo-card p{margin:2px 0;font-size:8px;color:#94b8d4;line-height:1.35}.cw-holo-callout.active .cw-holo-card{transform:scale(1.05);box-shadow:0 0 28px rgb(var(--cw-accent-rgb) / 40%),0 8px 24px #0000008c}.cw-holo-callout.status--critical .cw-holo-stem,.cw-holo-callout.status--critical .cw-holo-anchor{animation:cw-critical-pulse 1.5s ease-in-out infinite}@keyframes cw-float-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes cw-float-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes cw-slide-left{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes cw-slide-right{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes cw-holo-in{0%{opacity:0;transform:translateY(8px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:900px){.cw-float-dock{width:min(240px,42vw);top:auto;max-height:28vh}.cw-float-dock--left{left:12px;bottom:100px}.cw-float-dock--right{bottom:100px}.cw-right-column{width:min(240px,42vw);top:auto;bottom:100px;max-height:55vh}.cw-right-column.has-browser .cw-float-dock--in-column{max-height:38%}.cw-float-header{left:12px;grid-template-columns:1fr;gap:4px}.cw-float-footer{left:12px;flex-wrap:wrap}.cw-float-rail{bottom:auto;max-height:40vh}}@media(prefers-reduced-motion:reduce){.cw-float-header,.cw-float-rail,.cw-float-dock,.cw-float-footer,.cw-holo-callout{animation:none!important}}.zpot-page{--zpot-bg: #040d18;--zpot-panel: rgb(6 22 42 / 88%);--zpot-border: rgb(0 212 255 / 24%);--zpot-glow: #00d4ff;--zpot-text: #e8f4ff;--zpot-muted: #7da8c8;--zpot-good: #34d399;--zpot-warn: #fbbf24;--zpot-bad: #f87171;--zpot-calm: #67e8f9;color:var(--zpot-text);display:flex;flex-direction:column;gap:16px;min-height:100%}.zpot-page-head h2{margin:8px 0 4px;font-size:1.25rem;font-weight:800}.zpot-page-head p{margin:0;color:var(--zpot-muted);font-size:.85rem}.zpot-back-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:1px solid var(--zpot-border);background:#00d4ff14;color:var(--zpot-glow);font-size:.8rem;cursor:pointer}.zpot-back-btn:hover{background:#00d4ff29}.zpot-tabs{display:flex;flex-wrap:wrap;gap:8px}.zpot-tabs button{padding:8px 14px;border-radius:999px;border:1px solid var(--zpot-border);background:var(--zpot-panel);color:var(--zpot-muted);font-size:.78rem;font-weight:600;cursor:pointer}.zpot-tabs button.active{color:var(--zpot-text);border-color:var(--zpot-glow);box-shadow:0 0 12px #00d4ff33;background:#00507859}.zpot-topic-label{font-size:.75rem;color:var(--zpot-muted);letter-spacing:.04em}.zpot-domain,.zpot-shell{display:flex;flex-direction:column;gap:16px}.zpot-shell-head h3{margin:0 0 4px;font-size:1.1rem}.zpot-shell-head p{margin:0;color:var(--zpot-muted);font-size:.85rem}.zpot-domain-hero{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:12px;border:1px solid var(--zpot-border);background:linear-gradient(135deg,#041830f2,#020e1ee5);box-shadow:inset 0 0 24px #00d4ff0f}.zpot-kicker{margin:0 0 4px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--zpot-glow)}.zpot-domain-hero h3{margin:0;font-size:1rem;font-weight:700;max-width:36rem}.zpot-hero-badges{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.zpot-hero-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;font-size:.78rem;font-weight:600;border:1px solid transparent}.zpot-hero-badge.tone-good{background:#34d39926;border-color:#34d39959;color:var(--zpot-good)}.zpot-hero-badge.tone-calm{background:#67e8f91f;border-color:#67e8f94d;color:var(--zpot-calm)}.zpot-hero-badge.tone-warn{background:#fbbf241f;border-color:#fbbf2459;color:var(--zpot-warn)}.zpot-hero-badge.tone-alert{background:#f871711f;border-color:#f8717159;color:var(--zpot-bad)}.zpot-hero-badge.tone-neutral{background:#7da8c81f;border-color:#7da8c840;color:var(--zpot-muted)}.zpot-main-grid{display:grid;grid-template-columns:1fr minmax(200px,260px);gap:14px}@media(max-width:1100px){.zpot-main-grid{grid-template-columns:1fr}}.zpot-station-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.zpot-station-card{border-radius:10px;border:1px solid var(--zpot-border);background:var(--zpot-panel);overflow:hidden}.zpot-station-head{padding:6px 10px;font-size:.7rem;font-weight:700;letter-spacing:.06em;background:#003c6466;color:var(--zpot-glow);border-bottom:1px solid var(--zpot-border)}.zpot-station-body{padding:8px}.zpot-station-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.zpot-station-metric{padding:6px;border-radius:6px;background:#020c18cc;border:1px solid rgb(255 255 255 / 6%);font-size:.68rem}.zpot-station-metric.emphasis{border-color:#00d4ff59;box-shadow:0 0 8px #00d4ff1f}.zpot-station-metric.centered{text-align:center}.zpot-station-metric-main{display:flex;gap:6px;align-items:flex-start}.zpot-station-metric p{margin:0;color:var(--zpot-muted);font-size:.62rem}.zpot-station-metric strong{display:block;font-size:.82rem;color:var(--zpot-text)}.zpot-station-metric small{display:block;margin-top:2px;color:var(--zpot-muted);font-size:.58rem}.zpot-station-metric--low{border-left:3px solid #60a5fa}.zpot-station-metric--normal{border-left:3px solid var(--zpot-good)}.zpot-station-metric--high{border-left:3px solid var(--zpot-warn)}.zpot-station-metric--nodata{border-left:3px solid #6b7280;opacity:.75}.zpot-icon{width:16px;height:16px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6}.zpot-legend{padding:12px;border-radius:10px;border:1px solid var(--zpot-border);background:var(--zpot-panel);font-size:.78rem}.zpot-legend h4{margin:0 0 6px;font-size:.85rem}.zpot-legend p{margin:0 0 8px;color:var(--zpot-muted);font-size:.72rem}.zpot-legend ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.zpot-legend li{display:flex;align-items:center;gap:8px}.zpot-legend-title{margin:12px 0 6px!important;font-weight:600;color:var(--zpot-text)!important}.zpot-legend-colors .swatch{width:12px;height:12px;border-radius:2px;display:inline-block}.swatch.low{background:#60a5fa}.swatch.normal{background:var(--zpot-good)}.swatch.high{background:var(--zpot-warn)}.swatch.nodata{background:#6b7280}.zpot-aqi-chips{display:flex;flex-wrap:wrap;gap:6px}.zpot-aqi-chips .chip{padding:4px 10px;border-radius:999px;font-size:.68rem;font-weight:600}.chip.blue{background:#60a5fa33;color:#93c5fd}.chip.green{background:#34d3992e;color:var(--zpot-good)}.chip.yellow{background:#fbbf242e;color:var(--zpot-warn)}.chip.orange{background:#fb923c2e;color:#fdba74}.chip.red{background:#f871712e;color:var(--zpot-bad)}.zpot-detail-grid,.zpot-alarm-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.zpot-detail-card.span-2,.zpot-alarm-grid .span-2{grid-column:span 2}@media(max-width:900px){.zpot-detail-grid,.zpot-alarm-grid{grid-template-columns:1fr}.zpot-detail-card.span-2,.zpot-alarm-grid .span-2{grid-column:span 1}}.zpot-detail-card{padding:12px 14px;border-radius:10px;border:1px solid var(--zpot-border);background:var(--zpot-panel)}.zpot-detail-card h3{margin:0 0 10px;font-size:.88rem;color:var(--zpot-glow)}.zpot-status-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.zpot-status-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:#020a16b3;border:1px solid rgb(255 255 255 / 5%);font-size:.78rem}.zpot-status-label{display:flex;align-items:center;gap:8px;color:var(--zpot-muted);min-width:0}.zpot-value-badge{font-size:.76rem;font-weight:700;text-align:right;white-space:nowrap}.zpot-value-badge.tone-good{color:var(--zpot-good)}.zpot-value-badge.tone-calm{color:var(--zpot-calm)}.zpot-value-badge.tone-warn{color:var(--zpot-warn)}.zpot-value-badge.tone-alert{color:var(--zpot-bad)}.zpot-value-badge.tone-neutral{color:var(--zpot-muted)}:root{--scc-primary: #5a78f0;--scc-primary-hover: #4a68e8;--scc-primary-soft: #e8edfe;--scc-primary-dark: #3d5fd0;--scc-bg: #f4f6fa;--scc-surface: #ffffff;--scc-surface-muted: #f7f8fc;--scc-border: #e2e6ef;--scc-border-strong: #c8d0e0;--scc-text: #1a1d26;--scc-text-secondary: #475467;--scc-text-muted: #98a2b3;--scc-sidebar-bg: #ffffff;--scc-sidebar-border: #eaecf0;--scc-nav-text: #344054;--scc-nav-muted: #667085;--scc-nav-active-bg: var(--scc-primary);--scc-nav-active-text: #ffffff;--scc-success: #12b76a;--scc-success-bg: #ecfdf3;--scc-warning: #f79009;--scc-warning-bg: #fffaeb;--scc-danger: #f04438;--scc-danger-bg: #fef3f2;--scc-sidebar-w: 260px;--scc-topbar-h: 60px;--scc-content-max: 1280px;--scc-dashboard-max: 1280px;--scc-radius-sm: 8px;--scc-radius-md: 12px;--scc-radius-lg: 16px;--scc-radius-xl: 20px;--scc-shadow-sm: 0 1px 2px rgb(16 24 40 / 6%);--scc-shadow-md: 0 4px 16px rgb(16 24 40 / 8%);--scc-shadow-lg: 0 12px 40px rgb(16 24 40 / 12%);--scc-shadow-glow: 0 0 0 1px rgb(90 120 240 / 8%), 0 8px 24px rgb(90 120 240 / 12%);--scc-text-xs: .68rem;--scc-text-sm: .78rem;--scc-text-base: .875rem;--scc-text-lg: 1.05rem;--scc-text-xl: 1.35rem;--scc-text-2xl: 1.65rem;--scc-leading-tight: 1.25;--scc-leading-normal: 1.5;--scc-space-1: 4px;--scc-space-2: 8px;--scc-space-3: 12px;--scc-space-4: 16px;--scc-space-5: 20px;--scc-space-6: 24px;--scc-space-8: 32px;--scc-glass: rgb(255 255 255 / 72%);--scc-glass-border: rgb(255 255 255 / 60%);--scc-table-head-bg: #f8fafc;--scc-table-row-hover: rgb(90 120 240 / 4%);--scc-input-border: #cbd5e1;--font: "Inter", "Noto Sans Thai", system-ui, sans-serif}:root,[data-theme=command]{--scc-primary: #5a78f0;--scc-primary-hover: #4a68e8;--scc-primary-soft: #e8edfe;--scc-primary-dark: #3d5fd0;--scc-bg: #f4f6fa;--scc-surface: #ffffff;--scc-surface-muted: #f7f8fc;--scc-border: #e2e6ef;--scc-border-strong: #c8d0e0;--scc-text: #1c2030;--scc-text-secondary: #4a5568;--scc-text-muted: #8b95a8;--scc-sidebar-bg: #ffffff;--scc-sidebar-border: #e8ebf2;--scc-nav-text: #3d4663;--scc-nav-muted: #6b7288;--scc-nav-active-bg: #5a78f0;--scc-nav-active-text: #ffffff;--scc-shadow-sm: 0 1px 3px rgb(90 120 240 / 8%);--scc-shadow-md: 0 4px 20px rgb(90 120 240 / 12%);--scc-shadow-lg: 0 12px 40px rgb(28 32 48 / 10%);--scc-map-tint: #eef1f8;--scc-topbar-bg: #ffffff;--scc-success: #12b76a;--scc-success-bg: #ecfdf3;--scc-warning: #f79009;--scc-warning-bg: #fffaeb;--scc-danger: #f04438;--scc-danger-bg: #fef3f2}[data-theme=command] .scc-nav-item.active{background:#5a78f0;box-shadow:0 4px 12px #5a78f061}[data-theme=command] .scc-nav-item:hover:not(.active){background:#e8edfe;color:#3d5fd0}[data-theme=command] .scc-page-guide{background:linear-gradient(135deg,#e8edfe,#f7f8fc);border-color:#d4dcf5}[data-theme=command] .scc-btn-primary{background:linear-gradient(180deg,#5a78f0,#4a68e8);box-shadow:0 2px 8px #5a78f059}[data-theme=command] .scc-btn-primary:hover{background:linear-gradient(180deg,#4a68e8,#3d5fd0)}[data-theme=command] .scc-avatar{background:linear-gradient(135deg,#5a78f0,#3d5fd0);border-color:#e8edfe}[data-theme=midnight]{--scc-primary: #7c9cff;--scc-primary-hover: #9bb3ff;--scc-primary-soft: rgb(124 156 255 / 14%);--scc-primary-dark: #5a78f0;--scc-bg: #0c1017;--scc-surface: #151c28;--scc-surface-muted: #1a2332;--scc-border: #2a3548;--scc-border-strong: #3d4d66;--scc-text: #f1f5f9;--scc-text-secondary: #94a3b8;--scc-text-muted: #64748b;--scc-sidebar-bg: #111827;--scc-sidebar-border: #1e293b;--scc-nav-text: #cbd5e1;--scc-nav-muted: #64748b;--scc-nav-active-bg: linear-gradient(135deg, #5a78f0, #7c3aed);--scc-nav-active-text: #ffffff;--scc-shadow-sm: 0 1px 3px rgb(0 0 0 / 35%);--scc-shadow-md: 0 8px 24px rgb(0 0 0 / 45%);--scc-shadow-lg: 0 16px 48px rgb(0 0 0 / 55%);--scc-map-tint: #1a2332;--scc-topbar-bg: #111827;--scc-success: #34d399;--scc-success-bg: rgb(52 211 153 / 14%);--scc-warning: #fbbf24;--scc-warning-bg: rgb(251 191 36 / 14%);--scc-danger: #f87171;--scc-danger-bg: rgb(248 113 113 / 14%)}[data-theme=midnight] .scc-nav-item.active{background:linear-gradient(90deg,#5a78f038,#7c3aed14);box-shadow:inset 3px 0 #7c9cff,0 2px 12px #5a78f026;border:1px solid rgb(124 156 255 / 16%)}[data-theme=midnight] .scc-map-frame{background:var(--scc-map-tint)}[data-theme=midnight] .scc-cctv-placeholder{background:#0a0f16;color:#64748b}[data-theme=midnight] .scc-map-zone-label{background:#151c28eb;border-color:var(--scc-border)}[data-theme=midnight] .scc-kpi-card:hover,[data-theme=midnight] .scc-sensor-tile:hover{border-color:var(--scc-primary)}[data-theme=midnight] .scc-level-badge.level--severe{background:#ef444433;color:#fca5a5}[data-theme=midnight] .scc-level-badge.level--moderate{background:#f59e0b33;color:#fcd34d}[data-theme=midnight] .scc-level-badge.level--minor{background:#22c55e33;color:#86efac}[data-theme=midnight] .scc-stat-pill.ok{color:#6ce9a6}[data-theme=midnight] .scc-stat-pill.warn{color:#fec84b}[data-theme=command] .scc-kpi-card.tone--primary .scc-kpi-value{color:var(--scc-primary-dark)}[data-theme=command] .scc-topbar{background:#ffffffd9}[data-theme=midnight] .scc-main{background:radial-gradient(ellipse 70% 50% at 100% -5%,rgb(90 120 240 / 14%),transparent 55%),radial-gradient(ellipse 55% 40% at -5% 100%,rgb(124 58 237 / 9%),transparent 50%),var(--scc-bg)}[data-theme=midnight] .scc-ticker,[data-theme=midnight] .scc-live-clock,[data-theme=midnight] .scc-quick-action-btn{background:var(--scc-surface-muted)}[data-theme=midnight] .scc-login-showcase h2{background:linear-gradient(135deg,#f1f5f9,#7c9cff);-webkit-background-clip:text;background-clip:text;color:transparent}[data-theme=midnight] .scc-map-scanline{opacity:.55}@keyframes scc-fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scc-fade-in{0%{opacity:0}to{opacity:1}}@keyframes scc-scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes scc-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes scc-float-slow{0%,to{transform:translate(0)}33%{transform:translate(6px,-10px)}66%{transform:translate(-4px,6px)}}@keyframes scc-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes scc-ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scc-scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes scc-ring-pulse{0%{transform:scale(.9);opacity:.6}to{transform:scale(1.3);opacity:0}}@keyframes scc-progress-fill{0%{width:0}}.scc-animate-in{animation:scc-fade-in-up .45s ease both}.scc-page-content{animation:scc-fade-in-up .35s ease both}.scc-stagger>*{animation:scc-fade-in-up .4s ease both}.scc-stagger>*:nth-child(1){animation-delay:.03s}.scc-stagger>*:nth-child(2){animation-delay:.06s}.scc-stagger>*:nth-child(3){animation-delay:.09s}.scc-stagger>*:nth-child(4){animation-delay:.12s}.scc-stagger>*:nth-child(5){animation-delay:.15s}.scc-stagger>*:nth-child(6){animation-delay:.18s}.scc-modal-backdrop{animation:scc-fade-in .2s ease both}.scc-modal{animation:scc-scale-in .25s cubic-bezier(.34,1.4,.64,1) both}.scc-login-orb{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;animation:scc-float-slow 12s ease-in-out infinite}.scc-login-orb--1{width:280px;height:280px;background:#5a78f038;top:10%;left:8%}.scc-login-orb--2{width:200px;height:200px;background:#3d5fd029;bottom:15%;right:12%;animation-delay:-4s;animation-duration:15s}.scc-login-orb--3{width:140px;height:140px;background:#7c9cff24;top:50%;left:45%;animation-delay:-7s;animation-duration:18s}.scc-map-scanline{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:4;opacity:.35}.scc-map-scanline:after{content:"";position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--scc-primary),transparent);animation:scc-scanline 6s linear infinite}.scc-empty-state-icon{position:relative}.scc-empty-state-icon:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid var(--scc-primary);animation:scc-ring-pulse 2s ease-out infinite}.scc-kpi-progress-fill{animation:scc-progress-fill .8s ease both}.scc-onboard-step-card{animation:scc-fade-in-up .4s ease both}.scc-onboard-step-card:nth-child(1){animation-delay:.05s}.scc-onboard-step-card:nth-child(2){animation-delay:.1s}.scc-onboard-step-card:nth-child(3){animation-delay:.15s}.scc-onboard-step-card:nth-child(4){animation-delay:.2s}@media(prefers-reduced-motion:reduce){.scc-animate-in,.scc-page-content,.scc-stagger>*,.scc-modal-backdrop,.scc-modal,.scc-login-orb,.scc-map-scanline:after,.scc-empty-state-icon:before,.scc-kpi-progress-fill,.scc-onboard-step-card{animation:none!important}}.scc-topbar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--scc-glass)!important;box-shadow:0 1px 0 var(--scc-border);gap:var(--scc-space-3)}.scc-topbar-crumb{display:flex;align-items:center;gap:8px;font-size:var(--scc-text-sm);color:var(--scc-text-muted);min-width:0;flex:1}.scc-topbar-crumb strong{color:var(--scc-text);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scc-topbar-crumb-sep{opacity:.45;font-size:.65rem}.scc-sidebar{background:linear-gradient(180deg,var(--scc-primary-soft) 0%,transparent 140px),var(--scc-sidebar-bg);box-shadow:inset -1px 0 0 var(--scc-sidebar-border)}.scc-sidebar-brand{padding:var(--scc-space-4) var(--scc-space-4) var(--scc-space-3);background:transparent;border-bottom:1px solid var(--scc-sidebar-border)}.scc-sidebar-status{width:100%;margin-top:var(--scc-space-2);padding:.35rem .65rem;border-radius:999px;background:#12b76a1a;border:1px solid rgb(18 183 106 / 18%);font-size:.72rem;font-weight:600;color:var(--scc-success);justify-content:center}.scc-scroll-hint-root--sidebar{border-bottom:1px solid transparent}.scc-scroll-hint-root--sidebar.scc-scroll-hint-root--can-down{border-bottom-color:var(--scc-sidebar-border)}.scc-sidebar-nav{padding:var(--scc-space-2) var(--scc-space-2) var(--scc-space-1);gap:var(--scc-space-2)}.scc-scroll-hint-root--sidebar.scc-scroll-hint-root--can-down .scc-sidebar-nav{padding-bottom:2.75rem}.scc-nav-group{border-radius:var(--scc-radius-md);transition:background .15s}.scc-nav-group.is-open{background:#5a78f00f;border:1px solid rgb(90 120 240 / 10%);padding:2px}.scc-nav-group.has-active:not(.is-open) .scc-nav-group-head{color:var(--scc-primary)}.scc-nav-group-head{padding:.5rem .65rem;font-size:.7rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;border-radius:8px}.scc-nav-group-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.scc-nav-group-items{gap:3px;padding:0 2px 4px}.scc-nav-item{border-radius:10px;padding:.55rem .65rem;font-size:.82rem;gap:.65rem;min-height:40px}.scc-nav-item-label{min-width:0;line-height:1.3}.scc-nav-icon-wrap{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;background:#64748b1a;color:var(--scc-nav-text);transition:background .15s,color .15s}.scc-nav-icon-wrap .scc-icon{width:16px;height:16px}.scc-nav-item:hover .scc-nav-icon-wrap{background:#5a78f024;color:var(--scc-primary)}.scc-nav-item.active{background:linear-gradient(135deg,var(--scc-primary) 0%,var(--scc-primary-dark, #4a68e8) 100%);color:var(--scc-nav-active-text);box-shadow:0 4px 14px #5a78f052}.scc-nav-item.active .scc-nav-icon-wrap{background:#ffffff2e;color:#fff}.scc-nav-item.active:before{display:none}.scc-sidebar-foot{border-top:1px solid var(--scc-sidebar-border);padding:var(--scc-space-3) var(--scc-space-4);background:var(--scc-surface-muted);display:grid;gap:var(--scc-space-2)}.scc-sidebar-foot-stats{display:flex;gap:var(--scc-space-2)}.scc-sidebar-stat{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .55rem;border-radius:8px;background:var(--scc-surface);border:1px solid var(--scc-border);font-size:.72rem;font-weight:600;color:var(--scc-text-secondary)}.scc-sidebar-stat.danger{color:var(--scc-danger);border-color:#f0443833;background:var(--scc-danger-bg)}.scc-sidebar-role-pill{display:block;font-size:.72rem;color:var(--scc-text-muted);padding:.35rem .55rem;border-radius:8px;background:var(--scc-surface);border:1px solid var(--scc-border);text-align:center}.scc-scroll-hint-root--sidebar .scc-scroll-hint-fade--bottom{height:72px;background:linear-gradient(to bottom,transparent,var(--scc-sidebar-bg) 70%)}.scc-scroll-hint-root--sidebar .scc-scroll-hint-arrow--down{left:10px;right:10px;width:auto;transform:none;bottom:6px;justify-content:center;border-radius:8px;padding:.4rem .65rem;font-size:.72rem;background:var(--scc-surface);animation:scc-sidebar-scroll-pulse 2s ease-in-out infinite}.scc-scroll-hint-root--sidebar .scc-scroll-hint-arrow--up{top:4px;left:50%;transform:translate(-50%)}@keyframes scc-sidebar-scroll-pulse{0%,to{box-shadow:var(--scc-shadow-sm)}50%{box-shadow:0 4px 16px #5a78f038}}.scc-main{padding:var(--scc-space-5) var(--scc-space-6) var(--scc-space-8)}.scc-main--dashboard{padding:var(--scc-space-4) var(--scc-space-5) var(--scc-space-6);align-items:stretch!important}.scc-main-inner--dashboard{max-width:var(--scc-dashboard-max)!important;width:100%!important}.scc-page-intro{padding:var(--scc-space-4) var(--scc-space-5);background:var(--scc-surface);border:1px solid var(--scc-border);border-radius:var(--scc-radius-lg);box-shadow:var(--scc-shadow-sm);margin-bottom:var(--scc-space-4)}.scc-page-intro h1{font-size:var(--scc-text-2xl);letter-spacing:-.03em}.scc-page-guide{border-radius:var(--scc-radius-md);margin-bottom:var(--scc-space-4)}.scc-page-content{animation:scc-page-in .35s ease both}@keyframes scc-page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.scc-dashboard{gap:var(--scc-space-4);padding:0;background:transparent;border:none;box-shadow:none;border-radius:0}.scc-dashboard-head{display:none}.scc-dashboard-hero{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:space-between;gap:var(--scc-space-4);padding:var(--scc-space-5) var(--scc-space-6);border-radius:var(--scc-radius-xl);border:1px solid var(--scc-border);background:linear-gradient(135deg,var(--scc-primary-soft) 0%,var(--scc-surface) 45%,var(--scc-surface) 100%);box-shadow:var(--scc-shadow-glow);position:relative;overflow:hidden}.scc-dashboard-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 100% 0%,rgb(90 120 240 / 12%),transparent 50%);pointer-events:none}.scc-dashboard-hero.tone--danger{border-color:#f0443859;background:linear-gradient(135deg,var(--scc-danger-bg) 0%,var(--scc-surface) 50%)}.scc-dashboard-hero.tone--warning{border-color:#f790094d;background:linear-gradient(135deg,var(--scc-warning-bg) 0%,var(--scc-surface) 50%)}.scc-dashboard-hero-main{display:flex;gap:var(--scc-space-4);align-items:flex-start;position:relative;z-index:1;flex:1;min-width:240px}.scc-dashboard-hero-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--scc-surface);border:1px solid var(--scc-border);color:var(--scc-primary);box-shadow:var(--scc-shadow-sm);flex-shrink:0}.scc-dashboard-hero.tone--danger .scc-dashboard-hero-icon{color:var(--scc-danger);background:var(--scc-danger-bg);border-color:#f0443840}.scc-dashboard-hero-eyebrow{margin:0 0 4px;font-size:var(--scc-text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--scc-text-muted)}.scc-dashboard-hero-title{margin:0 0 6px;font-size:clamp(1.15rem,2.5vw,1.5rem);font-weight:800;letter-spacing:-.03em;line-height:var(--scc-leading-tight);color:var(--scc-text)}.scc-dashboard-hero-sub{margin:0;font-size:var(--scc-text-sm);color:var(--scc-text-secondary)}.scc-dashboard-hero-stats{display:flex;flex-wrap:wrap;gap:var(--scc-space-3);position:relative;z-index:1}.scc-dashboard-hero-stat{min-width:100px;padding:var(--scc-space-3) var(--scc-space-4);border-radius:var(--scc-radius-md);background:var(--scc-glass);border:1px solid var(--scc-glass-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;gap:2px}.scc-dashboard-hero-stat span{font-size:var(--scc-text-xs);font-weight:600;color:var(--scc-text-muted);text-transform:uppercase;letter-spacing:.04em}.scc-dashboard-hero-stat strong{font-size:1.25rem;font-weight:800;color:var(--scc-text);line-height:1.1}.scc-dashboard-hero-stat small{font-size:var(--scc-text-xs);color:var(--scc-text-secondary)}.scc-dashboard-summary{gap:var(--scc-space-3)}.scc-dashboard .scc-kpi-strip{grid-template-columns:repeat(4,1fr);gap:var(--scc-space-3)}.scc-dashboard-main{grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:var(--scc-space-4)}.scc-dashboard-main>.scc-panel--incidents{order:-1}.scc-kpi-card{border-radius:var(--scc-radius-md);position:relative;overflow:hidden}.scc-kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--scc-border);opacity:.6}.scc-kpi-card.tone--danger:before{background:var(--scc-danger);opacity:1}.scc-kpi-card.tone--warning:before{background:var(--scc-warning);opacity:1}.scc-kpi-card.tone--success:before{background:var(--scc-success);opacity:1}.scc-kpi-card.tone--primary:before{background:var(--scc-primary);opacity:1}.scc-panel--incidents{border-radius:var(--scc-radius-lg);border:1px solid var(--scc-border);background:var(--scc-surface);overflow:hidden}.scc-panel--incidents .scc-panel-head{background:linear-gradient(180deg,var(--scc-danger-bg),var(--scc-surface));border-bottom:1px solid var(--scc-border);padding:var(--scc-space-4)}.scc-incident-list--scroll{max-height:420px}.scc-incident-card--compact{border-radius:var(--scc-radius-md);margin:0 var(--scc-space-3) var(--scc-space-2);border:1px solid var(--scc-border);transition:border-color .15s,box-shadow .15s,transform .15s}.scc-incident-card--clickable:hover{border-color:var(--scc-primary);box-shadow:var(--scc-shadow-md);transform:translate(2px)}.scc-map-section{border-radius:var(--scc-radius-lg)}.scc-map-header h3{font-size:var(--scc-text-lg);font-weight:700}.scc-panel--sensors{border-radius:var(--scc-radius-lg);padding:var(--scc-space-4);background:var(--scc-surface);border:1px solid var(--scc-border)}.scc-sensor-grid--compact{gap:var(--scc-space-3)}.scc-sensor-tile{border-radius:var(--scc-radius-md);border:1px solid var(--scc-border);transition:transform .15s,box-shadow .15s}.scc-sensor-tile:hover{transform:translateY(-2px);box-shadow:var(--scc-shadow-md)}.scc-result-label{margin-left:4px;font-size:var(--scc-text-sm);color:var(--scc-text-muted)}.scc-quick-actions--compact{padding:var(--scc-space-3) var(--scc-space-4);background:var(--scc-surface);border:1px solid var(--scc-border);border-radius:var(--scc-radius-md)}.scc-quick-action-chip{border-radius:999px;padding:8px 14px;font-weight:600;border:1px solid var(--scc-border);background:var(--scc-surface-muted);transition:all .15s}.scc-quick-action-chip:hover{background:var(--scc-primary-soft);border-color:var(--scc-primary);color:var(--scc-primary-dark);transform:translateY(-1px)}.scc-ticker{border-radius:var(--scc-radius-md);border:1px solid var(--scc-border);background:var(--scc-surface)}.scc-module{display:grid;gap:var(--scc-space-4)}.scc-manual-ref{font-size:var(--scc-text-xs);padding:6px 12px;background:var(--scc-surface-muted);border-radius:999px;border:1px solid var(--scc-border);width:fit-content;margin:0}.scc-card{border-radius:var(--scc-radius-lg);padding:var(--scc-space-5);box-shadow:var(--scc-shadow-sm)}.scc-search-card{background:linear-gradient(180deg,var(--scc-surface) 0%,var(--scc-surface-muted) 100%)}.scc-search-card input,.scc-search-card select,.scc-form-grid input,.scc-form-grid select,.scc-form-grid textarea{border-color:var(--scc-input-border)!important;border-radius:10px;transition:border-color .15s,box-shadow .15s}.scc-search-card input:focus,.scc-search-card select:focus,.scc-form-grid input:focus,.scc-form-grid select:focus,.scc-form-grid textarea:focus{outline:none;border-color:var(--scc-primary)!important;box-shadow:0 0 0 3px var(--scc-primary-soft)}.scc-list-card{padding:0;overflow:hidden}.scc-list-card .scc-table-toolbar{padding:var(--scc-space-4) var(--scc-space-5);margin:0;background:var(--scc-surface-muted);border-bottom:1px solid var(--scc-border)}.scc-list-card .scc-table-wrap{padding:0 var(--scc-space-2) var(--scc-space-2)}.scc-result-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:var(--scc-text-xs);font-weight:700;background:var(--scc-primary-soft);color:var(--scc-primary-dark);margin-left:6px}.scc-table th{background:var(--scc-table-head-bg);border-bottom:1px solid var(--scc-border);position:sticky;top:0;z-index:1}.scc-table td{border-bottom:1px solid var(--scc-border)}.scc-table tbody tr{transition:background .12s}.scc-table tbody tr:hover{background:var(--scc-table-row-hover)}.scc-record-card{border-radius:var(--scc-radius-md);transition:border-color .15s,box-shadow .15s}.scc-record-card:hover{border-color:var(--scc-primary);box-shadow:var(--scc-shadow-sm)}.scc-btn-primary{border-radius:10px;font-weight:700;letter-spacing:.01em}.scc-btn-ghost{border-radius:10px}.scc-modal{border-radius:var(--scc-radius-xl);box-shadow:var(--scc-shadow-lg)}.scc-modal--sop{max-width:560px}.scc-login-card{border-radius:var(--scc-radius-xl);box-shadow:var(--scc-shadow-glow)}.scc-login-page{grid-template-columns:1fr min(460px,44vw);gap:56px}[data-theme=midnight]{--scc-glass: rgb(13 18 25 / 88%);--scc-glass-border: rgb(255 255 255 / 7%);--scc-table-head-bg: #151f2e;--scc-table-row-hover: rgb(124 156 255 / 7%);--scc-input-border: rgb(148 163 184 / 22%)}.scc-page-intro--v2{display:flex;align-items:center;gap:var(--scc-space-4);padding:var(--scc-space-4) var(--scc-space-5);margin-bottom:var(--scc-space-3)}.scc-page-intro-eyebrow{margin:0 0 4px;font-size:var(--scc-text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--scc-primary)}.scc-page-intro--v2 h1{margin:0;font-size:1.5rem}.scc-page-intro--v2 p{margin:4px 0 0;font-size:var(--scc-text-sm)}.scc-form-page{gap:var(--scc-space-4);padding-bottom:80px}.scc-form-page-head{display:flex;align-items:flex-start;gap:var(--scc-space-4);padding:var(--scc-space-4) var(--scc-space-5);background:var(--scc-surface);border:1px solid var(--scc-border);border-radius:var(--scc-radius-lg);box-shadow:var(--scc-shadow-sm)}.scc-form-back-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--scc-border);background:var(--scc-surface-muted);color:var(--scc-text-secondary);border-radius:10px;padding:8px 12px;font-size:var(--scc-text-sm);font-weight:600;flex-shrink:0;transition:all .15s}.scc-form-back-btn:hover{background:var(--scc-primary-soft);border-color:var(--scc-primary);color:var(--scc-primary-dark)}.scc-form-page-head h2{margin:0 0 4px;font-size:1.25rem;font-weight:800;letter-spacing:-.02em}.scc-form-page-head p{margin:0;font-size:var(--scc-text-sm);color:var(--scc-text-muted)}.scc-form-section{padding:var(--scc-space-5)}.scc-form-section-title{margin:0 0 var(--scc-space-4);font-size:var(--scc-text-base);font-weight:700;color:var(--scc-text);padding-bottom:var(--scc-space-2);border-bottom:1px solid var(--scc-border)}.scc-form-grid--tight{margin-top:var(--scc-space-3)}.scc-form-footer--sticky{position:sticky;bottom:var(--scc-space-4);z-index:20;margin:0;padding:var(--scc-space-4);background:var(--scc-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--scc-border);border-radius:var(--scc-radius-lg);box-shadow:var(--scc-shadow-md);display:flex;gap:var(--scc-space-2)}.scc-module:has(>.scc-form-footer:not(.scc-form-footer--sticky)) .scc-form-footer{position:sticky;bottom:var(--scc-space-4);z-index:10;padding:var(--scc-space-4);background:var(--scc-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--scc-border);border-radius:var(--scc-radius-lg);box-shadow:var(--scc-shadow-md)}.scc-search-panel-head{display:flex;gap:var(--scc-space-3);align-items:flex-start;margin-bottom:var(--scc-space-4)}.scc-search-panel-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:var(--scc-primary-soft);color:var(--scc-primary);flex-shrink:0}.scc-search-panel-hint{margin:4px 0 0;font-size:var(--scc-text-xs);color:var(--scc-text-muted)}.scc-search-panel .scc-card-title{margin:0}.scc-status{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:var(--scc-text-xs);font-weight:700;letter-spacing:.02em;border:1px solid transparent}.scc-status--success,.scc-status.active{background:var(--scc-success-bg);color:var(--scc-success);border-color:#12b76a33}.scc-incident-stat-card.tone--success{border-color:#12b76a4d;background:linear-gradient(180deg,var(--scc-success-bg),var(--scc-surface))}.scc-incident-stat-card.tone--success strong{color:var(--scc-success)}.scc-status--danger,.scc-status.inactive{background:var(--scc-danger-bg);color:var(--scc-danger);border-color:#f0443833}.scc-status--warning{background:var(--scc-warning-bg);color:var(--scc-warning);border-color:#f7900940}.scc-status--info{background:var(--scc-primary-soft);color:var(--scc-primary-dark);border-color:#5a78f040}.scc-status--muted{background:var(--scc-surface-muted);color:var(--scc-text-muted);border-color:var(--scc-border)}.scc-mobile-cards{display:none;padding:var(--scc-space-3);gap:var(--scc-space-3)}.scc-mobile-card{padding:var(--scc-space-4);border:1px solid var(--scc-border);border-radius:var(--scc-radius-md);background:var(--scc-surface);display:grid;gap:var(--scc-space-2);transition:border-color .15s,box-shadow .15s}.scc-mobile-card--clickable{cursor:pointer}.scc-mobile-card--clickable:hover{border-color:var(--scc-primary);box-shadow:var(--scc-shadow-sm)}.scc-mobile-card-row{display:flex;justify-content:space-between;gap:var(--scc-space-3);font-size:var(--scc-text-sm)}.scc-mobile-card-row span{color:var(--scc-text-muted);font-weight:600;flex-shrink:0}.scc-mobile-card-row strong{text-align:right;color:var(--scc-text)}.scc-mobile-card-actions{display:flex;gap:var(--scc-space-2);padding-top:var(--scc-space-2);border-top:1px solid var(--scc-border)}.scc-table-toolbar-title{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.scc-table-toolbar .scc-btn-primary{display:inline-flex;align-items:center;gap:6px}.scc-table-toolbar .scc-btn-primary .scc-icon{width:14px;height:14px}.scc-record-list-card{padding:0;overflow:hidden}.scc-record-list-head{display:flex;align-items:center;justify-content:space-between;gap:var(--scc-space-3);padding:var(--scc-space-4) var(--scc-space-4) 0}.scc-record-list-head .scc-card-title{margin:0;font-size:var(--scc-text-base)}.scc-search-panel .scc-search-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--scc-space-2)}.scc-btn-export-inline{margin-left:auto}.scc-activity-log-module .scc-search-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scc-activity-log-list .scc-card-list--styled{gap:var(--scc-space-2);padding:var(--scc-space-3) var(--scc-space-4)}.scc-activity-log-list .scc-record-card--rich{padding:.75rem 1rem;align-items:center}.scc-activity-log-row{display:flex;align-items:center;gap:var(--scc-space-3);width:100%;min-width:0}.scc-activity-log-icon{width:36px;height:36px;border-radius:10px}.scc-activity-log-icon.tone--warn{background:var(--scc-warning-bg);color:var(--scc-warning)}.scc-activity-log-body{flex:1;min-width:0;display:grid;gap:2px}.scc-activity-log-action{font-size:.88rem;color:var(--scc-text);line-height:1.35}.scc-activity-log-meta{margin:0;font-size:.78rem;color:var(--scc-text-muted);display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.scc-activity-log-user{font-weight:600;color:var(--scc-text-secondary)}.scc-activity-log-sep{opacity:.5}.scc-activity-log-time{flex-shrink:0;font-size:.72rem;color:var(--scc-text-muted);text-align:right;max-width:9.5rem;line-height:1.35}.scc-activity-log-range{margin:0;padding:0 var(--scc-space-4) var(--scc-space-2);font-size:var(--scc-text-xs);color:var(--scc-text-muted);text-align:center}.scc-activity-log-list .scc-report-load-more{padding:0 var(--scc-space-4) var(--scc-space-3);border-top:none}@media(max-width:720px){.scc-activity-log-module .scc-search-grid{grid-template-columns:1fr}.scc-activity-log-row{flex-wrap:wrap}.scc-activity-log-time{width:100%;max-width:none;text-align:left;padding-left:calc(36px + var(--scc-space-3))}}.scc-card-list--styled{padding:var(--scc-space-3);gap:var(--scc-space-3)}.scc-record-card--rich{display:flex;gap:var(--scc-space-4);align-items:flex-start;padding:var(--scc-space-4);border:1px solid var(--scc-border);border-radius:var(--scc-radius-md);background:var(--scc-surface);transition:border-color .15s,box-shadow .15s,transform .15s}.scc-record-card--rich:hover{border-color:var(--scc-primary);box-shadow:var(--scc-shadow-sm);transform:translateY(-1px)}.scc-record-card-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.scc-record-card-icon.tone--primary{background:var(--scc-primary-soft);color:var(--scc-primary)}.scc-record-card-icon.tone--info{background:var(--scc-primary-soft);color:var(--scc-primary-dark)}.scc-record-card-content{flex:1;min-width:0;display:grid;gap:4px}.scc-record-card-content strong{font-size:var(--scc-text-base);color:var(--scc-text)}.scc-record-card-content p{margin:0;font-size:var(--scc-text-sm);color:var(--scc-text-secondary)}.scc-record-card-content small{font-size:var(--scc-text-xs);color:var(--scc-text-muted)}.scc-record-card--compact{padding:var(--scc-space-3) var(--scc-space-4)}.scc-category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--scc-space-3)}.scc-category-card{display:flex;flex-direction:column;align-items:center;gap:var(--scc-space-3);padding:var(--scc-space-5) var(--scc-space-4);border:1px solid var(--scc-border);border-radius:var(--scc-radius-lg);background:linear-gradient(180deg,var(--scc-surface) 0%,var(--scc-surface-muted) 100%);font-weight:700;font-size:var(--scc-text-sm);color:var(--scc-text);transition:all .2s;box-shadow:var(--scc-shadow-sm)}.scc-category-card:hover{border-color:var(--scc-primary);background:var(--scc-primary-soft);color:var(--scc-primary-dark);transform:translateY(-3px);box-shadow:var(--scc-shadow-glow)}.scc-category-card .scc-icon{width:28px;height:28px;color:var(--scc-primary)}.scc-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;background:var(--scc-surface-muted);border:1px solid var(--scc-border);border-radius:var(--scc-radius-md);font-size:var(--scc-text-sm);margin-bottom:var(--scc-space-3)}.scc-gate-card{border-radius:var(--scc-radius-md);border:1px solid var(--scc-border);padding:var(--scc-space-4);background:var(--scc-surface);transition:box-shadow .15s,border-color .15s}.scc-gate-card:hover{border-color:var(--scc-primary);box-shadow:var(--scc-shadow-md)}.scc-device-row{border-radius:var(--scc-radius-md);border:1px solid var(--scc-border);transition:background .12s}.scc-device-row:hover{background:var(--scc-table-row-hover)}.scc-inline-search--wide{width:100%;margin-bottom:var(--scc-space-4);padding:12px 14px;border:1px solid var(--scc-input-border);border-radius:12px;background:var(--scc-surface);transition:border-color .15s,box-shadow .15s}.scc-inline-search--wide:focus{outline:none;border-color:var(--scc-primary);box-shadow:0 0 0 3px var(--scc-primary-soft)}.scc-iot-module{gap:var(--scc-space-4)}.scc-iot-overview-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--scc-space-3);margin-bottom:var(--scc-space-4)}.scc-iot-overview-head h3{margin:0 0 4px}.scc-iot-overview-head p{margin:0;font-size:var(--scc-text-sm);color:var(--scc-text-muted)}.scc-iot-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--scc-space-3)}@media(min-width:720px){.scc-iot-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.scc-iot-metric{display:flex;flex-direction:row;align-items:center;gap:var(--scc-space-3);padding:var(--scc-space-4);min-height:88px;border:1px solid var(--scc-border);border-radius:var(--scc-radius-md);background:var(--scc-surface-muted);transition:transform .15s,box-shadow .15s,border-color .15s}.scc-iot-metric:hover{transform:translateY(-2px);box-shadow:var(--scc-shadow-sm)}.scc-iot-metric-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--scc-primary-soft);color:var(--scc-primary);flex-shrink:0}.scc-iot-metric-label{display:block;font-size:var(--scc-text-xs);font-weight:600;color:var(--scc-text-muted);margin-bottom:2px}.scc-iot-metric strong{font-size:1.25rem;font-weight:800;color:var(--scc-text);line-height:1.2;word-break:break-word}.scc-iot-metric strong small{font-size:.75rem;font-weight:600;color:var(--scc-text-secondary)}.scc-iot-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--scc-space-4)}.scc-iot-forecast-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--scc-space-3)}.scc-iot-forecast-card{padding:var(--scc-space-4);border:1px solid var(--scc-border);border-radius:var(--scc-radius-md);background:var(--scc-surface-muted)}.scc-iot-forecast-card strong{display:block;margin-bottom:4px}.scc-iot-forecast-card p{margin:0 0 6px;font-size:var(--scc-text-sm);color:var(--scc-text-secondary)}.scc-iot-forecast-card small{font-size:var(--scc-text-xs);color:var(--scc-text-muted)}.scc-empty-state{padding:var(--scc-space-8) var(--scc-space-5);text-align:center}.scc-empty-state-icon{width:56px;height:56px;margin:0 auto var(--scc-space-4);border-radius:16px;display:grid;place-items:center;background:var(--scc-primary-soft);color:var(--scc-primary)}.scc-page-guide{border:1px solid var(--scc-border);background:var(--scc-surface);overflow:hidden}.scc-page-guide-toggle{width:100%;display:flex;align-items:center;gap:var(--scc-space-3);padding:var(--scc-space-3) var(--scc-space-4);border:none;background:transparent;font-size:var(--scc-text-sm);font-weight:600;color:var(--scc-text-secondary);text-align:left;cursor:pointer}.scc-page-guide-toggle:hover{background:var(--scc-surface-muted)}.scc-page-guide-badge{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--scc-primary);color:#fff;font-size:.75rem;font-weight:800;flex-shrink:0}.scc-page-guide-body{padding:0 var(--scc-space-4) var(--scc-space-4);font-size:var(--scc-text-sm);color:var(--scc-text-secondary);border-top:1px solid var(--scc-border)}.scc-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.scc-modal--success .scc-success-icon{width:56px;height:56px;margin:0 auto var(--scc-space-3);border-radius:50%;display:grid;place-items:center;background:var(--scc-success-bg);color:var(--scc-success);font-size:1.5rem;font-weight:800}.scc-modal--confirm h3{color:var(--scc-warning)}.scc-pagination-bar{padding:var(--scc-space-3) var(--scc-space-5);border-top:1px solid var(--scc-border);background:var(--scc-surface-muted);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--scc-space-3);font-size:var(--scc-text-sm);color:var(--scc-text-muted)}.scc-reports-module{gap:var(--scc-space-3)}.scc-report-recent{display:flex;flex-wrap:wrap;align-items:center;gap:var(--scc-space-2) var(--scc-space-3);padding:var(--scc-space-2) var(--scc-space-3);border-radius:var(--scc-radius-md);border:1px solid var(--scc-border);background:var(--scc-surface-muted)}.scc-report-recent-label{font-size:var(--scc-text-xs);font-weight:700;color:var(--scc-text-muted);text-transform:uppercase;letter-spacing:.04em}.scc-report-recent-row{display:flex;flex-wrap:wrap;gap:var(--scc-space-2);flex:1;min-width:0}.scc-report-recent-chip{display:inline-flex;align-items:center;gap:var(--scc-space-2);max-width:100%;padding:.35rem .65rem;border-radius:999px;border:1px solid var(--scc-border);background:var(--scc-surface);font-size:var(--scc-text-sm);text-align:left;transition:border-color .15s,background .15s}.scc-report-recent-chip code{font-size:var(--scc-text-xs);color:var(--scc-primary);font-weight:700;flex-shrink:0}.scc-report-recent-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--scc-text)}.scc-report-recent-chip:hover{border-color:var(--scc-primary);background:var(--scc-primary-soft)}.scc-reports-picker{display:flex;flex-direction:column;gap:var(--scc-space-3)}.scc-reports-picker-head{display:flex;align-items:center;gap:var(--scc-space-2)}.scc-reports-picker-head .scc-inline-search{flex:1;margin:0}.scc-result-badge--inline{flex-shrink:0}.scc-report-category-chips{display:flex;flex-wrap:wrap;gap:var(--scc-space-2)}.scc-chip-filter{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:999px;border:1px solid var(--scc-border);background:var(--scc-surface-muted);font-size:var(--scc-text-sm);font-weight:600;color:var(--scc-text-secondary);transition:border-color .15s,background .15s,color .15s}.scc-chip-filter:hover{border-color:var(--scc-primary);color:var(--scc-text)}.scc-chip-filter.active{border-color:var(--scc-primary);background:var(--scc-primary-soft);color:var(--scc-primary)}.scc-chip-count{display:inline-grid;place-items:center;min-width:1.25rem;height:1.25rem;padding:0 .3rem;border-radius:999px;background:#64748b1f;font-size:.68rem;font-weight:700;line-height:1}.scc-chip-filter.active .scc-chip-count{background:#2563eb26;color:var(--scc-primary)}.scc-report-category-hint{margin:0;font-size:var(--scc-text-sm);color:var(--scc-text-muted)}.scc-report-groups{display:grid;gap:var(--scc-space-2)}.scc-report-group{border:1px solid var(--scc-border);border-radius:var(--scc-radius-md);background:var(--scc-surface-muted);overflow:hidden}.scc-report-group-header{display:flex;align-items:center;justify-content:space-between;gap:var(--scc-space-3);width:100%;padding:var(--scc-space-3) var(--scc-space-4);text-align:left;font-weight:700;color:var(--scc-text);transition:background .15s}.scc-report-group-header:hover{background:var(--scc-primary-soft)}.scc-report-group-meta{display:inline-flex;align-items:center;gap:var(--scc-space-2);flex-shrink:0}.scc-report-group-chevron{color:var(--scc-text-muted);font-size:.85rem}.scc-report-group.is-open .scc-report-group-header{border-bottom:1px solid var(--scc-border)}.scc-report-list{display:grid;gap:var(--scc-space-2);margin-top:var(--scc-space-3)}.scc-report-list--compact{margin-top:0;gap:0}.scc-report-load-more{display:flex;flex-direction:column;align-items:center;gap:var(--scc-space-2);padding-top:var(--scc-space-2);border-top:1px solid var(--scc-border)}.scc-report-load-more .scc-btn-ghost{min-width:12rem}.scc-report-group .scc-report-list--compact{padding:var(--scc-space-1) 0}.scc-report-item{display:flex;align-items:center;gap:var(--scc-space-3);padding:var(--scc-space-4);border-radius:var(--scc-radius-md);border:1px solid var(--scc-border);background:var(--scc-surface-muted);text-align:left;transition:border-color .15s,background .15s,box-shadow .15s,transform .15s}.scc-report-item--compact{gap:var(--scc-space-2);padding:.65rem var(--scc-space-4);border:none;border-radius:0;background:transparent;border-bottom:1px solid var(--scc-border)}.scc-report-item--compact:last-child{border-bottom:none}.scc-report-item-title{flex:1;min-width:0;font-size:var(--scc-text-sm);color:var(--scc-text);font-weight:500;line-height:1.35}.scc-report-item-body{flex:1;min-width:0;display:grid;gap:4px}.scc-report-item-body span{font-size:var(--scc-text-sm);color:var(--scc-text);font-weight:600}.scc-report-item-chevron{color:var(--scc-text-muted);flex-shrink:0}.scc-report-item:hover,.scc-report-item--compact:hover{border-color:var(--scc-primary);background:var(--scc-primary-soft);box-shadow:none;transform:none}.scc-report-item:not(.scc-report-item--compact):hover{box-shadow:var(--scc-shadow-sm);transform:translate(2px)}.scc-report-item:hover .scc-report-item-chevron{color:var(--scc-primary)}.scc-report-item-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.scc-report-item-icon.tone--info{background:var(--scc-primary-soft);color:var(--scc-primary)}.scc-crud-module{gap:var(--scc-space-3)}.scc-crud-stats{margin-bottom:0}.scc-crud-status-chips{margin-top:var(--scc-space-3);padding-top:var(--scc-space-3);border-top:1px solid var(--scc-border)}.scc-crud-list-card{padding:0;overflow:hidden}.scc-crud-list-card .scc-table-wrap,.scc-crud-list-card .scc-mobile-cards,.scc-crud-list-card .scc-empty-state{padding:0 var(--scc-space-3) var(--scc-space-3)}.scc-crud-list-card .scc-table-toolbar{padding:var(--scc-space-3) var(--scc-space-4);border-bottom:1px solid var(--scc-border)}.scc-crud-list-card .scc-pagination-bar{padding:var(--scc-space-3) var(--scc-space-4);border-top:1px solid var(--scc-border)}.scc-table--crud tbody tr{transition:background .12s}.scc-table--crud tbody tr:nth-child(2n){background:#5a78f005}.scc-crud-mobile-card{border:1px solid var(--scc-border);border-radius:var(--scc-radius-md);background:var(--scc-surface-muted)}.scc-crud-mobile-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--scc-border)}.scc-search-panel .scc-search-actions{margin-top:var(--scc-space-3);padding-top:var(--scc-space-3);border-top:1px solid var(--scc-border)}@media(max-width:1100px){.scc-dashboard .scc-kpi-strip{grid-template-columns:repeat(2,1fr)}.scc-dashboard-main{grid-template-columns:1fr}.scc-dashboard-main>.scc-panel--incidents{order:0}.scc-incident-list--scroll{max-height:320px}}@media(max-width:900px){.scc-main{padding:var(--scc-space-4)}.scc-topbar-greeting{display:none}.scc-topbar-crumb{font-size:.72rem}.scc-dashboard-hero{padding:var(--scc-space-4)}.scc-dashboard-hero-stats{width:100%}.scc-dashboard-hero-stat{flex:1;min-width:0}.scc-search-card .scc-search-grid{grid-template-columns:1fr}.scc-mobile-cards{display:grid}.scc-table-wrap--desktop{display:none}.scc-iot-split{grid-template-columns:1fr}}@media(max-width:560px){.scc-dashboard .scc-kpi-strip{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.scc-page-content{animation:none}.scc-kpi-card:hover,.scc-sensor-tile:hover,.scc-incident-card--clickable:hover{transform:none}}.scc-page-intro--slim{padding:var(--scc-space-3) var(--scc-space-4);margin-bottom:var(--scc-space-2)}.scc-page-intro--slim h1{font-size:1.2rem}.scc-page-intro--slim p{display:none}.scc-incident-report-module{gap:var(--scc-space-3)}.scc-incident-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--scc-space-3)}.scc-incident-stat-card{padding:var(--scc-space-4);border-radius:var(--scc-radius-md);border:1px solid var(--scc-border);background:var(--scc-surface);display:grid;gap:4px;box-shadow:var(--scc-shadow-sm)}.scc-incident-stat-card span{font-size:var(--scc-text-xs);font-weight:600;color:var(--scc-text-muted);text-transform:uppercase;letter-spacing:.04em}.scc-incident-stat-card strong{font-size:1.5rem;font-weight:800;color:var(--scc-text);line-height:1.1}.scc-incident-stat-card.tone--danger{border-color:#f044384d;background:linear-gradient(180deg,var(--scc-danger-bg),var(--scc-surface))}.scc-incident-stat-card.tone--danger strong{color:var(--scc-danger)}.scc-incident-stat-card.tone--warning{border-color:#f790094d;background:linear-gradient(180deg,var(--scc-warning-bg),var(--scc-surface))}.scc-incident-stat-card.tone--warning strong{color:var(--scc-warning)}.scc-incident-stat-card.tone--info{border-color:#5a78f04d;background:linear-gradient(180deg,var(--scc-primary-soft),var(--scc-surface))}.scc-incident-stat-card.tone--info strong{color:var(--scc-primary-dark)}.scc-filter-chips-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--scc-space-2);padding:var(--scc-space-3) var(--scc-space-4);background:var(--scc-surface);border:1px solid var(--scc-border);border-radius:var(--scc-radius-md)}.scc-filter-chips-label{font-size:var(--scc-text-xs);font-weight:700;color:var(--scc-text-muted);margin-right:4px}.scc-filter-chips-row .filter-chip.tone--severe.on{background:#fee2e2;border-color:#fca5a5;color:#b91c1c}.scc-filter-chips-row .filter-chip.tone--moderate.on{background:#ffedd5;border-color:#fdba74;color:#c2410c}.scc-filter-chips-row .filter-chip.tone--minor.on{background:#dcfce7;border-color:#86efac;color:#15803d}.scc-code-pill{font-family:ui-monospace,monospace;font-size:.75rem;padding:2px 8px;border-radius:6px;background:var(--scc-surface-muted);border:1px solid var(--scc-border);color:var(--scc-primary-dark)}.scc-table--incident tbody tr:hover{cursor:pointer}.scc-incident-mobile-card{border-left:3px solid var(--scc-border)}.scc-incident-mobile-head{display:flex;justify-content:space-between;align-items:center;gap:var(--scc-space-2)}.scc-incident-mobile-event{margin:0;font-weight:700;color:var(--scc-text)}.scc-incident-mobile-foot{display:flex;justify-content:space-between;align-items:center;padding-top:var(--scc-space-2);border-top:1px solid var(--scc-border);margin-top:var(--scc-space-1)}.scc-modal--incident{max-width:520px;width:min(96vw,520px);padding:0;overflow:hidden}.scc-incident-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--scc-space-3);padding:var(--scc-space-5);border-bottom:1px solid var(--scc-border);background:linear-gradient(180deg,var(--scc-surface-muted),var(--scc-surface))}.scc-incident-modal-title-wrap{display:flex;gap:var(--scc-space-4);align-items:flex-start}.scc-incident-modal-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;flex-shrink:0;background:var(--scc-danger-bg);color:var(--scc-danger)}.scc-incident-modal-icon.level--moderate{background:var(--scc-warning-bg);color:var(--scc-warning)}.scc-incident-modal-icon.level--minor{background:var(--scc-success-bg);color:var(--scc-success)}.scc-incident-modal-id{margin:0 0 2px;font-size:var(--scc-text-xs);font-weight:700;color:var(--scc-text-muted);font-family:ui-monospace,monospace}.scc-incident-modal-head h3{margin:0 0 8px;font-size:1.15rem;font-weight:800;letter-spacing:-.02em}.scc-incident-modal-badges{display:flex;flex-wrap:wrap;gap:6px}.scc-incident-modal-body{padding:var(--scc-space-5);display:grid;gap:var(--scc-space-4)}.scc-incident-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--scc-space-3)}.scc-incident-detail-item{padding:var(--scc-space-3);border-radius:var(--scc-radius-sm);background:var(--scc-surface-muted);border:1px solid var(--scc-border);display:grid;gap:4px}.scc-incident-detail-label{display:flex;align-items:center;gap:6px;font-size:var(--scc-text-xs);font-weight:600;color:var(--scc-text-muted)}.scc-incident-detail-label .scc-icon{width:14px;height:14px}.scc-incident-detail-item strong{font-size:var(--scc-text-sm);color:var(--scc-text)}.scc-incident-detail-desc{padding:var(--scc-space-3);border-radius:var(--scc-radius-sm);background:var(--scc-primary-soft);border:1px solid rgb(90 120 240 / 20%)}.scc-incident-detail-desc p{margin:6px 0 0;font-size:var(--scc-text-sm);color:var(--scc-text-secondary);line-height:1.5}.scc-incident-detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--scc-space-3)}.scc-incident-detail-actions .full{grid-column:1 / -1}.scc-incident-modal-footer{display:flex;justify-content:flex-end;gap:var(--scc-space-2);padding:var(--scc-space-4) var(--scc-space-5);border-top:1px solid var(--scc-border);background:var(--scc-surface-muted)}@media(max-width:700px){.scc-incident-stats{grid-template-columns:repeat(2,1fr)}.scc-incident-detail-grid,.scc-incident-detail-actions{grid-template-columns:1fr}}.scc-installation-module{gap:var(--scc-space-3)}.scc-install-list-card{padding:0;overflow:hidden}.scc-install-list{display:grid;gap:var(--scc-space-3);padding:var(--scc-space-3)}.scc-install-row-card{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:space-between;gap:var(--scc-space-3);padding:var(--scc-space-4);border:1px solid var(--scc-border);border-radius:var(--scc-radius-md);background:var(--scc-surface);transition:border-color .15s,box-shadow .15s}.scc-install-row-card:hover{border-color:var(--scc-primary);box-shadow:var(--scc-shadow-sm)}.scc-install-row-main{flex:1;min-width:220px;cursor:pointer}.scc-install-row-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px}.scc-install-type-pill{font-size:var(--scc-text-xs);font-weight:700;padding:2px 10px;border-radius:999px;background:var(--scc-primary-soft);color:var(--scc-primary-dark)}.scc-install-row-title{margin:0 0 8px;font-size:1rem;font-weight:700;color:var(--scc-text);letter-spacing:-.01em}.scc-install-row-meta{margin:0;display:flex;flex-wrap:wrap;gap:10px 16px;font-size:var(--scc-text-xs);color:var(--scc-text-secondary)}.scc-install-row-meta span{display:inline-flex;align-items:center;gap:4px}.scc-install-row-meta .scc-icon{width:14px;height:14px;opacity:.7}.scc-install-row-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--scc-space-2);align-self:center}.scc-install-form-extra{display:flex;gap:var(--scc-space-2);padding:0 var(--scc-space-1)}@media(max-width:700px){.scc-install-row-card{flex-direction:column}.scc-install-row-actions{width:100%;justify-content:flex-end;padding-top:var(--scc-space-2);border-top:1px solid var(--scc-border)}}.scc-wi-module{gap:var(--scc-space-3)}.scc-wi-list-card{padding:0;overflow:hidden}.scc-wi-list{display:grid;gap:var(--scc-space-3);padding:var(--scc-space-3)}.scc-wi-row-card{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:space-between;gap:var(--scc-space-3);padding:var(--scc-space-4);border:1px solid var(--scc-border);border-radius:var(--scc-radius-md);background:var(--scc-surface);transition:border-color .15s,box-shadow .15s}.scc-wi-row-card:hover{border-color:var(--scc-primary);box-shadow:var(--scc-shadow-sm)}.scc-wi-row-main{flex:1;min-width:220px;cursor:pointer}.scc-wi-row-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px}.scc-priority-pill{font-size:var(--scc-text-xs);font-weight:700;padding:2px 10px;border-radius:999px}.scc-priority-pill.priority--high{background:color-mix(in srgb,var(--scc-danger) 12%,transparent);color:var(--scc-danger)}.scc-priority-pill.priority--medium{background:color-mix(in srgb,var(--scc-warning) 12%,transparent);color:var(--scc-warning)}.scc-priority-pill.priority--low{background:color-mix(in srgb,var(--scc-success) 12%,transparent);color:var(--scc-success)}.scc-wi-row-title{margin:0 0 4px;font-size:1rem;font-weight:700;color:var(--scc-text)}.scc-wi-row-desc{margin:0 0 8px;font-size:var(--scc-text-sm);color:var(--scc-text-secondary)}.scc-wi-row-meta{margin:0;display:flex;flex-wrap:wrap;gap:10px 16px;font-size:var(--scc-text-xs);color:var(--scc-text-secondary)}.scc-wi-row-meta span{display:inline-flex;align-items:center;gap:4px}.scc-wi-row-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--scc-space-2);align-self:center}.scc-device-control-module{gap:var(--scc-space-3)}.scc-dc-step-card{padding:var(--scc-space-4)}.scc-dc-step-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:var(--scc-space-3);margin-bottom:var(--scc-space-4)}.scc-dc-step-head h3{margin:0 0 4px}.scc-dc-step-badge{font-size:var(--scc-text-xs);font-weight:700;padding:4px 12px;border-radius:999px;background:var(--scc-primary-soft);color:var(--scc-primary-dark)}.scc-category-card-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--scc-primary-soft);color:var(--scc-primary)}.scc-breadcrumb-sep{color:var(--scc-text-muted)}.scc-breadcrumb-current{font-weight:700;color:var(--scc-text)}.scc-dc-station-list{display:grid;gap:var(--scc-space-3)}.scc-dc-station-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--scc-space-3);padding:var(--scc-space-4);border:1px solid var(--scc-border);border-radius:var(--scc-radius-md);background:var(--scc-surface-muted);transition:border-color .15s,box-shadow .15s}.scc-dc-station-card:hover{border-color:var(--scc-primary);box-shadow:var(--scc-shadow-sm)}.scc-dc-station-main{display:flex;align-items:center;gap:var(--scc-space-3)}.scc-dc-station-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:var(--scc-primary-soft);color:var(--scc-primary)}.scc-dc-station-main strong{display:block;margin-bottom:2px}.scc-dc-station-main p{margin:0;font-size:var(--scc-text-sm);color:var(--scc-text-secondary)}.scc-dc-step-footer{margin-top:var(--scc-space-4);padding-top:var(--scc-space-3);border-top:1px solid var(--scc-border)}.scc-device-row-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--scc-primary-soft);color:var(--scc-primary);flex-shrink:0}.scc-iot-live-badge{display:inline-flex;align-items:center;gap:6px;font-size:var(--scc-text-xs);font-weight:700;padding:4px 12px;border-radius:999px;background:color-mix(in srgb,var(--scc-success) 12%,transparent);color:var(--scc-success);text-transform:none;letter-spacing:0}.scc-iot-live-badge:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--scc-success);animation:scc-pulse 1.5s ease-in-out infinite;flex-shrink:0}@keyframes scc-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.scc-iot-forecast-card{position:relative;padding-left:52px}.scc-iot-forecast-icon{position:absolute;left:var(--scc-space-4);top:var(--scc-space-4);width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:var(--scc-primary-soft);color:var(--scc-primary)}.scc-iot-feed-list{display:grid;gap:var(--scc-space-2)}.scc-iot-feed-card{display:flex;gap:var(--scc-space-3);padding:var(--scc-space-3) var(--scc-space-4);border:1px solid var(--scc-border);border-radius:var(--scc-radius-md);background:var(--scc-surface-muted)}.scc-iot-feed-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.scc-iot-feed-icon.tone--info{background:var(--scc-primary-soft);color:var(--scc-primary)}.scc-iot-feed-icon.tone--success{background:color-mix(in srgb,var(--scc-success) 12%,transparent);color:var(--scc-success)}.scc-iot-feed-icon.tone--warning{background:color-mix(in srgb,var(--scc-warning) 12%,transparent);color:var(--scc-warning)}.scc-iot-feed-card strong{display:block;margin-bottom:2px}.scc-iot-feed-card p{margin:0 0 4px;font-size:var(--scc-text-sm);color:var(--scc-text-secondary)}.scc-iot-feed-card small{font-size:var(--scc-text-xs);color:var(--scc-text-muted)}.scc-iot-status--on{color:var(--scc-success);font-weight:600}.scc-iot-status--off{color:var(--scc-text-muted);font-weight:600}@media(max-width:700px){.scc-wi-row-card{flex-direction:column}.scc-wi-row-actions{width:100%;justify-content:flex-end;padding-top:var(--scc-space-2);border-top:1px solid var(--scc-border)}.scc-dc-station-card{flex-direction:column;align-items:stretch}}.scc-page-guide--highlight{border-color:#5a78f073;box-shadow:0 0 0 1px #5a78f033,var(--scc-shadow-sm);animation:scc-guide-pulse 2.5s ease-in-out 2}.scc-page-guide--highlight .scc-page-guide-badge{background:var(--scc-primary);color:#fff;font-weight:700}@keyframes scc-guide-pulse{0%,to{box-shadow:0 0 0 1px #5a78f033,var(--scc-shadow-sm)}50%{box-shadow:0 0 0 3px #5a78f040,var(--scc-shadow-md)}}.scc-empty-state--compact{padding:var(--scc-space-4) var(--scc-space-3);min-height:0}.scc-empty-state--compact .scc-empty-state-icon{width:36px;height:36px;font-size:1rem}.scc-empty-state--compact strong{font-size:.95rem}.scc-empty-state--compact p{font-size:.85rem;margin-bottom:0}.scc-login-card h2{margin:0 0 var(--scc-space-2);font-size:1.35rem}.scc-login-card-hint{margin:0 0 var(--scc-space-4);color:var(--scc-text-muted);font-size:.9rem;line-height:1.5}.scc-password-field{display:flex;align-items:stretch;gap:0}.scc-password-field input{flex:1;border-top-right-radius:0;border-bottom-right-radius:0}.scc-password-toggle{border:1px solid var(--scc-border);border-left:none;background:var(--scc-surface-muted);border-radius:0 var(--scc-radius-sm) var(--scc-radius-sm) 0;padding:0 .75rem;cursor:pointer;font-size:1rem}.scc-login-demo{margin-top:var(--scc-space-4);font-size:.85rem}.scc-login-demo summary{cursor:pointer;color:var(--scc-text-muted);-webkit-user-select:none;user-select:none}.scc-login-demo-list{display:flex;flex-direction:column;gap:var(--scc-space-2);margin-top:var(--scc-space-3)}.scc-login-demo-btn{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.65rem .85rem;border:1px solid var(--scc-border);border-radius:var(--scc-radius-md);background:var(--scc-surface-muted);cursor:pointer;text-align:left}.scc-login-demo-btn:hover{border-color:var(--scc-primary);background:#5a78f014}.scc-login-demo-btn span{color:var(--scc-text-muted);font-size:.8rem;text-transform:capitalize}.scc-login-trial{display:grid;gap:var(--scc-space-3)}.scc-login-trial-divider{display:flex;align-items:center;gap:var(--scc-space-3);color:var(--scc-text-muted);font-size:var(--scc-text-sm);font-weight:600}.scc-login-trial-divider:before,.scc-login-trial-divider:after{content:"";flex:1;height:1px;background:var(--scc-border)}.scc-login-trial-list{display:grid;gap:var(--scc-space-2)}.scc-login-trial-card{display:flex;align-items:center;gap:var(--scc-space-3);width:100%;padding:.75rem .85rem;border:1px solid var(--scc-border);border-radius:var(--scc-radius-md);background:var(--scc-surface);text-align:left;transition:border-color .15s,background .15s,box-shadow .15s}.scc-login-trial-card:hover:not(:disabled){border-color:var(--scc-primary);background:var(--scc-primary-soft);box-shadow:var(--scc-shadow-sm)}.scc-login-trial-card:disabled{opacity:.65;cursor:wait}.scc-login-trial-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:var(--scc-surface-muted);color:var(--scc-text-muted);border:1px solid var(--scc-border)}.scc-login-trial-avatar .scc-icon{width:20px;height:20px}.scc-login-trial-body{flex:1;min-width:0;display:grid;gap:2px}.scc-login-trial-body strong{font-size:.92rem;color:var(--scc-text)}.scc-login-trial-body span{font-size:.78rem;color:var(--scc-text-muted);font-family:ui-monospace,monospace}.scc-login-trial-meta{display:inline-flex;align-items:center;gap:var(--scc-space-2);flex-shrink:0}.scc-login-trial-badge{display:inline-flex;padding:.2rem .55rem;border-radius:999px;font-size:.68rem;font-weight:700;white-space:nowrap;background:#12b76a1f;color:#0d8f56}.scc-login-trial-card[data-role=admin] .scc-login-trial-badge{background:var(--scc-primary-soft);color:var(--scc-primary)}.scc-login-trial-card[data-role=operator] .scc-login-trial-badge{background:#12b76a1f;color:#0d8f56}.scc-login-trial-card[data-role=viewer] .scc-login-trial-badge{background:#64748b1f;color:var(--scc-text-secondary)}.scc-login-trial-chevron{color:var(--scc-text-muted);font-size:1.1rem;line-height:1}.scc-login-trial-foot{margin:0;text-align:center;font-size:var(--scc-text-xs);color:var(--scc-text-muted)}.scc-login-panel{max-height:calc(100vh - 64px)}.scc-scroll-hint-root{position:relative;min-height:0}.scc-scroll-hint-root--flex{flex:1;display:flex;flex-direction:column;min-height:0}.scc-main-wrap>.scc-scroll-hint-root{min-height:0}.scc-scroll-hint-scroll{overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}.scc-scroll-hint-root--flex>.scc-scroll-hint-scroll{flex:1;min-height:0}.scc-scroll-hint-fade--bottom{position:absolute;left:0;right:0;bottom:0;height:56px;pointer-events:none;z-index:1}.scc-scroll-hint-root--sidebar .scc-scroll-hint-fade--bottom{background:linear-gradient(to bottom,transparent,var(--scc-sidebar-bg) 88%)}.scc-scroll-hint-root--main .scc-scroll-hint-fade--bottom{background:linear-gradient(to bottom,transparent,var(--scc-bg) 88%)}.scc-scroll-hint-root--card .scc-scroll-hint-fade--bottom{background:linear-gradient(to bottom,transparent,var(--scc-surface) 88%)}.scc-scroll-hint-arrow{position:absolute;left:50%;transform:translate(-50%);z-index:2;display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;border:1px solid var(--scc-border);background:var(--scc-surface);border-radius:999px;box-shadow:var(--scc-shadow-sm);cursor:pointer;color:var(--scc-primary);font-size:.78rem;font-weight:700;line-height:1}.scc-scroll-hint-arrow--up{top:6px;padding:.3rem .55rem}.scc-scroll-hint-arrow--down{bottom:8px;animation:scc-scroll-hint-bounce 1.8s ease-in-out infinite}.scc-scroll-hint-arrow--compact{width:30px;height:30px;padding:0;justify-content:center;border-radius:50%}.scc-scroll-hint-arrow-icon{font-size:1rem;line-height:1}.scc-scroll-hint-arrow-label{white-space:nowrap}.scc-scroll-hint-arrow:hover{border-color:var(--scc-primary);background:var(--scc-primary-soft)}@keyframes scc-scroll-hint-bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(3px)}}@media(prefers-reduced-motion:reduce){.scc-scroll-hint-arrow--down{animation:none}}.scc-modal-message{margin:0 0 var(--scc-space-3);color:var(--scc-text-muted);line-height:1.5}.scc-incident-stat-card.tone--warning strong{color:var(--scc-warning, #d97706)}.scc-staff-module,.scc-logs-module{display:flex;flex-direction:column;gap:var(--scc-space-3)}.scc-staff-module>.scc-crud-module,.scc-logs-module>.scc-card,.scc-logs-module>.scc-search-panel,.scc-logs-module>.scc-record-list-card{margin:0}.scc-crud-stats--compact{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.scc-readonly-banner{display:flex;align-items:center;gap:var(--scc-space-3);padding:var(--scc-space-2) var(--scc-space-4);border-radius:var(--scc-radius-md);border:1px solid var(--scc-border);background:var(--scc-surface-muted);font-size:.88rem;color:var(--scc-text-muted)}.scc-readonly-pill{display:inline-flex;padding:.2rem .55rem;border-radius:999px;background:#64748b1f;color:var(--scc-text-muted);font-size:var(--scc-text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.scc-page-guide-ref{margin:var(--scc-space-3) 0 0;padding-top:var(--scc-space-2);border-top:1px dashed var(--scc-border);font-size:var(--scc-text-xs);color:var(--scc-text-muted)}.scc-register-status-banner{display:flex;align-items:center;gap:var(--scc-space-3);padding:var(--scc-space-3) var(--scc-space-4);border-radius:var(--scc-radius-md);border:1px solid var(--scc-border);background:var(--scc-surface-muted);font-size:.9rem;line-height:1.45}.scc-register-status-banner.tone--pending{border-color:#5a78f04d;background:#5a78f014}.scc-field-readonly-badge{display:flex;align-items:center;min-height:42px}.scc-perm-group{margin-top:var(--scc-space-3)}.scc-perm-group-title{margin:0 0 var(--scc-space-2);font-size:var(--scc-text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--scc-text-muted)}.scc-check-row--highlight{padding:var(--scc-space-2) var(--scc-space-3);border-radius:var(--scc-radius-md);background:#5a78f014;border:1px solid rgb(90 120 240 / 18%);margin-bottom:var(--scc-space-2)}[data-wall=command],[data-wall=command] body,[data-wall=command] #root{height:100%;overflow:hidden}[data-wall=command] body{background:#020810}.cw-app{--cw-bg: #020810;--cw-bg-panel: rgb(4 18 36 / 82%);--cw-border: rgb(0 212 255 / 28%);--cw-glow: #00d4ff;--cw-glow-soft: rgb(0 212 255 / 12%);--cw-amber: #fbbf24;--cw-text: #e8f4ff;--cw-muted: #7da8c8;--cw-good: #34d399;--cw-warn: #fbbf24;--cw-bad: #f87171;--cw-critical: #ef4444;height:100vh;display:grid;grid-template-rows:auto 1fr;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgb(0 80 120 / 18%),transparent 55%),radial-gradient(ellipse 60% 40% at 100% 100%,rgb(0 40 80 / 22%),transparent 50%),var(--cw-bg);color:var(--cw-text);font-family:Noto Sans Thai,Inter,system-ui,sans-serif}.cw-header{display:grid;grid-template-columns:minmax(200px,1.1fr) minmax(180px,.8fr) minmax(240px,1.2fr);align-items:center;gap:12px;padding:10px 14px 8px;border-bottom:1px solid var(--cw-border);background:linear-gradient(180deg,#061428f2,#040e1ce0);box-shadow:0 0 24px #00d4ff14}.cw-brand{display:flex;align-items:center;gap:10px}.cw-brand-mark{width:42px;height:42px;border-radius:50%;border:2px solid var(--cw-glow);box-shadow:0 0 16px #00d4ff73,inset 0 0 12px #00d4ff26;display:grid;place-items:center}.cw-brand-mark span{width:18px;height:18px;border-radius:4px;background:linear-gradient(135deg,var(--cw-glow),#0284c7);box-shadow:0 0 8px var(--cw-glow)}.cw-brand h1{margin:0;font-size:1rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(90deg,#fff,var(--cw-glow));-webkit-background-clip:text;background-clip:text;color:transparent}.cw-brand p{margin:2px 0 0;font-size:.62rem;letter-spacing:.14em;color:var(--cw-muted);text-transform:uppercase}.cw-header-center{text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px}.cw-clock-date{font-size:.72rem;color:var(--cw-muted);letter-spacing:.08em}.cw-clock-time{font-size:1.35rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--cw-glow);text-shadow:0 0 12px rgb(0 212 255 / 55%)}.cw-header-metric{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;color:var(--cw-muted);margin-top:2px}.cw-header-metric .icon{width:14px;height:14px;color:var(--cw-glow)}.cw-header-right{text-align:right}.cw-header-right h2{margin:0;font-size:.88rem;font-weight:700;letter-spacing:.04em}.cw-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:6px;flex-wrap:wrap}.cw-toggle{border:1px solid var(--cw-border);background:#00284659;color:var(--cw-muted);font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:4px;cursor:pointer;transition:.15s}.cw-toggle.on,.cw-toggle:hover{border-color:var(--cw-glow);color:var(--cw-glow);box-shadow:0 0 12px #00d4ff33}.cw-user{font-size:.68rem;color:var(--cw-muted);padding:0 4px}.cw-btn-ghost{border:none;background:transparent;color:var(--cw-muted);cursor:pointer;padding:4px;border-radius:4px}.cw-btn-ghost:hover{color:var(--cw-bad)}.cw-body{display:grid;grid-template-columns:52px minmax(200px,.85fr) minmax(0,2.2fr) minmax(200px,.85fr);min-height:0;overflow:hidden}.cw-rail{display:flex;flex-direction:column;gap:4px;padding:8px 4px;background:linear-gradient(180deg,#020c18fa,#041220f2);border-right:1px solid var(--cw-border)}.cw-rail button{border:none;background:transparent;color:var(--cw-muted);display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px;border-radius:6px;cursor:pointer;font-size:.52rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.cw-rail button .icon{width:20px;height:20px}.cw-rail button:hover,.cw-rail button.active{background:var(--cw-glow-soft);color:var(--cw-glow);box-shadow:inset 0 0 0 1px #00d4ff40}.cw-col{display:flex;flex-direction:column;gap:8px;padding:8px;min-height:0;overflow:hidden auto}.cw-col--left{border-right:1px solid rgb(0 212 255 / 12%)}.cw-col--right{border-left:1px solid rgb(0 212 255 / 12%)}.cw-panel{background:var(--cw-bg-panel);border:1px solid var(--cw-border);border-radius:6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 0 1px #0006 inset,0 8px 24px #00000059;overflow:hidden;flex-shrink:0}.cw-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:8px 10px 6px;border-bottom:1px solid rgb(0 212 255 / 15%);background:linear-gradient(90deg,rgb(0 212 255 / 8%),transparent)}.cw-panel-head h3{margin:0;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--cw-glow)}.cw-panel-head p{margin:2px 0 0;font-size:.58rem;color:var(--cw-muted)}.cw-live-dot{width:8px;height:8px;border-radius:50%;background:var(--cw-good);box-shadow:0 0 8px var(--cw-good);animation:cw-pulse 2s ease infinite;flex-shrink:0;margin-top:4px}.cw-panel-body{padding:6px 10px 10px}.cw-kpi-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px solid rgb(255 255 255 / 6%);font-size:.68rem}.cw-kpi-row:last-child{border-bottom:none}.cw-kpi-row span{color:var(--cw-muted)}.cw-kpi-row strong{font-variant-numeric:tabular-nums;color:var(--cw-text)}.cw-kpi-row.tone--ok strong{color:var(--cw-good)}.cw-kpi-row.tone--warn strong{color:var(--cw-warn)}.cw-kpi-row.tone--bad strong{color:var(--cw-bad)}.cw-stage{position:relative;display:flex;flex-direction:column;min-height:0;padding:8px;gap:8px}.cw-map{display:none}.cw-vmap-wrap{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;border:1px solid var(--cw-border);border-radius:4px;overflow:hidden;background:#010408;box-shadow:0 0 40px #00d4ff1f,inset 0 0 60px #000000a6;touch-action:none;cursor:grab}.cw-vmap-wrap.is-dragging,.cw-vmap-wrap.is-dragging .cw-vmap{cursor:grabbing}.cw-vmap-toolbar{display:flex;align-items:center;justify-content:space-between;padding:4px 10px;font-size:.58rem;color:var(--cw-muted);background:#001428cc;border-bottom:1px solid rgb(0 212 255 / 15%)}.cw-vmap-toolbar button{border:1px solid rgb(0 212 255 / 30%);background:transparent;color:var(--cw-glow);font-size:.58rem;padding:3px 8px;border-radius:3px;cursor:pointer}.cw-vmap{flex:1;width:100%;min-height:0;pointer-events:none}.cw-vmap .cw-pin-svg,.cw-vmap .cw-zone-hit{pointer-events:all}.cw-vmap-card-bg{fill:#041224eb;stroke:#00d4ff59;stroke-width:.8}.cw-vmap-card-bg.tier--warn{stroke:#fbbf24}.cw-vmap-card-bg.tier--critical{stroke:#f87171}.cw-vmap-card-title{fill:#e8f4ff;font-size:8px;font-weight:700}.cw-vmap-card-sub{fill:#7da8c8;font-size:7px}.cw-grid-label{fill:#00d4ff73;font-size:7px;font-family:ui-monospace,monospace}.cw-facility-zone path{filter:drop-shadow(0 0 6px rgb(248 113 113 / 35%))}.cw-facility-label{fill:#fca5a5;font-size:8px;font-weight:700;pointer-events:none}.cw-zone-label{fill:#ffffffbf;font-size:11px;font-weight:700;pointer-events:none;text-shadow:0 0 6px rgb(0 0 0 / 80%)}.cw-zone-fill{transition:fill-opacity .2s,stroke-width .2s}.cw-zone-hit{cursor:pointer}.cw-water-shimmer{animation:cw-water-pulse 3s ease-in-out infinite}.cw-road{stroke-dasharray:8 12;animation:cw-road-flow 12s linear infinite}.cw-building.lit polygon{filter:drop-shadow(0 0 6px rgb(56 189 248 / 80%))}.cw-building-label{fill:#ffffffd9;font-size:8px;font-weight:700;pointer-events:none}.cw-pin-svg{color:var(--cw-amber)}.cw-pin-svg .cw-pin-core{fill:var(--cw-amber);stroke:#fff;stroke-width:1.2}.cw-pin-svg .cw-pin-num{fill:#0a1628;font-size:7px;font-weight:800;pointer-events:none}.cw-pin-svg.tier--critical{color:var(--cw-critical)}.cw-pin-svg.tier--critical .cw-pin-core{fill:var(--cw-critical)}.cw-pin-svg.tier--critical .cw-pin-num{fill:#fff}.cw-pin-svg.tier--bad{color:#f97316}.cw-pin-svg.tier--bad .cw-pin-core{fill:#f97316}.cw-pin-svg.tier--warn{color:#eab308}.cw-pin-svg.tier--warn .cw-pin-core{fill:#eab308}.cw-pin-svg.active{color:var(--cw-glow)}.cw-pin-svg.active .cw-pin-core{fill:var(--cw-glow)}.cw-pin-svg.active .cw-pin-num{fill:#020810}.cw-pin-pulse{animation:cw-ring 2.2s ease-out infinite;opacity:.7}.cw-data-link{color:#00d4ff7f}.cw-data-link.tier--critical{color:#ef444499}.cw-vmap-card{padding:3px 6px;border-radius:3px;border:1px solid rgb(0 212 255 / 35%);background:#041224eb;font-size:8px;line-height:1.3;color:var(--cw-text)}.cw-vmap-card strong{display:block;color:var(--cw-glow);font-size:8px}.cw-vmap-card.tier--critical{border-color:#ef44448c}.cw-vmap-legend{display:flex;gap:14px;padding:4px 10px;font-size:.55rem;letter-spacing:.08em;text-transform:uppercase;color:var(--cw-muted);background:#000c18e5;border-top:1px solid rgb(0 212 255 / 12%)}.cw-vmap-legend span:first-child{color:var(--cw-glow);font-weight:700}@keyframes cw-water-pulse{0%,to{opacity:.4}50%{opacity:.9}}@keyframes cw-road-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-80}}.cw-map-base,.cw-map-overlay,.cw-map-hotspot{display:none}.cw-map{position:relative;flex:1;min-height:0;border:1px solid var(--cw-border);border-radius:4px;overflow:hidden;background:#010408;box-shadow:0 0 40px #00d4ff1f,inset 0 0 60px #000000a6}.cw-map-base{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;filter:saturate(.75) contrast(1.15) brightness(.72) hue-rotate(8deg);opacity:.92}.cw-map-tint{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgb(0 40 80 / 25%),transparent 30%,rgb(0 20 40 / 35%)),radial-gradient(circle at 50% 50%,transparent 40%,rgb(2 8 16 / 75%) 100%);mix-blend-mode:multiply;pointer-events:none}.cw-map-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgb(0 212 255 / 6%) 1px,transparent 1px),linear-gradient(90deg,rgb(0 212 255 / 6%) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;z-index:2}.cw-map-vignette{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 80px #000000a6;pointer-events:none;z-index:3}.cw-map-scanline{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:5;opacity:.4}.cw-map-scanline:after{content:"";position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--cw-glow),transparent);animation:cw-scan 7s linear infinite}.cw-map-hud-corner{position:absolute;width:28px;height:28px;border-color:var(--cw-glow);border-style:solid;z-index:6;pointer-events:none;opacity:.7}.cw-map-hud-corner--tl{top:8px;left:8px;border-width:2px 0 0 2px}.cw-map-hud-corner--tr{top:8px;right:8px;border-width:2px 2px 0 0}.cw-map-hud-corner--bl{bottom:8px;left:8px;border-width:0 0 2px 2px}.cw-map-hud-corner--br{bottom:8px;right:8px;border-width:0 2px 2px 0}.cw-map-layer{position:absolute;z-index:4}.cw-zone-glow{position:absolute;transform:translate(-50%,-50%);border-radius:40%;background:color-mix(in srgb,var(--zone-color) 18%,transparent);border:1px solid color-mix(in srgb,var(--zone-color) 45%,transparent);box-shadow:0 0 24px color-mix(in srgb,var(--zone-color) 30%,transparent);pointer-events:none;animation:cw-zone-breathe 4s ease-in-out infinite}.cw-pin{position:absolute;transform:translate(-50%,-50%);width:28px;height:28px;border:none;background:transparent;cursor:pointer;padding:0;z-index:8}.cw-pin-core{position:relative;z-index:2;display:grid;place-items:center;width:100%;height:100%;border-radius:50%;font-size:.55rem;font-weight:800;color:#0a1628;background:var(--cw-amber);border:2px solid #fff;box-shadow:0 0 12px #fbbf248c}.cw-pin-ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid var(--cw-glow);animation:cw-ring 2.2s ease-out infinite}.cw-pin.tier--critical .cw-pin-core{background:var(--cw-critical);color:#fff;box-shadow:0 0 16px #ef4444b3}.cw-pin.tier--bad .cw-pin-core{background:#f97316;color:#fff}.cw-pin.tier--warn .cw-pin-core{background:#eab308}.cw-pin.active .cw-pin-core{background:var(--cw-glow);color:#020810;box-shadow:0 0 20px #00d4ffcc}.cw-float-card{position:absolute;transform:translate(-50%,-100%);min-width:96px;padding:4px 7px;border-radius:4px;border:1px solid rgb(0 212 255 / 35%);background:#041224e0;font-size:.55rem;line-height:1.35;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 16px #00000073;pointer-events:none;z-index:6}.cw-float-card strong{display:block;color:var(--cw-glow);font-size:.58rem}.cw-float-card em{font-style:normal;color:var(--cw-warn)}.cw-float-card.tier--critical em{color:var(--cw-critical)}.cw-station-bar{display:flex;align-items:center;gap:12px;padding:8px 12px;border:1px solid var(--cw-border);border-radius:6px;background:var(--cw-bg-panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-shrink:0}.cw-station-badge{padding:4px 10px;border-radius:4px;font-size:.72rem;font-weight:800;letter-spacing:.06em;background:#00d4ff26;border:1px solid var(--cw-glow);color:var(--cw-glow)}.cw-station-badge.tier--critical{background:#ef444433;border-color:var(--cw-critical);color:#fca5a5}.cw-station-metrics{display:flex;flex-wrap:wrap;gap:12px;flex:1;font-size:.68rem;color:var(--cw-muted)}.cw-station-metrics strong{color:var(--cw-text);margin-left:4px}.cw-btn-primary{border:1px solid var(--cw-glow);background:linear-gradient(180deg,#00b4dc59,#00648c40);color:var(--cw-glow);font-size:.65rem;font-weight:700;letter-spacing:.05em;padding:8px 14px;border-radius:4px;cursor:pointer;white-space:nowrap;box-shadow:0 0 16px #00d4ff33}.cw-btn-primary:hover{background:linear-gradient(180deg,#00d4ff66,#0078a04d)}.cw-btn-link{border:none;background:none;color:var(--cw-glow);font-size:.62rem;cursor:pointer;padding:6px 0 0;text-align:left}.cw-alarm-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.cw-alarm-list li{padding:6px 8px;border-radius:4px;border-left:3px solid var(--cw-muted);background:#00000040;font-size:.62rem}.cw-alarm-list li.level--critical{border-left-color:var(--cw-critical)}.cw-alarm-list li.level--warn{border-left-color:var(--cw-warn)}.cw-alarm-list li.level--info{border-left-color:var(--cw-glow)}.cw-alarm-list time{display:block;color:var(--cw-muted);font-variant-numeric:tabular-nums;margin-bottom:2px}.cw-alarm-list p{margin:0;line-height:1.35}.cw-station-rank{list-style:none;margin:0;padding:0}.cw-station-rank button{width:100%;border:none;background:transparent;display:flex;align-items:center;gap:6px;padding:5px 0;font-size:.65rem;color:var(--cw-text);cursor:pointer;text-align:left;border-bottom:1px solid rgb(255 255 255 / 5%)}.cw-station-rank button:hover{color:var(--cw-glow)}.cw-station-rank em{margin-left:auto;font-style:normal;font-variant-numeric:tabular-nums;color:var(--cw-warn)}.cw-rank-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.cw-rank-dot.tier--critical{background:var(--cw-critical);box-shadow:0 0 6px var(--cw-critical)}@keyframes cw-pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes cw-scan{0%{top:-4px}to{top:100%}}@keyframes cw-ring{0%{transform:scale(.85);opacity:.7}to{transform:scale(1.45);opacity:0}}@keyframes cw-zone-breathe{0%,to{opacity:.65}50%{opacity:1}}.cw-3d-wrap{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;border:1px solid var(--cw-border);border-radius:4px;overflow:hidden;background:radial-gradient(ellipse 80% 60% at 50% 40%,#00284640,#010408);box-shadow:0 0 50px #00d4ff2e,inset 0 0 100px #000000bf}.cw-3d-canvas{flex:1;width:100%!important;min-height:0!important;touch-action:none}.cw-3d-corners span{position:absolute;width:18px;height:18px;border-color:var(--cw-glow);border-style:solid;border-width:0;opacity:.7;z-index:2;pointer-events:none}.cw-3d-corners span:nth-child(1){top:28px;left:6px;border-top-width:2px;border-left-width:2px}.cw-3d-corners span:nth-child(2){top:28px;right:6px;border-top-width:2px;border-right-width:2px}.cw-3d-corners span:nth-child(3){bottom:28px;left:6px;border-bottom-width:2px;border-left-width:2px}.cw-3d-corners span:nth-child(4){bottom:28px;right:6px;border-bottom-width:2px;border-right-width:2px}.cw-3d-scanline{position:absolute;top:28px;right:0;bottom:24px;left:0;pointer-events:none;z-index:1;overflow:hidden;opacity:.35}.cw-3d-scanline:after{content:"";position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--cw-glow),transparent);box-shadow:0 0 12px var(--cw-glow);animation:cw-scan 6s linear infinite}.cw-3d-vignette{position:absolute;top:28px;right:0;bottom:24px;left:0;pointer-events:none;z-index:1;box-shadow:inset 0 0 80px #0000008c}.cw-3d-badge{color:var(--cw-glow);font-weight:700;letter-spacing:.12em}.cw-3d-zone-label{display:block;padding:3px 8px;font-size:10px;font-weight:700;color:#f0f9ff;background:#020810d1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgb(0 212 255 / 45%);border-radius:4px;white-space:nowrap;letter-spacing:.04em;text-shadow:0 0 10px rgb(0 212 255 / 50%)}.cw-3d-station-card{padding:5px 10px;border-radius:5px;background:#041224e0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgb(0 212 255 / 50%);font-size:9px;color:#94b8d4;text-align:center;min-width:78px;box-shadow:0 0 16px #00d4ff40,0 4px 12px #0006;animation:cw-card-in .25s ease-out}@keyframes cw-card-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.cw-3d-station-card strong{display:block;color:#e8f4ff;font-size:10px}.cw-3d-station-card.tier--warn{border-color:#fbbf24;box-shadow:0 0 14px #fbbf244d}.cw-3d-station-card.tier--bad{border-color:#fb923c;box-shadow:0 0 14px #fb923c59}.cw-3d-station-card.tier--critical{border-color:#ef4444;box-shadow:0 0 18px #ef444473;animation:cw-card-in .25s ease-out,cw-critical-pulse 1.5s ease-in-out infinite}@keyframes cw-critical-pulse{0%,to{box-shadow:0 0 18px #ef444473}50%{box-shadow:0 0 28px #ef4444a6}}.cw-3d-station-card.active{transform:scale(1.06)}.cw-3d-pin-num{border:none;background:#00d4fff2;color:#020810;font-size:8px;font-weight:800;width:18px;height:18px;border-radius:50%;cursor:pointer;padding:0;line-height:18px;box-shadow:0 0 10px #00d4ffb3;transition:transform .15s,box-shadow .15s}.cw-3d-pin-num:hover,.cw-3d-pin-num.active{transform:scale(1.15)}.cw-3d-pin-num.tier--warn{background:#fbbf24;box-shadow:0 0 10px #fbbf24b3}.cw-3d-pin-num.tier--bad{background:#fb923c;box-shadow:0 0 10px #fb923cb3}.cw-3d-pin-num.tier--critical{background:#ef4444;color:#fff;box-shadow:0 0 12px #ef4444cc}.cw-panel{position:relative}.cw-panel:before,.cw-panel:after{content:"";position:absolute;width:10px;height:10px;border-color:#00d4ff59;border-style:solid;pointer-events:none}.cw-panel:before{top:4px;left:4px;border-width:1px 0 0 1px}.cw-panel:after{bottom:4px;right:4px;border-width:0 1px 1px 0}@media(max-width:1100px){.cw-body{grid-template-columns:48px 1fr;grid-template-rows:1fr auto}.cw-col--left,.cw-col--right{display:none}.cw-stage{grid-column:2}}@media(prefers-reduced-motion:reduce){.cw-map-scanline:after,.cw-3d-scanline:after,.cw-pin-ring,.cw-zone-glow,.cw-live-dot{animation:none!important}}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden}body{font-family:var(--font);background:var(--scc-bg);color:var(--scc-text);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{cursor:pointer}.scc-icon{width:18px;height:18px;flex-shrink:0}.scc-icon path{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.scc-login-page{min-height:100vh;display:grid;grid-template-columns:1fr min(440px,42vw);align-items:center;gap:48px;padding:32px 48px;position:relative;overflow:hidden;background:radial-gradient(ellipse 70% 60% at 15% 20%,rgb(90 120 240 / 18%),transparent 55%),radial-gradient(ellipse 50% 50% at 85% 80%,rgb(61 95 208 / 12%),transparent 50%),var(--scc-bg)}.scc-login-panel{display:grid;gap:20px;width:100%;max-width:420px;justify-self:center}.scc-login-logo--float{animation:scc-float 4s ease-in-out infinite}.scc-login-brand{text-align:center}.scc-login-logo{width:72px;margin:0 auto 12px}.scc-login-logo svg{width:100%;height:auto}.scc-login-brand h1{margin:0 0 4px;font-size:1.5rem;font-weight:700;color:var(--scc-text)}.scc-login-brand p{margin:0;color:var(--scc-text-muted);font-size:.85rem}.scc-login-tagline{margin-top:8px!important;font-size:.78rem!important;color:var(--scc-text-secondary)!important;max-width:280px;margin-left:auto!important;margin-right:auto!important;line-height:1.45}.scc-login-card{background:var(--scc-surface);border-radius:var(--scc-radius-lg);padding:28px 24px;box-shadow:var(--scc-shadow-md);border:1px solid var(--scc-border);display:grid;gap:16px;position:relative;overflow:hidden}.scc-login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--scc-primary),var(--scc-primary-dark))}.scc-login-card h2{margin:0 0 4px;font-size:1.1rem;text-align:center}.scc-field{display:grid;gap:4px}.scc-field-label{font-size:.82rem;font-weight:600;color:var(--scc-text)}.scc-field-sublabel{font-size:.72rem;color:var(--scc-text-muted);margin-bottom:2px}.scc-field input,.scc-field select{border:1px solid var(--scc-border-strong);border-radius:var(--scc-radius-sm);padding:11px 12px;background:var(--scc-surface);transition:border-color .15s,box-shadow .15s}.scc-field input:focus,.scc-field select:focus{outline:none;border-color:var(--scc-primary);box-shadow:0 0 0 3px var(--scc-primary-soft)}.scc-login-links{text-align:right}.scc-link{border:none;background:none;color:var(--scc-primary);font-size:.8rem;font-weight:600;padding:0}.scc-link:hover{color:var(--scc-primary-hover);text-decoration:underline}.scc-btn-primary{border:none;background:var(--scc-primary);color:#fff;border-radius:var(--scc-radius-sm);padding:11px 18px;font-weight:600;transition:background .15s}.scc-btn-primary:hover{background:var(--scc-primary-hover)}.scc-btn-primary.small{padding:7px 14px;font-size:.8rem}.scc-btn-block{width:100%}.scc-btn-ghost{border:1px solid var(--scc-border-strong);background:var(--scc-surface);color:var(--scc-text-secondary);border-radius:var(--scc-radius-sm);padding:7px 14px;font-size:.8rem;font-weight:600}.scc-btn-ghost:hover{background:var(--scc-surface-muted)}.scc-btn-ghost.small{padding:5px 10px;font-size:.75rem}.scc-login-hint{margin:0;text-align:center;font-size:.72rem;color:var(--scc-text-muted)}.scc-login-footer{margin:0;text-align:center;font-size:.82rem;color:var(--scc-text-secondary)}.scc-login-card .scc-form-grid{margin-bottom:4px}.scc-zone-panels{margin-top:12px;padding-top:12px;border-top:1px solid #e2e8f0;display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap}.scc-zone-panel{flex:1;min-width:200px;background:#f1f5f9;border-radius:8px;padding:10px;font-size:.78rem}.scc-zone-panel h4{margin:0 0 6px;font-size:.82rem}.scc-zone-panel p{margin:0;color:var(--scc-text-muted)}.scc-incident-status{display:grid;gap:4px;margin-top:8px;font-size:.68rem;font-weight:600}.scc-incident-status select{border:1px solid var(--scc-border-strong);border-radius:6px;padding:4px 8px;font-weight:400;font-size:.72rem;max-width:130px;width:100%}.scc-panel--incidents .scc-incident-list li{grid-template-columns:auto auto 1fr auto;padding:10px}.scc-panel--incidents .scc-incident-list--scroll{max-height:200px}.scc-cctv-placeholder{height:200px;background:#0f172a;color:#94a3b8;border-radius:8px;display:grid;place-items:center;font-size:.82rem}.scc-login-error{margin:0;color:#dc2626;font-size:.78rem;font-weight:600}.scc-login-hint{margin:0;text-align:center;font-size:.68rem;color:var(--scc-text-muted)}.scc-app{height:100vh;display:grid;grid-template-columns:var(--scc-sidebar-w) 1fr;transition:grid-template-columns .2s}.scc-app--collapsed{grid-template-columns:0 1fr}.scc-app--collapsed .scc-sidebar{overflow:hidden;border:none}.scc-sidebar{background:var(--scc-sidebar-bg);border-right:1px solid var(--scc-sidebar-border);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--scc-shadow-sm)}.scc-sidebar-brand{padding:20px 18px;display:flex;flex-wrap:wrap;align-items:center;gap:12px;border-bottom:1px solid var(--scc-sidebar-border);background:linear-gradient(135deg,var(--scc-primary-soft) 0%,transparent 70%);position:relative}.scc-sidebar-close{display:none;position:absolute;top:14px;right:12px;width:32px;height:32px;border:1px solid var(--scc-border);border-radius:8px;background:var(--scc-surface);color:var(--scc-text-secondary);font-size:1.25rem;line-height:1;cursor:pointer;align-items:center;justify-content:center}.scc-sidebar-close:hover{background:var(--scc-surface-muted);color:var(--scc-text)}.scc-sidebar-backdrop{display:none}.scc-brand-icon{width:40px;height:40px;flex-shrink:0}.scc-brand-icon svg{width:100%;height:100%}.scc-sidebar-brand strong{display:block;font-size:.95rem;color:var(--scc-text);line-height:1.3}.scc-sidebar-brand small{color:var(--scc-text-muted);font-size:.72rem}.scc-sidebar-status{width:100%;display:flex;align-items:center;gap:6px;font-size:.68rem;font-weight:600;color:var(--scc-success);margin-top:4px}.scc-status-dot{width:7px;height:7px;border-radius:50%;background:var(--scc-success);box-shadow:0 0 0 3px var(--scc-success-bg);animation:scc-pulse-dot 2s ease-in-out infinite}@keyframes scc-pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.92)}}@media(prefers-reduced-motion:reduce){.scc-status-dot,.scc-bell-dot,.scc-map-pin.level--severe{animation:none!important}}.scc-sidebar-nav{overflow-y:auto;padding:10px 8px;display:flex;flex-direction:column;gap:2px;flex:1;min-height:0;align-content:flex-start;justify-content:flex-start}.scc-nav-group{display:grid;gap:2px;flex-shrink:0}.scc-nav-group-head{width:100%;border:none;background:transparent;color:var(--scc-nav-muted);font-size:.72rem;font-weight:700;padding:6px 10px;min-height:0;display:flex;justify-content:space-between;align-items:center;text-align:left;border-radius:var(--scc-radius-sm)}.scc-nav-group-head:hover{background:var(--scc-surface-muted);color:var(--scc-text-secondary)}.scc-nav-chevron{font-size:.65rem;opacity:.7}.scc-nav-group-items{display:grid;gap:2px}.scc-nav-item{border:none;background:transparent;color:var(--scc-nav-text);border-radius:var(--scc-radius-sm);padding:8px 10px;display:flex;align-items:center;gap:8px;text-align:left;font-size:.8rem;font-weight:500;transition:background .12s,color .12s}.scc-nav-item:hover{background:var(--scc-primary-soft);color:var(--scc-primary-dark)}.scc-nav-item.active{background:var(--scc-nav-active-bg);color:var(--scc-nav-active-text);font-weight:600;box-shadow:0 2px 8px #5b7cfa59;position:relative}.scc-nav-item.active:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;border-radius:0 3px 3px 0;background:#ffffff7f}.scc-nav-icon{width:20px;display:grid;place-items:center;opacity:.9}.scc-nav-item.active .scc-nav-icon{opacity:1}.scc-main-wrap{display:grid;grid-template-rows:var(--scc-topbar-h) 1fr;min-height:0;background:var(--scc-bg)}.scc-topbar{background:var(--scc-topbar-bg, var(--scc-surface));border-bottom:1px solid var(--scc-border);padding:0 20px;display:flex;align-items:center;gap:12px;height:var(--scc-topbar-h);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;z-index:10}.scc-topbar-spacer{flex:1}.scc-icon-btn-top{border:none;background:transparent;width:40px;height:40px;border-radius:var(--scc-radius-sm);display:grid;place-items:center;color:var(--scc-text-secondary)}.scc-icon-btn-top:hover{background:var(--scc-surface-muted)}.scc-bell{position:relative}.scc-bell-dot{position:absolute;top:10px;right:10px;width:8px;height:8px;border-radius:50%;background:var(--scc-danger);border:2px solid var(--scc-surface);animation:scc-pulse-dot 1.5s ease-in-out infinite}.scc-topbar-greeting{display:none;flex-direction:column;gap:1px;min-width:0}.scc-topbar-greeting strong{font-size:.88rem;color:var(--scc-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scc-topbar-greeting small{font-size:.72rem;color:var(--scc-text-muted)}@media(min-width:768px){.scc-topbar-greeting{display:flex}}.scc-avatar{width:36px;height:36px;border-radius:50%;border:2px solid var(--scc-primary-soft);background:var(--scc-primary);color:#fff;font-weight:700;font-size:.85rem}.scc-user-menu{position:relative}.scc-user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:280px;max-width:min(320px,92vw);background:var(--scc-surface);border:1px solid var(--scc-border);border-radius:var(--scc-radius-md);box-shadow:var(--scc-shadow-lg);padding:8px;z-index:50}.scc-user-dropdown-head{padding:8px 10px 12px;border-bottom:1px solid var(--scc-border);margin-bottom:8px}.scc-user-dropdown-head strong{display:block;font-size:.88rem}.scc-user-dropdown-head small{color:var(--scc-text-muted);font-size:.72rem;text-transform:uppercase}.scc-lang--dropdown{margin-bottom:8px}.scc-dropdown-item{width:100%;border:none;background:transparent;text-align:left;padding:10px 12px;border-radius:var(--scc-radius-sm);font-size:.82rem;color:var(--scc-danger);font-weight:600}.scc-dropdown-item:hover{background:var(--scc-danger-bg)}.scc-notify-menu{position:relative}.scc-notify-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:min(320px,90vw);background:var(--scc-surface);border:1px solid var(--scc-border);border-radius:var(--scc-radius-md);box-shadow:var(--scc-shadow-lg);z-index:50;overflow:hidden}.scc-notify-dropdown-head{padding:12px 14px;border-bottom:1px solid var(--scc-border);font-size:.88rem}.scc-notify-list{list-style:none;margin:0;padding:0;max-height:280px;overflow-y:auto}.scc-notify-list li{padding:0;border-bottom:1px solid var(--scc-border)}.scc-notify-list li:last-child{border-bottom:none}.scc-notify-list li strong{color:var(--scc-text);display:block}.scc-notify-list li span{color:var(--scc-text-secondary);display:block}.scc-notify-list li small{color:var(--scc-text-muted);font-size:.72rem;display:block}.scc-notify-empty{margin:0;padding:20px 14px;color:var(--scc-text-muted);font-size:.82rem;text-align:center}.scc-notify-link{width:100%;border:none;background:var(--scc-primary-soft);color:var(--scc-primary-dark);padding:12px;font-size:.82rem;font-weight:600;cursor:pointer}.scc-notify-link:hover{background:var(--scc-primary);color:#fff}.scc-lang{display:flex;border:1px solid var(--scc-border);border-radius:var(--scc-radius-sm);overflow:hidden}.scc-lang button{flex:1;border:none;background:var(--scc-surface);padding:6px 10px;font-size:.72rem;font-weight:700;color:var(--scc-text-muted)}.scc-lang button.on{background:var(--scc-primary);color:#fff}.scc-main{overflow:auto;padding:20px 24px 32px;min-height:0;background:radial-gradient(ellipse 80% 50% at 100% 0%,rgb(90 120 240 / 7%),transparent 55%),radial-gradient(ellipse 60% 40% at 0% 100%,rgb(90 120 240 / 5%),transparent 50%),linear-gradient(180deg,transparent 0%,rgb(90 120 240 / 2%) 100%),var(--scc-bg);background-attachment:fixed}.scc-main-inner{max-width:var(--scc-content-max);margin:0 auto;width:100%}.scc-main-inner:has(.scc-dashboard),.scc-main-inner--dashboard{max-width:var(--scc-dashboard-max);width:min(100%,var(--scc-dashboard-max));margin-left:auto;margin-right:auto}.scc-main:has(.scc-dashboard),.scc-main--dashboard{padding:16px 20px 28px;display:flex;flex-direction:column;align-items:center}.scc-main--dashboard .scc-main-inner--dashboard{flex:0 1 auto}.scc-page-intro{margin-bottom:20px;display:flex;align-items:flex-start;gap:14px}.scc-page-intro-accent{width:4px;min-height:48px;border-radius:4px;background:linear-gradient(180deg,var(--scc-primary),var(--scc-primary-dark));flex-shrink:0;margin-top:4px}.scc-page-intro h1{margin:0 0 4px;font-size:1.4rem;font-weight:700;color:var(--scc-text);letter-spacing:-.02em}.scc-page-intro p{margin:0;font-size:.88rem;color:var(--scc-text-muted)}.scc-page-intro--compact{margin-bottom:12px}.scc-page-intro--compact h1{font-size:1.15rem}.scc-page-intro--compact p{display:none}.scc-page-intro--compact .scc-page-intro-accent{min-height:36px}.scc-dashboard{display:grid;gap:10px;min-height:100%;background:var(--scc-surface);border:1px solid var(--scc-border);border-radius:var(--scc-radius-lg);padding:14px 16px 16px;box-shadow:var(--scc-shadow-md)}.scc-dashboard-head{margin:0;padding-bottom:2px;border-bottom:1px solid var(--scc-border)}.scc-dashboard-head h2{margin:0;font-size:1.1rem;font-weight:700;color:var(--scc-text)}.scc-dashboard-head p{margin:2px 0 0;font-size:.75rem;color:var(--scc-text-muted)}.scc-dashboard-summary{display:grid;gap:8px}.scc-dashboard .scc-kpi-strip{grid-template-columns:repeat(2,1fr);gap:8px}.scc-dashboard .scc-kpi-card{padding:10px 12px;gap:10px}.scc-dashboard .scc-kpi-icon{width:34px;height:34px;border-radius:8px}.scc-dashboard .scc-kpi-value{font-size:1.1rem}.scc-dashboard-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,300px);gap:10px;align-items:stretch}.scc-dashboard-main>.scc-map-section,.scc-dashboard-main>.scc-panel--incidents{display:flex;flex-direction:column;min-height:300px}.scc-map-section{background:var(--scc-surface);border-radius:var(--scc-radius-md);border:1px solid var(--scc-border);overflow:hidden;box-shadow:var(--scc-shadow-sm);padding:0}.scc-map-header{padding:10px 12px 0}.scc-map-body{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 118px;border-top:1px solid var(--scc-border);min-height:220px}.scc-map-frame{position:relative;height:100%;min-height:220px;background:var(--scc-map-tint, #e8ede4);overflow:hidden}.scc-map-zones{border-left:1px solid var(--scc-border);background:var(--scc-surface-muted);padding:8px 6px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.scc-map-zones-title{margin:0;padding:0 4px;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--scc-text-muted)}.scc-map-zones-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}.scc-map-zone-btn{width:100%;border:none;background:transparent;border-radius:6px;padding:6px 4px;display:flex;align-items:flex-start;gap:5px;text-align:left;font-size:.65rem;font-weight:600;color:var(--scc-text-secondary);line-height:1.25;cursor:pointer;transition:background .12s}.scc-map-zone-btn:hover,.scc-map-zone-btn.selected{background:var(--scc-primary-soft);color:var(--scc-primary-dark)}.scc-zone-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:2px}.scc-zone-dot.level--severe{background:#ef4444}.scc-zone-dot.level--moderate{background:#f59e0b}.scc-zone-dot.level--minor{background:#22c55e}.scc-map-zone-name{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.scc-kpi-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.scc-kpi-card{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--scc-surface);border:1px solid var(--scc-border);border-radius:var(--scc-radius-md);box-shadow:var(--scc-shadow-sm);transition:transform .15s ease,box-shadow .15s ease}.scc-kpi-card:hover{transform:translateY(-2px);box-shadow:var(--scc-shadow-md)}.scc-kpi-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.scc-kpi-card.tone--danger .scc-kpi-icon{background:var(--scc-danger-bg);color:var(--scc-danger)}.scc-kpi-card.tone--warning .scc-kpi-icon{background:var(--scc-warning-bg);color:var(--scc-warning)}.scc-kpi-card.tone--success .scc-kpi-icon{background:var(--scc-success-bg);color:var(--scc-success)}.scc-kpi-card.tone--primary .scc-kpi-icon{background:var(--scc-primary-soft);color:var(--scc-primary)}.scc-kpi-body{display:grid;gap:2px;min-width:0}.scc-kpi-label{font-size:.72rem;color:var(--scc-text-muted);font-weight:600}.scc-kpi-value{font-size:1.35rem;font-weight:700;color:var(--scc-text);line-height:1.2}.scc-kpi-body small{font-size:.68rem;color:var(--scc-text-secondary)}.scc-card-elevated{box-shadow:var(--scc-shadow-md);transition:box-shadow .2s ease}.scc-card-elevated:hover{box-shadow:var(--scc-shadow-lg)}.scc-map-zone-label{position:absolute;top:12px;left:12px;z-index:6;display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--scc-radius-sm);border:1px solid var(--scc-border);font-size:.82rem;font-weight:600;box-shadow:var(--scc-shadow-sm)}.scc-level-badge{font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.02em}.scc-level-badge.level--severe{background:#fee2e2;color:#b91c1c}.scc-level-badge.level--moderate{background:#ffedd5;color:#c2410c}.scc-level-badge.level--minor{background:#dcfce7;color:#15803d}.scc-map-legend{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:8px 14px 12px;margin:0;font-size:.72rem;color:var(--scc-text-muted);border-top:1px solid var(--scc-border)}.scc-legend-item{display:inline-flex;align-items:center;gap:5px}.scc-legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.scc-legend-dot.severe{background:#ef4444}.scc-legend-dot.moderate{background:#f59e0b}.scc-legend-dot.minor{background:#22c55e}.scc-legend-hint{margin-left:auto;font-style:italic;opacity:.85}.scc-map-pin{cursor:pointer;transition:transform .15s ease}.scc-map-pin.level--severe{animation:scc-pin-pulse 2s ease-in-out infinite}@keyframes scc-pin-pulse{0%,to{box-shadow:0 2px 6px #00000040,0 0 #ef44447f}50%{box-shadow:0 2px 6px #00000040,0 0 0 6px #ef444400}}.scc-panel-title-wrap{display:flex;align-items:center;gap:10px}.scc-panel-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:var(--scc-primary-soft);color:var(--scc-primary)}.scc-panel-icon.tone--danger{background:var(--scc-danger-bg);color:var(--scc-danger)}.scc-live-badge{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border-radius:999px;background:var(--scc-danger-bg);color:var(--scc-danger);display:inline-flex;align-items:center;gap:5px}.scc-live-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--scc-danger);animation:scc-pulse-dot 1.2s ease-in-out infinite}.scc-mini-stats--pills{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.scc-stat-pill{display:inline-flex;align-items:center;gap:5px;font-size:.7rem;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--scc-surface-muted);border:1px solid var(--scc-border);color:var(--scc-text-secondary)}.scc-stat-pill.ok{background:var(--scc-success-bg);border-color:transparent;color:#027a48}.scc-stat-pill.warn{background:var(--scc-warning-bg);border-color:transparent;color:#b54708}.scc-sensor-icon-wrap{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;margin-bottom:2px}.scc-sensor-tile.tone--warm .scc-sensor-icon-wrap{background:#fff1f0;color:#f04438}.scc-sensor-tile.tone--sky .scc-sensor-icon-wrap{background:#eff8ff;color:#2e90fa}.scc-sensor-tile.tone--sun .scc-sensor-icon-wrap{background:#fffaeb;color:#f79009}.scc-sensor-tile.tone--violet .scc-sensor-icon-wrap{background:#f4f3ff;color:#7a5af8}.scc-sensor-tile.tone--aqua .scc-sensor-icon-wrap{background:#ecfdff;color:#06aed4}.scc-sensor-tile.tone--dust .scc-sensor-icon-wrap{background:#f2f4f7;color:#667085}.scc-sensor-label{color:var(--scc-text-muted);font-weight:600}.scc-sensor-value{font-size:.88rem!important}.scc-incident-card{border-left:3px solid transparent;transition:background .12s ease}.scc-incident-card.level--severe{border-left-color:#ef4444}.scc-incident-card.level--moderate{border-left-color:#f59e0b}.scc-incident-card.level--minor{border-left-color:#22c55e}.scc-incident-card:hover{background:var(--scc-primary-soft)!important}.scc-incident-card--clickable,.scc-incident-body--link{cursor:pointer}.scc-incident-body--link:focus-visible{outline:2px solid var(--scc-primary);outline-offset:2px;border-radius:6px}.scc-incident-device-link{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border:1px solid var(--scc-primary-border, #c7d7fe);border-radius:999px;background:var(--scc-primary-soft, #eef4ff);color:var(--scc-primary, #444ce7);font-size:.65rem;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0}.scc-incident-device-link:hover{background:var(--scc-primary, #444ce7);color:#fff;border-color:var(--scc-primary, #444ce7)}.scc-nav-from-hint{margin:0 0 8px;padding:6px 10px;border-radius:8px;background:var(--scc-primary-soft, #eef4ff);color:var(--scc-primary, #444ce7);font-size:.78rem;font-weight:600}.scc-map-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.scc-map-img{width:100%;height:100%;object-fit:contain;display:block}.scc-map-img--plan{object-fit:contain;background:#f7f8f4}.scc-map-pin{position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid #fff;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0000004d;z-index:5}.scc-map-pin.selected{transform:translate(-50%,-50%) scale(1.35);z-index:6;box-shadow:0 0 0 4px #5a78f066,0 4px 12px #00000040}.scc-map-pin.level--severe{background:#ef4444}.scc-map-pin.level--moderate{background:#f59e0b}.scc-map-pin.level--minor{background:#22c55e}.scc-map-legend--compact{padding:8px 14px 10px;border-top:1px solid var(--scc-border)}.scc-map-header-actions{display:flex;align-items:center;gap:8px}.scc-panel--incidents{min-height:0;display:flex;flex-direction:column;padding:10px 12px}.scc-incident-filters{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:.72rem}.scc-incident-filters--panel{padding:0 0 8px;border:none;flex-wrap:wrap;gap:5px}.scc-incident-list--scroll{flex:1;overflow-y:auto;min-height:0;max-height:none}.scc-incident-card--compact{grid-template-columns:1fr auto!important;gap:8px!important;padding:10px!important}.scc-incident-card--compact .incident-dot,.scc-incident-card--compact .incident-severity{display:none}.incident-head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:2px}.incident-head strong{font-size:.8rem;min-width:0}.incident-body p{margin:0 0 4px;font-size:.72rem;line-height:1.35}.incident-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap}.incident-meta small{font-size:.65rem;color:var(--scc-text-muted);flex-shrink:0}.scc-incident-card--compact .scc-incident-status{margin:0;display:block}.scc-incident-card--compact .incident-actions{display:flex;flex-direction:column;gap:4px}.scc-panel--sensors{min-height:auto;padding:10px 12px}.scc-sensor-grid--compact{grid-template-columns:repeat(3,1fr);gap:8px}.scc-sensor-grid--compact .scc-sensor-tile{display:flex;flex-direction:row;align-items:center;gap:10px;padding:10px 12px}.scc-sensor-grid--compact .scc-sensor-icon-wrap{margin-bottom:0;flex-shrink:0}.scc-sensor-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.scc-sensor-grid--compact .scc-sensor-label{font-size:.68rem;line-height:1.2}.scc-sensor-grid--compact .scc-sensor-value{font-size:.82rem!important;line-height:1.2}.scc-sensor-tile--wide{grid-column:1 / -1}.scc-sensor-tile--wide .scc-sensor-value{font-size:.78rem!important;font-weight:600}.scc-dashboard .scc-sensor-tile{padding:10px 12px}.filter-chip{border:1px solid var(--scc-border-strong);background:var(--scc-surface);border-radius:999px;padding:5px 14px;font-size:.72rem;font-weight:600;cursor:pointer;transition:transform .12s,background .12s,border-color .12s}.filter-chip:hover{transform:translateY(-1px)}.filter-chip.on{border-color:var(--scc-primary);color:var(--scc-primary-dark);box-shadow:0 2px 8px #5a78f026}.filter-chip.tone--severe.on{background:#fee2e2;border-color:#ef4444;color:#b91c1c}.filter-chip.tone--moderate.on{background:#ffedd5;border-color:#f59e0b;color:#c2410c}.filter-chip.tone--minor.on{background:#dcfce7;border-color:#22c55e;color:#15803d}.scc-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:0}.scc-panel{background:var(--scc-surface);border:1px solid var(--scc-border);border-radius:var(--scc-radius-md);padding:18px;min-height:280px;box-shadow:var(--scc-shadow-sm)}.scc-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px}.scc-panel-head h3{margin:0;font-size:.95rem}.scc-mini-stats{display:grid;gap:4px;font-size:.72rem;color:var(--scc-text-muted);text-align:right}.scc-sensor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.scc-sensor-tile{background:var(--scc-surface-muted);border:1px solid var(--scc-border);border-radius:8px;padding:12px;display:grid;gap:4px;font-size:.72rem;transition:border-color .12s ease,transform .12s ease}.scc-sensor-tile:hover{border-color:var(--scc-primary);transform:translateY(-1px)}.scc-sensor-tile strong{font-size:.85rem;color:var(--scc-text)}.scc-sensor-tile.dust{grid-column:span 1}.scc-incident-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.scc-incident-list li{display:grid;grid-template-columns:auto auto 1fr auto;gap:10px;align-items:start;padding:12px;border-radius:8px;background:var(--scc-surface-muted);border:1px solid var(--scc-border)}.incident-dot{width:10px;height:10px;border-radius:50%;margin-top:4px}.scc-incident-list .level--severe .incident-dot{background:#ef4444}.scc-incident-list .level--moderate .incident-dot{background:#f59e0b}.scc-incident-list .level--minor .incident-dot{background:#22c55e}.incident-body strong{display:block;font-size:.85rem}.incident-body p{margin:2px 0;font-size:.78rem;color:var(--scc-text-muted)}.incident-body small{font-size:.68rem;color:#94a3b8}.scc-icon-btn{border:1px solid #cbd5e1;background:#fff;border-radius:6px;width:32px;height:32px}.scc-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:100;padding:20px}.scc-modal{width:min(520px,100%);background:#fff;border-radius:12px;padding:16px;max-height:80vh;overflow:auto}.scc-modal header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.scc-modal header h3{margin:0;font-size:1rem}.scc-modal header button{border:none;background:#f1f5f9;width:32px;height:32px;border-radius:8px;font-size:1.2rem}.scc-sop-list{margin:0;padding:0;list-style:none;display:grid;gap:10px}.scc-modal--sop{width:min(420px,100%);padding:0;background:var(--scc-surface);border:1px solid var(--scc-border);box-shadow:var(--scc-shadow-lg);overflow:hidden}.scc-sop-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 16px 12px;margin-bottom:0!important;background:linear-gradient(180deg,var(--scc-primary-soft),transparent);border-bottom:1px solid var(--scc-border)}.scc-sop-header h3{margin:0 0 4px;font-size:.95rem;color:var(--scc-text)}.scc-sop-subtitle{margin:0;font-size:.72rem;color:var(--scc-text-muted)}.scc-modal-close{border:none;background:var(--scc-surface-muted);width:32px;height:32px;border-radius:8px;font-size:1.2rem;color:var(--scc-text-secondary);flex-shrink:0;cursor:pointer}.scc-modal-close:hover{background:var(--scc-border)}.scc-sop-progress{height:4px;background:var(--scc-border);margin:0}.scc-sop-progress-fill{height:100%;background:linear-gradient(90deg,var(--scc-primary),var(--scc-success));transition:width .25s ease}.scc-modal--sop .scc-sop-list{padding:14px 16px;max-height:min(50vh,360px);overflow-y:auto}.scc-sop-step{border:1px solid var(--scc-border);border-radius:var(--scc-radius-md);padding:12px;background:var(--scc-surface-muted);transition:border-color .15s,background .15s}.scc-sop-step.done{border-color:var(--scc-success);background:var(--scc-success-bg)}.scc-sop-step-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.scc-sop-check{display:flex;align-items:center;cursor:pointer;flex-shrink:0}.scc-sop-check input{position:absolute;opacity:0;width:0;height:0}.scc-sop-step-num{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:.78rem;font-weight:700;background:var(--scc-surface);border:2px solid var(--scc-border-strong);color:var(--scc-text-secondary);transition:background .15s,border-color .15s,color .15s}.scc-sop-check input:checked+.scc-sop-step-num{background:var(--scc-success);border-color:var(--scc-success);color:#fff}.scc-sop-step-head strong{flex:1;font-size:.82rem;line-height:1.35;color:var(--scc-text)}.scc-sop-done-tag{font-size:.62rem;font-weight:700;text-transform:uppercase;padding:2px 8px;border-radius:999px;background:var(--scc-success-bg);color:var(--scc-success);flex-shrink:0}.scc-sop-note{width:100%;border:1px solid var(--scc-border);border-radius:var(--scc-radius-sm);padding:8px 10px;font-size:.78rem;resize:vertical;min-height:56px;background:var(--scc-surface);color:var(--scc-text)}.scc-sop-note:focus{outline:none;border-color:var(--scc-primary);box-shadow:0 0 0 3px var(--scc-primary-soft)}.scc-sop-footer{display:flex;justify-content:flex-end;gap:10px;padding:12px 16px 16px;border-top:1px solid var(--scc-border);background:var(--scc-surface-muted)}.scc-sop-footer .scc-btn-primary{min-width:120px}.scc-sop-list label{display:flex;gap:10px;align-items:flex-start}.scc-sop-list textarea{width:100%;margin:6px 0;border:1px solid #cbd5e1;border-radius:6px;padding:8px;resize:vertical}.scc-placeholder{background:#fff;border:1px dashed #cbd5e1;border-radius:10px;padding:40px;text-align:center}.scc-placeholder h2{margin:0 0 8px}.scc-placeholder p{margin:0;color:var(--scc-text-muted)}.scc-module{display:grid;gap:16px;padding-bottom:24px}.scc-list-card{min-height:120px}.scc-table-row--clickable{cursor:pointer}.scc-table-row--clickable:hover td{background:var(--scc-primary-soft)}.scc-btn-link{border:none;background:none;color:var(--scc-primary);font-size:.8rem;font-weight:600;padding:4px 8px;white-space:nowrap}.scc-btn-link:hover{text-decoration:underline}.scc-manual-ref{margin:0;font-size:.72rem;color:var(--scc-text-muted)}.scc-card{background:var(--scc-surface);border:1px solid var(--scc-border);border-radius:var(--scc-radius-md);padding:20px;box-shadow:var(--scc-shadow-sm);transition:box-shadow .15s ease,border-color .15s ease}.scc-card:hover{box-shadow:var(--scc-shadow-md);border-color:var(--scc-border-strong)}.scc-card h3,.scc-card-title{margin:0 0 14px;font-size:.95rem;font-weight:700;color:var(--scc-text)}.scc-card-title-inline{font-weight:700;color:var(--scc-text)}.scc-search-card .scc-search-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}.scc-search-card label{display:grid;gap:6px;font-size:.78rem;font-weight:600}.scc-search-card input,.scc-search-card select{border:1px solid var(--scc-input-border);border-radius:8px;padding:8px 10px;font-weight:400}.scc-search-actions{display:flex;gap:8px}.scc-table-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.78rem;color:var(--scc-text-muted)}.scc-table-wrap{overflow-x:auto}.scc-table{width:100%;border-collapse:collapse;font-size:.8rem}.scc-table th,.scc-table td{padding:10px 12px;border-bottom:1px solid var(--scc-border);text-align:left}.scc-table th{background:var(--scc-table-head-bg, var(--scc-surface-muted));font-size:.72rem;color:var(--scc-text-muted);font-weight:700}.scc-row-actions{white-space:nowrap}.scc-btn-icon{border:1px solid var(--scc-border);background:var(--scc-surface);border-radius:var(--scc-radius-sm);width:32px;height:32px;display:inline-grid;place-items:center;color:var(--scc-text-secondary);margin-left:4px;transition:background .12s,border-color .12s,color .12s}.scc-btn-icon:hover{background:var(--scc-primary-soft);border-color:var(--scc-primary);color:var(--scc-primary)}.scc-btn-icon--danger:hover{background:var(--scc-danger-bg);border-color:var(--scc-danger);color:var(--scc-danger)}.scc-status{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.68rem;font-weight:700}.scc-status.active{background:var(--scc-success-bg);color:var(--scc-success)}.scc-status.inactive{background:var(--scc-danger-bg);color:var(--scc-danger)}.scc-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.scc-form-grid label{display:grid;gap:6px;font-size:.78rem;font-weight:600}.scc-form-grid label.full{grid-column:1 / -1}.scc-form-grid input,.scc-form-grid select{border:1px solid var(--scc-input-border);border-radius:8px;padding:8px 10px;font-weight:400}.scc-map-frame.small{height:240px}.scc-map-pin-preview{position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid #fff;transform:translate(-50%,-50%);box-shadow:0 2px 6px #00000040}.scc-form-footer{display:flex;gap:10px}.scc-search-grid.two{grid-template-columns:repeat(2,1fr)}.scc-card-list{display:grid;gap:10px}.scc-record-card{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;border:1px solid var(--scc-border);border-radius:var(--scc-radius-md);background:var(--scc-surface);box-shadow:var(--scc-shadow-sm);transition:box-shadow .15s,border-color .15s}.scc-record-card:hover{border-color:var(--scc-primary-soft);box-shadow:var(--scc-shadow-md)}.scc-record-card strong{display:block;font-size:.88rem}.scc-record-card p{margin:4px 0;font-size:.78rem;color:var(--scc-text-muted)}.scc-record-card small{font-size:.68rem;color:#94a3b8}.scc-record-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;font-size:.72rem;color:var(--scc-text-muted)}.priority{font-weight:700}.priority--high,.priority--severe{color:#dc2626}.priority--medium,.priority--moderate{color:#d97706}.priority--low,.priority--minor{color:#2563eb}.scc-category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.scc-category-card{border:1px solid var(--scc-border);background:var(--scc-surface-muted);border-radius:10px;padding:20px 12px;display:grid;gap:10px;justify-items:center;font-size:.78rem;font-weight:600;color:var(--scc-text);transition:border-color .15s,background .15s,color .15s,box-shadow .15s,transform .15s}.scc-category-card:hover{border-color:var(--scc-primary);color:var(--scc-primary-dark);background:var(--scc-primary-soft)}.scc-device-control-list{display:grid;gap:10px;margin:12px 0}.scc-device-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--scc-border);border-radius:8px;background:var(--scc-surface-muted)}.scc-device-row-main{display:flex;gap:10px;align-items:flex-start}.scc-device-row-main strong{display:block;font-size:.82rem}.scc-device-row-main small{display:block;font-size:.68rem;color:var(--scc-text-muted)}.scc-device-readings{font-size:.78rem;color:var(--scc-text-muted);text-align:right}.scc-toggle{border:none;border-radius:999px;padding:6px 14px;font-size:.72rem;font-weight:700;min-width:52px}.scc-toggle.on{background:#22c55e;color:#fff}.scc-toggle.off{background:#94a3b8;color:#fff}.scc-inline-search{width:100%;border:1px solid var(--scc-input-border);border-radius:8px;padding:8px 12px;margin-bottom:12px}.scc-inline-search--wide{max-width:100%;border-radius:999px;padding:10px 16px;background:var(--scc-surface);box-shadow:inset 0 1px 2px #0000000a}.scc-device-control-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:4px}.scc-device-control-head h3{margin:0}.scc-gate-list{display:grid;gap:10px;margin:12px 0}.scc-gate-card{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:14px 16px;border:1px solid var(--scc-border, #e2e8f0);border-radius:var(--scc-radius-md, 12px);background:var(--scc-surface, #fff);box-shadow:var(--scc-shadow-sm, 0 1px 3px rgb(0 0 0 / 6%));transition:border-color .12s ease,box-shadow .12s ease}.scc-gate-card:hover{border-color:var(--scc-primary-border, #c7d7fe);box-shadow:0 4px 14px #444ce714}.scc-gate-card-icon{width:44px;height:44px;border-radius:10px;background:var(--scc-primary-soft, #eef4ff);color:var(--scc-primary, #444ce7);display:flex;align-items:center;justify-content:center}.scc-gate-card-body strong{display:block;font-size:.88rem;margin-bottom:2px}.scc-gate-card-body p{margin:0 0 2px;font-size:.76rem;color:var(--scc-text-secondary)}.scc-gate-card-body small{font-size:.68rem;color:var(--scc-text-muted)}.scc-form-grid textarea{width:100%;min-height:96px;border:1px solid var(--scc-border, #cbd5e1);border-radius:var(--scc-radius-sm, 8px);padding:10px 12px;resize:vertical;background:var(--scc-surface, #fff)}.scc-btn-export{border:1px solid var(--scc-border-strong);background:var(--scc-surface);color:var(--scc-text-secondary);border-radius:var(--scc-radius-sm);padding:7px 14px;font-size:.8rem;font-weight:600}.scc-btn-export:hover{background:var(--scc-surface-muted)}.scc-btn-success{border:none;background:#16a34a;color:#fff;border-radius:8px;padding:6px 12px;font-size:.78rem}.scc-btn-danger{border:none;background:#f97316;color:#fff;border-radius:8px;padding:8px 16px;font-weight:600}.scc-report-list{display:grid;gap:6px;margin-top:12px}.scc-report-item{border:1px solid var(--scc-border);background:var(--scc-surface-muted);border-radius:8px;padding:12px 14px;text-align:left;display:grid;gap:4px;color:var(--scc-text);transition:border-color .15s,background .15s,box-shadow .15s}.scc-report-item strong{font-size:.78rem;color:var(--scc-primary)}.scc-report-item span{font-size:.82rem;color:var(--scc-text-secondary)}.scc-report-summary{margin:12px 0 0;font-size:.78rem;font-weight:600;color:var(--scc-text-muted)}.scc-export-card{position:sticky;bottom:0;background:var(--scc-surface);border:1px solid var(--scc-border);border:1px solid #e2e8f0;border-radius:10px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 -4px 20px #0f172a14}.scc-step-list{margin:0;padding-left:20px;display:grid;gap:8px;font-size:.82rem}.scc-step-list li{display:flex;justify-content:space-between;gap:12px}.scc-pagination{margin:12px 0 0;font-size:.72rem;color:var(--scc-text-muted)}.scc-modal--success{text-align:center}.scc-success-icon{width:56px;height:56px;margin:0 auto 12px;border-radius:50%;background:#22c55e;color:#fff;font-size:1.8rem;display:grid;place-items:center}.scc-modal--success h3{margin:0 0 8px}.scc-modal--success p{margin:0 0 16px;color:var(--scc-text-muted);font-size:.85rem}.scc-modal--confirm h3{margin:0 0 8px}.scc-modal--confirm p{margin:0 0 16px;color:var(--scc-text-muted)}.scc-modal-actions{display:flex;gap:10px;justify-content:center}.scc-modal label{display:grid;gap:6px;margin-bottom:12px;font-size:.78rem;font-weight:600}.scc-modal input,.scc-modal select,.scc-modal textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;font-weight:400}.scc-install-card{flex-direction:column;align-items:stretch}.scc-install-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;flex:1}.scc-install-grid small{display:block;font-size:.65rem;color:#94a3b8}.scc-install-grid strong,.scc-install-grid span{font-size:.8rem}.scc-map-clickable{cursor:crosshair}.scc-hint{font-size:.72rem;color:var(--scc-text-muted);margin-top:6px}.scc-device-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.scc-device-chip{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:.78rem}.scc-wi-step-cards{display:grid;gap:10px}.scc-wi-step-card{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}.scc-wi-step-num{width:36px;height:36px;display:grid;place-items:center;background:var(--scc-primary);color:#fff;border-radius:8px;font-weight:700;flex-shrink:0}.scc-wi-step-card p{margin:2px 0 0;font-size:.75rem;color:var(--scc-text-muted)}.scc-attachment-list{display:grid;gap:8px}.scc-attachment-row{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e2e8f0;border-radius:8px}.scc-file-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:8px;font-size:.65rem;font-weight:700;color:#fff}.scc-file-icon--pdf{background:#dc2626}.scc-file-icon--docx{background:#2563eb}.scc-pagination-bar{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:.75rem;color:var(--scc-text-muted)}.scc-pagination-btns{display:flex;gap:6px;align-items:center}.scc-page-btn{min-width:28px;height:28px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;cursor:pointer}.scc-page-btn.on{background:var(--scc-primary);color:#fff;border-color:var(--scc-primary)}.scc-empty{text-align:center;color:var(--scc-text-muted);padding:20px}.scc-perm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin-top:10px}.scc-perm-grid--codes{max-height:220px;overflow-y:auto}.scc-role-perm-split{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}@media(max-width:900px){.scc-role-perm-split{grid-template-columns:1fr}}.scc-verified-badge,.scc-locked-badge{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:999px;font-size:.62rem;font-weight:700}.scc-verified-badge{background:var(--scc-success-bg);color:var(--scc-success)}.scc-locked-badge{background:var(--scc-danger-bg);color:var(--scc-danger)}.scc-btn-link--danger{color:var(--scc-danger)}.scc-modal--form{max-width:520px;width:min(92vw,520px)}.scc-modal-head-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.scc-modal-close{border:none;background:transparent;font-size:1.4rem;line-height:1;color:var(--scc-text-muted);cursor:pointer}.scc-attach-list{margin:0;padding:0;list-style:none}.scc-attach-list li{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid var(--scc-border);font-size:.88rem}.scc-attach-list small{color:var(--scc-text-muted)}.scc-check-row{display:flex;align-items:center;gap:8px;font-size:.8rem;cursor:pointer}.scc-page-guide{margin-bottom:16px;background:var(--scc-primary-soft);border:1px solid var(--scc-border);border-radius:var(--scc-radius-md);overflow:hidden;border-left:3px solid var(--scc-primary)}.scc-page-guide-toggle{width:100%;border:none;background:transparent;padding:12px 16px;display:flex;align-items:center;gap:10px;font-size:.85rem;font-weight:600;color:var(--scc-primary-dark);text-align:left;cursor:pointer;transition:background .12s ease}.scc-page-guide-toggle:hover{background:#5a78f00f}.scc-page-guide-badge{width:22px;height:22px;border-radius:50%;background:var(--scc-primary);color:#fff;display:grid;place-items:center;font-size:.75rem}.scc-page-guide-body{padding:0 16px 14px;font-size:.82rem;color:var(--scc-text-secondary);line-height:1.5}.scc-page-guide-body p{margin:0 0 10px}.scc-guide-steps{margin:0;padding-left:20px;display:grid;gap:4px}.scc-workflow-hint{margin-top:10px;padding-top:10px;border-top:1px dashed var(--scc-border);font-size:.78rem}.scc-workflow-hint ul{margin:6px 0 0;padding-left:18px}.scc-empty-state{text-align:center;padding:32px 20px;color:var(--scc-text-muted)}.scc-empty-state-icon{width:48px;height:48px;margin:0 auto 12px;border-radius:50%;background:var(--scc-surface-muted);display:grid;place-items:center;color:var(--scc-text-secondary)}.scc-empty-state-icon .scc-icon{width:24px;height:24px}.scc-empty-state strong{display:block;color:var(--scc-text);margin-bottom:6px}.scc-empty-state p{margin:0 0 14px;font-size:.82rem}.scc-filter-hint{margin:0 0 10px;font-size:.75rem;color:var(--scc-text-muted)}.scc-map-legend{margin:0;padding:8px 14px 12px;font-size:.72rem;color:var(--scc-text-muted);border-top:1px solid var(--scc-border)}.scc-breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.8rem;color:var(--scc-text-muted);margin-bottom:12px}.scc-breadcrumb-link{border:none;background:none;color:var(--scc-primary);font-weight:600;padding:0;cursor:pointer}.scc-breadcrumb-link:hover{text-decoration:underline}.scc-sidebar-foot{padding:12px 16px;border-top:1px solid var(--scc-sidebar-border);font-size:.72rem;color:var(--scc-text-muted)}.scc-role-hint{margin:8px 0 0;font-size:.75rem;color:var(--scc-text-secondary);line-height:1.4}.scc-theme-picker{padding:10px 12px 14px;border-bottom:1px solid var(--scc-border)}.scc-theme-picker-label{display:block;font-size:.72rem;font-weight:700;color:var(--scc-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px}.scc-theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.scc-theme-card{border:2px solid var(--scc-border);border-radius:var(--scc-radius-md);background:var(--scc-surface-muted);padding:8px;display:grid;gap:6px;text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .12s}.scc-theme-card:hover{border-color:var(--scc-primary);transform:translateY(-1px)}.scc-theme-card.selected{border-color:var(--scc-primary);box-shadow:0 0 0 3px var(--scc-primary-soft);background:var(--scc-surface)}.scc-theme-swatch{display:block;height:40px;border-radius:var(--scc-radius-sm);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000f}.scc-theme-check{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#00000040;color:#fff;font-size:1rem;font-weight:700}.scc-theme-name{font-size:.78rem;font-weight:700;color:var(--scc-text);line-height:1.2}.scc-theme-desc{font-size:.65rem;color:var(--scc-text-muted);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.scc-theme-card.dark .scc-theme-name{color:var(--scc-text)}.scc-dropdown-item--muted{color:var(--scc-text-secondary)!important}.scc-dropdown-item--muted:hover{background:var(--scc-surface-muted)!important}.scc-notify-dropdown-head small{display:block;margin-top:4px;font-size:.72rem;color:var(--scc-text-muted);font-weight:400}.scc-notify-item-btn{width:100%;border:none;background:transparent;text-align:left;padding:12px 14px;display:grid;gap:3px;cursor:pointer;font:inherit;font-size:.8rem;transition:background .12s}.scc-notify-item-btn:hover,.scc-notify-item-btn:focus-visible{background:var(--scc-primary-soft);outline:none}.scc-notify-item-btn:hover strong,.scc-notify-item-btn:focus-visible strong{color:var(--scc-primary-dark)}.scc-notify-type{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--scc-primary)!important}.scc-onboard-modal{max-width:520px;padding:0;overflow:hidden}.scc-onboard-hero{padding:24px 24px 16px;text-align:center;background:linear-gradient(135deg,var(--scc-primary-soft),transparent)}.scc-onboard-hero-icon{width:56px;height:56px;margin:0 auto 12px}.scc-onboard-hero-icon svg{width:100%;height:100%}.scc-onboard-hero h3{margin:0 0 6px;font-size:1.15rem}.scc-onboard-hero p{margin:0;font-size:.82rem;color:var(--scc-text-muted)}.scc-onboard-role-card{margin:0 20px 16px;padding:12px 14px;border-radius:var(--scc-radius-md);background:var(--scc-surface-muted);border:1px solid var(--scc-border);display:grid;gap:4px}.scc-onboard-role-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--scc-text-muted)}.scc-onboard-role-card strong{font-size:.95rem}.scc-onboard-role-card small{font-size:.78rem;color:var(--scc-text-secondary);line-height:1.4}.scc-onboard-step-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0 20px 20px}.scc-onboard-step-card{padding:12px;border-radius:var(--scc-radius-md);border:1px solid var(--scc-border);background:var(--scc-surface);display:grid;gap:6px;font-size:.78rem}.scc-onboard-step-icon{width:32px;height:32px;border-radius:8px;background:var(--scc-primary-soft);color:var(--scc-primary);display:grid;place-items:center}.scc-onboard-step-card strong{font-size:.82rem;color:var(--scc-text)}.scc-onboard-step-card span{color:var(--scc-text-muted);line-height:1.35}.scc-onboard-modal .scc-modal-actions{padding:0 20px 20px;display:flex;gap:10px}.scc-onboard-role{text-align:center;margin:0 0 16px;font-size:.88rem;color:var(--scc-text-secondary)}.scc-onboard-steps{margin:0 0 20px;padding-left:20px;display:grid;gap:12px;font-size:.82rem}.scc-onboard-steps li{display:grid;gap:2px}.scc-onboard-steps span{color:var(--scc-text-muted)}.scc-login-lang{position:absolute;top:16px;right:16px;z-index:5}.scc-login-showcase{display:flex;align-items:center;padding:24px 0;min-width:0}.scc-login-showcase-inner{max-width:480px}.scc-login-showcase-eyebrow{margin:0 0 8px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--scc-primary)}.scc-login-showcase h2{margin:0 0 12px;font-size:clamp(1.5rem,3vw,2rem);font-weight:800;line-height:1.2;letter-spacing:-.03em;color:var(--scc-text)}.scc-login-showcase-lead{margin:0 0 28px;font-size:.95rem;color:var(--scc-text-secondary);line-height:1.55}.scc-login-features{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:16px}.scc-login-features li{display:flex;gap:14px;align-items:flex-start}.scc-login-feature-icon{width:40px;height:40px;border-radius:10px;background:var(--scc-primary-soft);color:var(--scc-primary);display:grid;place-items:center;flex-shrink:0}.scc-login-features strong{display:block;font-size:.88rem;margin-bottom:2px;color:var(--scc-text)}.scc-login-features span{font-size:.78rem;color:var(--scc-text-muted);line-height:1.4}.scc-login-stats{display:flex;gap:24px;padding-top:20px;border-top:1px solid var(--scc-border)}.scc-login-stats strong{display:block;font-size:1.1rem;color:var(--scc-primary-dark)}.scc-login-stats small{font-size:.72rem;color:var(--scc-text-muted)}.scc-dashboard-toolbar{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap}.scc-ticker{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:7px 10px;background:var(--scc-surface);border:1px solid var(--scc-border);border-radius:var(--scc-radius-md);box-shadow:var(--scc-shadow-sm);overflow:hidden}.scc-ticker--idle{font-size:.78rem;color:var(--scc-success);font-weight:600;gap:8px}.scc-ticker-label{flex-shrink:0;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:3px 8px;border-radius:999px;background:var(--scc-danger-bg);color:var(--scc-danger)}.scc-ticker-track{flex:1;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.scc-ticker-inner{display:flex;gap:32px;width:max-content;animation:scc-ticker 40s linear infinite}.scc-ticker-item{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;white-space:nowrap;color:var(--scc-text-secondary)}.scc-ticker-item.tone--danger{color:var(--scc-danger)}.scc-ticker-item.tone--warning{color:var(--scc-warning)}.scc-ticker-item.tone--primary{color:var(--scc-primary-dark)}.scc-live-clock{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--scc-text);padding:8px 14px;background:var(--scc-surface);border:1px solid var(--scc-border);border-radius:var(--scc-radius-md);box-shadow:var(--scc-shadow-sm)}.scc-live-clock-dot{width:7px;height:7px;border-radius:50%;background:var(--scc-success);box-shadow:0 0 0 3px var(--scc-success-bg);animation:scc-pulse-dot 2s ease-in-out infinite;flex-shrink:0}.scc-topbar-clock-wrap{display:none}.scc-topbar-wall-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid rgb(0 212 255 / 35%);border-radius:6px;padding:6px 12px;font-size:.68rem;font-weight:700;background:#00507833;color:#7dd3fc;cursor:pointer;transition:.12s}.scc-topbar-wall-btn:hover{background:#0078b447;box-shadow:0 0 12px #00d4ff33}.scc-topbar-wall-btn .icon{width:16px;height:16px}.scc-topbar-alert-pill{display:inline-flex;align-items:center;gap:6px;border:none;border-radius:999px;padding:6px 12px;font-size:.72rem;font-weight:700;background:var(--scc-danger-bg);color:var(--scc-danger);cursor:pointer;transition:transform .12s,box-shadow .12s}.scc-topbar-alert-pill:hover{transform:scale(1.03);box-shadow:0 2px 10px #f0443840}@media(min-width:900px){.scc-topbar-clock-wrap{display:block}}.scc-sidebar-foot-stats{display:flex;gap:12px;margin-bottom:6px;font-size:.72rem;font-weight:700;color:var(--scc-text-secondary)}.scc-sidebar-foot-stats span{display:inline-flex;align-items:center;gap:4px}.scc-sidebar-foot-stats .danger{color:var(--scc-danger)}.scc-quick-actions--compact{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px;background:var(--scc-surface);border:1px solid var(--scc-border);border-radius:var(--scc-radius-md)}.scc-quick-actions--compact .scc-quick-actions-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--scc-text-muted);flex-shrink:0}.scc-quick-actions-row{display:flex;flex-wrap:wrap;gap:6px;flex:1}.scc-quick-action-chip{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--scc-border);background:var(--scc-surface-muted);border-radius:999px;padding:5px 10px;font-size:.72rem;font-weight:600;color:var(--scc-text-secondary);transition:border-color .12s,color .12s,background .12s}.scc-quick-action-chip:hover{border-color:var(--scc-primary);color:var(--scc-primary-dark);background:var(--scc-primary-soft)}.scc-quick-action-chip .scc-icon{width:14px;height:14px}.scc-quick-actions{display:grid;gap:10px}.scc-quick-actions-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--scc-text-muted)}.scc-quick-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.scc-quick-action-btn{border:1px solid var(--scc-border);background:var(--scc-surface);border-radius:var(--scc-radius-md);padding:14px 10px;display:grid;gap:8px;justify-items:center;text-align:center;font-size:.75rem;font-weight:600;color:var(--scc-text-secondary);transition:transform .15s,border-color .15s,box-shadow .15s,color .15s}.scc-quick-action-btn:hover{transform:translateY(-3px);border-color:var(--scc-primary);color:var(--scc-primary-dark);box-shadow:var(--scc-shadow-md)}.scc-quick-action-icon{width:36px;height:36px;border-radius:10px;background:var(--scc-primary-soft);color:var(--scc-primary);display:grid;place-items:center}.scc-map-header{display:flex;justify-content:space-between;align-items:flex-start;padding:14px 16px 0;gap:12px}.scc-map-header h3{margin:0 0 2px;font-size:.95rem}.scc-map-header p{margin:0;font-size:.75rem;color:var(--scc-text-muted)}.scc-map-live-tag{display:inline-flex;align-items:center;gap:6px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--scc-success);padding:4px 10px;border-radius:999px;background:var(--scc-success-bg)}.scc-map-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 50%,rgb(0 0 0 / 8%) 100%);z-index:2}.scc-kpi-head{display:flex;align-items:center;justify-content:space-between;gap:6px}.scc-kpi-trend{font-size:.7rem;font-weight:800;width:18px;height:18px;border-radius:50%;display:grid;place-items:center}.scc-kpi-trend.up{background:var(--scc-danger-bg);color:var(--scc-danger)}.scc-kpi-trend.warn{background:var(--scc-warning-bg);color:var(--scc-warning)}.scc-kpi-trend.ok{background:var(--scc-success-bg);color:var(--scc-success)}.scc-kpi-progress{margin-top:6px;height:4px;border-radius:999px;background:var(--scc-border);overflow:hidden}.scc-kpi-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--scc-primary),var(--scc-primary-dark))}.scc-kpi-progress-fill.warn{background:linear-gradient(90deg,var(--scc-warning),#dc6803)}.scc-table tbody tr{transition:background .1s ease}@media(max-width:900px){.scc-login-page{grid-template-columns:1fr;padding:24px;place-items:center}.scc-login-showcase{display:none}.scc-quick-actions-grid{grid-template-columns:repeat(2,1fr)}.scc-onboard-step-grid,.scc-app,.scc-app--collapsed{grid-template-columns:1fr}.scc-sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;background:#10182873;border:none;padding:0;cursor:pointer}.scc-topbar{position:sticky;top:0;z-index:50}.scc-sidebar-close{display:inline-flex}.scc-sidebar{position:fixed;inset:0 auto 0 0;width:min(var(--scc-sidebar-w),82vw);z-index:40;transform:translate(0);transition:transform .2s;box-shadow:var(--scc-shadow-lg)}.scc-app--collapsed .scc-sidebar{transform:translate(-100%)}.scc-dashboard-main,.scc-map-body{grid-template-columns:1fr}.scc-map-zones{border-left:none;border-top:1px solid var(--scc-border);flex-direction:row;flex-wrap:wrap;align-items:center;padding:8px 10px}.scc-map-zones-list{display:flex;flex-wrap:wrap;gap:6px;flex:1}.scc-map-zone-btn{width:auto;padding:4px 8px;font-size:.72rem;align-items:center}.scc-sensor-grid--compact,.scc-panel--sensors .scc-sensor-grid{grid-template-columns:repeat(2,1fr)}.scc-incident-list--scroll{max-height:200px}.scc-panel--sensors .scc-sensor-grid,.scc-sensor-grid,.scc-dashboard .scc-kpi-strip,.scc-kpi-strip{grid-template-columns:repeat(2,1fr)}.scc-search-card .scc-search-grid{grid-template-columns:1fr}}@media(max-width:700px){.scc-map-frame{height:220px}.scc-kpi-strip,.scc-sensor-grid{grid-template-columns:1fr}.scc-legend-hint{width:100%;margin-left:0}}