:root{color:#eaf4ff;font-synthesis:none;text-rendering:optimizelegibility;--bg:#07111f;--sidebar:#091526;--surface:#0c1a2d;--surface-2:#10223a;--border:#1e3450;--border-soft:#799ec726;--text:#eaf4ff;--muted:#8294aa;--cyan:#45c5ff;--cyan-soft:#45c5ff21;--green:#4be1bd;--orange:#ff9c5b;--red:#ff6177;--purple:#a785ff;background:#07111f;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:1180px;min-height:100%;margin:0}body{background:radial-gradient(circle at 70% -20%, #2c7ebe24, transparent 38%), var(--bg);min-height:100vh}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.app-shell{grid-template-columns:238px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border-soft);z-index:10;background:linear-gradient(#0a1729 0%,#071220 100%);flex-direction:column;width:238px;padding:0 14px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid var(--border-soft);align-items:center;gap:11px;height:78px;padding:0 9px;display:flex}.brand-mark{color:#06111d;background:linear-gradient(135deg,#52d5ff,#48e0bd);border-radius:12px 4px;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 0 28px #45c5ff33}.brand strong,.brand span{display:block}.brand strong{letter-spacing:.08em;font-size:16px}.brand span{color:#5f7896;letter-spacing:.18em;margin-top:3px;font-size:8px}.main-nav{scrollbar-width:none;flex:1;padding:16px 0;overflow-y:auto}.nav-item{color:#8093aa;border:1px solid #0000;border-radius:9px;align-items:center;gap:12px;height:43px;margin:3px 0;padding:0 11px;font-size:13px;transition:all .18s;display:flex;position:relative}.nav-item:hover{color:#cfeeff;background:#50a7de0f}.nav-item.active{color:#edfbff;box-shadow:inset 3px 0 0 var(--cyan);background:linear-gradient(90deg,#45c5ff2e,#45c5ff0b);border-color:#45c5ff29}.nav-item.active svg:first-child{color:var(--cyan)}.nav-arrow{opacity:.4;margin-left:auto}.sidebar-foot{background:#49dbb70d;border:1px solid #4be1bd1f;border-radius:10px;align-items:center;gap:9px;padding:12px 11px;display:flex}.connection-dot{background:var(--green);width:8px;height:8px;box-shadow:0 0 0 5px #4be1bd14, 0 0 12px var(--green);border-radius:50%}.sidebar-foot strong,.sidebar-foot span{display:block}.sidebar-foot strong{color:#b9d7d5;font-size:11px;font-weight:500}.sidebar-foot span{color:#53736f;letter-spacing:.12em;margin-top:3px;font-size:8px}.main-stage{grid-column:2;min-width:0}.topbar{border-bottom:1px solid var(--border-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:8;background:#07111feb;justify-content:space-between;align-items:center;gap:22px;height:78px;padding:0 24px;display:flex;position:fixed;top:0;left:238px;right:0}.module-heading{flex:1;min-width:0}.module-heading p{color:#4e8eac;letter-spacing:.18em;margin:0 0 5px;font-size:7px;font-weight:700}.module-heading>div{align-items:baseline;gap:12px;min-width:0;display:flex}.module-heading h1{color:#dceaf6;letter-spacing:.02em;flex:none;margin:0;font-size:18px;font-weight:650}.module-heading span{color:#62798e;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.topbar-actions{align-items:center;gap:10px;display:flex}.global-search{color:#687f98;border:1px solid var(--border-soft);background:#0b1829;border-radius:8px;align-items:center;gap:8px;width:265px;height:36px;padding:0 10px;display:flex}.global-search input{color:#c9d9e8;background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:12px}.global-search input::placeholder{color:#536980}.global-search kbd{color:#60758b;background:#101f33;border:1px solid #203650;border-radius:4px;padding:2px 5px;font-size:9px}.icon-button{color:#8799ae;border:1px solid var(--border-soft);background:#0b1829;border-radius:8px;place-items:center;width:36px;height:36px;display:grid;position:relative}.icon-button i{background:var(--red);border:1px solid #0b1829;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}.mock-badge,.phase-badge{color:#80dcff;background:#45c5ff17;border:1px solid #45c5ff2e;border-radius:7px;align-items:center;gap:7px;display:inline-flex}.mock-badge{height:30px;padding:0 10px;font-size:11px}.operator-avatar{color:#062234;background:linear-gradient(135deg,#49c7fa,#48d9b8);border-radius:9px;place-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:grid}.page-scroll{min-height:100vh;padding-top:78px}.page{padding:18px 30px 46px}.page-heading{justify-content:space-between;align-items:flex-end;margin-bottom:22px;display:flex}.page-heading h1{letter-spacing:.02em;margin:3px 0 6px;font-size:26px;font-weight:650}.page-heading p{color:var(--muted);margin:0;font-size:12px}.eyebrow{letter-spacing:.18em;font-weight:700;color:#4e8eac!important;font-size:9px!important}.heading-actions{align-items:center;gap:16px;display:flex}.page-command-row{justify-content:flex-end;align-items:center;min-height:38px;margin-bottom:12px;display:flex}.dashboard-command-row{justify-content:space-between}.dashboard-date{color:#6c8398;font-size:10px}.video-command-row{min-height:43px}.live-indicator{color:#7692a8;align-items:center;gap:7px;font-size:11px;display:flex}.live-indicator i{background:var(--green);width:7px;height:7px;box-shadow:0 0 10px var(--green);border-radius:50%;animation:2.2s infinite pulse}.primary-button,.ghost-button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 14px;font-size:12px;display:inline-flex}.primary-button{color:#052036;background:linear-gradient(135deg,#54d3ff,#42b3ee);border:0;font-weight:650;box-shadow:0 8px 24px #45c5ff26}.ghost-button{color:#a8c4d7;background:#45c5ff0d;border:1px solid #45c5ff2e}.stat-grid{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:14px;display:grid}.stat-card{border:1px solid var(--border-soft);background:linear-gradient(135deg,#122a44d6,#0a1a2dd6);border-radius:12px;min-height:123px;padding:17px 18px;position:relative;overflow:hidden}.stat-top{color:#7f95a9;justify-content:space-between;font-size:11px;display:flex}.stat-top svg{opacity:.55}.stat-card>strong{margin-top:12px;font-family:DIN Alternate,Inter,sans-serif;font-size:30px;font-weight:600;display:block}.stat-card>p{color:#71849a;margin:3px 0 0;font-size:10px}.stat-glow{filter:blur(18px);opacity:.14;border-radius:50%;width:100px;height:100px;position:absolute;bottom:-38px;right:-20px}.stat-card.cyan>strong{color:#62d1ff}.stat-card.cyan .stat-glow{background:var(--cyan)}.stat-card.orange>strong{color:#ffb078}.stat-card.orange .stat-glow{background:var(--orange)}.stat-card.purple>strong{color:#b99eff}.stat-card.purple .stat-glow{background:var(--purple)}.stat-card.green>strong{color:#5ce8c7}.stat-card.green .stat-glow{background:var(--green)}.dashboard-grid{grid-template-columns:minmax(0,1.58fr) minmax(330px,.86fr);gap:14px;margin-bottom:14px;display:grid}.dashboard-grid.lower{grid-template-columns:minmax(0,1.45fr) minmax(330px,.78fr)}.panel{border:1px solid var(--border-soft);background:linear-gradient(145deg,#0d1f34eb,#09182ae0);border-radius:12px;min-width:0;padding:18px;box-shadow:0 16px 45px #00000014}.panel-head{justify-content:space-between;align-items:flex-start;min-height:37px;display:flex}.panel-head h2{color:#dceaf7;margin:2px 0 0;font-size:14px;font-weight:550}.panel-kicker{color:#58768f;letter-spacing:.08em;margin:0;font-size:9px}.panel-head>a{color:#6e91a9;align-items:center;font-size:10px;display:flex}.chart-wrap{height:220px;margin-top:10px}.legend{color:#71869a;gap:12px;font-size:9px;display:flex}.legend span{align-items:center;gap:5px;display:flex}.legend i{border-radius:50%;width:7px;height:7px}.legend .cyan{background:var(--cyan)}.legend .orange{background:var(--orange)}.mini-map{background:#091727;border:1px solid #1a3049;border-radius:9px;grid-template-rows:1fr .75fr;grid-template-columns:1.25fr 1fr;gap:7px;height:198px;margin-top:13px;padding:9px;display:grid;position:relative;overflow:hidden}.mini-map:before{content:"";background-image:linear-gradient(#40739a09 1px,#0000 1px),linear-gradient(90deg,#40739a09 1px,#0000 1px);background-size:15px 15px;position:absolute;inset:0}.map-zone{z-index:1;color:#536f86;background:#21496929;border:1px solid #1e3a55;border-radius:4px;place-items:center;font-size:9px;display:grid;position:relative}.zone-a{grid-row:1/3}.zone-b{grid-column:2}.zone-c,.zone-d{width:calc(50% - 15px);height:66px;position:absolute;bottom:9px}.zone-c{left:calc(50% + 2px)}.zone-d{opacity:.5;right:9px;transform:translate(52%)}.map-node{z-index:2;color:#07111f;border:2px solid #102339;border-radius:50%;place-items:center;width:27px;height:27px;display:grid;position:absolute;box-shadow:0 0 0 4px #ffffff0a}.map-node.alarm{background:var(--red)}.map-node.camera{background:var(--cyan)}.map-node.access{background:var(--orange)}.map-node.normal{background:var(--green)}.map-node.n1{top:27%;left:22%}.map-node.n2{top:25%;left:57%}.map-node.n3{bottom:20%;left:36%}.map-node.n4{bottom:22%;right:12%}.map-summary{color:#637b91;justify-content:center;gap:17px;padding-top:12px;font-size:9px;display:flex}.map-summary span{align-items:center;gap:5px;display:flex}.map-summary i{border-radius:50%;width:6px;height:6px}.map-summary .normal{background:var(--green)}.map-summary .warning{background:var(--orange)}.map-summary .alarm{background:var(--red)}.alarm-list{margin-top:11px}.alarm-row{border-top:1px solid var(--border-soft);grid-template-columns:44px minmax(0,1fr) 44px 58px;align-items:center;gap:11px;min-height:51px;display:grid}.level{border-radius:5px;place-items:center;height:21px;font-size:9px;display:grid}.level.一般{color:#ffb17b;background:#ff9c5b1c}.level.提示{color:#72cfff;background:#45c5ff1a}.alarm-copy{min-width:0}.alarm-copy strong,.alarm-copy span{display:block}.alarm-copy strong{color:#bfcfdf;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;overflow:hidden}.alarm-copy span{color:#61778d;align-items:center;gap:3px;margin-top:4px;font-size:9px;display:flex}.alarm-row time{color:#687c91;font-size:9px}.status-pill{color:#7c96aa;text-align:center;background:#6b8caa12;border:1px solid #6b8caa1f;border-radius:5px;padding:4px 6px;font-size:8px}.health-score{color:var(--green);font-size:18px;font-weight:650}.status-list{margin-top:12px}.status-row{border-top:1px solid var(--border-soft);grid-template-columns:32px 1fr auto 7px;align-items:center;gap:10px;min-height:47px;display:grid}.status-icon{color:#71bddf;background:#45c5ff12;border-radius:7px;place-items:center;width:29px;height:29px;display:grid}.status-row div strong,.status-row div span{display:block}.status-row div strong{color:#b7cada;font-size:10px;font-weight:500}.status-row div span{color:#61768b;margin-top:3px;font-size:8px}.status-row b{color:#8fa6ba;font-size:10px;font-weight:500}.status-row>i{border-radius:50%;width:6px;height:6px}.status-row>i.success{background:var(--green);box-shadow:0 0 8px #4be1bd80}.status-row>i.warning{background:var(--orange)}.inline-action{color:#6d9cb4;background:#45c5ff0a;border:1px solid #45c5ff1a;border-radius:7px;justify-content:center;align-items:center;gap:7px;height:34px;margin-top:9px;font-size:9px;display:flex}.phase-badge{height:34px;padding:0 11px;font-size:11px}.module-preview{text-align:center;border:1px solid var(--border-soft);background:radial-gradient(circle,#2d93c714,#0000 32%),linear-gradient(145deg,#0d1f34e0,#081627e0);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:570px;display:flex}.preview-orbit{border:1px dashed #45c5ff40;border-radius:50%;place-items:center;width:94px;height:94px;margin-bottom:24px;animation:18s linear infinite spin;display:grid}.preview-orbit span{width:63px;height:63px;color:var(--cyan);background:#45c5ff14;border:1px solid #45c5ff2e;border-radius:20px 8px;place-items:center;display:grid;transform:rotate(-20deg)}.module-preview h2{margin:6px 0 10px;font-size:21px;font-weight:550}.module-preview>p:not(.eyebrow){color:#71869a;max-width:520px;margin:0;font-size:12px;line-height:1.8}.preview-features{grid-template-columns:repeat(3,1fr);gap:10px;width:min(680px,75%);margin:30px 0 22px;display:grid}.preview-features div{color:#6fa9c3;background:#0d233a9e;border:1px solid #5694b81f;border-radius:10px;padding:18px}.preview-features strong,.preview-features span{display:block}.preview-features strong{color:#b8cfdf;margin-top:9px;font-size:11px;font-weight:500}.preview-features span{color:#5f758a;margin-top:4px;font-size:9px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1300px){.page{padding-left:22px;padding-right:22px}.global-search{width:210px}.dashboard-grid{grid-template-columns:minmax(0,1.4fr) 320px}}.video-summary{border:1px solid var(--border-soft);background:#0e2238bf;border-radius:9px;align-items:center;gap:18px;height:43px;padding:0 16px;display:flex}.video-summary span{color:#71879c;align-items:center;gap:6px;font-size:10px;display:flex}.video-summary i{border-radius:50%;width:6px;height:6px}.video-summary i.online{background:var(--green);box-shadow:0 0 8px #4be1bd80}.video-summary i.fault{background:var(--orange)}.video-summary strong{color:#c6d8e8;font-size:12px}.video-workspace{grid-template-columns:285px minmax(0,1fr);align-items:start;gap:14px;min-height:720px;display:grid}.camera-tree{flex-direction:column;height:762px;padding:0;display:flex;position:sticky;top:90px;overflow:hidden}.camera-tree-head{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;min-height:62px;padding:0 15px;display:flex}.camera-tree-head h2{margin:2px 0 0;font-size:13px;font-weight:550}.camera-tree-head button,.player-tools button,.player-controls button{color:#7890a7;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.camera-tree-head button{border:1px solid var(--border-soft);border-radius:7px;width:30px;height:30px}.module-search{color:#607991;border:1px solid var(--border-soft);background:#081727;border-radius:7px;align-items:center;gap:7px;height:36px;margin:12px;padding:0 10px;display:flex}.module-search input{color:#cad9e7;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:10px}.module-search input::placeholder{color:#536a80}.tree-filter{color:#7890a5;border-top:1px solid #799ec714;border-bottom:1px solid #799ec714;justify-content:space-between;align-items:center;height:33px;padding:0 13px;font-size:9px;display:flex}.tree-filter label{color:#60788e;align-items:center;gap:4px;display:flex}.tree-filter select{color:#60788e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;cursor:pointer;background:0 0;border:0;outline:0;max-width:76px;font-size:9px}.floor-tree{scrollbar-color:#233b55 transparent;scrollbar-width:thin;flex:1;min-height:0;overflow-y:auto}.floor-row{color:#8095a9;text-align:left;cursor:pointer;background:#142e4a33;border:0;border-bottom:1px solid #799ec712;grid-template-columns:18px 1fr auto;align-items:center;width:100%;height:41px;padding:0 13px;display:grid}.floor-row.active{color:#73d8ff;background:#45c5ff14;box-shadow:inset 2px 0 #45c5ffb3}.floor-row.active strong{color:#d2eaf5}.floor-row strong{color:#a7bacb;font-size:10px;font-weight:550}.floor-row span{font-size:8px}.camera-item{width:100%;min-height:50px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #799ec70e;grid-template-columns:29px minmax(0,1fr) 7px;align-items:center;gap:8px;padding:5px 13px 5px 17px;transition:all .16s;display:grid}.camera-item:hover{background:#45c5ff0a}.camera-item.active{box-shadow:inset 2px 0 0 var(--cyan);background:linear-gradient(90deg,#45c5ff24,#45c5ff05)}.camera-status{border-radius:7px;place-items:center;width:27px;height:27px;display:grid}.camera-status.online{color:#67cdf7;background:#45c5ff14}.camera-status.offline{color:#65788c;background:#6a7e9214}.camera-status.fault{color:#ff9c5b;background:#ff9c5b14}.camera-label{min-width:0}.camera-label strong,.camera-label small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.camera-label strong{color:#9fb3c4;font-size:10px;font-weight:500}.camera-item.active .camera-label strong{color:#d5e8f5}.camera-label small{color:#546d82;margin-top:4px;font-size:8px}.camera-item>i,.device-state i,.viewport-label i{border-radius:50%;width:6px;height:6px}.camera-item>i.online,.device-state.online i,.viewport-label i.online{background:var(--green);box-shadow:0 0 7px #4be1bd73}.camera-item>i.offline,.device-state.offline i,.viewport-label i.offline{background:#596b7d}.camera-item>i.fault,.device-state.fault i,.viewport-label i.fault{background:var(--orange)}.tree-empty{color:#5c7185;padding:10px 14px;font-size:9px}.tree-foot{color:#60768b;border-top:1px solid var(--border-soft);align-items:center;gap:6px;height:39px;padding:0 13px;font-size:9px;display:flex}.tree-foot strong{color:#8199ac;margin-left:auto;font-weight:500}.video-main{flex-direction:column;gap:14px;min-width:0;display:flex}.selected-camera-strip{grid-template-columns:minmax(210px,.8fr) minmax(0,1.65fr) auto auto;align-items:center;gap:15px;min-height:68px;padding:10px 13px;display:grid}.selected-camera-identity{align-items:center;gap:9px;min-width:0;display:flex}.selected-camera-identity .camera-status{flex:none}.selected-camera-identity>div{min-width:0}.selected-camera-identity h2{color:#d5e6f2;text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:12px;font-weight:550;overflow:hidden}.selected-camera-identity .device-state{white-space:nowrap;margin-left:auto}.selected-camera-facts{grid-template-columns:1fr 1.8fr 1.35fr .8fr;gap:12px;min-width:0;display:grid}.selected-camera-facts span{min-width:0}.selected-camera-facts small,.selected-camera-facts strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.selected-camera-facts small{color:#506b80;font-size:7px}.selected-camera-facts strong{color:#8da7ba;margin-top:4px;font-size:8px;font-weight:500}.video-summary.compact{background:#08182a80;border-color:#5d94bb1a;gap:11px;height:34px;padding:0 11px}.video-summary.compact span{white-space:nowrap;gap:4px;font-size:8px}.video-summary.compact strong{font-size:10px}.selected-camera-actions{gap:5px;display:flex}.selected-camera-actions button{color:#7390a5;cursor:pointer;background:#45c5ff09;border:1px solid #45c5ff1a;border-radius:6px;place-items:center;width:30px;height:30px;display:grid}.selected-camera-actions button:hover{color:#a7e7ff;background:#45c5ff14}.player-card{padding:0;overflow:hidden}.camera-catalog-card{min-width:0}.player-toolbar{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;height:48px;padding:0 12px;display:flex}.mode-tabs{align-self:stretch;align-items:stretch;gap:4px;display:flex}.mode-tabs button{color:#70879b;cursor:pointer;background:0 0;border:0;min-width:82px;font-size:10px;position:relative}.mode-tabs button.active{color:#c8e8f5}.mode-tabs button.active:after{content:"";background:var(--cyan);height:2px;box-shadow:0 0 8px var(--cyan);border-radius:2px;position:absolute;bottom:-1px;left:13px;right:13px}.catalog-hint{color:#526d82;margin-left:12px;font-size:8px}.player-tools{gap:4px;display:flex}.player-tools button{border:1px solid #0000;border-radius:6px;width:30px;height:29px}.player-tools button:hover,.player-tools button.active{color:#8edcff;background:#45c5ff12;border-color:#45c5ff1f}.monitor-grid{background:#02070c;gap:2px;height:430px;padding:2px;display:grid}.monitor-grid.single{grid-template-columns:1fr}.monitor-grid.quad{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.camera-catalog-scroll{overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-color:#2b4b68 #07131f;scrollbar-gutter:stable;scrollbar-width:thin;touch-action:pan-y;background:#02070c;height:646px;overflow-y:scroll}.camera-floor-section{scroll-margin-top:0}.camera-section-title{z-index:8;border-top:1px solid #799ec714;border-bottom:1px solid var(--border-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#081828f7;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;min-height:48px;padding:0 14px;display:grid;position:sticky;top:0}.camera-section-title>div{align-items:center;gap:8px;display:flex}.camera-section-title>div>span{color:#5ed5ff;background:#45c5ff14;border:1px solid #45c5ff21;border-radius:5px;place-items:center;min-width:27px;height:21px;font-size:7px;font-weight:700;display:grid}.camera-section-title h2{color:#bfd5e4;margin:0;font-size:11px;font-weight:550}.camera-section-title p{color:#506b80;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:7px;overflow:hidden}.camera-section-title>strong{color:#7891a5;font-size:8px;font-weight:500}.camera-catalog-grid{gap:8px;padding:8px;display:grid}.camera-catalog-grid.quad{grid-template-columns:repeat(2,minmax(0,1fr))}.camera-catalog-grid.single{grid-template-columns:minmax(0,1fr)}.camera-catalog-item{cursor:pointer;background:#07131f;border:1px solid #799ec71a;border-radius:8px;outline:0;min-width:0;transition:border-color .16s,box-shadow .16s,transform .16s;overflow:hidden}.camera-catalog-item:hover{border-color:#45c5ff4d;transform:translateY(-1px)}.camera-catalog-item.active{border-color:#45c5ffad;box-shadow:0 0 0 1px #45c5ff2e,0 10px 28px #00000038}.camera-catalog-item .camera-viewport{aspect-ratio:16/9}.camera-catalog-grid.single .camera-catalog-item .camera-viewport{aspect-ratio:21/8}.camera-tile-meta{color:#536d81;border-top:1px solid #799ec712;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;height:31px;padding:0 9px;font-size:7px;display:grid}.camera-tile-meta span{color:#7a98ab}.camera-tile-meta strong{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.camera-tile-meta small{font-family:ui-monospace,monospace;font-size:7px}.catalog-empty{color:#506b80;flex-direction:column;justify-content:center;align-items:center;min-height:420px;display:flex}.catalog-empty strong{color:#8ba4b6;margin-top:12px;font-size:11px}.catalog-empty span{margin-top:5px;font-size:8px}.camera-viewport{background:radial-gradient(circle,#0b1b29,#03080e 72%);min-width:0;min-height:0;position:relative;overflow:hidden}.camera-viewport:before{content:"";pointer-events:none;background:linear-gradient(#34617e06 1px,#0000 1px) 0 0/100% 4px;position:absolute;inset:0}.video-noise{opacity:.045;background-image:repeating-radial-gradient(circle at 18% 40%,#0000 0,#9cbdd1 .7px,#0000 1px 4px);background-size:8px 8px;position:absolute;inset:0}.video-overlay-top{z-index:2;color:#668096;align-items:center;gap:9px;font-family:ui-monospace,monospace;font-size:8px;display:flex;position:absolute;top:12px;left:14px;right:14px}.video-overlay-top time{margin-left:auto}.record-dot{letter-spacing:.08em;border-radius:4px;align-items:center;height:18px;padding:0 6px;font-size:7px;font-weight:700;display:inline-flex}.record-dot.live{color:#ff8998;background:#ff61771c}.record-dot.playback{color:#7fd8fa;background:#45c5ff1a}.signal-state{z-index:1;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.signal-icon{color:#718698;background:#67879e0f;border:1px solid #7396b01f;border-radius:50%;place-items:center;width:62px;height:62px;display:grid}.signal-icon.fault{color:#ff9c5b;background:#ff9c5b0f;border-color:#ff9c5b1f}.signal-icon.offline{color:#687887}.signal-state strong{color:#a9bac7;margin-top:14px;font-size:13px;font-weight:500}.signal-state p{color:#506578;margin:7px 0 0;font-size:9px}.signal-state button{color:#7095aa;cursor:pointer;background:#45c5ff0d;border:1px solid #45c5ff1f;border-radius:6px;align-items:center;gap:6px;height:28px;margin-top:13px;padding:0 10px;font-size:8px;display:flex}.viewport-label{z-index:3;color:#758a9c;align-items:center;gap:6px;font-size:8px;display:flex;position:absolute;bottom:10px;left:12px;right:12px}.viewport-label span{color:#9aafbf}.viewport-label small{color:#5c7184;margin-left:auto;font-size:8px}.player-controls{border-top:1px solid var(--border-soft);justify-content:space-between;align-items:center;height:48px;padding:0 12px;display:flex}.control-left,.control-right{align-items:center;gap:4px;display:flex}.player-controls button{border-radius:6px;width:31px;height:30px}.player-controls button:hover{color:#b3eaff;background:#45c5ff0f}.player-controls .play-button{color:#072036;background:var(--cyan)}.play-time{color:#637b8e;margin-left:7px;font-family:ui-monospace,monospace;font-size:8px}.player-controls .definition-button{color:#7e96a9;grid-auto-flow:column;gap:4px;width:auto;padding:0 8px;font-size:8px;display:flex}.replay-panel{padding:14px 16px}.replay-query{align-items:center;gap:10px;display:flex}.replay-query label{color:#60788e;border:1px solid var(--border-soft);background:#091827;border-radius:7px;align-items:center;gap:6px;height:34px;padding:0 9px;display:flex}.replay-query label span{font-size:8px}.replay-query input,.replay-query select{color:#99adbd;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:0 0;border:0;outline:0;font-size:9px}.replay-query .primary-button{height:34px;margin-left:auto}.timeline-ruler{color:#516779;justify-content:space-between;margin-top:17px;font-family:ui-monospace,monospace;font-size:7px;display:flex}.recording-track{background:#07131f;border-radius:4px;gap:1px;height:22px;margin-top:5px;padding:5px 0;display:flex;position:relative}.recording-track button{cursor:pointer;background:#45c5ff6b;border:0;min-width:3px}.recording-track button.orange{background:#ff9c5bb3}.recording-track button.red{background:#ff6177b8}.recording-track button.active{filter:brightness(1.4);outline:1px solid #dff7ff}.recording-track>i{background:#f2f9ff;width:1px;position:absolute;top:0;bottom:0;box-shadow:0 0 6px #f2f9ff}.segment-list{grid-template-columns:repeat(4,1fr);gap:7px;margin-top:12px;display:grid}.segment-list button{color:#7890a3;text-align:left;cursor:pointer;background:#0f243aa8;border:1px solid #799ec71a;border-radius:6px;grid-template-columns:5px 1fr auto 15px;align-items:center;gap:6px;min-width:0;height:34px;padding:0 7px;display:grid}.segment-list button.active{background:#45c5ff14;border-color:#45c5ff61}.segment-list span{background:var(--cyan);border-radius:3px;width:4px;height:16px}.segment-list span.orange{background:var(--orange)}.segment-list span.red{background:var(--red)}.segment-list strong{white-space:nowrap;font-size:7px;font-weight:500}.segment-list small{color:#536b7e;white-space:nowrap;font-size:7px}.camera-detail{padding:15px 16px}.detail-title{justify-content:space-between;align-items:flex-start;display:flex}.detail-title h2{margin:2px 0 0;font-size:13px;font-weight:550}.device-state{color:#7990a4;border:1px solid #799ec71f;border-radius:5px;align-items:center;gap:6px;padding:5px 8px;font-size:8px;display:flex}.camera-meta{border-top:1px solid var(--border-soft);grid-template-columns:1fr 1.6fr 1.3fr;gap:12px 18px;margin-top:14px;padding-top:13px;display:grid}.camera-meta span,.camera-meta strong{display:block}.camera-meta span{color:#526a7e;font-size:8px}.camera-meta strong{color:#95aabc;margin-top:4px;font-size:9px;font-weight:500}.detail-actions{gap:7px;margin-top:14px;display:flex}.detail-actions button{color:#6f8ba0;cursor:pointer;background:#45c5ff09;border:1px solid #45c5ff1a;border-radius:6px;align-items:center;gap:6px;height:30px;padding:0 10px;font-size:8px;display:flex}.loading-state,.load-error{color:#6f879b;flex-direction:column;justify-content:center;align-items:center;min-height:500px;display:flex}.loading-state{flex-direction:row;gap:10px;font-size:11px}.loading-state svg{animation:1s linear infinite spin}.load-error h2{color:#c7d7e5;margin:12px 0 4px;font-size:16px}.load-error p{color:#788da0;font-size:10px}.spinning{animation:1s linear infinite spin}.demo-toast{z-index:30;color:#bfeafa;background:#0a1f32f5;border:1px solid #45c5ff47;border-radius:8px;align-items:center;gap:9px;min-width:260px;height:42px;padding:0 13px;font-size:10px;animation:.2s ease-out toast-in;display:flex;position:fixed;bottom:22px;right:24px;box-shadow:0 16px 50px #00000052}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (width<=1380px){.video-workspace{grid-template-columns:260px minmax(0,1fr)}.camera-tree{height:716px}.camera-catalog-scroll{height:600px}.selected-camera-strip{grid-template-columns:minmax(190px,.75fr) minmax(0,1.45fr) auto auto;gap:10px}.selected-camera-facts{grid-template-columns:1fr 1.5fr 1.2fr}.selected-camera-facts span:last-child{display:none}.camera-meta{grid-template-columns:1fr 1.4fr 1.2fr}}.operations-heading{align-items:center}.outline-button,.danger-outline-button{color:#88a3b7;cursor:pointer;background:#45c5ff09;border:1px solid #45c5ff24;border-radius:7px;justify-content:center;align-items:center;gap:7px;height:36px;padding:0 12px;font-size:10px;display:inline-flex}.danger-outline-button{color:#ff8fa0;background:#ff61770d;border-color:#ff617729}.metric-row{gap:12px;margin-bottom:14px;display:grid}.metric-row.four{grid-template-columns:repeat(4,1fr)}.metric-row.five{grid-template-columns:repeat(5,1fr)}.metric-card{border:1px solid var(--border-soft);background:linear-gradient(145deg,#0f243bed,#09192beb);border-radius:10px;align-items:center;gap:12px;min-width:0;height:88px;padding:14px 15px;display:flex}.metric-icon{width:38px;height:38px;color:var(--cyan);background:#45c5ff14;border-radius:9px;flex:none;place-items:center;display:grid}.metric-card.orange .metric-icon{color:var(--orange);background:#ff9c5b14}.metric-card.red .metric-icon{color:var(--red);background:#ff617714}.metric-card.green .metric-icon{color:var(--green);background:#4be1bd14}.metric-card.purple .metric-icon{color:var(--purple);background:#a785ff14}.metric-card p,.metric-card strong,.metric-card div>span{margin:0;display:block}.metric-card p{color:#6c8297;font-size:9px}.metric-card strong{color:#d9eaf5;margin-top:3px;font-family:DIN Alternate,Inter,sans-serif;font-size:21px;font-weight:600}.metric-card div>span{color:#536a7e;margin-top:2px;font-size:8px}.split-management{grid-template-columns:minmax(0,1.55fr) minmax(370px,.72fr);align-items:start;gap:14px;display:grid}.data-panel{padding:0;overflow:hidden}.data-toolbar{border-bottom:1px solid var(--border-soft);align-items:center;gap:8px;min-height:58px;padding:0 13px;display:flex}.data-toolbar .module-search{margin:0}.data-toolbar .module-search.grow{flex:1;max-width:420px}.compact-select{color:#60778c;border:1px solid var(--border-soft);background:#081727;border-radius:7px;align-items:center;gap:5px;height:34px;padding:0 8px;display:flex}.compact-select select{color:#7890a4;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:0 0;border:0;outline:0;font-size:9px}.data-table{width:100%;overflow-x:auto}.table-head,.table-row{text-align:left;align-items:center;gap:9px;padding:0 13px;display:grid}.table-head{color:#536b80;background:#08172794;border-bottom:1px solid #799ec714;height:37px;font-size:8px}.table-row{color:#879bad;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #799ec711;width:100%;min-height:57px;font-size:9px;transition:all .16s}.table-row:hover{background:#45c5ff06}.table-row.active{box-shadow:inset 2px 0 0 var(--cyan);background:linear-gradient(90deg,#45c5ff17,#45c5ff03)}.table-row>span{min-width:0}.primary-cell strong,.primary-cell small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.primary-cell strong{color:#b4c6d4;font-size:9px;font-weight:500}.primary-cell small{color:#526a7f;margin-top:4px;font-size:7px}.data-chip{white-space:nowrap;border-radius:5px;justify-content:center;align-items:center;min-width:41px;height:21px;padding:0 6px;font-size:8px;display:inline-flex}.data-chip.danger{color:#ff8e9e;background:#ff61771a;border:1px solid #ff61771f}.data-chip.warning{color:#ffb17a;background:#ff9c5b17;border:1px solid #ff9c5b1f}.data-chip.success{color:#64dfc2;background:#4be1bd14;border:1px solid #4be1bd1f}.data-chip.info{color:#78cfff;background:#45c5ff14;border:1px solid #45c5ff1c}.table-footer{color:#536a7f;background:#07142273;justify-content:space-between;align-items:center;height:38px;padding:0 13px;font-size:8px;display:flex}.table-empty{color:#4d667b;flex-direction:column;justify-content:center;align-items:center;min-height:280px;display:flex}.table-empty strong{color:#8096a9;margin-top:9px;font-size:10px;font-weight:500}.table-empty span{margin-top:4px;font-size:8px}.detail-panel{padding:16px;position:sticky;top:78px}.detail-panel-head{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:flex-start;gap:10px;padding-bottom:13px;display:flex}.detail-panel-head h2{color:#d1e1ed;margin:3px 0 0;font-size:14px;font-weight:550}.detail-grid{gap:12px 15px;display:grid}.detail-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-item{min-width:0}.detail-item span,.detail-item strong{display:block}.detail-item span{color:#536a7e;font-size:8px}.detail-item strong{color:#95aabd;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:9px;font-weight:500;overflow:hidden}.detail-section-title{color:#9bb0c1;justify-content:space-between;align-items:center;margin:18px 0 10px;font-size:10px;display:flex}.detail-section-title small{color:#52697e;font-size:8px}.detail-section-title strong{color:var(--cyan);font-size:10px}.detail-footer-actions{border-top:1px solid var(--border-soft);gap:6px;margin-top:16px;padding-top:14px;display:flex}.detail-footer-actions button,.row-actions button,.map-detail-actions button,.display-actions button,.material-grid article button{color:#7893a8;cursor:pointer;background:#45c5ff09;border:1px solid #45c5ff1a;border-radius:6px;justify-content:center;align-items:center;gap:5px;min-height:30px;padding:0 9px;font-size:8px;display:inline-flex}.detail-footer-actions button{flex:1}.detail-footer-actions button.primary,.display-actions button.primary{color:#062139;background:var(--cyan);border-color:var(--cyan);font-weight:650}.detail-footer-actions button:disabled{opacity:.35;cursor:not-allowed}.tabbed-panel{padding:0;overflow:hidden}.module-tabs{border-bottom:1px solid var(--border-soft);align-items:stretch;gap:3px;min-height:47px;padding:0 12px;display:flex}.module-tabs button{color:#6e8498;cursor:pointer;background:0 0;border:0;min-width:82px;padding:0 12px;font-size:10px;position:relative}.module-tabs button.active{color:#c7e6f2}.module-tabs button.active:after{content:"";background:var(--cyan);height:2px;position:absolute;bottom:-1px;left:13px;right:13px;box-shadow:0 0 8px #45c5ff80}.person-cell{align-items:center;gap:7px;display:flex}.person-cell i{color:#092135;background:linear-gradient(135deg,#55cef5,#4cddba);border-radius:8px;flex:none;place-items:center;width:28px;height:28px;font-style:normal;font-weight:700;display:grid}.progress-bar,.large-progress{background:#162a40;border-radius:8px;display:block;position:relative;overflow:hidden}.progress-bar{width:72px;height:5px}.progress-bar b,.large-progress i{border-radius:inherit;background:linear-gradient(90deg,#45c5ff,#4be1bd);position:absolute;inset:0 auto 0 0}.table-row span>small{color:#5b7287;margin-top:4px;font-size:7px;display:block}.demo-toast button{color:#6f8a9e;cursor:pointer;background:0 0;border:0;place-items:center;margin-left:auto;display:grid}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#02080eb8;place-items:center;display:grid;position:fixed;inset:0}.modal-card{background:#0b1b2f;border:1px solid #263f5c;border-radius:12px;width:420px;overflow:hidden;box-shadow:0 30px 90px #00000080}.modal-head{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;height:50px;padding:0 16px;display:flex}.modal-head h2{margin:0;font-size:13px;font-weight:550}.modal-head button{color:#71889c;cursor:pointer;background:0 0;border:0}@media (width<=1400px){.metric-row.five{gap:8px}.metric-card{gap:9px;padding:11px}.metric-icon{width:34px;height:34px}.split-management{grid-template-columns:minmax(0,1.45fr) 350px}}.page-action-group{align-items:center;gap:8px;display:flex}.alarm-table .table-head,.alarm-table .table-row{grid-template-columns:48px minmax(210px,1.6fr) minmax(130px,.9fr) 82px 55px}.alarm-date-filter{color:#657f94;background:#0817278c;border-top:1px solid #799ec712;border-bottom:1px solid #799ec714;align-items:center;gap:9px;min-height:41px;padding:0 12px;font-size:8px;display:flex}.alarm-date-filter>span,.alarm-date-filter label,.alarm-date-filter button{align-items:center;gap:6px;display:flex}.alarm-date-filter>span{color:#8aa4b8}.alarm-date-filter label{color:#60788d}.alarm-date-filter input{color:#9ab1c3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#081727;border:1px solid #799ec71f;border-radius:5px;height:27px;padding:0 7px;font-size:8px}.alarm-date-filter i{color:#496277;font-style:normal}.alarm-date-filter button{color:#7792a7;cursor:pointer;background:0 0;border:1px solid #799ec71f;border-radius:5px;height:27px;margin-left:auto;padding:0 9px;font-size:8px}.alert-banner{color:#ffb174;background:#ff9c5b0e;border:1px solid #ff9c5b24;border-radius:8px;gap:10px;margin:14px 0;padding:12px;display:flex}.alert-banner div{min-width:0}.alert-banner strong,.alert-banner span{display:block}.alert-banner strong{font-size:9px}.alert-banner span{color:#927e70;margin-top:5px;font-size:8px;line-height:1.6}.media-placeholder{grid-template-columns:1fr 1fr;gap:7px;margin-top:14px;display:grid}.media-placeholder>div{color:#668da5;background:#091827;border:1px solid #799ec71c;border-radius:7px;grid-template-rows:auto auto;grid-template-columns:28px 1fr;align-items:center;min-height:65px;padding:10px;display:grid}.media-placeholder svg{grid-row:1/3}.media-placeholder span,.media-placeholder strong{display:block}.media-placeholder span{color:#546d80;font-size:8px}.media-placeholder strong{color:#8ca3b5;font-size:8px;font-weight:500}.alarm-media-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.alarm-media-list button{color:#617d92;text-align:left;cursor:pointer;background:#091827;border:1px solid #799ec71c;border-radius:7px;grid-template-columns:42px minmax(0,1fr) 14px;align-items:center;gap:8px;min-width:0;min-height:76px;padding:8px;display:grid}.alarm-media-list button:hover{background:#45c5ff0e;border-color:#45c5ff47}.alarm-media-thumb{color:#75c8e8;background:linear-gradient(145deg,#225c7785,#0b1e30e0);border-radius:5px;place-items:center;width:42px;height:52px;display:grid}.alarm-media-thumb.image-2{color:#87d9be;background:linear-gradient(145deg,#26675475,#0b1e30e0)}.alarm-media-thumb.video{color:#ffad77;background:linear-gradient(145deg,#70422480,#0b1e30e0)}.alarm-media-list button>span:nth-child(2){min-width:0}.alarm-media-list strong,.alarm-media-list small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.alarm-media-list strong{color:#9db4c5;font-size:8px;font-weight:500}.alarm-media-list small{color:#587185;margin-top:5px;font-size:7px}.alarm-media-preview{color:#7bcbed;background:radial-gradient(circle,#45c5ff17,#0000 45%),#071522;flex-direction:column;justify-content:center;align-items:center;gap:11px;min-height:310px;display:flex}.alarm-media-preview.video{color:#ffae78}.alarm-media-preview strong{color:#c4d8e6;font-size:13px}.alarm-media-preview span{color:#617b8f;font-size:9px}.event-timeline{padding-left:7px}.event-timeline>div{border-left:1px solid #213951;grid-template-rows:auto auto;grid-template-columns:42px 1fr;min-height:48px;padding:0 0 9px 16px;display:grid;position:relative}.event-timeline i{background:#5a7186;border:2px solid #0c1a2d;border-radius:50%;width:7px;height:7px;position:absolute;top:1px;left:-4px}.event-timeline i.active{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.event-timeline time{color:#536a7f;grid-row:1/3;font-size:7px}.event-timeline strong{color:#9eb2c2;font-size:8px;font-weight:500}.event-timeline span{color:#566f84;margin-top:4px;font-size:8px}.related-card,.no-related{color:#69bddd;background:#45c5ff0a;border:1px solid #45c5ff1a;border-radius:7px;align-items:center;gap:9px;min-height:49px;padding:9px 10px;display:flex}.related-card div{flex:1}.related-card strong,.related-card span{display:block}.related-card strong{color:#98c9da;font-size:9px}.related-card span,.no-related span{color:#56798d;margin-top:3px;font-size:7px}.no-related{color:#536a7f}.related-order-list{gap:6px;display:grid}.alarm-report-form{padding:16px}.modal-card:has(.alarm-report-form){width:560px}.alarm-report-form .report-channel-banner{color:#67cbed;background:#45c5ff0e;border:1px solid #45c5ff21;border-radius:8px;align-items:center;gap:10px;min-height:54px;margin-bottom:14px;padding:10px 12px;display:flex}.report-channel-banner div{flex:1}.report-channel-banner strong,.report-channel-banner span{display:block}.report-channel-banner strong{color:#b8d1df;font-size:10px}.report-channel-banner span{color:#617d91;margin-top:4px;font-size:8px}.report-form-grid{grid-template-columns:1fr 1fr;gap:11px;display:grid}.report-form-grid label{color:#7890a4;gap:6px;font-size:8px;display:grid}.report-form-grid label.wide{grid-column:1/-1}.report-form-grid input,.report-form-grid select,.report-form-grid textarea{box-sizing:border-box;color:#b9cedc;width:100%;font:inherit;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#081727;border:1px solid #799ec724;border-radius:6px;outline:0;padding:0 9px}.report-form-grid input,.report-form-grid select{height:34px}.report-form-grid textarea{resize:vertical;padding-top:9px;line-height:1.6}.report-upload{background:#45c5ff09;border:1px dashed #45c5ff2e;border-radius:7px;grid-template-columns:20px 1fr 110px;align-items:center;min-height:42px;padding:0 10px}.report-upload select{height:29px}.report-form-actions{justify-content:flex-end;gap:8px;margin-top:15px;display:flex}.report-form-actions>button{color:#7690a5;cursor:pointer;background:0 0;border:1px solid #799ec729;border-radius:6px;min-height:34px;padding:0 13px;font-size:9px}.report-form-actions .primary-button{color:#062036;background:linear-gradient(135deg,#5bd0f4,#4adbb8);border:0}.alarm-report-form .data-chip{margin:0}.alarm-report-form .primary-button{align-items:center;gap:6px;display:inline-flex}.access-device-workspace{grid-template-columns:285px minmax(0,1fr);align-items:start;gap:14px;min-height:720px;display:grid}.access-device-tree{flex-direction:column;height:762px;padding:0;display:flex;position:sticky;top:90px;overflow:hidden}.access-tree-count{color:#7ed0eb;background:#45c5ff0f;border:1px solid #45c5ff1f;border-radius:999px;place-items:center;min-width:54px;height:26px;font-size:8px;display:grid}.access-tree-filter-row{grid-template-columns:1fr 1fr;gap:8px;padding:0 12px 12px;display:grid}.access-tree-filter-row .compact-select{min-width:0}.access-tree-filter-row .compact-select select{width:100%;min-width:0}.access-selected-facts{grid-template-columns:1fr 1fr 1.3fr 1fr}.access-link-button{color:#7390a5;background:#45c5ff09;border:1px solid #45c5ff1a;border-radius:6px;place-items:center;width:30px;height:30px;text-decoration:none;display:grid}.access-device-panel{padding:0;overflow:hidden}.access-device-panel .player-toolbar{align-items:center;height:auto;min-height:54px}.access-device-panel .player-toolbar>div h2{color:#c9dbe8;margin:3px 0 0;font-size:12px;font-weight:550}.access-device-grid{grid-template-columns:minmax(0,1fr) 280px;min-height:560px;display:grid}.access-device-table{border-right:1px solid var(--border-soft)}.access-device-table .table-head,.access-device-table .table-row{grid-template-columns:minmax(180px,1.2fr) minmax(130px,1fr) minmax(120px,.95fr) 90px 55px}.access-device-detail{border:0;border-left:1px solid var(--border-soft);background:#08162673;border-radius:0;flex-direction:column;align-items:center;margin:0;padding:24px 18px;display:flex}.access-device-icon{border:1px solid #45c5ff1f;border-radius:18px;place-items:center;width:78px;height:78px;margin-bottom:12px;display:grid}.access-device-icon.online{color:#06233b;background:linear-gradient(135deg,#55cff7,#4ad9b8)}.access-device-icon.fault{color:#2c1905;background:linear-gradient(135deg,#ffbf7b,#ff8f55)}.access-device-icon.offline{color:#c8d7e3;background:linear-gradient(135deg,#304658,#1f2d3a)}.access-device-detail h3{color:#d4e6f2;text-align:center;margin:0 0 8px;font-size:14px}.access-device-detail>.data-chip{margin-bottom:8px}.access-device-detail .detail-item{border-bottom:1px solid #799ec714;width:100%;padding:9px 0}.access-device-detail .outline-button{width:100%;margin-top:16px}.access-grid{grid-template-columns:minmax(0,1fr) 230px;min-height:470px;display:grid}.access-table{border-right:1px solid var(--border-soft)}.access-table .table-head,.access-table .table-row{grid-template-columns:100px 65px minmax(140px,1fr) 90px 58px 48px}.record-preview{background:#08162673;flex-direction:column;align-items:center;padding:26px 17px;display:flex}.portrait-placeholder{color:#0b293d;background:linear-gradient(150deg,#65d1f4,#4bd3b1);border:5px solid #12344a;border-radius:14px;place-items:center;width:82px;height:100px;font-size:30px;font-weight:700;display:grid}.record-preview h3{margin:12px 0 7px;font-size:14px}.record-preview .detail-item{border-bottom:1px solid #799ec714;width:100%;padding:9px 0}.record-preview .outline-button{width:100%;margin-top:16px}.scan-line{background:linear-gradient(90deg,#0000,#45c5ff,#0000);width:100%;height:1px;margin:17px 0 4px;box-shadow:0 0 9px #45c5ff}.card-table-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;padding:14px;display:grid}.entity-card{border:1px solid var(--border-soft);background:#09192b9e;border-radius:9px;min-width:0;padding:14px;position:relative}.entity-avatar{float:left;color:#082037;background:linear-gradient(135deg,#54d0fb,#4cddb9);border-radius:10px;place-items:center;width:42px;height:42px;margin-right:9px;font-weight:700;display:grid}.entity-title h3{margin:2px 0 4px;font-size:11px}.entity-title span{color:#5c7488;font-size:7px}.entity-card>.data-chip{position:absolute;top:14px;right:13px}.entity-details{clear:both;padding-top:15px}.entity-details .detail-item{border-bottom:1px solid #799ec70f;padding:6px 0}.entity-card>button{width:100%;margin-top:11px}.visitor-table .table-head,.visitor-table .table-row{grid-template-columns:105px minmax(150px,1.2fr) 65px 120px 45px 55px 60px}.vehicle-table .table-head,.vehicle-table .table-row{grid-template-columns:100px 130px 75px minmax(120px,1fr) 65px 65px 55px}.row-actions{gap:4px;display:flex}.qr-modal{flex-direction:column;align-items:center;padding:24px;display:flex}.qr-pattern{color:#07111f;background:#ecfaff;border:9px solid #ecfaff;border-radius:7px;place-items:center;width:150px;height:150px;display:grid}.qr-modal h3{margin:14px 0 4px}.qr-modal p{color:#6d8497;margin:0 0 8px;font-size:9px}.qr-modal small{color:#5f7689;margin:13px 0;font-size:8px}.qr-modal .primary-button{width:190px}.publishing-layout{grid-template-columns:330px minmax(0,1fr);min-height:580px;display:grid}.screen-list{border-right:1px solid var(--border-soft);padding:12px}.screen-list>button{width:100%;min-height:67px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:37px 1fr auto;align-items:center;gap:9px;padding:8px 9px;display:grid}.screen-list>button.active{background:#45c5ff12;border-color:#45c5ff26}.screen-icon{width:34px;height:34px;color:var(--cyan);background:#45c5ff14;border-radius:8px;place-items:center;display:grid}.screen-list strong,.screen-list small{display:block}.screen-list strong{color:#abc0cf;font-size:9px}.screen-list small{color:#536c80;margin-top:4px;font-size:7px}.virtual-display{padding:20px}.virtual-screen{aspect-ratio:16/7;background:#02060a;border:9px solid #172c42;border-bottom-width:15px;border-radius:7px;padding:8px;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000040}.museum-slide{background:radial-gradient(circle at 80% 25%,#41ceff30,#0000 28%),linear-gradient(135deg,#072340,#0c4853);flex-direction:column;justify-content:center;height:100%;padding:8% 9%;display:flex}.museum-slide p{color:#62d4ef;letter-spacing:.18em;margin:0;font-size:8px}.museum-slide h2{color:#fff;margin:8px 0 6px;font-size:clamp(20px,2.4vw,36px)}.museum-slide span{color:#88bfd0;font-size:10px}.slide-track{background:#ffffff1f;width:40%;height:3px;margin-top:22px}.slide-track i{background:var(--cyan);width:68%;height:100%;display:block}.screen-offline{color:#ff9c5b;background:#04090ee0;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.screen-offline strong{margin-top:8px}.screen-offline span{color:#7b6d67;margin-top:4px;font-size:8px}.virtual-meta{grid-template-columns:repeat(4,1fr);gap:9px;margin-top:16px;display:grid}.virtual-meta>div{background:#08172785;border:1px solid #799ec717;border-radius:6px;padding:10px}.virtual-meta span,.virtual-meta strong{display:block}.virtual-meta span{color:#526a7e;font-size:7px}.virtual-meta strong{color:#91a8b8;margin-top:4px;font-size:8px}.display-actions{justify-content:flex-end;gap:6px;margin-top:14px;display:flex}.publish-table .table-head,.publish-table .table-row{grid-template-columns:110px minmax(150px,1.2fr) 110px 120px 75px 65px 60px}.material-grid{grid-template-columns:repeat(3,1fr);gap:12px;padding:15px;display:grid}.material-grid article{border:1px solid var(--border-soft);background:#0817278c;border-radius:8px;padding:10px}.material-thumb{color:#fffc;background:linear-gradient(135deg,#183f63,#126b76);border-radius:6px;place-items:center;height:118px;display:grid}.material-thumb.m2,.material-thumb.m5{background:linear-gradient(135deg,#5c2d4a,#d56e53)}.material-thumb.m3,.material-thumb.m6{background:linear-gradient(135deg,#253565,#7358a8)}.material-grid strong,.material-grid>article>span{display:block}.material-grid strong{color:#9fb4c4;margin-top:9px;font-size:9px}.material-grid>article>span{color:#566e82;margin-top:4px;font-size:7px}.material-grid article button{width:100%;margin-top:10px}.workorder-table .table-head,.workorder-table .table-row{grid-template-columns:minmax(210px,1.5fr) 65px 120px 75px 78px 58px}.workorder-code{color:#69c8ec;background:#45c5ff0d;border:1px solid #45c5ff1c;border-radius:8px;align-items:center;gap:10px;margin:14px 0;padding:12px;display:flex}.workorder-code div{flex:1}.workorder-code strong,.workorder-code span{display:block}.workorder-code strong{color:#a8cad9;font-size:10px}.workorder-code span{color:#5d788b;margin-top:4px;font-size:8px}.large-progress{height:8px}.step-flow{grid-template-columns:repeat(5,1fr);margin-top:15px;display:grid}.step-flow>div{color:#526a7e;flex-direction:column;align-items:center;gap:5px;font-size:7px;display:flex;position:relative}.step-flow>div:before{content:"";background:#1f3850;height:1px;position:absolute;top:11px;left:-50%;right:50%}.step-flow>div:first-child:before{display:none}.step-flow i{z-index:1;background:#13273d;border:1px solid #25425f;border-radius:50%;place-items:center;width:22px;height:22px;font-style:normal;display:grid;position:relative}.step-flow .done{color:#78cdb5}.step-flow .done i{color:#06241d;background:var(--green);border-color:var(--green)}.step-flow .done:before{background:var(--green)}.attachment-row{gap:7px;display:flex}.attachment-row span{color:#6f899d;border:1px solid var(--border-soft);background:#091827;border-radius:6px;align-items:center;gap:6px;padding:8px;font-size:8px;display:flex}.floor-switch{border:1px solid var(--border-soft);background:#0a1a2d;border-radius:8px;padding:3px;display:flex}.floor-switch button{color:#6e8498;cursor:pointer;background:0 0;border:0;border-radius:6px;width:58px;height:30px;font-size:9px}.floor-switch button.active{color:#082038;background:var(--cyan);font-weight:650}.map-workspace{padding:0;overflow:hidden}.map-toolbar{border-bottom:1px solid var(--border-soft);align-items:center;gap:11px;height:57px;padding:0 13px;display:flex}.map-toolbar .module-search{width:240px;margin:0}.map-types{gap:4px;display:flex}.map-types button{color:#62798e;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;height:29px;padding:0 10px;font-size:8px}.map-types button.active{color:#8bdcff;background:#45c5ff12;border-color:#45c5ff21}.map-toolbar>span{color:#586f83;margin-left:auto;font-size:8px}.map-stage{grid-template-columns:minmax(0,1fr) 250px;min-height:650px;display:grid}.floor-plan{background-color:#081725;background-image:linear-gradient(#5089b009 1px,#0000 1px),linear-gradient(90deg,#5089b009 1px,#0000 1px);background-size:18px 18px;border:1px solid #29445f;border-radius:10px;margin:20px;position:relative}.fp-zone{color:#536f85;background:#1e446336;border:1px solid #26445f;border-radius:6px;place-items:center;font-size:10px;display:grid;position:absolute}.fp-zone.lobby{width:24%;height:24%;bottom:7%;left:8%}.fp-zone.origin{width:36%;height:47%;top:8%;left:8%}.fp-zone.history{width:42%;height:38%;top:8%;left:49%}.fp-zone.interactive{width:24%;height:34%;bottom:7%;left:49%}.fp-zone.temporary{width:15%;height:34%;bottom:7%;right:8%}.fp-corridor{color:#3e5d73;border:1px dashed #26445f;place-items:center;height:9%;font-size:8px;display:grid;position:absolute;top:58%;left:7%;right:7%}.device-node{z-index:3;color:#062235;background:var(--cyan);cursor:pointer;border:3px solid #112a3e;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #45c5ff1a,0 0 14px #45c5ff59}.device-node.t-门禁{background:var(--orange)}.device-node.t-发布屏{background:var(--purple)}.device-node.t-无线AP{background:var(--green)}.device-node.alarm{background:var(--red);animation:1.3s infinite pulse}.map-detail{border-left:1px solid var(--border-soft);background:#08162680;padding:25px 18px}.map-device-icon{color:#08233a;background:linear-gradient(135deg,#55cff7,#4ad9b8);border-radius:16px;place-items:center;width:58px;height:58px;margin:22px auto 11px;display:grid}.map-detail h2{text-align:center;margin:0 0 8px;font-size:13px}.map-detail>.data-chip{width:max-content;margin:0 auto 20px;display:flex}.map-detail .detail-item{border-bottom:1px solid #799ec712;padding:9px 0}.map-detail-actions{grid-template-columns:1fr 1fr;gap:6px;margin-top:15px;display:grid}.map-detail-actions button,.map-detail-actions a{color:#7893a8;background:#45c5ff09;border:1px solid #45c5ff1a;border-radius:6px;justify-content:center;align-items:center;min-height:34px;font-size:8px;text-decoration:none;display:flex}.environment-layout{grid-template-columns:minmax(0,1.45fr) 370px;align-items:start;gap:14px;display:grid}.sensor-panel{padding:0;overflow:hidden}.sensor-grid{grid-template-columns:repeat(3,1fr);gap:9px;padding:13px;display:grid}.sensor-card{min-width:0;min-height:105px;color:inherit;border:1px solid var(--border-soft);text-align:left;cursor:pointer;background:#081829a6;border-radius:9px;grid-template-rows:1fr auto;grid-template-columns:40px 1fr;gap:6px 10px;padding:12px;display:grid}.sensor-card.active{background:#45c5ff0f;border-color:#45c5ff3b}.sensor-icon{width:40px;height:40px;color:var(--cyan);background:#45c5ff14;border-radius:9px;grid-row:1/3;place-items:center;display:grid}.sensor-icon.warning{color:var(--orange);background:#ff9c5b14}.sensor-card div small,.sensor-card div strong,.sensor-card div span{display:block}.sensor-card div small{color:#536c80;font-size:7px}.sensor-card div strong{color:#c6d9e6;margin-top:4px;font-size:12px}.sensor-card div span{color:#60798d;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:7px;overflow:hidden}.sensor-card>.data-chip{grid-column:2;width:max-content}.environment-chart{border-top:1px solid var(--border-soft);padding:16px}.environment-chart .panel-head>span{color:#597186;font-size:8px}.threshold-note{color:#9b866f;background:#ff9c5b0e;border:1px solid #ff9c5b1a;border-radius:7px;align-items:center;gap:7px;min-height:38px;padding:0 10px;font-size:8px;display:flex}.threshold-note button{color:#ffad73;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:8px}.ups-column{flex-direction:column;gap:12px;display:flex}.ups-card{padding:15px}.ups-head{border-bottom:1px solid var(--border-soft);grid-template-columns:40px 1fr auto;align-items:center;gap:9px;padding-bottom:12px;display:grid}.ups-head>span{width:38px;height:38px;color:var(--green);background:#4be1bd14;border-radius:9px;place-items:center;display:grid}.ups-head small,.ups-head h3{margin:0;display:block}.ups-head small{color:#526a7f;font-size:7px}.ups-head h3{color:#adc1d0;margin-top:4px;font-size:10px}.ups-supply{color:var(--green);background:#4be1bd0b;border:1px solid #4be1bd17;border-radius:7px;align-items:center;gap:8px;margin:13px 0;padding:10px;display:flex}.ups-supply span,.ups-supply strong{display:block}.ups-supply span{color:#58796e;font-size:7px}.ups-supply strong{color:#8fbeae;margin-top:3px;font-size:9px}.ups-meter>div{color:#637d90;justify-content:space-between;font-size:8px;display:flex}.ups-meter strong{color:#a0b5c5}.ups-meter>i{background:#152a3e;border-radius:6px;height:6px;margin:7px 0 13px;display:block}.ups-meter b{background:linear-gradient(90deg,#4be1bd,#45c5ff);border-radius:6px;height:100%;display:block}.ups-card .detail-grid{border-top:1px solid var(--border-soft);padding-top:12px}.ups-card>button{width:100%;margin-top:14px}.audio-layout{grid-template-columns:300px minmax(0,1fr) 300px;gap:14px;display:grid}.zone-list,.audio-console,.schedule-panel{padding:15px}.zone-list>button{width:100%;min-height:62px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:35px 1fr auto;align-items:center;gap:8px;padding:7px;display:grid}.zone-list>button.active{background:#45c5ff0f;border-color:#45c5ff26}.zone-wave{color:#71cbea;background:#45c5ff12;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.zone-list strong,.zone-list small{display:block}.zone-list strong{color:#a7bccb;font-size:9px}.zone-list small{color:#526b80;margin-top:4px;font-size:7px}.now-playing{grid-template-columns:75px 1fr auto;align-items:center;gap:13px;display:grid}.album-art{color:#baf5f0;background:linear-gradient(135deg,#174c65,#2a8c88);border-radius:13px;place-items:center;width:75px;height:75px;display:grid;box-shadow:0 12px 30px #1f979e2e}.now-playing p,.now-playing h2,.now-playing div>span{margin:0;display:block}.now-playing p{color:#526d81;font-size:8px}.now-playing h2{margin-top:6px;font-size:15px}.now-playing div>span{color:#6a8498;margin-top:6px;font-size:8px}.audio-waveform{background:#08172785;border-radius:8px;justify-content:center;align-items:center;gap:3px;height:86px;margin:24px 0 12px;padding:0 14px;display:flex}.audio-waveform i{opacity:.72;background:linear-gradient(#45c5ff,#4be1bd);border-radius:3px;width:3px}.audio-controls{justify-content:center;align-items:center;gap:13px;display:flex}.audio-controls button{color:#7490a4;cursor:pointer;background:#45c5ff0a;border:1px solid #45c5ff1a;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.audio-controls button.main{color:#072139;background:var(--cyan);border-color:var(--cyan);width:48px;height:48px}.volume-slider{color:#6e8da1;grid-template-columns:18px 1fr 34px;align-items:center;gap:8px;margin:20px 0;display:grid}.volume-slider input{accent-color:var(--cyan)}.volume-slider strong{font-size:9px}.audio-info{background:#0817277a;border-radius:8px;grid-template-columns:repeat(2,1fr);gap:13px;padding:13px;display:grid}.schedule-row{border-bottom:1px solid #799ec712;grid-template-columns:42px 1fr auto;align-items:center;gap:8px;min-height:59px;display:grid}.schedule-row time{color:#62cef6;font-family:ui-monospace,monospace;font-size:9px}.schedule-row strong,.schedule-row span{display:block}.schedule-row strong{color:#a4bac9;font-size:8px}.schedule-row span{color:#536c80;margin-top:4px;font-size:7px}.network-layout{grid-template-columns:minmax(0,1fr) 260px;gap:14px;margin-bottom:14px;display:grid}.network-chart{padding:17px}.ap-detail{text-align:center;padding:18px}.ap-signal{width:70px;height:70px;color:var(--cyan);background:#45c5ff12;border:1px solid #45c5ff24;border-radius:50%;place-items:center;margin:0 auto 10px;display:grid;position:relative}.ap-signal i{border:1px solid #45c5ff21;border-radius:50%;position:absolute}.ap-signal i:nth-child(2){inset:-7px}.ap-signal i:nth-child(3){inset:-14px}.ap-signal i:nth-child(4){inset:-21px}.ap-detail h2{margin:20px 0 8px;font-size:13px}.ap-detail>.data-chip{margin-bottom:12px}.ap-detail .detail-item{text-align:left;border-bottom:1px solid #799ec70f;padding:7px 0}.ap-detail>button{width:100%;margin-top:14px}.ap-table .table-head,.ap-table .table-row{grid-template-columns:minmax(120px,1.1fr) minmax(120px,1fr) 60px 75px 48px 65px 60px}.mock-interface-badge{color:#7ecded;background:#45c5ff0f;border:1px solid #45c5ff24;border-radius:7px;align-items:center;gap:7px;padding:8px 10px;font-size:9px;display:inline-flex}.interface-grid{grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:14px;display:grid}.interface-card{min-width:0;color:inherit;text-align:left;cursor:pointer;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;padding:13px;display:grid}.interface-card.active{background:linear-gradient(145deg,#14304beb,#091a2ceb);border-color:#45c5ff61}.interface-icon{width:37px;height:37px;color:var(--cyan);background:#45c5ff14;border-radius:9px;place-items:center;display:grid}.interface-card h3,.interface-card div>span{margin:0;display:block}.interface-card h3{color:#a9bdcc;font-size:9px}.interface-card div>span{color:#587085;margin-top:4px;font-size:7px}.interface-card dl{border-top:1px solid #799ec712;grid-column:1/4;margin:9px 0 0;padding-top:9px}.interface-card dl div{color:#536b80;justify-content:space-between;margin-top:5px;font-size:7px;display:flex}.interface-card dd{color:#7890a3;margin:0}.interface-detail{padding:18px}.interface-flow{border:1px solid var(--border-soft);background:#0716268c;border-radius:9px;grid-template-columns:1fr 25px 1fr 25px 1fr 25px 1fr;align-items:center;gap:7px;margin:18px 0;padding:18px;display:grid}.interface-flow>div{color:#6c879b;background:#122b4373;border:1px solid #799ec717;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:80px;display:flex}.interface-flow>div.active{color:var(--cyan);background:#45c5ff12;border-color:#45c5ff33}.interface-flow strong,.interface-flow span{display:block}.interface-flow strong{color:#9bb1c1;margin-top:7px;font-size:9px}.interface-flow span{color:#536c80;margin-top:4px;font-size:7px}.interface-flow>svg{color:#476276}.interface-config-grid{background:#08172773;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:14px;padding:14px;display:grid}.capability-list{margin-top:16px}.capability-list h3{color:#98adbd;font-size:10px}.capability-list span{color:#688599;background:#4be1bd09;border:1px solid #4be1bd14;border-radius:6px;align-items:center;gap:6px;margin:4px 8px 4px 0;padding:7px 9px;font-size:8px;display:inline-flex}.capability-list svg{color:var(--green)}.demo-status-strip{color:#667f93;border:1px solid var(--border-soft);background:#0c1e32c2;border-radius:8px;align-items:center;gap:20px;height:43px;margin-bottom:14px;padding:0 14px;font-size:8px;display:flex}.demo-status-strip span{align-items:center;gap:6px;display:flex}.demo-status-strip i{border-radius:50%;width:6px;height:6px}.demo-status-strip i.green{background:var(--green);box-shadow:0 0 8px var(--green)}.scenario-layout{grid-template-columns:minmax(0,1.5fr) 360px;gap:14px;display:grid}.scenario-grid{grid-template-columns:repeat(2,1fr);gap:11px;display:grid}.scenario-card{min-height:144px;color:inherit;text-align:left;cursor:pointer;grid-template-rows:1fr auto;grid-template-columns:42px 1fr;gap:9px;padding:14px;display:grid}.scenario-card.active{border-color:#45c5ff59;box-shadow:inset 0 0 0 1px #45c5ff14}.scenario-icon{width:42px;height:42px;color:var(--cyan);background:#45c5ff14;border-radius:10px;place-items:center;display:grid}.scenario-card.red .scenario-icon{color:var(--red);background:#ff617714}.scenario-card.orange .scenario-icon{color:var(--orange);background:#ff9c5b14}.scenario-card.purple .scenario-icon{color:var(--purple);background:#a785ff14}.scenario-card.green .scenario-icon{color:var(--green);background:#4be1bd14}.scenario-card h3{color:#aec2d0;margin:2px 0 6px;font-size:10px}.scenario-card p{color:#5e768a;margin:0;font-size:8px;line-height:1.6}.scenario-card>span:not(.scenario-icon),.scenario-card>small{color:#5c7488;font-size:7px}.scenario-card>small{text-align:right}.scenario-runner{padding:18px}.scenario-runner h2{margin:5px 0 8px;font-size:16px}.scenario-runner>p:not(.panel-kicker){color:#687f93;margin:0;font-size:8px;line-height:1.7}.scenario-steps{margin:18px 0}.scenario-steps>div{border-left:1px solid #24415a;align-items:center;gap:9px;min-height:43px;margin-left:11px;padding-left:15px;display:flex;position:relative}.scenario-steps i{color:#6f8ba0;background:#10273c;border:1px solid #2a4b67;border-radius:50%;place-items:center;width:22px;height:22px;font-size:7px;font-style:normal;display:grid;position:absolute;left:-11px}.scenario-steps span{color:#8299ab;font-size:8px}.scenario-runner>.primary-button{width:100%}.scenario-runner>small{color:#52697d;margin-top:10px;font-size:7px;line-height:1.6;display:block}.demo-guide{justify-content:space-between;align-items:center;margin-top:14px;padding:14px 17px;display:flex}.demo-guide>div{color:#6fc9e8;align-items:center;gap:10px;display:flex}.demo-guide h3,.demo-guide p{margin:0}.demo-guide h3{color:#a8bdcc;font-size:9px}.demo-guide p{color:#5d7588;margin-top:5px;font-size:8px}.demo-guide a{color:#6e9db3;align-items:center;font-size:8px;display:flex}.stage-lighting-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:14px;margin-top:14px;display:grid}.stage-lighting-panel,.stage-loop-panel{padding:16px}.stage-lighting-pages{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px;display:grid}.stage-page-card{min-height:72px;color:inherit;border:1px solid var(--border-soft);text-align:left;cursor:pointer;background:#0818299e;border-radius:9px;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:11px;display:grid}.stage-page-card.active{box-shadow:inset 2px 0 0 var(--cyan);background:#45c5ff12;border-color:#45c5ff33}.stage-page-icon{color:#0b2138;background:linear-gradient(135deg,#55d1f9,#4ce0bc);border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.stage-page-card strong,.stage-page-card small,.stage-page-card b{display:block}.stage-page-card strong{color:#a9becd;font-size:9px}.stage-page-card small{color:#5a7287;margin-top:4px;font-size:7px}.stage-page-card b{color:#79d1b3;font-size:9px;font-weight:600}.stage-page-detail{border:1px solid var(--border-soft);background:#06132185;border-radius:9px;margin-top:12px;padding:15px}.stage-page-detail>header{border-bottom:1px solid #799ec714;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:12px;display:flex}.stage-page-detail header span,.stage-page-detail header h3{margin:0;display:block}.stage-page-detail header span{color:#556f84;font-size:7px}.stage-page-detail header h3{color:#bed0dc;margin-top:5px;font-size:13px}.stage-page-metrics{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;display:grid}.stage-page-metrics .detail-item{background:#0818298c;border:1px solid #799ec714;border-radius:7px;padding:10px}.stage-page-note{background:#45c5ff0a;border:1px solid #45c5ff1a;border-radius:8px;margin-top:13px;padding:12px}.stage-page-note strong{color:#91c5d7;font-size:8px;display:block}.stage-page-note p{color:#5e7b90;margin:7px 0 0;font-size:8px;line-height:1.7}.stage-loop-columns{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.stage-loop-columns h3{color:#a9becc;margin:0 0 10px;font-size:10px}.stage-loop-list{flex-direction:column;gap:8px;display:flex}.stage-loop-row{border:1px solid var(--border-soft);background:#08182994;border-radius:8px;grid-template-columns:56px 1fr;align-items:center;gap:10px;min-height:52px;padding:10px 11px;display:grid}.stage-loop-row span{color:#07213a;background:linear-gradient(135deg,#55d1f9,#4ce0bc);border-radius:7px;place-items:center;min-height:28px;font-size:8px;font-weight:700;display:grid}.stage-loop-row strong{color:#8ea7b9;font-size:8px;font-weight:500;line-height:1.6}.stage-loop-row.muted span{color:#8fa2b3;background:#152738}.stage-loop-list.power .stage-loop-row{background:#0c182480}.stage-loop-empty{color:#5d768b;background:#0818296b;border:1px dashed #799ec71f;border-radius:8px;place-items:center;min-height:80px;font-size:8px;display:grid}@media (width<=1400px){.card-table-grid{grid-template-columns:repeat(3,1fr)}.audio-layout{grid-template-columns:270px minmax(0,1fr) 270px}.interface-grid{grid-template-columns:repeat(3,1fr)}.access-device-grid{grid-template-columns:minmax(0,1fr) 250px}.stage-lighting-layout{grid-template-columns:1fr}}.mode-switch{white-space:nowrap;background:#081725;border:1px solid #799ec726;border-radius:8px;align-items:center;height:34px;padding:3px;display:flex}.mode-switch button{color:#647c91;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:5px;height:26px;padding:0 9px;font-size:8px;display:flex}.mode-switch button.active{color:#082039;background:linear-gradient(135deg,#55d2fa,#4bddbd);font-weight:650;box-shadow:0 4px 14px #45c5ff26}.public-portal{color:#173548;background:#f1f7f8;min-height:100vh;font-family:Inter,PingFang SC,sans-serif}.public-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7fcfcf0;border-bottom:1px solid #1348581a;align-items:center;height:76px;padding:0 clamp(28px,5vw,82px);display:flex;position:sticky;top:0}.public-brand{color:inherit;align-items:center;gap:11px;text-decoration:none;display:flex}.public-logo{color:#fff;background:linear-gradient(135deg,#0e7490,#16a085);border-radius:12px;place-items:center;width:40px;height:40px;font-size:17px;font-weight:800;display:grid;box-shadow:0 10px 26px #0e74902e}.public-brand strong,.public-brand small{display:block}.public-brand strong{letter-spacing:.04em;font-size:14px}.public-brand small{color:#71909b;letter-spacing:.14em;margin-top:3px;font-size:7px}.public-header nav{gap:32px;margin-left:clamp(35px,7vw,110px);display:flex}.public-header nav a{color:#52717c;font-size:11px;text-decoration:none}.public-header nav a:hover{color:#0e8397}.public-header-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.public-header .mode-switch{background:#e8f2f3;border-color:#1348581f}.public-header .mode-switch button{color:#57727c}.public-demo-tag{color:#5f7d85;background:#e9f2f3;border-radius:6px;padding:6px 8px;font-size:8px}.public-portal main{max-width:1440px;margin:0 auto}.public-hero{background:radial-gradient(circle at 77% 28%,#1eb7b02e,#0000 27%),radial-gradient(circle at 13% 75%,#309bcb21,#0000 24%),linear-gradient(145deg,#eef9f8,#f7fbf7);border-radius:0 0 44px 44px;grid-template-columns:minmax(0,1.35fr) 350px;align-items:center;gap:70px;min-height:570px;padding:70px clamp(40px,7vw,105px) 90px;display:grid;position:relative;overflow:hidden}.hero-orbit{pointer-events:none;border:1px solid #0e83971c;border-radius:50%;position:absolute}.hero-orbit.orbit-one{width:520px;height:520px;top:-120px;right:13%}.hero-orbit.orbit-two{width:350px;height:350px;top:-35px;right:19%}.hero-copy{z-index:1;position:relative}.hero-copy>p{color:#16849a;letter-spacing:.18em;margin:0 0 18px;font-size:10px;font-weight:700}.hero-copy h1{color:#123a4b;letter-spacing:-.04em;max-width:760px;margin:0;font-family:Songti SC,STSong,serif;font-size:clamp(42px,5.4vw,74px);font-weight:650;line-height:1.16}.hero-copy>span{color:#5d7a83;max-width:650px;margin-top:24px;font-size:14px;line-height:1.9;display:block}.hero-actions{gap:12px;margin-top:34px;display:flex}.hero-actions a{color:#fff;background:#0e8397;border:1px solid #0e8397;border-radius:9px;align-items:center;gap:9px;height:44px;padding:0 20px;font-size:11px;text-decoration:none;display:flex;box-shadow:0 12px 28px #0e83972e}.hero-actions a.ghost{color:#42646f;box-shadow:none;background:#ffffff94;border-color:#14566821}.visit-card{z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffbf;border:1px solid #1765741f;border-radius:20px;padding:26px;position:relative;box-shadow:0 30px 70px #124a531c}.visit-card-head{align-items:center;gap:13px;display:flex}.visit-card-head>span{color:#0d8497;background:#e3f3f2;border-radius:12px;place-items:center;width:43px;height:43px;display:grid}.visit-card-head small,.visit-card-head strong{display:block}.visit-card-head small{color:#77919a;font-size:9px}.visit-card-head strong{color:#173b49;margin-top:4px;font-size:24px}.visit-card>p{color:#718b93;margin:13px 0;font-size:9px}.visit-line{background:#1f5c6c1a;height:1px;margin:18px 0}.open-note{color:#517179;align-items:center;gap:7px;font-size:9px;display:flex}.open-note i{background:#16a085;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #16a0851a}.mini-route{background:#edf7f5;border-radius:10px;margin-top:22px;padding:14px}.mini-route span,.mini-route strong{display:block}.mini-route span{color:#79949a;font-size:8px}.mini-route strong{color:#38616a;margin-top:6px;font-size:9px;line-height:1.6}.public-stats{background:#1659681a;border:1px solid #1659681a;border-radius:15px;grid-template-columns:repeat(4,1fr);gap:1px;margin:0 clamp(40px,7vw,105px);display:grid;overflow:hidden;transform:translateY(-32px);box-shadow:0 22px 55px #18586214}.public-stats article{background:#fff;grid-template-columns:1fr auto;align-content:center;min-height:92px;padding:0 24px;display:grid}.public-stats span{color:#81989e;grid-column:1/3;font-size:9px}.public-stats strong{color:#153d4c;margin-top:5px;font-size:24px}.public-stats small{color:#709198;align-self:end;margin-bottom:5px;font-size:8px}.public-section{padding:68px clamp(40px,7vw,105px)}.public-section-head p{color:#118298;letter-spacing:.17em;margin:0;font-size:9px;font-weight:750}.public-section-head h2{color:#183d4b;margin:10px 0 8px;font-size:30px}.public-section-head span{color:#71898f;font-size:11px;line-height:1.7}.exhibition-grid{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:30px;display:grid}.exhibition-card{background:#fff;border:1px solid #18526017;border-radius:18px;grid-template-columns:180px 1fr;min-height:240px;display:grid;overflow:hidden;box-shadow:0 16px 45px #1c54600e}.exhibition-visual{color:#fff;background:linear-gradient(145deg,#0d7189,#31b5ae);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.exhibition-card.orange .exhibition-visual{background:linear-gradient(145deg,#a55534,#e3a453)}.exhibition-card.purple .exhibition-visual{background:linear-gradient(145deg,#514486,#9f7bd3)}.exhibition-card.green .exhibition-visual{background:linear-gradient(145deg,#167460,#51b77d)}.exhibition-visual span{color:#ffffffb8;font-family:ui-monospace,monospace;font-size:10px;position:absolute;top:18px;left:18px}.exhibition-visual i{border:1px solid #ffffff2e;border-radius:50%;width:170px;height:170px;position:absolute}.exhibition-copy{flex-direction:column;padding:24px;display:flex}.exhibition-copy>div{color:#718d94;justify-content:space-between;align-items:center;font-size:8px;display:flex}.exhibition-copy b{color:#13866f;background:#e7f6f1;border-radius:5px;padding:5px 7px;font-size:7px}.exhibition-copy h3{color:#183e4d;margin:15px 0 9px;font-size:18px}.exhibition-copy p{color:#6e858c;margin:0;font-size:10px;line-height:1.8}.exhibition-copy footer{border-top:1px solid #1e536014;justify-content:space-between;align-items:center;margin-top:auto;padding-top:15px;display:flex}.exhibition-copy small{color:#789097;align-items:center;gap:5px;font-size:8px;display:flex}.exhibition-copy button,.service-grid button,.activity-list button{color:#157e91;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font-size:8px;display:flex}.activities-section{background:#e7f3f3;border-radius:35px;grid-template-columns:minmax(0,1fr) 310px;gap:55px;display:grid}.activity-list{background:#ffffffb3;border-radius:15px;margin-top:25px;overflow:hidden}.activity-list article{border-bottom:1px solid #1e536014;grid-template-columns:70px minmax(0,1fr) 70px 80px;align-items:center;gap:10px;min-height:72px;padding:0 18px;display:grid}.activity-list article:last-child{border:0}.activity-list time{color:#118298;font-size:14px;font-weight:700}.activity-list strong,.activity-list span{display:block}.activity-list strong{color:#355762;font-size:10px}.activity-list span{color:#7b9298;align-items:center;gap:4px;margin-top:5px;font-size:8px;display:flex}.activity-list b{color:#8c6b38;background:#fff5de;border-radius:5px;width:max-content;padding:5px 7px;font-size:7px}.public-flow-card{color:#fff;background:linear-gradient(150deg,#123e51,#166c71);border-radius:20px;align-self:end;padding:26px;box-shadow:0 22px 45px #123e5126}.public-flow-card>div:first-child{color:#8de0d8;align-items:center;gap:10px;display:flex}.public-flow-card>div:first-child span{font-size:9px}.public-flow-card>strong{margin-top:22px;font-size:22px;display:block}.public-flow-card p{color:#a8c6c9;margin:10px 0 25px;font-size:9px;line-height:1.8}.flow-bars{align-items:end;gap:8px;height:90px;display:flex}.flow-bars i{opacity:.8;background:linear-gradient(#6ee1d0,#26a5aa);border-radius:5px 5px 2px 2px;flex:1}.public-flow-card>small{color:#7ba7aa;margin-top:10px;font-size:7px;display:block}.service-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px;display:grid}.service-grid article{background:#fff;border:1px solid #18526017;border-radius:15px;min-height:190px;padding:22px}.service-grid article>span{color:#108398;background:#e8f6f5;border-radius:11px;place-items:center;width:43px;height:43px;display:grid}.service-grid h3{color:#234854;margin:19px 0 8px;font-size:14px}.service-grid p{color:#7a9096;margin:0;font-size:9px;line-height:1.7}.service-grid button{margin-top:23px;padding:0}.public-footer{color:#9eb7bc;background:#12313e;align-items:center;gap:20px;min-height:110px;padding:0 clamp(40px,7vw,105px);display:flex}.public-footer>div:first-child{flex:1}.public-footer strong,.public-footer span{display:block}.public-footer strong{color:#e2f0f1;font-size:13px}.public-footer span{margin-top:7px;font-size:8px}.public-footer .mode-switch{background:#173e4b;border-color:#2b5661}.backend-heading-actions{align-items:center;gap:8px;display:flex}.backend-priority{color:#78d9c2;background:#4be1bd0e;border:1px solid #4be1bd21;border-radius:7px;align-items:center;gap:7px;height:36px;padding:0 11px;font-size:9px;display:flex}.backend-summary{grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:14px;display:grid}.backend-summary-card{border:1px solid var(--border-soft);background:linear-gradient(145deg,#0f243bed,#09192beb);border-radius:10px;grid-template-columns:43px 1fr;align-items:center;gap:12px;min-height:92px;padding:14px;display:grid}.backend-summary-card>span{width:42px;height:42px;color:var(--cyan);background:#45c5ff14;border-radius:10px;place-items:center;display:grid}.backend-summary-card.orange>span{color:var(--orange);background:#ff9c5b14}.backend-summary-card.purple>span{color:var(--purple);background:#a785ff14}.backend-summary-card.green>span{color:var(--green);background:#4be1bd14}.backend-summary-card small,.backend-summary-card strong,.backend-summary-card p{margin:0;display:block}.backend-summary-card small{color:#667f94;font-size:8px}.backend-summary-card strong{color:#d7e9f5;margin-top:3px;font-size:22px}.backend-summary-card p{color:#536b80;margin-top:2px;font-size:7px}.backend-workspace{grid-template-columns:190px minmax(0,1fr);min-height:720px;padding:0;display:grid;overflow:hidden}.backend-tabs{border-right:1px solid var(--border-soft);background:#0613218c;padding:13px 9px}.backend-tabs-title{color:#75cde9;border-bottom:1px solid var(--border-soft);align-items:center;gap:9px;height:54px;margin-bottom:6px;padding:0 9px;display:flex}.backend-tabs-title strong,.backend-tabs-title span{display:block}.backend-tabs-title strong{color:#9fb6c7;font-size:10px}.backend-tabs-title span{color:#4f697d;letter-spacing:.12em;margin-top:4px;font-size:6px}.backend-tabs>button{color:#668095;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;grid-template-columns:23px 1fr 14px;align-items:center;gap:6px;width:100%;height:42px;padding:0 9px;font-size:9px;display:grid}.backend-tabs>button:hover{background:#45c5ff09}.backend-tabs>button.active{color:#9ee5fa;box-shadow:inset 2px 0 0 var(--cyan);background:#45c5ff17}.backend-tabs>button svg:last-child{color:#48647a}.backend-boundary{color:#8c786a;background:#ff9c5b0a;border:1px solid #ff9c5b1a;border-radius:7px;gap:7px;margin:18px 5px 0;padding:10px;display:flex}.backend-boundary svg{color:var(--orange);flex:none}.backend-boundary p{margin:0;font-size:7px;line-height:1.6}.backend-content{min-width:0;padding:18px}.backend-panel-head{justify-content:space-between;align-items:flex-start;gap:15px;min-height:54px;margin-bottom:14px;display:flex}.backend-panel-head h2,.backend-panel-head p{margin:0}.backend-panel-head h2{color:#cbdce8;font-size:15px}.backend-panel-head p{color:#5f788c;margin-top:7px;font-size:8px}.architecture-lanes{grid-template-columns:1fr 1fr;gap:13px;display:grid}.architecture-lanes>article{border:1px solid var(--border-soft);background:#07162680;border-radius:10px;padding:18px}.architecture-lanes header{color:var(--cyan);align-items:center;gap:10px;display:flex}.architecture-lanes header strong,.architecture-lanes header span{display:block}.architecture-lanes header strong{color:#afc4d2;font-size:11px}.architecture-lanes header span{color:#536e82;margin-top:4px;font-size:7px}.architecture-flow,.protocol-route{grid-template-columns:1fr 18px 1fr 18px 1fr;align-items:center;gap:5px;margin:20px 0;display:grid}.architecture-flow>svg,.protocol-route>svg{color:#3d5a70}.architecture-node{color:#627d91;text-align:center;background:#0b2136;border:1px solid #799ec71a;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:83px;display:flex}.architecture-node.active{color:var(--cyan);background:#45c5ff14;border-color:#45c5ff38}.architecture-node strong,.architecture-node span{display:block}.architecture-node strong{color:#94aabd;margin-top:7px;font-size:8px}.architecture-node span{color:#536c80;margin-top:4px;font-size:6px}.architecture-lanes ul{margin:0;padding:0;list-style:none}.architecture-lanes li{color:#678095;margin-top:7px;padding-left:13px;font-size:8px;position:relative}.architecture-lanes li:before{content:"";background:var(--green);border-radius:50%;width:5px;height:5px;position:absolute;top:4px;left:0}.backend-guidance{color:#6ad2bb;background:#4be1bd0a;border:1px solid #4be1bd17;border-radius:8px;align-items:center;gap:10px;margin-top:13px;padding:13px;display:flex}.backend-guidance strong,.backend-guidance p{margin:0}.backend-guidance strong{color:#94bdb4;font-size:9px}.backend-guidance p{color:#58776f;margin-top:5px;font-size:7px}.backend-toolbar{border:1px solid var(--border-soft);background:#07162675;border-radius:8px;align-items:center;gap:8px;min-height:52px;margin-bottom:11px;padding:0 11px;display:flex}.backend-toolbar>label:first-child{color:#5d768b;border:1px solid var(--border-soft);background:#071827;border-radius:6px;flex:1;align-items:center;gap:7px;max-width:390px;height:34px;padding:0 9px;display:flex}.backend-toolbar input{color:#a9bfce;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:8px}.backend-select{color:#5c7489;border:1px solid var(--border-soft);background:#071827;border-radius:6px;align-items:center;gap:6px;height:34px;padding:0 8px;display:flex}.backend-select select{color:#748da1;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:0 0;border:0;outline:0;font-size:8px}.backend-toolbar>span{color:#526c80;margin-left:auto;font-size:8px}.backend-split{grid-template-columns:minmax(0,1fr) 285px;align-items:start;gap:11px;display:grid}.backend-table{border:1px solid var(--border-soft);background:#0716265c;border-radius:9px;overflow:hidden}.backend-table-head,.backend-table-row{text-align:left;align-items:center;gap:9px;padding:0 12px;display:grid}.device-admin-table .backend-table-head,.device-admin-table .backend-table-row,.app-admin-table .backend-table-head,.app-admin-table .backend-table-row{grid-template-columns:minmax(170px,1.35fr) minmax(120px,1fr) minmax(120px,.9fr) 58px}.backend-table-head{color:#506b80;background:#06121fa6;height:37px;font-size:7px}.backend-table-row{color:#7f96a8;cursor:pointer;background:0 0;border:0;border-top:1px solid #799ec711;width:100%;min-height:57px;font-size:8px}.backend-table-row.active{box-shadow:inset 2px 0 0 var(--cyan);background:linear-gradient(90deg,#45c5ff17,#45c5ff03)}.backend-table-row strong,.backend-table-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.backend-table-row strong{color:#9eb4c4;font-size:8px}.backend-table-row small{color:#516b80;margin-top:4px;font-size:6px}.backend-detail{border:1px solid var(--border-soft);text-align:center;background:#0716267a;border-radius:9px;padding:16px;position:sticky;top:78px}.backend-device-icon{color:#082239;background:linear-gradient(135deg,#50d0f8,#4cddb9);border-radius:13px;place-items:center;width:48px;height:48px;margin:0 auto 10px;display:grid}.backend-device-icon.purple{background:linear-gradient(135deg,#b197ff,#5ccfe8)}.backend-detail h3{color:#bdcfdb;margin:0 0 7px;font-size:11px}.backend-detail dl,.channel-grid dl{text-align:left;margin:15px 0 0}.backend-detail dl>div,.channel-grid dl>div{border-bottom:1px solid #799ec711;padding:7px 0}.backend-detail dt,.backend-detail dd,.channel-grid dt,.channel-grid dd{margin:0}.backend-detail dt,.channel-grid dt{color:#506b80;font-size:7px}.backend-detail dd,.channel-grid dd{color:#8199ab;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:8px;overflow:hidden}.backend-detail-actions{grid-template-columns:1fr 1fr;gap:6px;margin-top:13px;display:grid}.backend-detail-actions.three{grid-template-columns:repeat(3,1fr)}.backend-detail-actions button,.gateway-detail footer button,.channel-grid article>button{color:#7590a5;cursor:pointer;background:#45c5ff09;border:1px solid #45c5ff1a;border-radius:6px;justify-content:center;align-items:center;gap:5px;min-height:31px;font-size:7px;display:flex}.backend-detail-actions button.danger{color:#df8290;background:#ff617709;border-color:#ff61771f}.scope-list{text-align:left;margin-top:12px}.scope-list>span{color:#526c80;margin-bottom:6px;font-size:7px;display:block}.scope-list b{color:#70a8bd;background:#45c5ff0d;border-radius:4px;margin:3px 3px 0 0;padding:5px 6px;font-size:6px;font-weight:500;display:inline-flex}.backend-status{white-space:nowrap;border-radius:5px;justify-content:center;align-items:center;width:max-content;min-width:42px;height:21px;padding:0 6px;font-size:7px;font-weight:500;display:inline-flex}.backend-status.success{color:#66dbc0;background:#4be1bd14;border:1px solid #4be1bd1a}.backend-status.warning{color:#f5ad78;background:#ff9c5b14;border:1px solid #ff9c5b1a}.backend-status.danger{color:#f18595;background:#ff617714;border:1px solid #ff61771a}.backend-status.info{color:#79c9ee;background:#45c5ff14;border:1px solid #45c5ff1a}.vlan-summary-strip{grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:11px;display:grid}.vlan-summary-strip article{border:1px solid var(--border-soft);background:#0716266b;border-radius:9px;min-height:80px;padding:13px 14px}.vlan-summary-strip small,.vlan-summary-strip strong,.vlan-summary-strip span{margin:0;display:block}.vlan-summary-strip small{color:#60798d;font-size:8px}.vlan-summary-strip strong{color:#d6e6f2;margin-top:5px;font-size:20px}.vlan-summary-strip span{color:#536c80;margin-top:6px;font-size:7px;line-height:1.6}.vlan-split{margin-bottom:11px}.vlan-plan-table .backend-table-head,.vlan-plan-table .backend-table-row{grid-template-columns:minmax(140px,1fr) minmax(155px,1.15fr) minmax(130px,1fr) 90px}.vlan-detail .backend-status{margin:0 auto}.vlan-chip-list{text-align:center}.vlan-chip-list b{font-size:7px}.vlan-network-block,.vlan-note{text-align:left;background:#040f1b61;border:1px solid #799ec714;border-radius:7px;margin-top:14px;padding:11px}.vlan-network-block>span,.vlan-note strong{color:#8fa6b7;font-size:8px;display:block}.vlan-network-block code{color:#73bbd2;background:#071827;border:1px solid #45c5ff14;border-radius:6px;margin-top:8px;padding:8px 9px;font-size:8px;display:block}.vlan-note p{color:#60798d;margin:8px 0 0;font-size:8px;line-height:1.7}.vlan-allocation-card{border:1px solid var(--border-soft);background:#07162661;border-radius:9px;padding:16px}.vlan-allocation-card .backend-panel-head{margin-bottom:10px}.vlan-allocation-table{background:#05111e73;border:1px solid #799ec714;border-radius:8px;overflow:hidden}.vlan-allocation-head,.vlan-allocation-row{grid-template-columns:110px 70px minmax(240px,1.6fr) 60px 60px 90px;align-items:center;gap:8px;padding:0 11px;display:grid}.vlan-allocation-head{color:#506b80;background:#05111ed1;min-height:36px;font-size:7px}.vlan-allocation-row{color:#7d95a7;border-top:1px solid #799ec711;min-height:54px;font-size:8px}.vlan-allocation-row strong{color:#9eb6c6;font-weight:550}.gateway-layout{grid-template-columns:285px minmax(0,1fr);gap:12px;display:grid}.gateway-list{border:1px solid var(--border-soft);background:#07162666;border-radius:9px;padding:7px}.gateway-list>button{width:100%;min-height:62px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;padding:7px;display:grid}.gateway-list>button.active{background:#45c5ff12;border-color:#45c5ff26}.gateway-list>button>span{width:32px;height:32px;color:var(--cyan);background:#45c5ff12;border-radius:7px;place-items:center;display:grid}.gateway-list strong,.gateway-list small{display:block}.gateway-list strong{color:#95adbd;font-size:8px}.gateway-list small{color:#506a7f;margin-top:4px;font-size:6px}.gateway-detail{border:1px solid var(--border-soft);background:#07162670;border-radius:9px;padding:18px}.gateway-detail>header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:flex-start;padding-bottom:13px;display:flex}.gateway-detail header span,.gateway-detail header h3{margin:0;display:block}.gateway-detail header span{color:#516c81;font-size:7px}.gateway-detail header h3{color:#b6cad8;margin-top:5px;font-size:12px}.protocol-route{margin:17px 0}.gateway-fields{background:#040f1b61;border-radius:7px;grid-template-columns:repeat(3,1fr);gap:9px;padding:12px;display:grid}.gateway-fields>div{min-width:0}.gateway-fields dt,.gateway-fields dd{margin:0;display:block}.gateway-fields dt{color:#506a7f;font-size:7px}.gateway-fields dd{color:#829aac;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:8px;overflow:hidden}.capability-block{margin-top:14px}.capability-block>span{color:#60798d;font-size:8px}.capability-block div{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.capability-block b{color:#6da88f;background:#4be1bd0a;border:1px solid #4be1bd14;border-radius:5px;align-items:center;gap:4px;padding:6px 8px;font-size:7px;font-weight:500;display:flex}.gateway-detail footer{border-top:1px solid var(--border-soft);justify-content:flex-end;gap:6px;margin-top:16px;padding-top:13px;display:flex}.gateway-detail footer button{padding:0 10px}.gateway-detail footer button.primary{color:#06243a;background:var(--cyan);border-color:var(--cyan)}.channel-grid{grid-template-columns:repeat(2,1fr);gap:11px;display:grid}.channel-grid article{border:1px solid var(--border-soft);background:#07162670;border-radius:9px;padding:16px}.channel-grid header{justify-content:space-between;align-items:center;display:flex}.channel-grid header>span{width:36px;height:36px;color:var(--cyan);background:#45c5ff14;border-radius:8px;place-items:center;display:grid}.channel-grid article>small{color:#4f6a7f;margin-top:12px;font-size:6px;display:block}.channel-grid h3{color:#afc3d1;margin:5px 0 12px;font-size:11px}.channel-route{color:#6c9db2;background:#061725;border:1px solid #45c5ff14;border-radius:6px;align-items:center;gap:7px;padding:8px;display:flex}.channel-route code{color:#75b9d1;font-size:7px}.channel-grid article>button{width:100%;margin-top:13px}.api-table,.log-table{border:1px solid var(--border-soft);background:#07162661;border-radius:9px;overflow:hidden}.api-head,.api-row{grid-template-columns:54px minmax(190px,1.5fr) 75px 95px 82px 55px 55px;align-items:center;gap:8px;padding:0 11px;display:grid}.api-head,.log-head{color:#506b80;background:#05111ea6;min-height:36px;font-size:7px}.api-row{color:#7c94a7;border-top:1px solid #799ec711;min-height:56px;font-size:7px}.api-row>span{min-width:0}.api-row span strong,.api-row span code{display:block}.api-row span strong{color:#96adbd;font-size:8px}.api-row span code{color:#5c8ea4;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:6px;overflow:hidden}.api-row>span:nth-child(4){align-items:center;gap:4px;display:flex}.method{text-align:center;border-radius:4px;width:38px;padding:5px 0;font-size:6px}.method.get{color:#58d4b6;background:#4be1bd17}.method.post{color:#70c9ef;background:#45c5ff17}.log-head,.log-row{grid-template-columns:135px 80px 90px 100px minmax(100px,1fr) 55px;align-items:center;gap:8px;padding:0 11px;display:grid}.log-row{color:#7b93a5;border-top:1px solid #799ec711;min-height:50px;font-size:7px}.log-row strong{color:#9ab0c0;font-weight:500}.log-row code{color:#6293a9;font-size:7px}.backend-empty{color:#4e687d;flex-direction:column;justify-content:center;align-items:center;min-height:280px;display:flex}.backend-empty strong{color:#7891a4;margin-top:8px;font-size:9px}.backend-empty span{margin-top:4px;font-size:7px}.config-modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#02080ec2;place-items:center;padding:30px;display:grid;position:fixed;inset:0}.config-modal{background:#0b1b2d;border:1px solid #28445e;border-radius:12px;width:min(720px,90vw);max-height:88vh;overflow:hidden;box-shadow:0 35px 100px #00000073}.config-modal>header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;min-height:68px;padding:0 18px;display:flex}.config-modal header span,.config-modal header h2{margin:0;display:block}.config-modal header span{color:#4f6d82;letter-spacing:.13em;font-size:6px}.config-modal header h2{color:#c5d8e5;margin-top:4px;font-size:14px}.config-modal header>button{color:#718a9e;border:1px solid var(--border-soft);cursor:pointer;background:0 0;border-radius:6px;place-items:center;width:32px;height:32px;display:grid}.config-modal-body{max-height:64vh;padding:18px;overflow:auto}.config-modal>footer{border-top:1px solid var(--border-soft);justify-content:flex-end;align-items:center;gap:7px;min-height:61px;padding:0 18px;display:flex}.config-modal>footer button{color:#7b94a7;cursor:pointer;background:#45c5ff09;border:1px solid #45c5ff1a;border-radius:6px;align-items:center;gap:5px;min-height:32px;padding:0 13px;font-size:8px;display:flex}.config-modal>footer button.primary{color:#06243a;background:var(--cyan);border-color:var(--cyan)}.config-modal>footer button.danger{color:#fff;background:#d95167;border-color:#d95167}.config-form{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.config-form label.wide{grid-column:1/3}.config-form label>span{color:#657e92;margin-bottom:6px;font-size:8px;display:block}.config-form input,.config-form select,.config-form textarea{color:#9fb5c5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#071725;border:1px solid #203b55;border-radius:6px;outline:0;width:100%;min-height:36px;padding:0 10px;font-size:8px}.config-form textarea{resize:vertical;min-height:70px;padding-top:10px}.config-form input:focus,.config-form select:focus,.config-form textarea:focus{border-color:#45c5ff73}.config-form input:disabled{color:#526b7f;background:#0a1928}.delete-confirm{color:#ff8999;background:#ff61770a;border:1px solid #ff61771a;border-radius:8px;align-items:flex-start;gap:14px;padding:15px;display:flex}.delete-confirm p{color:#8e7480;margin:0;font-size:9px;line-height:1.8}.backend-toast{z-index:60}@media (width<=1320px){.public-header nav{gap:18px;margin-left:35px}.public-hero{grid-template-columns:minmax(0,1fr) 310px;gap:35px}.backend-workspace{grid-template-columns:175px minmax(0,1fr)}.backend-split{grid-template-columns:minmax(0,1fr) 250px}.vlan-summary-strip{grid-template-columns:repeat(2,1fr)}.vlan-allocation-head,.vlan-allocation-row{grid-template-columns:100px 60px minmax(210px,1.4fr) 55px 55px 80px}.gateway-layout{grid-template-columns:250px minmax(0,1fr)}.topbar .global-search{width:200px}.module-heading>div{gap:8px}.module-heading span{max-width:170px}.access-selected-facts{grid-template-columns:1fr 1fr}.stage-page-metrics,.stage-loop-columns{grid-template-columns:1fr}}@media (width<=1080px){.public-header nav{display:none}.public-hero{grid-template-columns:1fr;padding-top:65px}.visit-card{max-width:480px}.exhibition-card{grid-template-columns:140px 1fr}.activities-section{grid-template-columns:1fr}.public-flow-card{max-width:420px}.service-grid{grid-template-columns:repeat(2,1fr)}}