:root{--bg: #030b1c;--panel: rgba(7, 25, 54, .92);--panel-2: #0a2148;--line: rgba(43, 132, 255, .42);--line-strong: #2b84ff;--blue: #2477ff;--cyan: #21e6ff;--cyan-soft: #a6eaff;--green: #48e3a6;--amber: #ffbd5a;--red: #ff6977;--text: #d5e8ff;--muted: #7894bd;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%}body{margin:0;min-width:0;overflow:hidden;background:radial-gradient(circle at 50% -20%,#13384b 0,var(--bg) 45%)}button,input{font:inherit}.app-shell{min-height:100vh;background:linear-gradient(180deg,#05101a59,#040d15f2),repeating-linear-gradient(0deg,rgba(91,159,186,.03) 0,rgba(91,159,186,.03) 1px,transparent 1px,transparent 4px)}.top-bar{height:74px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#05121dd6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand,.top-actions,.top-meta,.brand>div,.toolbar-actions,.panel-title{display:flex;align-items:center}.brand{gap:12px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;color:var(--cyan);border:1px solid rgba(69,214,243,.5);box-shadow:0 0 18px #45d6f340 inset}.brand strong{display:block;font-size:19px;letter-spacing:1px}.brand span{color:var(--muted);font-size:9px;letter-spacing:2px}.top-meta{gap:12px;color:var(--muted);font-size:12px}.meta-divider{height:15px;width:1px;background:var(--line)}.live-dot,.node-status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.top-actions{gap:8px}.app-body{display:grid;grid-template-columns:265px minmax(650px,1fr) 285px;gap:14px;padding:14px;height:calc(100vh - 74px);min-height:720px}.left-rail,.right-rail{display:grid;grid-template-rows:minmax(0,1.18fr) minmax(0,.92fr) minmax(0,1fr);gap:14px;min-width:0}.dash-panel,.property-panel{border:1px solid var(--line);background:var(--panel);box-shadow:0 12px 30px #00000026,inset 0 1px #91e0f30d;padding:14px}.panel-title{justify-content:space-between;gap:8px;min-width:0;font-size:13px;color:var(--cyan-soft);letter-spacing:.5px;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:12px}.panel-title .el-icon{color:var(--cyan)}.overview-main{display:flex;flex:1;gap:16px;align-items:center}.overview-ring{width:108px;height:108px;border:6px solid rgba(69,214,243,.18);border-top-color:var(--cyan);border-right-color:var(--cyan);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;align-content:center;box-shadow:0 0 22px #45d6f329}.overview-ring strong{font-size:26px;color:#fff}.overview-ring small{margin-top:7px;color:var(--cyan)}.overview-ring span{width:100%;text-align:center;color:var(--muted);font-size:10px;white-space:nowrap}.overview-stats{flex:1;min-width:0;display:grid;gap:9px}.overview-stats div{display:grid;grid-template-columns:18px minmax(max-content,1fr) auto;align-items:center;gap:6px;min-width:0;font-size:11px;color:var(--muted)}.overview-stats span{white-space:nowrap}.overview-stats strong{color:#fff;font-size:16px;white-space:nowrap}.cyan{color:var(--cyan)}.green{color:var(--green)}.amber{color:var(--amber)}.quality-grid{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:10px}.quality-grid>div{min-width:0;padding:10px;background:#16415247;border-left:2px solid var(--cyan);position:relative}.quality-grid span,.quality-grid em{display:block;color:var(--muted);font-size:10px;font-style:normal;overflow-wrap:anywhere}.quality-grid strong{max-width:100%;font-size:20px;margin:4px 0;display:inline-block;color:#fff}.quality-grid i{position:absolute;right:8px;bottom:8px;font-size:10px;color:var(--green);font-style:normal;white-space:nowrap}.alarm-panel{min-height:0}.alarm-title strong{font-weight:500;letter-spacing:1px}.alarm-title span{color:#5376a9;font-size:9px;letter-spacing:1px}.alarm-list{flex:1;min-height:0;display:grid;grid-auto-rows:minmax(36px,auto);align-content:start;gap:8px;overflow:auto;scrollbar-width:thin;scrollbar-color:#20528e transparent}.alarm-item{display:grid;grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:36px;padding:8px;background:#0a264fb3;border-left:2px solid var(--red)}.alarm-item.warn{border-left-color:var(--amber)}.alarm-item.success{border-left-color:var(--green)}.alarm-dot{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 8px var(--red);animation:alarm-blink 1.3s infinite}.alarm-item.warn .alarm-dot{background:var(--amber);box-shadow:0 0 8px var(--amber)}.alarm-item.success .alarm-dot{background:var(--green);box-shadow:0 0 8px var(--green);animation:none}.alarm-item em{min-width:0;overflow:hidden;color:#f5faff;font-style:normal;font-size:11px;line-height:1.35;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.alarm-item time{align-self:start;padding-top:2px;color:#6688b8;font:10px monospace;white-space:nowrap}.alarm-total{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid #173b70;color:#7e9bc3;font-size:11px}.alarm-total strong{color:#d8f4ff;font:700 20px monospace}.empty-state,.empty-panel{color:var(--muted);text-align:center;padding:22px 0;font-size:12px}.trend-panel{min-height:0}.trend-tabs{display:flex;flex:0 0 auto;gap:4px;margin-bottom:8px}.trend-tabs button{color:var(--muted);background:transparent;border:1px solid transparent;padding:3px 10px;cursor:pointer;font-size:11px;transition:color .2s,border-color .2s,background-color .2s,box-shadow .2s}.trend-tabs button:hover{color:#c7f5ff;border-color:#2b84ff57}.trend-tabs button.active{color:var(--cyan);border-color:var(--line);background:#45d6f314;box-shadow:inset 0 -1px var(--cyan)}.trend-chart{position:relative;flex:1;min-height:82px;background:linear-gradient(180deg,rgba(69,214,243,.06),transparent);overflow:hidden}.trend-chart svg{width:100%;height:100%;overflow:visible}.trend-grid-line{fill:none;stroke:#7db4ce29}.trend-area{fill:url(#trend-area);opacity:0;animation:trend-area-in .7s .3s ease-out forwards}.trend-line{fill:none;stroke:var(--cyan);stroke-width:2;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px rgba(33,230,255,.8));stroke-dasharray:1;stroke-dashoffset:1;animation:trend-draw .9s ease-out forwards}.trend-point{fill:#dfffff;stroke:var(--cyan);stroke-width:2;vector-effect:non-scaling-stroke;opacity:0;animation:trend-point-in .3s .85s ease-out forwards,trend-point-pulse 1.8s 1.15s ease-in-out infinite}.trend-current{position:absolute;top:10px;right:10px}.trend-current strong{font-size:20px;color:#fff}.trend-current span{color:var(--muted);font-size:10px;white-space:nowrap}.trend-axis{flex:0 0 auto;display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.app-shell{background:linear-gradient(180deg,#030b1c47,#020816f5),repeating-linear-gradient(0deg,rgba(72,133,214,.035) 0,rgba(72,133,214,.035) 1px,transparent 1px,transparent 4px)}.top-bar{border-bottom-color:#153b76;background:linear-gradient(90deg,#082155fa,#071a3af5 48%,#082155fa);box-shadow:0 0 30px #1870ff29 inset,0 0 18px #1870ff1f}.brand-mark{border-color:#35caffbf;box-shadow:0 0 18px #19cfff40 inset}.dash-panel,.property-panel{border-color:#123a73;background:linear-gradient(155deg,#081f46f0,#041129f5);box-shadow:0 0 0 1px #3383ff0d inset,0 0 20px #0c5bc224}.panel-title{border-bottom-color:#3679d14d}.overview-ring{border-color:#21e6ff2e;border-top-color:var(--cyan);border-right-color:var(--cyan);box-shadow:0 0 22px #21e6ff2e}.quality-grid>div{background:#0b2d5d9e}.alarm-item{background:#0a264fb3}.trend-chart{background:linear-gradient(180deg,rgba(33,230,255,.07),transparent)}.trend-tabs button.active{background:#21e6ff1a}@keyframes alarm-blink{50%{opacity:.28;transform:scale(.72)}}@keyframes panel-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes panel-scan{0%,18%{background-position:0 -40%;opacity:0}24%{opacity:.34}70%,to{background-position:0 140%;opacity:0}}@keyframes ring-breathe{0%,to{box-shadow:0 0 20px #21e6ff24}50%{box-shadow:0 0 30px #21e6ff47}}@keyframes progress-reveal{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes trend-draw{to{stroke-dashoffset:0}}@keyframes trend-area-in{to{opacity:1}}@keyframes trend-point-in{to{opacity:1}}@keyframes trend-point-pulse{50%{filter:drop-shadow(0 0 7px var(--cyan))}}.app-shell{width:100%;height:100vh;min-height:0;overflow:hidden}.app-body{grid-template-columns:265px minmax(0,1fr) 285px;min-height:0}.left-rail,.right-rail{min-height:0;height:100%;overflow:hidden}@media(max-width:1440px){body{min-width:0}.app-body{grid-template-columns:220px minmax(0,1fr) 240px;gap:10px;padding:10px}.top-meta{display:none}.dash-panel{padding:12px}.overview-main{gap:10px}.overview-ring{width:96px;height:96px}}@media(max-width:1100px){body{overflow:auto}.app-shell{height:auto;min-height:100vh;overflow:visible}.app-body{grid-template-columns:1fr 1fr;height:auto;min-height:calc(100vh - 74px)}.workspace{grid-column:1 / -1;grid-row:1;height:clamp(540px,calc(100vh - 94px),760px)}.left-rail,.right-rail{height:auto;overflow:visible}.left-rail{grid-column:1;grid-row:2}.right-rail{grid-column:2;grid-row:2}}@media(max-width:700px){.top-bar{height:64px;padding:0 12px}.brand{gap:8px}.brand-mark{width:32px;height:32px}.brand strong{font-size:16px}.brand span{display:none}.top-actions{gap:2px}.app-body{grid-template-columns:1fr;gap:10px;padding:10px;min-height:calc(100vh - 64px)}.workspace{grid-column:1;height:430px}.left-rail,.right-rail{grid-column:1}.left-rail{grid-row:2}.right-rail{grid-row:3}.quality-grid{gap:8px}}@media(min-width:2200px)and (min-height:1200px){.top-bar{height:88px;padding:0 32px}.brand{gap:15px}.brand-mark{width:46px;height:46px;font-size:20px}.brand strong{font-size:23px}.brand span{font-size:11px}.top-meta{gap:16px;font-size:14px}.top-actions{gap:10px}.top-actions .el-button{width:36px;height:36px;font-size:17px}.app-body{grid-template-columns:330px minmax(0,1fr) 350px;gap:18px;padding:18px;height:calc(100vh - 88px)}.left-rail,.right-rail{gap:18px}.dash-panel{padding:18px}.panel-title{padding-bottom:14px;margin-bottom:16px;font-size:16px}.overview-panel{min-height:270px}.overview-main{gap:20px}.overview-ring{width:132px;height:132px;border-width:7px}.overview-ring strong{font-size:32px}.overview-ring span{font-size:12px}.overview-stats{gap:12px}.overview-stats div{grid-template-columns:22px 1fr auto;gap:8px;font-size:13px}.overview-stats strong{font-size:20px}.quality-grid{gap:12px}.quality-grid>div{padding:13px}.quality-grid span,.quality-grid em{font-size:12px}.quality-grid strong{font-size:25px}.alarm-panel{min-height:350px}.alarm-list{gap:10px}.alarm-item{min-height:46px;padding:11px;grid-template-columns:11px minmax(0,1fr) auto}.alarm-item em{font-size:13px}.alarm-item time{font-size:12px}.alarm-total{margin-top:18px;padding-top:15px;font-size:13px}.alarm-total strong{font-size:25px}.trend-panel{min-height:270px}.trend-tabs button{padding:5px 13px;font-size:13px}.trend-chart{height:155px}.trend-current strong{font-size:25px}.trend-axis{font-size:11px}}@media(min-width:3200px)and (min-height:1800px){.top-bar{height:104px;padding:0 44px}.brand{gap:18px}.brand-mark{width:56px;height:56px;font-size:24px}.brand strong{font-size:28px}.brand span{font-size:13px}.top-meta{gap:20px;font-size:17px}.top-actions .el-button{width:44px;height:44px;font-size:20px}.app-body{grid-template-columns:440px minmax(0,1fr) 460px;gap:24px;padding:24px;height:calc(100vh - 104px)}.left-rail,.right-rail{gap:24px}.dash-panel{padding:24px}.panel-title{padding-bottom:18px;margin-bottom:20px;font-size:20px}.overview-panel{min-height:350px}.overview-ring{width:172px;height:172px;border-width:9px}.overview-ring strong{font-size:42px}.overview-ring small,.overview-ring span{font-size:15px}.overview-stats{gap:16px}.overview-stats div{grid-template-columns:28px 1fr auto;font-size:17px}.overview-stats strong{font-size:26px}.quality-grid{gap:16px}.quality-grid>div{padding:17px}.quality-grid span,.quality-grid em{font-size:15px}.quality-grid strong{font-size:32px}.alarm-panel{min-height:460px}.alarm-list{gap:13px}.alarm-item{min-height:60px;padding:14px;grid-template-columns:14px minmax(0,1fr) auto}.alarm-dot{width:9px;height:9px}.alarm-item em{font-size:17px}.alarm-item time{font-size:15px}.alarm-total{margin-top:24px;padding-top:20px;font-size:17px}.alarm-total strong{font-size:32px}.trend-panel{min-height:350px}.trend-tabs button{padding:6px 17px;font-size:16px}.trend-chart{height:205px}.trend-current strong{font-size:32px}.trend-axis{font-size:14px}}.top-bar{gap:18px}.brand{flex:0 1 auto;min-width:0;margin-right:auto}.brand-mark{flex:0 0 auto}.brand-copy{display:block!important;min-width:0}.brand strong,.brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand strong{color:#f3f9ff}.top-status-board{flex:0 1 auto;display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;margin-left:auto}.top-actions{flex:0 0 auto}.station-state{display:flex;align-items:center;gap:7px;margin-right:4px;color:#a9c7e9;font-size:11px;white-space:nowrap}.device-status-summary{display:flex;align-items:stretch;border:1px solid rgba(41,113,204,.5);outline:none;background:#061c42a3;cursor:default;transition:border-color .16s,box-shadow .16s}.device-status-summary:hover,.device-status-summary:focus-visible{border-color:var(--cyan);box-shadow:0 0 12px #21e6ff2e}.top-kpi{min-width:72px;display:grid;grid-template-columns:auto auto auto;align-items:baseline;justify-content:center;gap:4px;padding:7px 9px;border:1px solid rgba(41,113,204,.5);background:#061c42a3;white-space:nowrap}.device-status-summary .top-kpi{border:0;background:transparent}.device-status-summary .top-kpi+.top-kpi{border-left:1px solid rgba(41,113,204,.38)}.top-kpi span{color:#7194c2;font-size:9px}.top-kpi strong{color:#e8f6ff;font:700 16px ui-monospace,SFMono-Regular,Menlo,monospace}.top-kpi em{color:#607fa9;font-size:9px;font-style:normal}.top-kpi.online strong{color:var(--green)}.top-kpi.offline strong{color:#8da2bd}.top-kpi.pump strong{color:var(--cyan)}.top-kpi.alarm.active strong{color:var(--amber)}.top-clock{display:flex;align-items:center;gap:7px;padding-left:7px;color:#86ddff;font-size:13px;white-space:nowrap;text-shadow:0 0 8px rgba(33,230,255,.34)}.top-clock .el-icon{color:var(--cyan);font-size:14px;filter:drop-shadow(0 0 4px rgba(33,230,255,.45))}.top-clock time{color:#bdeeff;font:600 13px ui-monospace,SFMono-Regular,Menlo,monospace}.equipment-status-popper.el-popper{--el-bg-color-overlay:#06152f;--el-border-color-light:#2462a5;padding:0;border-color:#2462a5;background:linear-gradient(155deg,#0a2855,#05142f);box-shadow:0 10px 28px #00000075,0 0 20px #1474ea38}.equipment-status-popper.el-popper .el-popper__arrow:before{border-color:#2462a5;background:#08234c}.offline-tooltip{min-width:230px;padding:12px}.offline-tooltip-title{display:grid;grid-template-columns:16px 1fr auto;align-items:center;gap:7px;padding-bottom:9px;border-bottom:1px solid #183d72;color:#d8edff;font-size:11px}.offline-tooltip-title .el-icon{color:var(--amber)}.offline-tooltip-title strong{color:#fff;font:700 14px monospace}.offline-device-list{display:grid;gap:6px;max-height:220px;margin-top:9px;overflow:auto}.offline-device-list>div{display:grid;grid-template-columns:7px minmax(0,1fr) auto;align-items:center;gap:7px;padding:7px 8px;background:#10305ead;color:#d6eaff;font-size:11px}.offline-device-list>div>span{width:7px;height:7px;border-radius:50%;background:#7589a4}.offline-device-list small{color:#7894bd}.offline-empty{display:flex;align-items:center;gap:8px;padding-top:11px;color:#9fc6d9;font-size:11px}.dash-panel{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;isolation:isolate;animation:panel-enter .48s ease-out both;transition:border-color .2s,box-shadow .2s,transform .2s}.left-rail>.dash-panel:nth-child(2),.right-rail>.dash-panel:nth-child(2){animation-delay:.07s}.left-rail>.dash-panel:nth-child(3),.right-rail>.dash-panel:nth-child(3){animation-delay:.14s}.dash-panel:hover{border-color:#2bacffa8;box-shadow:0 0 0 1px #3383ff14 inset,0 0 26px #0c69da33}.dash-panel:before{content:"";position:absolute;z-index:2;top:-1px;left:18px;width:72px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent)}.dash-panel:after{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(33,230,255,.035),transparent) 0 -40% / 100% 28% no-repeat;animation:panel-scan 8s linear infinite}.dash-panel>*{position:relative;z-index:1}.panel-title{flex:0 0 auto;position:relative;z-index:1}.panel-title>.el-icon{flex:0 0 auto;width:22px;height:22px;display:grid;place-items:center;border:1px solid rgba(43,132,255,.34);background:#0a2b5985;box-shadow:inset 0 0 10px #21e6ff0f}.panel-title-copy{display:block;min-width:0}.panel-title-copy strong,.panel-title-copy small{display:block}.panel-title-copy strong{color:#dcefff;font-size:13px;font-weight:600;letter-spacing:.5px}.panel-title-copy small{margin-top:2px;color:#5376a9;font-size:8px;letter-spacing:1px}.overview-panel{min-height:0}.overview-ring{position:relative;flex:0 0 auto;border:0;background:conic-gradient(var(--cyan) 0 var(--availability),#12345d var(--availability) 100%)}.overview-ring:before{content:"";position:absolute;inset:6px;border-radius:50%;border:1px solid rgba(55,125,198,.34);background:#081b3d;animation:ring-breathe 3.2s ease-in-out infinite}.overview-ring>*{position:relative;z-index:1}.operation-metrics{flex:0 0 auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(54,121,209,.28)}.operation-metrics>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:baseline;gap:4px;min-width:0;padding:8px;background:#0b2d5d85;border-left:2px solid #218fe6;transition:background-color .2s,transform .2s}.operation-metrics>div:hover,.quality-grid>div:hover,.energy-metrics>div:hover{background:#0f3973b8;transform:translateY(-1px)}.operation-metrics span{grid-column:1 / -1;min-width:0;color:#7894bd;font-size:9px;line-height:1.25;overflow-wrap:anywhere}.operation-metrics strong{color:#f0f9ff;font:700 18px ui-monospace,SFMono-Regular,Menlo,monospace}.operation-metrics em{color:#7796bf;font-size:8px;font-style:normal}.operation-metrics small{grid-column:1 / -1;color:var(--green);font-size:8px;line-height:1.3;overflow-wrap:anywhere}.operation-metrics .pressure-metric{align-content:start}.quality-summary{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;padding-top:9px;border-top:1px solid rgba(54,121,209,.24);color:#7894bd;font-size:9px}.quality-summary span{display:flex;align-items:center;gap:6px}.quality-summary i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 7px var(--green)}.quality-summary strong{color:var(--green);font:700 13px monospace}.supply-panel{min-height:0}.supply-total{display:flex;align-items:end;justify-content:space-between;gap:8px;padding-bottom:10px;border-bottom:1px solid rgba(54,121,209,.24)}.supply-total>div{min-width:0}.supply-total span{display:block;color:#7894bd;font-size:9px}.supply-total strong{color:#e9f8ff;font:700 24px ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}.supply-total em{margin-left:4px;color:#6f91bd;font-size:9px;font-style:normal}.supply-total>small{flex:0 0 auto;color:#7894bd;font-size:9px;white-space:nowrap}.supply-total b{color:var(--green);font-weight:500}.supply-lines{flex:1;display:grid;grid-template-rows:repeat(3,minmax(0,1fr));align-content:stretch;gap:8px;margin-top:10px}.supply-lines>div{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px;color:#7894bd;font-size:9px}.supply-lines strong{color:#ddecff;font:600 12px ui-monospace,SFMono-Regular,Menlo,monospace;text-align:right;white-space:nowrap}.supply-lines em{color:#6888b3;font-size:8px;font-style:normal}.supply-lines small{color:#7894bd;font-size:8px}.supply-lines .good-text{color:var(--green)}.metric-progress{grid-column:1 / -1;height:3px;overflow:hidden;background:#102b55}.metric-progress i{display:block;height:100%;transform-origin:left;background:linear-gradient(90deg,#2477ff,var(--cyan));box-shadow:0 0 6px #21e6ff80;animation:progress-reveal .9s .25s ease-out both}.alarm-title .alarm-status{flex:0 0 auto;color:var(--green);font-size:9px;letter-spacing:.5px;white-space:nowrap}.pump-energy-panel{min-height:0}.pump-status-list{display:grid;grid-template-columns:1fr 1fr;gap:6px}.pump-status{display:grid;grid-template-columns:7px minmax(0,1fr) auto;align-items:center;gap:6px;min-width:0;padding:7px;background:#0b2d5d85;transition:background-color .2s}.pump-status:hover{background:#0f3973b8}.pump-status>span{width:6px;height:6px;border-radius:50%}.pump-status.running>span{background:var(--green);box-shadow:0 0 7px var(--green);animation:ring-breathe 2.4s ease-in-out infinite}.pump-status.standby>span{background:var(--cyan);box-shadow:0 0 7px var(--cyan)}.pump-status.danger>span{background:var(--red);box-shadow:0 0 7px var(--red)}.pump-status em{min-width:0;overflow:hidden;color:#bad3ee;font-size:9px;font-style:normal;line-height:1.25;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.pump-status strong{color:#e4f2ff;font-size:9px;font-weight:500;white-space:nowrap}.energy-metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(54,121,209,.24)}.energy-metrics>div{min-width:0;padding:7px;border-left:2px solid #276fbd;background:#071f468f;transition:background-color .2s,transform .2s}.energy-metrics span{display:block;color:#7894bd;font-size:8px}.energy-metrics strong{color:#e9f8ff;font:700 16px ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}.energy-metrics em{margin-left:3px;color:#6888b3;font-size:7px;font-style:normal}.energy-metrics .mode-value{color:var(--green);font-family:inherit;font-size:13px}.trend-current{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:3px;text-align:right}.trend-current em{grid-column:1 / -1;color:var(--green);font-size:9px;font-style:normal}@media(max-width:1700px){.top-bar{gap:10px;padding-left:16px;padding-right:16px}.brand strong{max-width:340px;font-size:16px}.brand span{font-size:8px}.station-state,.top-kpi.alarm{display:none}.top-kpi{min-width:64px;padding:6px 7px}.top-clock time{font-size:13px}}@media(max-width:1250px){.top-status-board{margin-left:auto}.top-kpi.pump,.top-clock{display:none}.overview-panel{min-height:0}}@media(max-width:1440px)and (max-height:900px){.left-rail,.right-rail{grid-template-rows:minmax(0,1.2fr) minmax(0,.94fr) minmax(0,1fr)}.panel-title{padding-bottom:8px;margin-bottom:9px}.overview-ring{width:78px;height:78px}.overview-ring strong{font-size:21px}.overview-ring small{margin-top:4px;font-size:9px}.overview-ring span{font-size:8px}.overview-stats{gap:6px}.overview-stats div{grid-template-columns:13px minmax(max-content,1fr) auto;gap:4px;font-size:9px}.overview-stats strong{font-size:13px}.operation-metrics{gap:6px;margin-top:9px;padding-top:8px}.operation-metrics>div{padding:6px}.operation-metrics strong{font-size:15px}.alarm-list{gap:6px}.alarm-item{min-height:32px;padding:6px}.alarm-total{margin-top:9px;padding-top:8px}.pump-status-list{gap:4px}.pump-status{padding:5px}.energy-metrics{gap:5px;margin-top:6px;padding-top:6px}.energy-metrics>div{padding:5px 6px}.energy-metrics strong{font-size:14px}.trend-chart{min-height:70px}}@media(max-width:700px){.brand strong{max-width:calc(100vw - 175px);font-size:14px}.brand span,.top-status-board{display:none}.overview-panel{min-height:0}}@media(prefers-reduced-motion:reduce){.dash-panel,.dash-panel:after,.overview-ring:before,.alarm-dot,.pump-status.running>span,.metric-progress i,.trend-area,.trend-line,.trend-point{animation:none!important}.dash-panel,.operation-metrics>div,.quality-grid>div,.energy-metrics>div{transition:none!important}}@media(min-width:2200px)and (min-height:1200px){.panel-title-copy strong{font-size:16px}.panel-title-copy small{font-size:10px}.station-state{font-size:13px}.top-kpi{min-width:86px;padding:9px 11px}.top-kpi span,.top-kpi em{font-size:11px}.top-kpi strong{font-size:20px}.top-clock .el-icon{font-size:17px}.top-clock time{font-size:16px}.overview-panel{min-height:360px}.operation-metrics{gap:10px;margin-top:18px;padding-top:16px}.operation-metrics>div{padding:10px}.operation-metrics span,.operation-metrics small{font-size:11px}.operation-metrics strong{font-size:22px}.operation-metrics em{font-size:10px}.supply-panel{min-height:255px}.supply-total strong{font-size:30px}.supply-total span,.supply-total>small,.supply-total em,.supply-lines>div{font-size:11px}.supply-lines{gap:11px;margin-top:13px}.supply-lines strong{font-size:15px}.supply-lines em,.supply-lines small{font-size:10px}.quality-summary{font-size:11px}.pump-energy-panel{min-height:275px}.pump-status-list{gap:8px}.pump-status{padding:9px}.pump-status em,.pump-status strong{font-size:11px}.energy-metrics{gap:9px;margin-top:13px;padding-top:13px}.energy-metrics>div{padding:9px}.energy-metrics span{font-size:10px}.energy-metrics strong{font-size:20px}.energy-metrics em{font-size:9px}}@media(min-width:3200px)and (min-height:1800px){.panel-title-copy strong{font-size:20px}.panel-title-copy small{font-size:13px}.station-state{font-size:16px}.top-kpi{min-width:108px;padding:12px 14px}.top-kpi span,.top-kpi em{font-size:14px}.top-kpi strong{font-size:26px}.top-clock .el-icon{font-size:21px}.top-clock time{font-size:20px}.overview-panel{min-height:460px}.operation-metrics{gap:13px;margin-top:23px;padding-top:20px}.operation-metrics>div{padding:13px}.operation-metrics span,.operation-metrics small{font-size:14px}.operation-metrics strong{font-size:28px}.operation-metrics em{font-size:13px}.supply-panel{min-height:330px}.supply-total strong{font-size:38px}.supply-total span,.supply-total>small,.supply-total em,.supply-lines>div{font-size:14px}.supply-lines{gap:14px;margin-top:17px}.supply-lines strong{font-size:19px}.supply-lines em,.supply-lines small{font-size:13px}.quality-summary{font-size:14px}.pump-energy-panel{min-height:355px}.pump-status-list{gap:10px}.pump-status{padding:12px}.pump-status em,.pump-status strong{font-size:14px}.energy-metrics{gap:12px;margin-top:17px;padding-top:17px}.energy-metrics>div{padding:12px}.energy-metrics span{font-size:13px}.energy-metrics strong{font-size:26px}.energy-metrics em{font-size:12px}}.workspace{min-width:0;display:flex;flex-direction:column;gap:8px}.editor-toolbar{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 10px;border:1px solid var(--line);background:var(--panel)}.toolbar-title{display:flex;align-items:center;gap:8px;color:var(--cyan-soft);font-size:13px;white-space:nowrap}.toolbar-title .el-icon{color:var(--cyan)}.toolbar-title-copy,.toolbar-title-copy strong,.toolbar-title-copy small{display:block}.toolbar-title-copy strong{color:#cce8ff;font-size:12px;font-weight:600}.toolbar-title-copy small{margin-top:1px;color:#557aa9;font-size:7px;letter-spacing:1px}.toolbar-actions{gap:5px;flex-wrap:wrap;justify-content:flex-end}.toolbar-actions .el-button{margin:0}.canvas-wrap{flex:1;min-height:0;border:1px solid var(--line);background:#06131e;padding:10px;position:relative;overflow:hidden}.process-canvas{height:100%;min-height:620px;position:relative;overflow:hidden;background:radial-gradient(circle at 52% 42%,rgba(18,75,94,.28),transparent 48%),linear-gradient(90deg,rgba(70,151,179,.06) 1px,transparent 1px),linear-gradient(rgba(70,151,179,.06) 1px,transparent 1px);background-size:auto,32px 32px,32px 32px;cursor:grab;touch-action:none}.process-canvas.is-panning{cursor:grabbing}.canvas-scene{position:absolute;inset:0;min-height:620px;transform-origin:0 0;will-change:transform}.canvas-grid{position:absolute;inset:0;pointer-events:none;opacity:0;background-image:linear-gradient(90deg,rgba(72,190,255,.2) 1px,transparent 1px),linear-gradient(rgba(72,190,255,.2) 1px,transparent 1px);transition:opacity .16s ease}.canvas-grid.active{opacity:.58}.canvas-label{position:absolute;bottom:8px;left:10px;color:#9beeff61;font-size:9px;letter-spacing:2px}.canvas-radar{position:absolute;right:14px;bottom:12px;display:flex;gap:4px}.canvas-radar span{width:5px;height:5px;border-radius:50%;background:var(--cyan);opacity:.35;animation:pulse 1.6s infinite}.canvas-radar span:nth-child(2){animation-delay:.4s}.canvas-radar span:nth-child(3){animation-delay:.8s}.canvas-nav{position:absolute;z-index:7;right:12px;top:12px;display:flex;align-items:center;gap:5px;padding:4px;background:#051633c2;border:1px solid rgba(43,132,255,.42);box-shadow:0 0 12px #147eff29;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.canvas-nav .el-button{width:25px;height:25px;margin:0;background:transparent;border-color:transparent;color:var(--cyan-soft)}.canvas-nav .el-button:hover{color:var(--cyan);background:#21e6ff1a;border-color:#21e6ff6b}.canvas-nav span{min-width:37px;color:var(--muted);text-align:center;font-size:10px}.connection-layer{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:visible;pointer-events:none}.connection-layer.editable{pointer-events:auto}.connection-hit{cursor:default}.connection-layer.editable .connection-hit{cursor:pointer}.connection-line{stroke:var(--pipe-color,url(#pipe-normal));stroke-width:var(--pipe-width, .62);stroke-dasharray:var(--pipe-dash,none);stroke-linecap:round;stroke-linejoin:round;fill:none;opacity:.98;filter:drop-shadow(0 0 1.5px rgba(31,139,255,.7));transition:stroke-width .16s,opacity .16s,filter .16s}.connection-flow{stroke:#41cffffa;stroke-width:calc(var(--pipe-width, .62) * .42);stroke-linecap:round;fill:none;stroke-dasharray:2.2 8.8;stroke-dashoffset:0;animation:flow 1.8s linear infinite;pointer-events:none;opacity:var(--pipe-flow-opacity,.94);will-change:stroke-dashoffset}.connection-layer.editable .connection-hit:hover .connection-line{stroke-width:calc(var(--pipe-width, .62) + .28);opacity:1}.connection-line.selected{stroke:#8cecff;stroke-width:calc(var(--pipe-width, .62) + .35);filter:drop-shadow(0 0 3px var(--cyan))}.connection-flow.selected{stroke:#d5f8ff;stroke-width:calc(var(--pipe-width, .62) * .62)}.connection-label{fill:var(--cyan-soft);font-size:1.05px;text-anchor:middle;paint-order:stroke;stroke:#020a1d;stroke-width:.2px;transform:translateY(-.65px)}.process-node{position:absolute;width:178px;min-height:124px;transform:translate(-50%,-50%);z-index:2;border:0;background:transparent;box-shadow:none;cursor:grab;-webkit-user-select:none;user-select:none;transition:transform .2s ease,filter .2s ease,opacity .15s}.process-node:active{cursor:grabbing}.process-node:hover{transform:translate(-50%,-50%) translateY(-4px) scale(1.04);filter:brightness(1.2);z-index:4}.process-node.selected{outline:1px solid rgba(33,230,255,.9);outline-offset:4px;filter:brightness(1.25) drop-shadow(0 0 10px rgba(33,230,255,.46))}.process-node.locked{cursor:not-allowed}.process-node.danger{filter:drop-shadow(0 0 7px rgba(255,93,113,.62))}.process-node.warn{filter:drop-shadow(0 0 7px rgba(255,196,74,.58))}.node-head,.node-footer{display:flex;align-items:center;gap:6px;padding:6px 8px;background:transparent;border:0}.node-status-dot{width:6px;height:6px}.danger .node-status-dot{background:var(--red);box-shadow:0 0 8px var(--red)}.warn .node-status-dot{background:var(--amber);box-shadow:0 0 8px var(--amber)}.node-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;color:var(--cyan-soft);text-shadow:0 1px 4px #020a1d}.lock-icon{font-size:11px;color:var(--amber)}.node-visual{height:70px;display:grid;place-items:center;padding:4px}.node-visual img{width:max(50px,var(--node-image-size,70px));height:max(50px,var(--node-image-size,70px));min-width:50px;min-height:50px;max-height:none;max-width:none;object-fit:contain;filter:drop-shadow(0 0 8px rgba(38,156,255,.72));transition:filter .2s ease}.process-node:hover .node-visual img{filter:drop-shadow(0 0 13px rgba(33,230,255,.9))}.node-footer{justify-content:space-between;color:#fff;font-size:11px;text-shadow:0 1px 4px #020a1d}.connect-btn{background:transparent;border:0;color:var(--cyan);cursor:pointer;padding:0;display:grid;place-items:center}.node-tag,.node-alert{position:absolute;top:-18px;right:0;padding:2px 5px;font-size:9px;background:#031028db;border:1px solid rgba(43,132,255,.62);color:var(--muted);white-space:nowrap}.node-alert{color:var(--red);border-color:#ff5d71b8}.connect-hint{position:absolute;z-index:5;top:10px;left:50%;transform:translate(-50%);padding:7px 12px;background:#071936f5;border:1px solid var(--cyan);color:var(--cyan-soft);font-size:11px}.connect-hint button{margin-left:8px;border:0;background:transparent;color:var(--amber);cursor:pointer}.workspace-footer{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;padding:0 4px}.workspace-footer .dirty{color:var(--amber)}.panel-heading{display:flex;justify-content:space-between;align-items:center;color:var(--cyan-soft);font-size:13px;margin-bottom:12px}.panel-actions{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);padding-top:14px}.panel-actions>span{flex:1}.asset-search{display:flex;align-items:center;gap:9px;border:1px solid #20528e;padding:8px 10px;margin-bottom:14px;color:var(--cyan);background:#071b3d;box-shadow:inset 0 0 12px #21e6ff0a}.asset-search:focus-within{border-color:var(--cyan);box-shadow:0 0 0 2px #21e6ff1a}.asset-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text)}.asset-search input::placeholder{color:#557aa9}.asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.asset-card{position:relative;min-height:118px;border:1px solid #1b4b8d;background:#0a254db8;color:var(--text);text-align:left;padding:9px;cursor:pointer;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}.asset-card:hover{border-color:var(--cyan);background:#103365;transform:translateY(-2px);box-shadow:0 5px 16px #040d2373,inset 0 0 14px #21e6ff0f}.asset-thumb{height:72px;display:grid;place-items:center;background:linear-gradient(180deg,#081d404d,#040f23ad)}.asset-thumb img{max-width:100%;max-height:64px;filter:drop-shadow(0 0 6px rgba(44,163,255,.65))}.asset-card span{display:block;margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#d7e9ff}.asset-card small{color:var(--muted);font-size:9px}.asset-add{position:absolute;right:7px;top:7px;color:var(--cyan);padding:3px;border:1px solid rgba(33,230,255,.4);background:#04122bcc}.topology-legend{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;min-height:28px;padding:4px 8px;color:#9ab5d7;font-size:10px}.topology-legend span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.cad-area-summary{color:#b8d6dc;font-size:12px;line-height:1.7;padding:4px 8px}.legend-line{width:22px;height:3px;display:inline-block;border-radius:3px;box-shadow:0 0 6px currentColor}.legend-line.water{color:#2f9eff;background:#2f9eff}.legend-line.branch{color:#9b7bff;background:#9b7bff}.legend-line.rain{color:#36c98f;background:#36c98f}.legend-line.unknown{color:#8b9bad;background:repeating-linear-gradient(90deg,#8b9bad 0 4px,transparent 4px 7px);box-shadow:none}.detail-hero{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);background:#0e2c3b59}.detail-hero img{width:64px;height:52px;object-fit:contain}.detail-hero div{flex:1;min-width:0}.detail-hero strong,.detail-hero span{display:block}.detail-hero strong{color:var(--cyan-soft);font-size:15px}.detail-hero span{color:var(--muted);font-size:10px;margin-top:4px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.detail-grid>div{border:1px solid var(--line);padding:10px;background:#0e2c3b33}.detail-grid span,.detail-grid strong{display:block}.detail-grid span{color:var(--muted);font-size:10px}.detail-grid strong{color:#fff;font-size:13px;margin-top:5px;word-break:break-word}@keyframes flow{to{stroke-dashoffset:-11}}@keyframes pulse{50%{opacity:1;box-shadow:0 0 8px var(--cyan)}}@media(max-width:1280px){body{min-width:1024px}.app-body{grid-template-columns:225px minmax(560px,1fr) 245px;gap:10px;padding:10px}.process-node{width:128px}.top-meta{display:none}}.canvas-wrap{border:0;padding:0;background:transparent;box-shadow:none}.process-canvas{background:radial-gradient(circle at 52% 42%,rgba(14,64,129,.34),transparent 58%),linear-gradient(160deg,#061632,#020a1d 76%),linear-gradient(90deg,rgba(93,158,232,.08) 1px,transparent 1px),linear-gradient(rgba(93,158,232,.08) 1px,transparent 1px);background-size:auto,auto,32px 32px,32px 32px}.process-canvas:not(.edit-mode) .process-node{cursor:pointer}.process-node.muted{opacity:.68;filter:grayscale(.85) drop-shadow(0 0 6px rgba(139,155,173,.45))}.process-node.muted .node-status-dot{background:#8b9bad;box-shadow:none}.process-node.valve-state-closed .node-visual img{filter:grayscale(.65) sepia(.45) saturate(3) hue-rotate(300deg) drop-shadow(0 0 8px rgba(255,105,123,.72))}.process-node.valve-state-unknown .node-visual img,.process-node.valve-state-offline .node-visual img{filter:grayscale(1) drop-shadow(0 0 6px rgba(139,155,173,.6))}.process-node.valve-state-open .node-status-dot{background:#4ce0a8;box-shadow:0 0 8px #4ce0a8}.process-canvas:not(.edit-mode) .connect-btn{display:none}.process-node.topology-compact .node-tag{display:none}.process-node.topology-compact .node-head,.process-node.topology-compact .node-footer{padding-left:5px;padding-right:5px}.process-node.topology-compact .node-name{text-align:center}.connection-label{stroke:#020a1d}.connect-hint{background:#071936f5}.asset-card,.detail-hero,.detail-grid>div{background:#0a254d94}.editor-toolbar{border-color:#153b76;background:linear-gradient(90deg,#071939f5,#05122bf5);box-shadow:inset 0 1px #21e6ff0f}.toolbar-actions .el-button,.panel-actions .el-button,.json-dialog .el-button{--el-button-bg-color:#0b2752;--el-button-border-color:#205598;--el-button-text-color:#a9d8ff;--el-button-hover-bg-color:#10366e;--el-button-hover-border-color:#21e6ff;--el-button-hover-text-color:#fff;--el-button-active-bg-color:#071f45;--el-button-active-border-color:#21e6ff;border-radius:2px;box-shadow:inset 0 0 10px #2b84ff0a}.toolbar-actions .el-button.active{color:var(--green);border-color:#1b9d7b;background:#092f36}.toolbar-actions .el-button.edit-active{color:#ffd267;border-color:#b8781d;background:#3a2910}.toolbar-actions .el-button.connection-active{color:#fff;border-color:var(--cyan);background:#0b4164;box-shadow:0 0 12px #21e6ff33,inset 0 0 12px #21e6ff14}.toolbar-actions .el-button.is-disabled,.panel-actions .el-button.is-disabled{color:#49688f;border-color:#183a69;background:#081b38;opacity:.72}.tech-dialog.el-dialog,.tech-drawer.el-drawer{--el-bg-color:#06152f;--el-text-color-primary:var(--text);--el-text-color-regular:#a9c7e9;--el-border-color:#20528e;--el-border-color-light:#20528e;--el-border-color-lighter:#183d72;--el-fill-color-blank:#071b3d;--el-disabled-bg-color:#081b38;--el-disabled-border-color:#183d72;background:linear-gradient(155deg,#081f46fc,#030e23fc);border:1px solid #2a65ad;border-radius:2px;box-shadow:0 0 30px #0e6ad657,inset 0 1px #21e6ff1a}.tech-dialog.el-dialog{padding:0;overflow:hidden}.tech-dialog .el-dialog__header,.tech-drawer .el-drawer__header{margin:0;padding:15px 18px 13px;border-bottom:1px solid #183d72;background:#071e43e0}.tech-dialog .el-dialog__body{padding:18px;color:var(--text)}.tech-dialog .el-dialog__footer{padding:13px 18px;border-top:1px solid #183d72;background:#04122bb8}.tech-drawer .el-drawer__body{padding:14px}.tech-dialog .el-dialog__title,.tech-drawer .el-drawer__title{color:#d7edff;font-size:14px;letter-spacing:1px}.tech-dialog .el-dialog__close,.tech-drawer .el-drawer__close{color:#79a6d8}.tech-dialog .el-dialog__close:hover,.tech-drawer .el-drawer__close:hover{color:var(--cyan)}.dialog-heading{display:flex;align-items:center;gap:10px;min-width:0;color:#d7edff}.dialog-heading>.el-icon{color:var(--cyan);font-size:18px}.dialog-heading>div{flex:1;min-width:0}.dialog-heading strong,.dialog-heading span{display:block}.dialog-heading strong{font-size:14px;font-weight:600;letter-spacing:1px}.dialog-heading span{margin-top:3px;color:#6487b6;font-size:9px;letter-spacing:1px}.dialog-heading b{color:var(--cyan);font:600 13px monospace}.property-summary{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:12px;align-items:center;margin-bottom:16px;padding:10px;border:1px solid #20528e;background:#0b2d5d99;box-shadow:inset 0 0 14px #2b84ff0d}.property-preview{width:76px;height:62px;display:grid;place-items:center;border-right:1px solid #194b8f}.property-preview img{max-width:64px;max-height:54px;object-fit:contain;filter:drop-shadow(0 0 7px rgba(44,163,255,.7))}.property-summary span,.property-summary strong{display:block}.property-summary span{color:var(--muted);font-size:10px}.property-summary strong{margin-top:5px;color:#dceeff;font:11px monospace;overflow:hidden;text-overflow:ellipsis}.property-form{display:grid;grid-template-columns:1fr 1fr;column-gap:14px}.property-form .el-form-item{margin-bottom:12px}.property-form .form-span{grid-column:1 / -1}.property-dialog .el-form-item__label{padding:0 0 5px;color:#7fa5d2;font-size:10px;line-height:1.2}.property-dialog .el-input,.property-dialog .el-select,.property-dialog .el-input-number{--el-input-bg-color:#071b3d;--el-input-border-color:#20528e;--el-input-hover-border-color:#2b84ff;--el-input-focus-border-color:#21e6ff;--el-input-text-color:#d8edff;--el-input-placeholder-color:#5579a6}.property-dialog .el-input__wrapper,.property-dialog .el-select__wrapper,.property-dialog .el-input-number .el-input__wrapper,.json-dialog .el-textarea__inner{border:0!important;outline:0!important;background:#071b3d!important;box-shadow:0 0 0 1px #20528e inset!important;border-radius:2px}.property-dialog .el-input__inner,.property-dialog .el-select__selected-item,.property-dialog .el-input-number .el-input__inner{border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important}.property-dialog .el-input__wrapper:hover,.property-dialog .el-select__wrapper:hover,.property-dialog .el-input-number .el-input__wrapper:hover{box-shadow:0 0 0 1px #2b84ff inset!important}.property-dialog .el-input__wrapper.is-focus,.property-dialog .el-select__wrapper.is-focused,.property-dialog .el-input-number .el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--cyan) inset,0 0 8px #21e6ff1f!important}.property-dialog .el-input-number{--el-border-color:#20528e;--el-border-color-light:#20528e;--el-border-color-lighter:#20528e;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important}.property-dialog .el-input-number__decrease,.property-dialog .el-input-number__increase{color:#91c6ef;background:#0b2855;border:0!important;border-left:1px solid #20528e!important;border-radius:0;box-shadow:none!important}.property-dialog .el-input-number__increase{border-bottom:1px solid #20528e!important}.property-dialog .el-input-number__decrease:hover,.property-dialog .el-input-number__increase:hover{color:var(--cyan);background:#10366e}.property-dialog .el-switch{--el-switch-on-color:#167cc7;--el-switch-off-color:#18365f}.json-dialog .el-textarea__inner{color:#b9dafa;font:11px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.json-dialog .el-textarea__inner:focus{box-shadow:0 0 0 1px var(--cyan) inset}.el-select__popper.el-popper,.el-color-dropdown{--el-bg-color-overlay:#071b3d;--el-border-color-light:#20528e;background:#071b3d;border-color:#20528e;color:var(--text)}.el-select-dropdown__item{color:#a9c7e9}.el-select-dropdown__item.is-hovering,.el-select-dropdown__item:hover{color:#fff;background:#103365}.el-select-dropdown__item.is-selected{color:var(--cyan)}.el-popper.is-light .el-popper__arrow:before{background:#071b3d;border-color:#20528e}.el-overlay{background-color:#010712b3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.el-message{--el-message-bg-color:#071b3d;--el-message-border-color:#20528e;--el-message-text-color:#d5e8ff}.detail-dialog .detail-hero,.detail-dialog .detail-grid>div{border:1px solid #20528e;outline:0;background:#0a254db8;box-shadow:inset 0 0 14px #2b84ff0d}.tech-dialog .status-badge{min-width:46px;height:24px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 8px;border:1px solid;border-radius:2px;font-size:10px;font-weight:600;line-height:1;letter-spacing:0;white-space:nowrap}.tech-dialog .status-badge:before{content:"";width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:currentColor;box-shadow:0 0 6px currentColor}.tech-dialog .status-badge.is-success{border-color:#1a9a79;background:#083a38e0;color:#65f0bd;box-shadow:inset 0 0 10px #32e0ac14}.tech-dialog .status-badge.is-warning{border-color:#b77b20;background:#4a3108e6;color:#ffd06b;box-shadow:inset 0 0 10px #ffc14b12}.tech-dialog .status-badge.is-danger{border-color:#c34867;background:#4b1225e6;color:#ff8da7;box-shadow:inset 0 0 10px #ff597d12}.process-canvas{width:100%;min-height:0}.canvas-scene{inset:auto;min-height:0}@media(max-width:1440px){body{min-width:0}.app-body{grid-template-columns:220px minmax(0,1fr) 240px}}@media(max-width:1100px){.app-body{grid-template-columns:1fr 1fr}.editor-toolbar{align-items:flex-start}.toolbar-actions{flex:1}}@media(max-width:700px){.app-body{grid-template-columns:1fr}.editor-toolbar{flex-direction:column;gap:7px;padding:8px}.toolbar-actions{width:100%;justify-content:flex-start}.toolbar-actions .el-button{min-width:28px;padding-left:8px;padding-right:8px}.workspace-footer{gap:8px;flex-wrap:wrap}.workspace-footer span:nth-child(2){margin-left:auto}.property-dialog.el-dialog,.json-dialog.el-dialog,.detail-dialog.el-dialog{width:calc(100vw - 20px)!important;max-width:none;margin-top:10px}.property-form{grid-template-columns:1fr}.property-form .form-span{grid-column:1}.property-summary{grid-template-columns:58px minmax(0,1fr)}.property-preview{width:58px}.property-summary .status-badge{grid-column:2;justify-self:start}.tech-dialog .el-dialog__body{max-height:calc(100vh - 100px);overflow:auto;padding:14px}.asset-drawer.el-drawer{width:min(380px,100vw)!important}.asset-grid{gap:8px}}@media(min-width:2200px)and (min-height:1200px){.workspace{gap:11px}.editor-toolbar{min-height:58px;padding:8px 14px}.toolbar-title{gap:10px;font-size:16px}.toolbar-title-copy strong{font-size:15px}.toolbar-title-copy small{font-size:9px}.toolbar-actions{gap:7px}.toolbar-actions .el-button{height:32px;padding:7px 12px;font-size:14px}.workspace-footer{padding:0 6px;font-size:12px}.asset-drawer.el-drawer{width:500px!important}.property-dialog.el-dialog{width:820px!important}.json-dialog.el-dialog{width:900px!important}.detail-dialog.el-dialog{width:520px!important}.tech-dialog .el-dialog__header,.tech-drawer .el-drawer__header{padding:18px 22px 16px}.tech-dialog .el-dialog__body{padding:22px}.tech-dialog .el-dialog__footer{padding:16px 22px}.tech-drawer .el-drawer__body{padding:18px}.dialog-heading{gap:12px}.dialog-heading>.el-icon{font-size:21px}.dialog-heading strong{font-size:17px}.dialog-heading span{font-size:11px}.dialog-heading b{font-size:16px}.asset-search{gap:11px;padding:10px 12px;margin-bottom:18px;font-size:14px}.asset-search input{font-size:14px}.asset-grid{gap:12px}.asset-card{min-height:148px;padding:11px}.asset-thumb{height:90px}.asset-thumb img{max-height:82px}.asset-card span{margin-top:9px;font-size:14px}.asset-card small{font-size:11px}.property-summary{grid-template-columns:92px minmax(0,1fr) auto;gap:15px;padding:13px;margin-bottom:20px}.property-preview{width:92px;height:76px}.property-preview img{max-width:78px;max-height:68px}.property-summary span,.property-dialog .el-form-item__label{font-size:12px}.property-summary strong{font-size:13px}.tech-dialog .status-badge{min-width:58px;height:30px;padding:0 10px;font-size:12px}.property-form{column-gap:18px}.property-form .el-form-item{margin-bottom:15px}.property-dialog .el-input__wrapper,.property-dialog .el-select__wrapper,.property-dialog .el-input-number .el-input__wrapper{min-height:38px;font-size:14px}.name-position-control button{min-height:38px;padding:8px 12px;font-size:14px}.panel-actions,.tech-dialog .el-dialog__footer .el-button{font-size:14px}.detail-hero{gap:15px;padding:15px}.detail-hero img{width:78px;height:64px}.detail-hero strong{font-size:18px}.detail-hero span,.detail-grid span{font-size:12px}.detail-grid strong{font-size:15px}}@media(min-width:3200px)and (min-height:1800px){.workspace{gap:14px}.editor-toolbar{min-height:72px;padding:10px 18px}.toolbar-title{gap:13px;font-size:20px}.toolbar-title-copy strong{font-size:19px}.toolbar-title-copy small{font-size:12px}.toolbar-title .el-icon{font-size:22px}.toolbar-actions{gap:9px}.toolbar-actions .el-button{height:40px;padding:9px 16px;font-size:17px}.workspace-footer{padding:0 8px;font-size:15px}.asset-drawer.el-drawer{width:640px!important}.property-dialog.el-dialog{width:1040px!important}.json-dialog.el-dialog{width:1200px!important}.detail-dialog.el-dialog{width:680px!important}.tech-dialog .el-dialog__header,.tech-drawer .el-drawer__header{padding:23px 28px 20px}.tech-dialog .el-dialog__body{padding:28px}.tech-dialog .el-dialog__footer{padding:20px 28px}.tech-drawer .el-drawer__body{padding:23px}.dialog-heading{gap:15px}.dialog-heading>.el-icon{font-size:26px}.dialog-heading strong{font-size:21px}.dialog-heading span{margin-top:5px;font-size:14px}.dialog-heading b{font-size:20px}.asset-search{gap:14px;padding:13px 16px;margin-bottom:23px;font-size:18px}.asset-search input{font-size:18px}.asset-grid{gap:16px}.asset-card{min-height:190px;padding:14px}.asset-thumb{height:118px}.asset-thumb img{max-height:108px}.asset-card span{margin-top:11px;font-size:17px}.asset-card small{font-size:14px}.asset-add{right:10px;top:10px;padding:5px;font-size:17px}.property-summary{grid-template-columns:116px minmax(0,1fr) auto;gap:19px;padding:16px;margin-bottom:25px}.property-preview{width:116px;height:96px}.property-preview img{max-width:98px;max-height:86px}.property-summary span,.property-dialog .el-form-item__label{font-size:15px}.property-summary strong{margin-top:7px;font-size:16px}.tech-dialog .status-badge{min-width:72px;height:38px;padding:0 13px;font-size:15px}.property-form{column-gap:23px}.property-form .el-form-item{margin-bottom:19px}.property-dialog .el-input__wrapper,.property-dialog .el-select__wrapper,.property-dialog .el-input-number .el-input__wrapper{min-height:48px;font-size:17px}.name-position-control button{min-height:48px;padding:10px 16px;font-size:17px}.property-dialog .el-switch{transform:scale(1.2);transform-origin:left center}.panel-actions,.tech-dialog .el-dialog__footer .el-button{font-size:17px}.panel-actions .el-button,.tech-dialog .el-dialog__footer .el-button{min-height:42px;padding:10px 18px}.json-dialog .el-textarea__inner{font-size:15px;line-height:1.65}.detail-hero{gap:19px;padding:19px}.detail-hero img{width:98px;height:80px}.detail-hero strong{font-size:22px}.detail-hero span,.detail-grid span{font-size:15px}.detail-grid{gap:14px;margin-top:16px}.detail-grid>div{padding:14px}.detail-grid strong{font-size:19px}}.process-node .node-head{justify-content:center}.process-node .node-main{width:100%;display:flex;align-items:center;justify-content:center;gap:0}.process-node .node-main.name-position-top{flex-direction:column}.process-node .node-main.name-position-bottom{flex-direction:column-reverse}.process-node .node-main.name-position-left{flex-direction:row}.process-node .node-main.name-position-right{flex-direction:row-reverse}.process-node .node-main>.node-head{max-width:100%;min-height:14px;padding:0 5px}.process-node .node-main>.node-visual{padding-top:0;padding-bottom:0}.process-node .node-main.name-position-left>.node-head,.process-node .node-main.name-position-right>.node-head{max-width:50%}.process-node .node-title-group{display:flex;align-items:center;justify-content:center;gap:5px;max-width:100%;min-width:0}.process-node .node-title-group .node-status-dot{flex:0 0 6px}.process-node .node-title-group .node-name{flex:0 1 auto;min-width:0;text-align:center}.process-node .node-title-group .lock-icon{flex:0 0 auto}.process-canvas.connection-mode .process-node,.process-canvas.connection-mode{cursor:crosshair}.canvas-zoom-status{position:absolute;z-index:8;top:12px;right:12px;display:flex;align-items:baseline;gap:6px;min-width:74px;padding:6px 9px;border:1px solid rgba(43,132,255,.5);background:#051633d6;box-shadow:0 0 14px #147eff29,inset 0 1px #21e6ff14;color:var(--muted);font-size:9px;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.canvas-zoom-status strong{margin-left:auto;color:var(--cyan-soft);font:600 12px ui-monospace,SFMono-Regular,Menlo,monospace}.connection-start-point{position:absolute;z-index:6;width:12px;height:12px;transform:translate(-50%,-50%);border:2px solid #d8f8ff;border-radius:50%;background:#168cff;box-shadow:0 0 0 4px #21e6ff2e,0 0 14px #21e6ffe6;pointer-events:none;animation:pulse 1.2s infinite}.selection-box{position:absolute;z-index:6;border:1px dashed rgba(91,224,255,.95);background:#21aeff1f;box-shadow:inset 0 0 0 1px #21e6ff2e,0 0 12px #21aeff29;pointer-events:none}.connect-hint{display:flex;align-items:center;gap:8px;white-space:nowrap}.connect-hint strong{color:#fff;font-size:11px}.connect-hint span{color:var(--cyan-soft)}.name-position-control{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.name-position-control button{min-width:0;min-height:32px;padding:6px 10px;border:1px solid #20528e;border-left:0;border-radius:0;outline:0;background:#071b3d;color:#7fa5d2;font:inherit;cursor:pointer;box-shadow:none}.name-position-control button:first-child{border-left:1px solid #20528e;border-radius:2px 0 0 2px}.name-position-control button:last-child{border-radius:0 2px 2px 0}.name-position-control button:hover{position:relative;border-color:#2b84ff;background:#0b2d5d;color:#c7e7ff}.name-position-control button.active{position:relative;border-color:var(--cyan);background:#0b4164;color:#fff;box-shadow:inset 0 0 10px #21e6ff1a}.name-position-control button:focus-visible{position:relative;border-color:var(--cyan);box-shadow:0 0 0 2px #21e6ff24}.process-node.topology-aux{min-height:0}.process-node.area-node{border:1px dashed rgba(92,210,218,.72);background:#0b3748b8}.process-node.area-node .node-status-dot{background:#f0b85a;box-shadow:0 0 7px #f0b85abf}.process-node.area-node .node-visual img,.process-node.well-node .node-visual img{opacity:0}.process-node.valve-node{min-width:82px;min-height:64px}.process-node.valve-node .node-head{display:flex;min-height:12px;padding:0 1px 2px}.process-node.valve-node .node-title-group{gap:3px}.process-node.valve-node .node-status-dot{flex-basis:5px;width:5px;height:5px}.process-node.valve-node .node-name{font-size:8px}.process-node.valve-node .node-visual{height:50px;min-height:50px;padding:0}.process-node.valve-node .node-footer{display:none}.process-node.dosing-node .node-head{padding:2px 1px}.process-node.dosing-node .node-title-group{gap:3px}.process-node.dosing-node .node-status-dot{flex-basis:5px;width:5px;height:5px}.process-node.dosing-node .node-name{font-size:8px}.process-node.dosing-node .node-visual{height:50px;padding:0}.process-node.dosing-node .node-footer{display:none}.process-node.pump-valve-node .node-head{padding:1px 0}.process-node.pump-valve-node .node-title-group{gap:3px}.process-node.pump-valve-node .node-status-dot{flex-basis:5px;width:5px;height:5px}.process-node.pump-valve-node .node-name{font-size:8px}.process-node.pump-valve-node .node-visual{height:50px;padding:0}.process-node.pump-valve-node .node-footer{display:none}@media(min-width:2200px)and (min-height:1200px){.canvas-zoom-status{top:16px;right:16px;gap:8px;min-width:94px;padding:8px 12px;font-size:12px}.canvas-zoom-status strong{font-size:15px}}@media(min-width:3200px)and (min-height:1800px){.canvas-zoom-status{top:20px;right:20px;gap:10px;min-width:118px;padding:10px 15px;font-size:15px}.canvas-zoom-status strong{font-size:19px}}.process-node.terminal-node{min-height:0}.process-node.terminal-node .node-head,.process-node.terminal-node .node-footer{min-height:14px;padding:1px 4px}.process-node.terminal-node .node-visual{height:50px;padding:0}.process-node.terminal-node .node-name,.process-node.terminal-node .node-footer{font-size:9px}.process-node.cad-reviewed{min-height:0;filter:none;letter-spacing:0}.process-node.cad-reviewed:hover{transform:translate(-50%,-50%);filter:brightness(1.15)}.cad-reviewed .node-tag,.cad-reviewed .lock-icon{display:none}.cad-reviewed .node-status-dot{background:#bac3c8;box-shadow:none}.cad-reviewed .node-name{font-size:13px;white-space:normal;line-height:1.2;overflow:visible;text-overflow:clip}.cad-reviewed .node-main{height:100%}.cad-reviewed .node-main>.node-head{padding:0}.cad-reviewed .node-visual{height:36px;min-height:36px}.cad-reviewed .node-visual img{width:32px;height:32px;min-width:0;min-height:0;filter:none}.cad-reviewed.cad-symbol .node-footer{display:none}.cad-reviewed.cad-region{border:1px dashed #678489;background:#16333873}.cad-region .node-visual,.cad-region .node-status-dot{display:none}.cad-region .node-main{height:auto;padding-top:10px}.cad-region .node-name{font-size:16px;color:#d4e8df}.cad-region .node-footer{justify-content:center;font-size:12px;padding:7px;white-space:normal;text-align:center}.cad-meter-region .node-footer{display:none}.cad-water-body{border:0;background:transparent}.cad-water-body .node-main{height:auto;padding:0}.cad-water-body .node-status-dot{display:none}.cad-water-body .node-visual{height:var(--node-image-size);min-height:0}.cad-water-body .node-visual img{width:var(--node-image-size);height:var(--node-image-size);min-width:0;min-height:0;filter:none}.cad-water-body .node-name{color:#e2f4ed;line-height:20px;background:#061329;padding:0 5px}.cad-water-body .node-footer{display:none}.cad-reserved-body .node-visual img{opacity:.5;filter:grayscale(.7)}.cad-reserved-body .node-name{color:#abbac6}.connection-line.cad-pipe{filter:none}.connection-hit[data-flow-state=unknown] .connection-line.cad-pipe{stroke-dasharray:.6 .45}.connection-line.cad-pipe-reserve{opacity:.34;stroke-dasharray:.8 2.7}.connection-hit[data-flow-state=unknown] .connection-line.cad-pipe-reserve{stroke-dasharray:.35 .65}.connection-flow.cad-pipe-reserve{opacity:0!important}.cad-source-detail{font-size:12px;line-height:1.7}.cad-source-detail div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;padding:5px 0}.cad-source-detail dt{color:var(--muted)}.cad-source-detail dd{margin:0;overflow-wrap:anywhere}:root{--shell-bg: #061126;--shell-surface: #0a1d3c;--shell-surface-2: #0e2850;--shell-line: rgba(56, 139, 230, .34);--shell-line-strong: #2a9dff;--shell-text: #e4f1ff;--shell-muted: #7896bf;--shell-cyan: #28d9ff;--shell-green: #4ce0a8;--shell-red: #ff697b;--shell-amber: #ffc15c}html,body,#app{min-height:100%}body{min-width:0;overflow:auto;background:#040d1e}button,input,select{font:inherit}button{cursor:pointer}.platform-shell{min-height:100vh;color:var(--shell-text);background:radial-gradient(circle at 70% -20%,rgba(33,130,204,.24),transparent 40%),#040d1e}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.global-alarm-frame{position:fixed;inset:0;z-index:2998;pointer-events:none;border:3px solid rgba(255,48,67,.86);box-shadow:inset 0 0 22px 4px #ff213770,inset 0 0 64px 12px #b0001833,0 0 24px #ff213761;animation:global-alarm-breathe 1.55s ease-in-out infinite}.global-alarm-frame:before{content:"";position:absolute;inset:7px;border:1px solid rgba(255,101,116,.48)}.global-alarm-dismiss{position:fixed;right:18px;bottom:18px;z-index:2999;min-height:34px;max-width:min(360px,calc(100vw - 36px));display:inline-flex;align-items:center;gap:7px;padding:0 10px;border:1px solid rgba(255,92,108,.78);background:#480814f0;color:#fff;box-shadow:0 0 20px #ff213747;font-size:11px}.global-alarm-dismiss span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-alarm-dismiss .el-icon:first-child{color:#ff8b97}.global-alarm-dismiss .el-icon:last-child{flex:0 0 auto;margin-left:2px}.global-alarm-dismiss:hover{border-color:#ff9daa;background:#6f1022}@keyframes global-alarm-breathe{0%,to{opacity:.62;box-shadow:inset 0 0 18px 3px #ff213759,inset 0 0 48px 8px #b0001824,0 0 16px #ff21373d}50%{opacity:1;box-shadow:inset 0 0 32px 7px #ff2137a3,inset 0 0 82px 18px #b000184d,0 0 30px #ff213780}}.platform-shell[data-theme=realistic]{--shell-bg:#122236;--shell-surface:#172f47;--shell-surface-2:#214562;--shell-line:rgba(116,171,205,.34);--shell-line-strong:#4cace0;--shell-text:#edf7ff;--shell-muted:#91aec2;--shell-cyan:#61d7ed;--shell-green:#67d8a5;--shell-red:#f1757e;--shell-amber:#f2bd69;background:linear-gradient(145deg,#081726,#1b3549 55%,#091522)}.platform-header{height:68px;display:flex;align-items:center;gap:24px;padding:0 24px;border-bottom:1px solid var(--shell-line);background:#051227e0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:30}.platform-shell[data-theme=realistic] .platform-header{background:#142a3cf5}.platform-brand{display:flex;align-items:center;gap:11px;min-width:290px}.platform-brand strong{display:block;font-size:16px;letter-spacing:.5px;white-space:nowrap}.platform-brand span{display:block;margin-top:3px;color:var(--shell-muted);font:10px ui-monospace,monospace;letter-spacing:1.2px}.brand-emblem{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--shell-cyan);color:var(--shell-cyan);background:#28d9ff14;box-shadow:0 0 18px #28d9ff38 inset;font-weight:700}.brand-emblem .el-icon{font-size:20px}.header-center{flex:1;color:var(--shell-muted);font-size:12px;text-align:center;white-space:nowrap}.header-center i{padding:0 8px;color:var(--shell-line-strong);font-style:normal}.status-pulse,.quality-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--shell-green);box-shadow:0 0 10px var(--shell-green);margin-right:7px}.platform-actions{display:flex;align-items:center;gap:10px}.scenario-select{width:112px}.scenario-select .el-input__wrapper{background:#153a69b8;box-shadow:0 0 0 1px var(--shell-line) inset}.scenario-select .el-input__inner{color:var(--shell-text)}.header-switch,.icon-button,.ghost-button,.primary-button,.text-button{border:1px solid var(--shell-line);color:var(--shell-text);background:#0c2a52b8;min-height:32px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:.18s ease}.header-switch:hover,.ghost-button:hover,.icon-button:hover{border-color:var(--shell-cyan);color:var(--shell-cyan)}.header-switch{white-space:nowrap}.header-switch .el-icon{color:var(--shell-cyan)}.user-chip{display:flex;align-items:center;gap:7px;padding:5px 7px 5px 9px;border:1px solid var(--shell-line);background:#071f45b3;color:var(--shell-muted);font-size:11px;white-space:nowrap}.user-chip .el-icon{color:var(--shell-cyan)}.user-chip button{border:0;border-left:1px solid var(--shell-line);margin-left:3px;padding-left:9px;background:transparent;color:var(--shell-muted)}.user-chip button:hover{color:var(--shell-red)}.reset-demo-button:disabled{opacity:.4;cursor:not-allowed}.mobile-demo-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.platform-body{display:flex;min-height:calc(100vh - 68px)}.platform-sidebar{width:232px;flex:0 0 232px;display:flex;flex-direction:column;padding:17px 11px;border-right:1px solid var(--shell-line);background:#051228b8}.platform-sidebar.collapsed{width:72px;flex-basis:72px}.platform-sidebar.collapsed .nav-group-title span,.platform-sidebar.collapsed .nav-item span,.platform-sidebar.collapsed .nav-item b,.platform-sidebar.collapsed .sidebar-caption,.platform-sidebar.collapsed .sidebar-footer .request-mini{display:none}.sidebar-top{display:flex;justify-content:space-between;align-items:center;padding:0 7px 14px}.sidebar-caption{color:var(--shell-muted);font:10px ui-monospace,monospace;letter-spacing:1.4px}.icon-button{width:30px;height:30px;padding:0;background:transparent}.mobile-menu,.sidebar-mobile-controls{display:none}.nav-group{margin:0 0 17px}.nav-group-title{display:flex;align-items:center;gap:8px;padding:0 9px 8px;color:var(--shell-muted);font-size:11px}.nav-group-title .el-icon{color:var(--shell-cyan)}.nav-item{width:100%;min-height:38px;display:flex;align-items:center;gap:10px;padding:0 11px;border:1px solid transparent;background:transparent;color:#aac3df;text-align:left;font-size:12px}.nav-item:hover{background:#1f68b033;border-color:var(--shell-line);color:var(--shell-text)}.nav-item.active{background:linear-gradient(90deg,#2594e940,#2594e90a);border-color:#28d9ff61;color:var(--shell-cyan);box-shadow:inset 3px 0 var(--shell-cyan)}.nav-item .el-icon{font-size:15px}.nav-item b{margin-left:auto;min-width:16px;height:16px;display:grid;place-items:center;border-radius:50%;background:var(--shell-red);color:#fff;font-size:10px}.sidebar-footer{margin-top:auto;display:flex;align-items:center;gap:2px;padding:12px 8px 2px;border-top:1px solid var(--shell-line);color:var(--shell-muted);font-size:10px}.sidebar-footer .quality-dot{width:6px;height:6px;margin-right:4px}.request-mini{margin-left:auto;font-family:ui-monospace,monospace}.platform-main{flex:1;min-width:0;padding:22px 24px 30px;background:linear-gradient(180deg,#06122785,#040c1be6)}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;max-width:1600px;margin:0 auto 17px}.breadcrumb{color:var(--shell-muted);font-size:11px}.breadcrumb span{padding:0 7px;color:var(--shell-line-strong)}.page-heading h1{margin:5px 0 0;font-size:25px;letter-spacing:.5px}.heading-tools{display:flex;gap:7px;align-items:center}.demo-badge,.scenario-badge,.version-badge,.permission-note,.alarm-count{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border:1px solid var(--shell-line);color:var(--shell-muted);font-size:10px}.demo-badge{color:var(--shell-cyan);border-color:#28d9ff6b}.scenario-badge.pressureAlarm{color:var(--shell-red);border-color:#ff697b85}.scenario-badge.communicationLoss{color:var(--shell-amber);border-color:#ffc15c7a}.dashboard-page,.business-page{max-width:1600px;margin:0 auto}.dashboard-toolbar,.business-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;margin-bottom:12px;border:1px solid var(--shell-line);background:#071d40a3}.toolbar-context{display:flex;align-items:center;gap:4px;color:var(--shell-text);font-size:12px}.toolbar-context small{margin-left:8px;color:var(--shell-muted);font-size:10px}.toolbar-controls{display:flex;align-items:center;gap:7px}.update-time{color:var(--shell-muted);font:10px ui-monospace,monospace}.update-time svg{width:12px;vertical-align:-2px}.spinning{animation:spin 1s linear infinite}.ghost-button,.primary-button{min-height:30px;font-size:11px}.primary-button{border-color:var(--shell-cyan);background:linear-gradient(90deg,#157cca,#17aac3);color:#fff;box-shadow:0 0 15px #28d9ff33}.scenario-alert{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:10px 13px;border:1px solid rgba(255,193,92,.5);background:#5e441338}.scenario-alert.pressureAlarm{border-color:#ff697b8c;background:#631a2c3b}.scenario-alert .el-icon{color:var(--shell-amber);font-size:18px}.scenario-alert.pressureAlarm .el-icon{color:var(--shell-red)}.scenario-alert div{display:grid;gap:2px}.scenario-alert b{color:var(--shell-text);font-size:12px}.scenario-alert span{color:var(--shell-muted);font-size:11px}.scenario-alert button{margin-left:auto;border:0;background:transparent;color:var(--shell-cyan);font-size:11px}.dashboard-grid{display:grid;grid-template-columns:265px minmax(0,1fr) 285px;gap:14px;min-height:680px}.dashboard-grid .left-rail,.dashboard-grid .right-rail{min-height:680px}.dashboard-footnote{display:flex;justify-content:space-between;gap:10px;margin-top:10px;padding:9px 12px;border:1px solid var(--shell-line);background:#071d408f;color:var(--shell-muted);font-size:10px}.dashboard-footnote span{display:flex;align-items:center;gap:5px}.dashboard-footnote svg{width:13px;color:var(--shell-cyan)}.dashboard-footnote button{border:0;background:transparent;color:var(--shell-cyan)}.content-section{display:grid;gap:14px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:14px}.section-head h2{margin:0;font-size:18px}.section-head p{margin:6px 0 0;color:var(--shell-muted);font-size:11px}.filter-row{display:flex;gap:8px;flex-wrap:wrap}.filter-row.inline{justify-content:flex-end}.search-box{min-width:250px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--shell-line);background:#071d40b3}.search-box svg{width:14px;color:var(--shell-cyan)}.search-box input,.filter-row select,.cell-input,.period-input{min-height:32px;border:1px solid var(--shell-line);outline:0;background:#071d40d1;color:var(--shell-text);padding:0 9px;font-size:11px;color-scheme:dark}.search-box input{width:220px;border:0;padding:0;background:transparent}.filter-row select{min-width:120px}.period-input{width:140px}.table-card,.chart-card,.report-paper,.config-card,.detail-hero{border:1px solid var(--shell-line);background:linear-gradient(150deg,#0c2953e0,#051531f0);box-shadow:0 8px 24px #00000021}.platform-shell[data-theme=realistic] .table-card,.platform-shell[data-theme=realistic] .chart-card,.platform-shell[data-theme=realistic] .report-paper,.platform-shell[data-theme=realistic] .config-card,.platform-shell[data-theme=realistic] .detail-hero{background:linear-gradient(150deg,#1f425bf0,#112739f5)}.table-card{overflow:hidden}.table-card-title{min-height:43px;display:flex;align-items:center;gap:9px;padding:0 13px;border-bottom:1px solid var(--shell-line)}.table-card-title b{color:var(--shell-text);font-size:12px}.table-card-title span{color:var(--shell-muted);font-size:10px}.table-card-title button{margin-left:auto}.data-table{width:100%}.data-table.compact .table-row{min-height:45px}.data-table .table-row{display:grid;grid-template-columns:1fr 1.8fr 1fr 1.2fr 1.2fr 1fr;align-items:center;gap:10px;min-height:55px;padding:7px 13px;border-bottom:1px solid rgba(80,139,202,.15);color:#c9def1;font-size:11px}.data-table .table-row:last-child{border-bottom:0}.data-table .table-row>span{min-width:0;overflow-wrap:anywhere}.data-table .table-row small{display:block;margin-top:3px;color:var(--shell-muted);font-size:9px}.data-table .table-head{min-height:37px;color:var(--shell-muted);background:#071a3aad;font-size:10px}.data-table.compact .table-row,.data-table.compact .table-head{grid-template-columns:1fr 1.8fr 1fr 1.1fr 1.3fr}.data-table .scroll{max-height:460px;overflow:auto}.mono{font-family:ui-monospace,monospace;color:var(--shell-cyan)}.row-actions{display:flex;gap:4px}.row-actions button{min-width:28px;height:25px;border:1px solid var(--shell-line);background:transparent;color:var(--shell-muted);font-size:10px}.row-actions button.selected{color:var(--shell-cyan);border-color:var(--shell-cyan);background:#28d9ff1a}.row-actions button:disabled,.text-button:disabled{opacity:.42;cursor:not-allowed}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;background:var(--shell-muted)}.status-dot.good{background:var(--shell-green);box-shadow:0 0 7px var(--shell-green)}.status-dot.danger{background:var(--shell-red);box-shadow:0 0 7px var(--shell-red)}.status-dot.info{background:var(--shell-cyan)}.text-button{border:0;min-height:26px;padding:0;color:var(--shell-cyan);background:transparent;font-size:11px}.level-tag{display:inline-flex;min-width:34px;justify-content:center;padding:3px 6px;border:1px solid rgba(255,105,123,.4);color:var(--shell-red);font-size:9px;font-style:normal}.level-tag.重要{color:var(--shell-amber);border-color:#ffc15c80}.level-tag.提示{color:var(--shell-cyan);border-color:#28d9ff75}.good-text{color:var(--shell-green)!important}.warning-text{color:var(--shell-amber)!important}.muted-text{color:var(--shell-muted)!important}.danger{color:var(--shell-red)!important}.valve-groups{display:grid;gap:14px}.permission-note{color:var(--shell-cyan)}.alarm-count{color:var(--shell-muted)}.alarm-count b{margin-right:5px;color:var(--shell-red);font:700 16px ui-monospace,monospace}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--shell-line)}.tabs button{padding:10px 15px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--shell-muted);font-size:12px}.tabs button.active{border-bottom-color:var(--shell-cyan);color:var(--shell-cyan);background:#28d9ff0f}.device-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.device-card{padding:14px;border:1px solid var(--shell-line);background:linear-gradient(150deg,#0c2953e0,#051531f0);color:var(--shell-text);text-align:left;transition:.2s ease}.device-card:hover{border-color:var(--shell-cyan);transform:translateY(-2px)}.device-card-top{display:flex;justify-content:space-between;align-items:start}.device-avatar{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--shell-cyan);color:var(--shell-cyan);background:#28d9ff14;font-size:18px}.device-avatar .el-icon{font-size:21px}.device-avatar.pump{border-color:#4ce0a8;color:#4ce0a8}.device-avatar.dosing{border-color:#ffc15c;color:#ffc15c}.device-avatar.vfd{border-color:#a890ff;color:#c0b2ff}.device-card h3{margin:15px 0 5px;font-size:14px}.device-card p{margin:0;color:var(--shell-muted);font-size:10px}.status-pill{display:inline-flex;align-items:center;min-height:23px;padding:0 7px;border:1px solid var(--shell-line);color:var(--shell-cyan);font-size:9px}.status-pill.good{color:var(--shell-green);border-color:#4ce0a86b}.status-pill.danger{color:var(--shell-red);border-color:#ff697b75}.status-pill.info{color:var(--shell-cyan)}.device-card-metrics{display:grid;gap:7px;margin-top:15px;padding-top:11px;border-top:1px solid var(--shell-line);color:var(--shell-muted);font-size:10px}.device-card-metrics span{display:flex;justify-content:space-between;gap:5px}.device-card-metrics b{color:var(--shell-text);font-weight:500}.device-detail-layout{display:grid;gap:14px}.detail-hero{display:flex;align-items:center;gap:14px;padding:17px}.detail-hero h2{margin:4px 0;font-size:20px}.detail-hero p{margin:0;color:var(--shell-muted);font-size:11px}.detail-hero .status-pill{margin-left:auto}.eyebrow{color:var(--shell-cyan);font:10px ui-monospace,monospace;letter-spacing:.8px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-card{padding:14px;border:1px solid var(--shell-line);background:#092248a8}.metric-card span,.metric-card em{display:block;color:var(--shell-muted);font-size:10px;font-style:normal}.metric-card strong{display:block;margin:8px 0 5px;color:#fff;font:700 24px ui-monospace,monospace}.detail-columns,.ops-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.associated-alarms{grid-column:1 / -1}.detail-list{margin:0}.detail-list div{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid rgba(80,139,202,.15);font-size:11px}.detail-list dt{color:var(--shell-muted)}.detail-list dd{margin:0;color:var(--shell-text);text-align:right}.protection-list{padding:5px 13px}.protection-list div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(80,139,202,.15);color:var(--shell-muted);font-size:11px}.protection-list div:last-child{border-bottom:0}.protection-list small{display:block;margin-top:3px;color:var(--shell-muted);font-size:9px}.history-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:14px}.chart-card{min-height:390px;padding:17px}.chart-card-head{display:flex;justify-content:space-between;align-items:start}.chart-card-head strong{display:block;margin-top:6px;color:#fff;font:700 30px ui-monospace,monospace}.chart-card-head strong small{color:var(--shell-muted);font:11px inherit}.quality-legend{color:var(--shell-muted);font-size:10px}.quality-legend .status-dot{margin-left:9px}.history-chart{width:100%;height:270px;margin-top:25px;overflow:visible;background:repeating-linear-gradient(0deg,transparent 0,transparent 49px,rgba(100,157,203,.14) 50px)}.history-chart .offline-band{fill:#ff697b17;stroke:#ff697b38;stroke-width:.12}.chart-axis{display:flex;justify-content:space-between;color:var(--shell-muted);font:10px ui-monospace,monospace}.data-table.scroll{max-height:350px;overflow:auto}.history-table .table-row{grid-template-columns:1.35fr 1fr 1.1fr .8fr;min-width:540px}.report-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.report-summary>div{padding:13px;border:1px solid var(--shell-line);background:#092248a8}.report-summary span,.report-summary b{display:block}.report-summary span{color:var(--shell-muted);font-size:10px}.report-summary b{margin-top:8px;color:var(--shell-text);font-size:13px}.report-daily-summary{margin-top:12px;padding:13px;border:1px solid var(--shell-line);background:#09224861}.report-daily-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.report-daily-heading h3{margin:0;color:var(--shell-text);font-size:13px}.report-daily-heading span{color:var(--shell-muted);font-size:10px}.report-daily-table{min-width:520px}.report-paper{padding:24px}.report-title{text-align:center;padding-bottom:17px;border-bottom:1px solid var(--shell-line)}.report-title span{color:var(--shell-muted);font-size:11px}.report-title h2{margin:7px 0;font-size:21px}.report-title small{color:var(--shell-muted);font-size:10px}.report-paper .data-table{margin-top:17px}.config-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.config-card{min-height:170px;padding:18px;display:flex;flex-direction:column;gap:9px}.config-card .el-icon{color:var(--shell-cyan);font-size:20px}.config-card span,.config-card small{color:var(--shell-muted);font-size:10px}.config-card strong{font-size:18px}.config-card.featured{border-color:#28d9ff94}.ops-grid{grid-template-columns:1fr 1fr}.health-list{padding:5px 13px}.health-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid rgba(80,139,202,.15);color:var(--shell-muted);font-size:11px}.health-list>div:last-child{border-bottom:0}.health-list b{color:var(--shell-green);font-weight:500}.health-list small{color:var(--shell-muted);font:10px ui-monospace,monospace}.ops-timeline{border-left:1px solid var(--shell-cyan);padding-left:16px;display:grid;gap:12px}.ops-timeline div{display:grid;grid-template-columns:80px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;background:#092248a8;border:1px solid var(--shell-line);font-size:11px}.ops-timeline span{color:var(--shell-muted);font:10px ui-monospace,monospace}.ops-timeline em{font-style:normal;font-size:10px}.placeholder-page{min-height:450px;place-items:center;align-content:center;text-align:center;padding:40px 20px;border:1px solid var(--shell-line);background:radial-gradient(circle at 50% 0,rgba(40,217,255,.11),transparent 42%),#081d3ea3}.placeholder-icon{width:62px;height:62px;display:grid;place-items:center;border:1px solid var(--shell-cyan);color:var(--shell-cyan);font-size:28px}.placeholder-page h2{margin:0}.placeholder-page p{max-width:510px;margin:0;color:var(--shell-muted);font-size:12px;line-height:1.7}.placeholder-fields{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;max-width:620px}.placeholder-fields span{padding:7px 10px;border:1px solid var(--shell-line);color:var(--shell-muted);font-size:10px}.audit-filters{padding:12px 13px;border-bottom:1px solid var(--shell-line);background:#071a3a61}.date-filter{display:flex;align-items:center;gap:6px;min-height:32px;padding:0 8px;border:1px solid var(--shell-line);color:var(--shell-muted);font-size:10px}.date-filter input{border:0;outline:0;background:transparent;color:var(--shell-text);color-scheme:dark;font-size:10px}.audit-table .table-row{grid-template-columns:1.1fr 1.25fr 1.15fr .8fr 1.5fr}.mobile-bottom-nav{display:none}.login-screen{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 0,rgba(25,126,217,.25),transparent 46%),#040d1e}.login-grid{position:absolute;inset:0;opacity:.28;background:linear-gradient(rgba(45,142,215,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(45,142,215,.16) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 88%);mask-image:linear-gradient(to bottom,black,transparent 88%)}.login-panel{position:relative;width:min(430px,calc(100% - 32px));padding:34px;border:1px solid rgba(76,170,239,.5);background:linear-gradient(150deg,#0a2752f5,#04122afa);box-shadow:0 20px 60px #00000059,0 0 40px #1c82ed24}.login-logo{display:flex;align-items:center;gap:10px}.login-logo strong{display:block;font-size:15px}.login-logo span{display:block;margin-top:3px;color:var(--shell-muted);font:9px ui-monospace,monospace;letter-spacing:1.3px}.login-title{margin:43px 0 25px}.login-title p{margin:0 0 8px;color:var(--shell-cyan);font-size:12px}.login-title h1{margin:0;font-size:30px}.login-title span{display:block;margin-top:8px;color:var(--shell-muted);font-size:11px}form label{display:block;margin:14px 0;color:var(--shell-muted);font-size:11px}.input-wrap{display:flex;align-items:center;gap:9px;margin-top:7px;padding:0 11px;border:1px solid var(--shell-line);background:#031127b3}.input-wrap .el-icon{color:var(--shell-cyan)}.input-wrap input{width:100%;height:42px;border:0;outline:0;background:transparent;color:var(--shell-text);font-size:13px}.login-submit{width:100%;height:43px;margin-top:10px;border:1px solid var(--shell-cyan);background:linear-gradient(90deg,#167aca,#19b3c6);color:#fff;font-size:12px;box-shadow:0 0 20px #28d9ff38;display:flex;align-items:center;justify-content:center;gap:9px}.login-submit:disabled{opacity:.55}.login-submit .el-icon{font-size:16px}.demo-accounts{margin-top:28px;padding-top:18px;border-top:1px solid var(--shell-line)}.demo-account-title{display:flex;align-items:center;gap:7px;color:var(--shell-muted);font-size:10px}.demo-account-title .el-icon{color:var(--shell-cyan)}.demo-accounts button{width:100%;display:flex;justify-content:space-between;margin-top:8px;padding:8px 10px;border:1px solid transparent;background:#0f346180;color:var(--shell-muted);font-size:10px}.demo-accounts button:hover{border-color:var(--shell-line);color:var(--shell-text)}.demo-accounts b{color:var(--shell-text);font-weight:500}.login-foot{display:block;margin-top:24px;color:#55779f;text-align:center;font-size:9px}.report-page>.content-section{grid-template-columns:minmax(0,1fr)}.report-page .report-summary>div{min-width:0;overflow-wrap:anywhere}.report-table-wrap{overflow:auto;margin-top:17px}.report-table{width:100%;min-width:1500px;border-collapse:collapse;color:#c9def1;font-size:10px;text-align:center}.report-table th,.report-table td{border:1px solid rgba(80,139,202,.35);padding:6px 5px;white-space:nowrap}.report-table th{color:var(--shell-muted);background:#071a3acc;font-weight:500}.report-table tbody tr:nth-child(2n){background:#09224857}.report-table td{font-family:ui-monospace,monospace}.request-state{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:54px;margin:0 0 12px;padding:10px 13px;border:1px solid var(--shell-line);background:#081f42b8}.request-state>.el-icon{color:var(--shell-cyan);font-size:18px}.request-state b,.request-state span,.request-state small{display:block}.request-state b{color:var(--shell-text);font-size:11px}.request-state span{margin-top:3px;color:var(--shell-muted);font-size:10px}.request-state small{margin-top:3px;color:var(--shell-muted);font:9px ui-monospace,monospace}.request-state.error-state{border-color:#ff697b7a;background:#5c182b3d}.request-state.error-state>.el-icon{color:var(--shell-red)}.request-state.empty-request-state{border-color:#ffc15c6b}.demo-table-shell{min-width:0}.demo-table-tools{min-height:36px;display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:4px 10px;border-bottom:1px solid var(--shell-line);color:var(--shell-muted);font-size:9px}.demo-table-scroll{max-width:100%;overflow:auto}.demo-smart-table .table-row{min-width:0!important}.demo-smart-table .table-head button{min-width:0;display:flex;align-items:center;gap:5px;padding:0;border:0;background:transparent;color:inherit;text-align:left;font-size:inherit;cursor:default}.demo-smart-table .table-head button.sortable{cursor:pointer}.demo-smart-table .table-head button.sortable:hover{color:var(--shell-cyan)}.demo-smart-table .table-head .el-icon{font-size:11px}.demo-pagination{min-height:42px;display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:5px 10px;border-top:1px solid var(--shell-line);color:var(--shell-muted);font-size:9px}.demo-pagination label{display:flex;align-items:center;gap:5px}.demo-pagination select{height:26px;border:1px solid var(--shell-line);background:var(--shell-surface);color:var(--shell-text)}.demo-pagination .icon-button:disabled{opacity:.35;cursor:not-allowed}.column-picker{display:grid;gap:8px;color:#41546a}.column-picker>div{display:flex;justify-content:space-between;align-items:center;padding-bottom:7px;border-bottom:1px solid #d9e1e8}.column-picker>div button{border:0;background:transparent;color:#52708e}.column-picker label{display:flex;align-items:center;gap:7px;font-size:12px}.export-dialog-head{display:flex;align-items:center;gap:9px}.export-dialog-head>.el-icon{color:var(--cyan);font-size:21px}.export-dialog-head b,.export-dialog-head span{display:block}.export-dialog-head b{color:var(--text);font-size:14px}.export-dialog-head span{margin-top:3px;color:var(--muted);font-size:9px}.export-preview{display:grid;grid-template-columns:1fr 1fr;gap:10px}.export-preview>div{padding:11px;border:1px solid var(--line);background:#0a254d75}.export-preview span,.export-preview b{display:block}.export-preview span{color:var(--muted);font-size:9px}.export-preview b{margin-top:5px;color:var(--text);font-size:11px;overflow-wrap:anywhere}.export-fields{margin-top:13px;padding:12px;border:1px solid var(--line)}.export-fields>div{display:flex;justify-content:space-between;margin-bottom:10px;color:var(--muted);font-size:10px}.export-fields>div b{color:var(--text)}.export-fields label{display:inline-flex;align-items:center;gap:5px;width:50%;min-height:30px;color:var(--text);font-size:11px}.integration-boundary{display:grid;grid-template-columns:1fr 1fr;gap:12px}.integration-boundary>div{display:grid;grid-template-columns:22px minmax(0,1fr);gap:9px;padding:13px;border:1px solid var(--shell-line);background:#081f429e}.integration-boundary .el-icon{color:var(--shell-amber);font-size:18px}.integration-boundary b,.integration-boundary small{display:block}.integration-boundary b{color:var(--shell-text);font-size:11px}.integration-boundary small{margin-top:5px;color:var(--shell-muted);font-size:10px;line-height:1.6}.acceptance-page{display:grid;gap:14px}.acceptance-table{overflow:hidden}.acceptance-status{width:100%;min-width:104px}.prerequisite-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.prerequisite-grid article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:13px;border:1px solid var(--shell-line);background:#081f429e}.prerequisite-grid article>div{display:flex;align-items:center;gap:8px}.prerequisite-grid .el-icon{color:var(--shell-amber)}.prerequisite-grid b,.prerequisite-grid small{display:block}.prerequisite-grid b{color:var(--shell-text);font-size:11px}.prerequisite-grid small{margin-top:3px;color:var(--shell-muted);font-size:9px}.prerequisite-grid em{font-size:9px;font-style:normal}.prerequisite-grid p{grid-column:1 / -1;margin:0;color:var(--shell-muted);font-size:10px;line-height:1.55}.security-boundary{display:grid;grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;gap:12px;padding:16px;border:1px solid rgba(255,105,123,.45);background:#5b182a33}.security-boundary>.el-icon{color:var(--shell-red);font-size:22px}.security-boundary>.el-icon:last-child{color:var(--shell-green)}.security-boundary b{color:var(--shell-text);font-size:12px}.security-boundary p{margin:5px 0 0;color:var(--shell-muted);font-size:10px;line-height:1.6}.platform-shell[data-theme=realistic]{font-family:Arial Narrow,PingFang SC,Arial,sans-serif;background:#191e1d}.platform-shell[data-theme=realistic] .platform-header{height:64px;background:#2d3432;border-bottom:3px solid #111615;box-shadow:inset 0 -1px #66736e}.platform-shell[data-theme=realistic] .platform-sidebar{background:#252b29;border-right:3px solid #111615;box-shadow:inset -1px 0 #66736e}.platform-shell[data-theme=realistic] .page-heading{padding-bottom:9px;border-bottom:2px solid #56615d}.platform-shell[data-theme=realistic] .page-heading h1{text-transform:none;color:#e6ebe8}.platform-shell[data-theme=realistic] .breadcrumb{color:#8f9b96}.platform-shell[data-theme=realistic] .table-card,.platform-shell[data-theme=realistic] .chart-card,.platform-shell[data-theme=realistic] .report-paper,.platform-shell[data-theme=realistic] .config-card,.platform-shell[data-theme=realistic] .detail-hero,.platform-shell[data-theme=realistic] .p2-summary-card,.platform-shell[data-theme=realistic] .device-card,.platform-shell[data-theme=realistic] .request-state,.platform-shell[data-theme=realistic] .integration-boundary>div,.platform-shell[data-theme=realistic] .prerequisite-grid article{border-color:#59645f;background:#303634;box-shadow:inset 0 1px #ffffff0a,0 2px 5px #00000047}.platform-shell[data-theme=realistic] .table-card-title,.platform-shell[data-theme=realistic] .data-table .table-head,.platform-shell[data-theme=realistic] .demo-table-tools{background:#252b29;border-color:#59645f}.platform-shell[data-theme=realistic] .table-card-title b,.platform-shell[data-theme=realistic] .data-table .table-head{color:#d9dfdc;text-transform:none}.platform-shell[data-theme=realistic] .status-dot{border:1px solid rgba(255,255,255,.22);box-shadow:none!important}.platform-shell[data-theme=realistic] .status-pulse{width:9px;height:9px;border:1px solid #a9b8b1;box-shadow:none;animation:none}.platform-shell[data-theme=realistic] .primary-button{background:#536b61;border-color:#9aafa6}.platform-shell[data-theme=realistic] .scenario-badge,.platform-shell[data-theme=realistic] .demo-badge,.platform-shell[data-theme=realistic] .version-badge{border-style:solid;background:#2d3432}html[data-theme=realistic] .export-preview>div,html[data-theme=realistic] .export-fields{background:#303936;border-color:#61736b}html[data-theme=realistic] .column-picker{color:#d2ded8}html[data-theme=realistic] .column-picker>div{border-bottom-color:#61736b}html[data-theme=realistic] .column-picker>div button{color:#a7c1b7}@media(max-width:900px){.integration-boundary,.prerequisite-grid{grid-template-columns:1fr}}@media(max-width:640px){.request-state{grid-template-columns:20px minmax(0,1fr)}.request-state>button{grid-column:1 / -1;width:100%}.demo-pagination{justify-content:flex-start;flex-wrap:wrap}.export-preview{grid-template-columns:1fr}.export-fields label{width:100%}.security-boundary{grid-template-columns:24px minmax(0,1fr)}.security-boundary>.el-icon:last-child{display:none}}html[data-theme=realistic]{--bg: #1b2221;--panel: #2a3230;--panel-2: #343d3a;--line: rgba(158, 177, 169, .32);--line-strong: #8da79d;--blue: #6f8f8a;--cyan: #91b4aa;--cyan-soft: #d3dfd9;--green: #83bd92;--amber: #d9ae62;--red: #d66e6d;--text: #e2e8e4;--muted: #a3b0aa}.platform-shell[data-theme=realistic]{--shell-bg: #202726;--shell-surface: #2b3331;--shell-surface-2: #38413e;--shell-line: rgba(158, 177, 169, .32);--shell-line-strong: #8da79d;--shell-text: #e2e8e4;--shell-muted: #a3b0aa;--shell-cyan: #91b4aa;--shell-green: #83bd92;--shell-red: #d66e6d;--shell-amber: #d9ae62;background:#1d2423}.platform-shell[data-theme=realistic] .platform-header{background:#252d2b;border-bottom-color:#53625d;-webkit-backdrop-filter:none;backdrop-filter:none}.platform-shell[data-theme=realistic] .platform-sidebar{background:#222a28}.platform-shell[data-theme=realistic] .platform-main{background:#1d2423}.platform-shell[data-theme=realistic] .brand-emblem{border-color:#8da79d;color:#c5d6cf;background:#303936;box-shadow:inset 0 0 0 1px #d8e7e014}.platform-shell[data-theme=realistic] .header-center{color:#aab8b1}.platform-shell[data-theme=realistic] .scenario-select .el-input__wrapper,.platform-shell[data-theme=realistic] .header-switch,.platform-shell[data-theme=realistic] .icon-button,.platform-shell[data-theme=realistic] .ghost-button,.platform-shell[data-theme=realistic] .primary-button,.platform-shell[data-theme=realistic] .user-chip{background:#303936;box-shadow:none}.platform-shell[data-theme=realistic] .header-switch:hover,.platform-shell[data-theme=realistic] .ghost-button:hover,.platform-shell[data-theme=realistic] .icon-button:hover{border-color:#a7c1b7;color:#d6e4dd}.platform-shell[data-theme=realistic] .user-chip button{border-left-color:#53625d}.platform-shell[data-theme=realistic] .nav-item{color:#bdc9c3}.platform-shell[data-theme=realistic] .nav-item:hover{background:#303936;border-color:#53625d}.platform-shell[data-theme=realistic] .nav-item.active{background:#394641;border-color:#809990;color:#d6e4dd;box-shadow:inset 3px 0 #a6c0b5}.platform-shell[data-theme=realistic] .nav-group-title .el-icon,.platform-shell[data-theme=realistic] .header-switch .el-icon,.platform-shell[data-theme=realistic] .user-chip .el-icon{color:#9ebbb0}.platform-shell[data-theme=realistic] .demo-badge{color:#b8d0c5;border-color:#758e84}.platform-shell[data-theme=realistic] .dashboard-toolbar,.platform-shell[data-theme=realistic] .business-toolbar,.platform-shell[data-theme=realistic] .dashboard-footnote{background:#262e2c}.platform-shell[data-theme=realistic] .dash-panel,.platform-shell[data-theme=realistic] .property-panel{background:#2a3230;border-color:#53625d;box-shadow:0 3px 12px #0003}.platform-shell[data-theme=realistic] .dash-panel:hover{border-color:#829b91;box-shadow:0 4px 14px #0000003d}.platform-shell[data-theme=realistic] .dash-panel:before{background:#8da79d}.platform-shell[data-theme=realistic] .dash-panel:after{display:none}.platform-shell[data-theme=realistic] .panel-title>.el-icon{border-color:#5b6d66;background:#343d3a;box-shadow:none}.platform-shell[data-theme=realistic] .overview-ring{background:conic-gradient(#91b4aa 0 var(--availability),#4b5752 var(--availability) 100%);box-shadow:none}.platform-shell[data-theme=realistic] .overview-ring:before{background:#252d2b;border-color:#596861;animation:none}.platform-shell[data-theme=realistic] .quality-grid>div,.platform-shell[data-theme=realistic] .operation-metrics>div,.platform-shell[data-theme=realistic] .energy-metrics>div,.platform-shell[data-theme=realistic] .pump-status{background:#343d3a}.platform-shell[data-theme=realistic] .quality-grid>div:hover,.platform-shell[data-theme=realistic] .operation-metrics>div:hover,.platform-shell[data-theme=realistic] .energy-metrics>div:hover,.platform-shell[data-theme=realistic] .pump-status:hover{background:#3b4641;transform:none}.platform-shell[data-theme=realistic] .alarm-item{background:#373431}.platform-shell[data-theme=realistic] .alarm-dot,.platform-shell[data-theme=realistic] .status-pulse,.platform-shell[data-theme=realistic] .quality-dot,.platform-shell[data-theme=realistic] .status-dot.good,.platform-shell[data-theme=realistic] .status-dot.danger,.platform-shell[data-theme=realistic] .pump-status.running>span,.platform-shell[data-theme=realistic] .pump-status.standby>span{box-shadow:none}.platform-shell[data-theme=realistic] .alarm-dot{animation:none}.platform-shell[data-theme=realistic] .trend-chart{background:#262e2c}.platform-shell[data-theme=realistic] .trend-line,.platform-shell[data-theme=realistic] .trend-point{filter:none}.platform-shell[data-theme=realistic] .trend-area{opacity:.18}.platform-shell[data-theme=realistic] .metric-progress{background:#4a5751}.platform-shell[data-theme=realistic] .metric-progress i{background:#8aa99e;box-shadow:none}.platform-shell[data-theme=realistic] .primary-button{background:#5f7d72;border-color:#99b5a9;box-shadow:none}.platform-shell[data-theme=realistic] .table-card,.platform-shell[data-theme=realistic] .chart-card,.platform-shell[data-theme=realistic] .report-paper,.platform-shell[data-theme=realistic] .config-card,.platform-shell[data-theme=realistic] .detail-hero,.platform-shell[data-theme=realistic] .p2-summary-card,.platform-shell[data-theme=realistic] .device-card{background:#303936;box-shadow:0 3px 12px #0003}.platform-shell[data-theme=realistic] .device-card:hover{transform:none;border-color:#9ab5aa}.platform-shell[data-theme=realistic] .device-avatar{border-color:#8da79d;color:#bdd1c8;background:#3a4541}.platform-shell[data-theme=realistic] .p2-note{border-color:#677d73;background:#303936}.platform-shell[data-theme=realistic] .p2-drawer,.platform-shell[data-theme=realistic] .p2-modal{background:#2b3331;box-shadow:-8px 0 22px #00000040}.platform-shell[data-theme=realistic] .p2-form input,.platform-shell[data-theme=realistic] .p2-form select,.platform-shell[data-theme=realistic] .p2-form textarea,.platform-shell[data-theme=realistic] .mini-select,.platform-shell[data-theme=realistic] .search-box input,.platform-shell[data-theme=realistic] .filter-row select{background:#252d2b;color:#e2e8e4}.platform-shell[data-theme=realistic] .editor-toolbar{background:#303936;border-color:#53625d;box-shadow:none}.platform-shell[data-theme=realistic] .process-canvas{background:#29312f;background-image:linear-gradient(90deg,rgba(185,204,194,.08) 1px,transparent 1px),linear-gradient(rgba(185,204,194,.08) 1px,transparent 1px);background-size:32px 32px}.dashboard-grid.cad-dashboard{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.dashboard-grid.cad-dashboard .workspace{grid-column:1 / -1;grid-row:1;min-height:0;height:auto}.cad-dashboard .canvas-wrap{flex:none;height:auto;aspect-ratio:1600 / 1080}.cad-dashboard .process-canvas{position:absolute;inset:0;height:100%;min-height:0}.dashboard-grid.cad-dashboard .left-rail{grid-column:1;grid-row:2}.dashboard-grid.cad-dashboard .right-rail{grid-column:2;grid-row:2}@media(max-width:640px){.dashboard-grid.cad-dashboard{grid-template-columns:minmax(0,1fr)}.dashboard-grid.cad-dashboard .right-rail{grid-column:1;grid-row:3}.cad-dashboard .canvas-wrap{aspect-ratio:auto;height:360px}}.platform-shell[data-theme=realistic] .toolbar-actions .el-button{--el-button-bg-color: #38423e;--el-button-border-color: #667970;--el-button-text-color: #d2ded8;--el-button-hover-bg-color: #46534e;--el-button-hover-border-color: #9ab5aa;--el-button-hover-text-color: #fff;--el-button-active-bg-color: #303936;--el-button-active-border-color: #9ab5aa;box-shadow:none}.platform-shell[data-theme=realistic] .toolbar-actions .el-button.edit-active{color:#f0cd88;border-color:#9f7d42;background:#4b402c}.platform-shell[data-theme=realistic] .canvas-nav{background:#303936;border-color:#61736b;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.platform-shell[data-theme=realistic] .canvas-nav .el-button{color:#c0d0c8}.platform-shell[data-theme=realistic] .canvas-zoom-status{color:#aebdb6;background:#303936;border-color:#61736b;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.platform-shell[data-theme=realistic] .canvas-zoom-status strong{color:#d7e2dd}.platform-shell[data-theme=realistic] .connection-line{filter:none}.platform-shell[data-theme=realistic] .connection-flow{stroke:#a0c2b6;opacity:.62;animation-duration:2.8s}.platform-shell[data-theme=realistic] .connection-label{fill:#c7d7cf;stroke:#29312f}.platform-shell[data-theme=realistic] .process-node:hover{transform:translate(-50%,-50%);filter:none}.platform-shell[data-theme=realistic] .process-node.selected{filter:none;outline-color:#b5cec3}.platform-shell[data-theme=realistic] .process-node.danger{filter:none;outline:1px solid rgba(214,110,109,.78);outline-offset:3px}.platform-shell[data-theme=realistic] .process-node.warn{filter:none;outline:1px solid rgba(217,174,98,.78);outline-offset:3px}.platform-shell[data-theme=realistic] .node-name,.platform-shell[data-theme=realistic] .node-footer{color:#dce6e1;text-shadow:none}.platform-shell[data-theme=realistic] .node-visual img,.platform-shell[data-theme=realistic] .process-node:hover .node-visual img,.platform-shell[data-theme=realistic] .property-preview img,.platform-shell[data-theme=realistic] .asset-thumb img{filter:none}.platform-shell[data-theme=realistic] .data-table .table-row{color:#d0dad5;border-bottom-color:#9eb1a92e}.platform-shell[data-theme=realistic] .data-table .table-head,.platform-shell[data-theme=realistic] .audit-filters{background:#29312f}.platform-shell[data-theme=realistic] .metric-card,.platform-shell[data-theme=realistic] .report-summary>div,.platform-shell[data-theme=realistic] .ops-timeline div{background:#303936}.platform-shell[data-theme=realistic] .mobile-bottom-nav{background:#252d2b;border-top-color:#5d6d66;-webkit-backdrop-filter:none;backdrop-filter:none}.platform-shell[data-theme=realistic] .mobile-bottom-nav button.active{color:#d3dfd9;background:#394641}html[data-theme=realistic] .tech-dialog.el-dialog,html[data-theme=realistic] .tech-drawer.el-drawer{background:#2b3331;border-color:#697d74;box-shadow:0 12px 34px #00000057}html[data-theme=realistic] .tech-dialog .el-dialog__header,html[data-theme=realistic] .tech-drawer .el-drawer__header{background:#303936;border-bottom-color:#53625d}html[data-theme=realistic] .tech-dialog .el-dialog__footer{background:#252d2b;border-top-color:#53625d}html[data-theme=realistic] .tech-dialog .el-dialog__title,html[data-theme=realistic] .tech-drawer .el-drawer__title,html[data-theme=realistic] .dialog-heading{color:#dce6e1}html[data-theme=realistic] .tech-dialog .el-dialog__close,html[data-theme=realistic] .tech-drawer .el-drawer__close{color:#a6b8b0}html[data-theme=realistic] .tech-dialog .el-dialog__close:hover,html[data-theme=realistic] .tech-drawer .el-drawer__close:hover{color:#d3dfd9}html[data-theme=realistic] .tech-dialog .el-button{--el-button-bg-color: #38423e;--el-button-border-color: #667970;--el-button-text-color: #d2ded8;--el-button-hover-bg-color: #46534e;--el-button-hover-border-color: #9ab5aa;--el-button-hover-text-color: #fff}html[data-theme=realistic] .tech-dialog .el-button--primary{--el-button-bg-color: #5f7d72;--el-button-border-color: #99b5a9;--el-button-text-color: #fff;--el-button-hover-bg-color: #6c8a7f;--el-button-hover-border-color: #b1c9bf}html[data-theme=realistic] .property-summary,html[data-theme=realistic] .detail-dialog .detail-hero,html[data-theme=realistic] .detail-dialog .detail-grid>div{background:#343d3a;border-color:#61736b;box-shadow:none}html[data-theme=realistic] .property-dialog .el-input__wrapper,html[data-theme=realistic] .property-dialog .el-select__wrapper,html[data-theme=realistic] .property-dialog .el-input-number .el-input__wrapper,html[data-theme=realistic] .json-dialog .el-textarea__inner{background:#252d2b!important;box-shadow:0 0 0 1px #61736b inset!important}html[data-theme=realistic] .el-select__popper.el-popper,html[data-theme=realistic] .el-color-dropdown{background:#303936;border-color:#61736b}html[data-theme=realistic] .el-select-dropdown__item.is-hovering,html[data-theme=realistic] .el-select-dropdown__item:hover{background:#3b4641}html[data-theme=realistic] .el-overlay{background-color:#0d1211b8;-webkit-backdrop-filter:none;backdrop-filter:none}html[data-theme=realistic] .el-message{--el-message-bg-color: #303936;--el-message-border-color: #697d74;--el-message-text-color: #e2e8e4}.detail-dialog.el-dialog{width:min(520px,calc(100vw - 24px))!important}.status-dot.warning{background:var(--shell-amber);box-shadow:0 0 7px var(--shell-amber)}.status-dot.muted{background:var(--shell-muted)}.status-pill.warning{color:var(--shell-amber);border-color:#ffc15c80}.status-pill.muted{color:var(--shell-muted);border-color:var(--shell-line)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1200px){.platform-header{padding:0 15px;gap:12px}.platform-brand{min-width:235px}.header-center{display:none}.dashboard-grid{grid-template-columns:220px minmax(0,1fr) 235px;gap:10px}.dashboard-grid .left-rail,.dashboard-grid .right-rail{min-height:620px}.device-grid{grid-template-columns:repeat(3,1fr)}.platform-main{padding:18px 15px 25px}}@media(max-width:900px){.platform-sidebar{position:fixed;inset:68px auto 0 0;z-index:25;transform:translate(-105%);transition:.22s ease;box-shadow:10px 0 30px #00000059}.platform-sidebar.open{transform:translate(0)}.mobile-menu{display:inline-flex}.platform-brand{min-width:0}.platform-brand strong{max-width:220px;overflow:hidden;text-overflow:ellipsis}.platform-actions{margin-left:auto}.user-chip span{display:none}.dashboard-grid{grid-template-columns:1fr 1fr;min-height:0}.dashboard-grid .workspace{grid-column:1 / -1;grid-row:1;min-height:560px}.dashboard-grid .left-rail{grid-column:1;grid-row:2;min-height:620px}.dashboard-grid .right-rail{grid-column:2;grid-row:2;min-height:620px}.metric-grid{grid-template-columns:repeat(2,1fr)}.history-layout{grid-template-columns:1fr}.report-summary{grid-template-columns:repeat(2,1fr)}.config-grid{grid-template-columns:1fr 1fr}.data-table:not(.compact){overflow:auto}.data-table:not(.compact) .table-row{grid-template-columns:1fr 1.6fr 1fr 1.2fr 1.1fr 1fr;min-width:680px}.data-table .table-row>span:nth-child(6){display:block}.data-table.compact .table-row{grid-template-columns:1fr 1.8fr 1fr 1.1fr 1.3fr}}@media(max-width:640px){.platform-header{height:60px}.platform-brand strong{font-size:13px;max-width:165px}.platform-brand span,.scenario-select,.header-switch span{display:none}.brand-emblem{width:32px;height:32px}.platform-actions{gap:4px}.header-switch{width:32px;padding:0}.platform-body{min-height:calc(100vh - 60px)}.platform-sidebar{inset:60px auto 0 0;padding-bottom:76px;overflow:auto}.sidebar-mobile-controls{display:grid;gap:8px;margin:0 6px 15px;padding:10px;border:1px solid var(--shell-line);background:#071d40ad}.sidebar-mobile-controls label{display:grid;gap:6px;color:var(--shell-muted);font-size:10px}.sidebar-mobile-controls select{width:100%;min-height:34px;padding:0 8px;border:1px solid var(--shell-line);background:var(--shell-surface);color:var(--shell-text)}.sidebar-mobile-controls .ghost-button{width:100%}.platform-main{padding:14px 10px 84px}.page-heading{align-items:start;flex-direction:column}.page-heading h1{font-size:21px}.heading-tools{align-self:flex-start}.dashboard-toolbar,.business-toolbar,.section-head{align-items:flex-start;flex-direction:column}.toolbar-controls{width:100%;justify-content:flex-end;flex-wrap:wrap}.dashboard-grid{display:grid;grid-template-columns:1fr}.dashboard-grid .workspace{grid-column:1;grid-row:1;min-height:470px}.dashboard-grid .left-rail{grid-column:1;grid-row:2;min-height:0}.dashboard-grid .right-rail{grid-column:1;grid-row:3;min-height:0}.dashboard-footnote{align-items:flex-start;flex-direction:column}.search-box{width:100%;min-width:0}.search-box input{width:100%}.filter-row select{flex:1;min-width:0}.audit-filters .date-filter{flex:1}.device-grid,.config-grid,.detail-columns,.ops-grid{grid-template-columns:1fr}.metric-grid,.report-summary{grid-template-columns:1fr 1fr}.detail-hero{align-items:flex-start;flex-wrap:wrap}.detail-hero .status-pill{margin-left:0}.data-table{overflow:auto}.data-table .table-row{min-width:680px}.data-table.compact .table-row{min-width:650px}.history-table .table-row{min-width:560px}.report-paper{padding:13px;overflow:auto}.report-paper .data-table{min-width:700px}.history-chart{height:220px}.placeholder-page{min-height:380px}.login-panel{padding:25px 20px}.mobile-bottom-nav{position:fixed;z-index:40;inset:auto 0 0;display:grid;grid-template-columns:repeat(4,1fr);min-height:60px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--shell-line);background:#051227f5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-bottom-nav button{position:relative;display:grid;place-items:center;align-content:center;gap:3px;min-width:0;border:0;background:transparent;color:var(--shell-muted);font-size:9px}.mobile-bottom-nav button.active{color:var(--shell-cyan);background:#28d9ff12}.mobile-bottom-nav .el-icon{font-size:17px}.mobile-bottom-nav b{position:absolute;top:7px;left:calc(50% + 8px);min-width:15px;height:15px;display:grid;place-items:center;border-radius:50%;background:var(--shell-red);color:#fff;font-size:9px}}@media(max-width:640px){.global-alarm-dismiss{right:10px;bottom:72px;max-width:calc(100vw - 20px)}}@media(prefers-reduced-motion:reduce){.global-alarm-frame{animation:none;opacity:1}}@page{size:A4 landscape;margin:11mm 10mm 12mm;@bottom-right{content:"第 " counter(page) " 页 / 共 " counter(pages) " 页";font-size:9px;color:#555}}@media print{html,body,#app{width:100%;min-height:0;background:#fff!important}.platform-shell,.platform-body,.platform-main,.business-page,.content-section{display:block;min-height:0;overflow:visible;background:#fff!important}.platform-header,.platform-sidebar,.page-heading,.business-toolbar,.dashboard-toolbar,.scenario-alert,.toolbar-controls,.dashboard-footnote,.report-summary,.report-daily-summary,.report-page>.content-section>.section-head,.mobile-bottom-nav,.request-state,.global-alarm-frame,.global-alarm-dismiss{display:none!important}.platform-main{padding:0;color:#111}.report-paper{width:100%;padding:0;overflow:visible;border:0;box-shadow:none;background:#fff;color:#111}.report-title{break-after:avoid-page;page-break-after:avoid}.report-title h2,.report-title span,.report-title small{color:#111}.report-paper .report-table-wrap{overflow:visible;margin-top:9mm}.report-paper .report-table{min-width:0;color:#111}.report-paper .report-table thead{display:table-header-group}.report-paper .report-table tr{break-inside:avoid-page;page-break-inside:avoid}.report-paper .report-table th,.report-paper .report-table td{color:#111;background:#fff;border-color:#bbb}.report-paper .table-card-title{display:none}}.p2-page{display:grid;gap:14px}.p2-note{display:flex;align-items:flex-start;gap:9px;padding:11px 13px;border:1px solid rgba(40,217,255,.3);background:#104e7b2e;color:var(--shell-muted);font-size:10px;line-height:1.6}.p2-note .el-icon{flex:0 0 auto;color:var(--shell-cyan);margin-top:1px}.p2-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.p2-summary-card{min-height:88px;padding:13px 14px;border:1px solid var(--shell-line);background:linear-gradient(150deg,#0c2953e0,#051531f0)}.platform-shell[data-theme=realistic] .p2-summary-card{background:linear-gradient(150deg,#1f425bf0,#112739f5)}.p2-summary-card span,.p2-summary-card small{display:block;color:var(--shell-muted);font-size:10px}.p2-summary-card strong{display:inline-block;margin:9px 7px 5px 0;color:var(--shell-text);font:700 24px ui-monospace,monospace}.p2-summary-card small{display:inline}.p2-actions{flex-wrap:wrap;justify-content:flex-end}.p2-filter-row{margin:0}.p2-table{overflow:auto}.p2-table .table-row{min-width:1080px}.ledger-table .table-row,.ledger-table .table-head{grid-template-columns:.9fr 1.25fr 1.3fr 1.25fr 1fr .9fr .8fr 2.05fr}.maintenance-table .table-row,.maintenance-table .table-head{grid-template-columns:1fr 1.1fr 1.25fr 1.45fr 1.5fr .9fr 1.45fr 1.8fr}.p2-row-actions,.p2-status-actions{align-items:center;flex-wrap:wrap}.p2-status-actions{display:flex;gap:7px}.mini-select{min-width:78px;height:25px;padding:0 5px;border:1px solid var(--shell-line);outline:0;background:#071d40d1;color:var(--shell-text);font-size:10px;color-scheme:dark}.p2-detail-status{display:flex;align-items:center;gap:6px;padding:11px 13px;border:1px solid var(--shell-line);color:var(--shell-text);font-size:12px}.p2-detail-status small{margin-left:auto;color:var(--shell-muted);font-size:9px}.p2-overlay{position:fixed;inset:0;z-index:80;display:flex;justify-content:flex-end;background:#010915a8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.p2-drawer{width:min(470px,100%);height:100%;display:flex;flex-direction:column;border-left:1px solid var(--shell-line-strong);background:linear-gradient(160deg,#0b2750,#06172f);box-shadow:-20px 0 50px #00000059}.platform-shell[data-theme=realistic] .p2-drawer{background:linear-gradient(160deg,#1b405a,#0e2538)}.p2-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px;border-bottom:1px solid var(--shell-line)}.p2-drawer-head h3{margin:7px 0 0;font-size:18px}.p2-drawer-body{flex:1;overflow:auto;padding:17px 20px}.p2-drawer-body .detail-list{margin-top:13px}.p2-drawer-foot{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--shell-line)}.p2-modal{width:min(680px,calc(100% - 24px));max-height:calc(100vh - 48px);overflow:auto;margin:auto;border:1px solid var(--shell-line-strong);background:linear-gradient(160deg,#0b2750,#06172f);box-shadow:0 20px 60px #00000073}.platform-shell[data-theme=realistic] .p2-modal{background:linear-gradient(160deg,#1b405a,#0e2538)}.p2-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:19px 20px 8px}.p2-form label{display:grid;gap:6px;margin:0;color:var(--shell-muted);font-size:10px}.p2-form label.wide{grid-column:1 / -1}.p2-form input,.p2-form select,.p2-form textarea{width:100%;box-sizing:border-box;min-height:34px;padding:7px 9px;border:1px solid var(--shell-line);outline:0;background:#031127b8;color:var(--shell-text);font-size:11px;color-scheme:dark;resize:vertical}.p2-form input:focus,.p2-form select:focus,.p2-form textarea:focus{border-color:var(--shell-cyan)}.p2-form-hint{margin:0;padding:4px 20px 12px;color:var(--shell-muted);font-size:10px;line-height:1.6}.p2-status-actions .text-button{flex:0 0 auto}.demo-guide-drawer .el-drawer__body{display:flex;flex-direction:column;padding:0}.guide-head{display:grid;grid-template-columns:38px minmax(0,1fr) 30px;align-items:center;gap:11px;padding:17px 18px;border-bottom:1px solid var(--line)}.guide-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--cyan);color:var(--cyan);background:#21e6ff12}.guide-head span,.guide-head strong{display:block}.guide-head span{color:var(--muted);font-size:9px}.guide-head strong{margin-top:3px;color:var(--text);font-size:14px}.guide-progress{display:grid;grid-template-columns:1fr auto;gap:6px 10px;padding:13px 18px;border-bottom:1px solid var(--line);color:var(--muted);font-size:10px}.guide-progress b{color:var(--cyan-soft)}.guide-progress>i{grid-column:1 / -1;height:3px;overflow:hidden;background:#557ba947}.guide-progress em{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));transition:width .25s ease}.guide-body{flex:1;overflow:auto;padding:23px 20px}.guide-body h2{margin:8px 0 10px;color:var(--text);font-size:22px}.guide-body>p{margin:0;color:var(--muted);font-size:12px;line-height:1.75}.guide-checks{display:grid;gap:9px;margin-top:22px}.guide-checks>div{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;align-items:start;padding:10px 11px;border:1px solid var(--line);background:#0a254d8c;color:var(--text);font-size:11px;line-height:1.45}.guide-checks .el-icon{margin-top:1px;color:var(--green)}.guide-context{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding:11px 12px;border-left:2px solid var(--cyan);background:#21e6ff0f;color:var(--muted);font-size:10px}.guide-context strong{color:var(--cyan-soft)}.guide-foot{display:flex;justify-content:space-between;gap:9px;padding:14px 18px;border-top:1px solid var(--line)}.guide-foot button{flex:1}.platform-shell[data-theme=realistic] .guide-icon{border-color:#71867d;color:#c4d6ce;background:#38423e}.platform-shell[data-theme=realistic] .guide-progress em{background:#8ea99e}.platform-shell[data-theme=realistic] .guide-checks>div{background:#343d3a}.platform-shell[data-theme=realistic] .guide-context{border-left-color:#91b4aa;background:#343d3a}@media(max-width:900px){.p2-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.p2-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.p2-summary-card{min-height:78px;padding:10px}.p2-summary-card strong{font-size:20px}.p2-form{grid-template-columns:1fr;padding:15px 14px 7px}.p2-form label.wide{grid-column:auto}.p2-modal{width:calc(100% - 14px);max-height:calc(100vh - 28px)}.p2-drawer-head,.p2-drawer-body,.p2-drawer-foot{padding-left:14px;padding-right:14px}.p2-table .table-row{min-width:1080px}.p2-actions{width:100%;justify-content:flex-start}}.auth-connection-error[data-v-aa8d17cc]{padding:48px 24px;text-align:center}.auth-connection-error h1[data-v-aa8d17cc]{font-size:20px}.auth-connection-error button[data-v-aa8d17cc]{padding:8px 16px;cursor:pointer}