@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&family=Rajdhani:wght@400;500;600;700&display=swap";*{box-sizing:border-box}body{color:#e8f2fa;background:#020a15;margin:0;font-family:Rajdhani,Arial,sans-serif}html,body,#root{height:100%;overflow:hidden}main{background:radial-gradient(at 54% 2%,#082541 0,#020b17 54%,#010610 100%);height:100vh;min-height:0;display:flex;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}aside{background:linear-gradient(#030915,#06142a 90%,#06172d);border-right:1px solid #143a61;flex:none;width:176px;height:100vh;padding-top:8px;position:relative;overflow:hidden auto}aside:after{z-index:0;content:"";pointer-events:none;background:url(data:image/jpeg;base64,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) bottom/100% 102px no-repeat;height:102px;position:absolute;bottom:0;left:0;right:0}aside>*{z-index:1;position:relative}.eto-logo{background:#f7f3ea;border:2px solid #ebe4d6;width:150px;height:127px;margin:0 12px 8px;overflow:hidden}.eto-logo img{object-fit:contain;width:100%;height:100%;display:block}aside button{text-align:left;letter-spacing:-.12px;color:#f3f7fd;align-items:center;gap:11px;width:100%;min-height:55px;padding:7px 8px 7px 16px;font:500 15px Barlow Condensed,Rajdhani,sans-serif;display:flex}aside button span{white-space:nowrap}aside button svg{color:#bee3ff;stroke-width:2px;flex:none;width:24px}aside button.active{background:linear-gradient(90deg,#0963bd,#073266);border-left:4px solid #46b4ff;padding-left:12px}.alarm-count{background:#dc3143;border-radius:50%;margin-left:auto;padding:1px 7px}.version{font-size:13px;position:absolute;top:min(884px,100vh - 140px);left:16px}.content{width:calc(100% - 176px);max-width:1700px;height:100vh;min-height:0;margin:0;padding:14px 16px 20px;overflow:hidden auto}header{border-bottom:1px solid #153958;grid-template-columns:1fr 1fr 1.15fr;align-items:start;height:103px;display:grid}.brand{padding-top:2px}.brand strong{letter-spacing:1px;color:#11a4fa;align-items:center;gap:7px;font:600 44px/43px Barlow Condensed;display:flex}.brand strong svg{width:31px}.brand span{letter-spacing:.8px;font-size:23px;display:block}.content header h1{text-align:center;color:#2aa9f6;letter-spacing:1px;margin:12px 0 0;font-size:24px;font-weight:500}.header-status{justify-content:flex-end;gap:22px;font-size:18px;display:flex}.header-status>div{grid-template-columns:25px auto;gap:3px 8px;line-height:39px;display:grid}.header-status>div svg{width:19px;margin-top:10px}.header-status section{border:1px solid #183856;border-radius:7px;width:335px;overflow:hidden}.header-status section>span{justify-content:space-between;align-items:center;min-height:39px;padding:0 18px;display:flex}.header-status section>span+span{border-top:1px solid #183856}.ok,.attention{align-items:center;gap:7px;font-size:14px;font-weight:600;display:inline-flex}.ok{color:#54d654}.attention{color:#ff9f39}.ok i,.attention i{background:currentColor;border-radius:50%;width:12px;height:12px;box-shadow:0 0 9px}.realtime{text-align:center;color:#3dadf4;letter-spacing:2px;margin:7px 0 11px;font-size:20px}.water-group,.flow-card,.trends,.alerts,.chart-card{background:linear-gradient(125deg,#05192de0,#010d1bd1);border:1px solid #103653;border-radius:7px;box-shadow:inset 0 0 17px #071f36b3}.control-grid{grid-template-columns:1.25fr .77fr 1.25fr;gap:14px;display:grid}.water-group h2,.flow-card h2,.panel-heading h2{color:#32aef8;letter-spacing:.7px;text-align:center;margin:10px;font-size:18px;font-weight:500}.water-group>div{gap:10px;padding:0 10px 10px;display:flex}.metric-card{text-align:center;border:1px solid #0c2c48;border-radius:6px;flex:1;min-height:242px;padding:13px 9px}.metric-card h3{min-height:42px;margin:0;font-size:16px;font-weight:500}.metric-card strong{color:#dce8ef;font:500 41px/56px Barlow Condensed;display:block}.metric-card>span{min-height:28px;font-size:18px;display:block}.metric-scale{justify-content:space-between;margin-top:14px;font-size:14px;display:flex}.metric-scale small{font-size:14px}.scale-track{background:linear-gradient(90deg,#1fbcdf,#4ad65d);height:5px;margin:7px 0 25px;position:relative}.scale-track i{background:#e2f5e9;border-radius:50%;width:9px;height:9px;position:absolute;top:-2px;transform:translate(-50%);box-shadow:0 0 5px #bbffe4}.metric-card .ok,.metric-card .attention{border:1px solid #1c523d;border-radius:4px;justify-content:center;width:100%;padding:7px 3px}.metric-card .attention{border-color:#6b3d20}.metric-card .ok i,.metric-card .attention i{width:10px;height:10px}.flow-card{text-align:center}.flow-gauge{max-width:260px;height:204px;margin:4px auto 0;position:relative}.flow-gauge svg{width:100%;height:162px;overflow:visible}.flow-gauge svg line{stroke:#e5f2fb;stroke-width:2px}.flow-gauge svg text{fill:#e8f4ff;text-anchor:middle;font:14px Rajdhani}.flow-gauge .needle{stroke-width:4px}.flow-gauge circle{fill:#ecf8ff}.flow-gauge strong{font:500 50px Barlow Condensed;position:absolute;top:78px;left:0;right:0}.flow-gauge span{font-size:21px;position:absolute;top:128px;left:0;right:0}.flow-card>.ok{justify-content:center;margin-top:-3px;font-size:17px}.flow-card>.ok svg{margin-right:6px}.dashboard-grid{grid-template-columns:3fr 1.17fr;gap:14px;margin-top:18px;display:grid}.panel-heading{border-bottom:1px solid #10314d;justify-content:space-between;align-items:center;padding:0 14px;display:flex}.panel-heading h2{text-align:left;margin:10px 0}.panel-heading button{color:#65bef3;font-size:14px}.trends-toolbar{border:1px solid #112f4c;border-radius:5px;align-items:center;gap:7px;height:40px;margin:8px 13px 10px;padding:0 10px;font-size:14px;display:flex}.trends-toolbar>i{background:#229dea;border-radius:3px;width:22px;height:3px;margin-left:22px}.trends-toolbar i.green{background:#58cf64;margin-left:8px}.trends-toolbar .blue{color:#e4f2fb}.charts{gap:10px;padding:0 10px 11px;display:flex}.chart-card{flex:1;min-width:0;padding:9px 12px}.chart-card h3{margin:0 0 7px;font-size:17px;font-weight:500}.legend{margin-bottom:5px;font-size:13px}.legend i{background:#269fe7;border-radius:2px;width:20px;height:3px;margin:0 5px 3px 0;display:inline-block}.legend i.out{background:#55cf63;margin-left:20px}.chart-card svg{width:100%;height:139px}.grid line{stroke:#153450;stroke-dasharray:2 3}.chart-card svg text{fill:#d7e5ed;font:11px Rajdhani}.chart-card polyline{fill:none;stroke:#279fe8;stroke-width:2px}.chart-card polyline.out-line{stroke:#55cc63}.x-axis{white-space:nowrap;justify-content:space-between;font-size:12px;display:flex}.chart-stats{border-top:1px solid #183852;margin:9px -12px -9px;display:flex}.chart-stats span{border-right:1px solid #183852;flex:1;padding:8px 7px;font-size:11px}.chart-stats b{color:#eff7fb;white-space:nowrap;font:500 25px Barlow Condensed;display:block}.chart-stats b.ok{color:#58cf61}.chart-stats b.attention{color:#eea24b}.alerts{padding:0 14px}.alerts .panel-heading{border-bottom:1px solid #153550;padding:0}.alerts article{border-bottom:1px solid #14344f;align-items:center;gap:12px;min-height:72px;padding:7px 0;display:flex}.alerts article:last-child{border-bottom:0}.alert-icon{color:#45aff2;background:#104678;border-radius:50%;flex:none;width:39px;height:39px;padding:9px}.alert-icon.attention{color:#ffbe20;background:0 0;width:43px;height:43px;padding:0}.alerts article div{flex:1;min-width:0}.alerts article strong,.alerts article span,.alerts article small{display:block}.alerts article strong{font-size:14px}.alerts article span,.alerts article small{font-size:13px;line-height:15px}.alerts article .ok,.alerts article .attention{white-space:nowrap;border:1px solid #2b6f3a;padding:2px 5px;font-size:12px}.alerts article .attention{border-color:#744025}.alerts article .ok i,.alerts article .attention i{display:none}.statusbar{background:linear-gradient(110deg,#061a2f,#061124);border:1px solid #173a57;border-radius:7px;min-height:89px;margin-top:18px;display:flex;overflow:hidden}.statusbar>article{border-right:1px solid #153652;flex:1;align-items:center;gap:13px;padding:12px 17px;display:flex}.statusbar>article>svg{color:#78c9fa;stroke-width:1.5px;width:38px;height:38px}.statusbar span{font-size:14px;display:block}.statusbar strong{white-space:nowrap;font:500 29px Barlow Condensed;display:block}.statusbar .quality-kpi{background:linear-gradient(120deg,#0c6837,#09a14d);border:0;flex:1.12}.quality-kpi>svg{color:#ebfff0}.quality-kpi strong{font-size:29px}.loading,.placeholder,.connection-error{text-align:center;color:#60c3fb;padding:100px;font-size:24px}.connection-error{color:#ffa847;padding:12px;font-size:16px}@media (width<=1150px){aside{width:66px}.eto-logo{height:66px;margin:0 7px 13px;padding-top:0}.eto-logo b,.eto-logo span{font-size:0}aside button span,.alarm-count{display:none}aside button{justify-content:center;padding:0}aside button.active{padding-left:0}.content{width:calc(100% - 66px)}header{grid-template-columns:1fr 1fr}.header-status{display:none}.dashboard-grid,.control-grid{grid-template-columns:1fr}.statusbar{flex-wrap:wrap}.statusbar>article{min-width:33%}}@media (width<=760px){.brand strong{font-size:34px}.brand span{font-size:17px}.content header h1{font-size:18px}.charts,.water-group>div{flex-direction:column}.statusbar>article{min-width:50%}.water-group .metric-card{min-height:180px}.metric-card h3{min-height:auto}.metric-card strong{line-height:45px}}.title-block{text-align:center}.content header .title-block h1{margin:10px 0 2px}.title-block p{color:#3dadf4;letter-spacing:2px;margin:0;font-size:20px}.control-grid{margin-top:11px}.water-group .metric-card{min-height:237px}.flow-card{min-height:302px}.flow-card h2{margin-bottom:0}.flow-gauge{height:234px;margin-top:8px}.flow-gauge svg{height:215px}.flow-gauge strong{z-index:2;font-size:51px;line-height:1;top:104px}.flow-gauge span{z-index:2;top:153px}.flow-card>.ok{margin-top:-5px}.dashboard-grid{margin-top:18px}.trends{min-height:432px}.chart-card svg{height:156px}.alerts{min-height:432px}.alerts article{min-height:75px}.alert-icon{flex:none;width:42px;height:42px;padding:9px}.alert-icon.info{color:#43aef2;background:#0f477b;border-radius:50%}.alert-icon.warning{color:#06233e;background:0 0;border-radius:0;padding:0}.alert-icon.check{color:#082c24;background:#36c658;border-radius:50%;padding:10px}.alert-symbol{border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font-size:16px;font-style:normal;font-weight:700;display:grid}.alert-symbol.uv{color:#f1e7ff;background:#6e30cf}.alert-symbol.ozone{color:#fff;background:#dc7518}.alert-symbol.info{color:#082c54;background:#1685cf;padding-bottom:4px;font:700 28px/1 Arial}.chart-card svg line.grid.vertical{stroke:#153450;stroke-dasharray:2 3}.x-axis{padding:0 8px}.control-grid{grid-template-columns:1.25fr .75fr 1.46fr;gap:10px}.flow-gauge{margin-top:-1px}.panel-heading h2{margin:8px 0}.trends-toolbar{margin-top:1px}.charts{padding-bottom:8px}.chart-card{min-height:329px}.x-axis{margin-top:5px}.chart-stats{margin-top:14px}.statusbar>article{min-width:0}.statusbar .availability-kpi{flex:.94}.statusbar .quality-kpi{flex:1.1}.statusbar .report-kpi{border:0;flex:1.3;gap:12px}.report-kpi>svg{color:#8bc8ef}.report-kpi strong{font-size:18px}.report-kpi>b{color:#fff;background:#c43137;border-radius:2px;margin-left:auto;padding:5px 3px 2px;font:700 10px Arial}.digital-content{background:radial-gradient(at 48% 30%,#07213a 0,#020b15 59%,#010711 100%);width:calc(100% - 176px);max-width:none;margin:0;padding:0 20px 0 13px;overflow:auto}.digital-canvas{color:#e4eef6;--asset-body:#0b2436;--asset-body-mid:#18364a;--asset-body-edge:#071522;--asset-deep:#05101a;--asset-metal:#a8bbc4;--asset-metal-light:#e4f0f3;--asset-metal-mid:#526a76;--asset-metal-dark:#192d38;--asset-metal-highlight:#f5fbfd;--asset-metal-shadow:#4c6776;--asset-accent:#35caff;--asset-accent-light:#8ee7ff;--asset-accent-dark:#0e638e;--asset-water:#0785cc;--asset-water-dark:#0b5c8d;--asset-flow:#38ceff;--asset-pipe:#0c3856;--asset-outline:#092037;--asset-shadow:#000a16;--asset-signal:#64db75;--asset-warning:#e2bd48;--asset-concrete-light:#d0d1c7;--asset-concrete:#8d9089;--asset-concrete-dark:#565a57;--asset-concrete-shadow:#2a3131;background:radial-gradient(at 49% 22%,#0926418c,#0000 51%);width:1327px;min-height:1024px;position:relative;overflow:hidden}:root[data-theme=light] .digital-canvas,.theme-light .digital-canvas{--asset-body:#c7dbe6;--asset-body-mid:#e5f0f5;--asset-body-edge:#a8bfcc;--asset-deep:#7c97a6;--asset-metal:#6e8897;--asset-metal-light:#f7fbfc;--asset-metal-mid:#9fb6c1;--asset-metal-dark:#55717f;--asset-metal-highlight:#fff;--asset-metal-shadow:#7694a2;--asset-accent:#008bc5;--asset-accent-light:#1ab8ef;--asset-accent-dark:#006895;--asset-water:#087db2;--asset-water-dark:#056a98;--asset-flow:#008dca;--asset-pipe:#6d8e9f;--asset-outline:#7896a5;--asset-shadow:#56717d;--asset-signal:#238e42;--asset-warning:#b1720a;--asset-concrete-light:#f0eee5;--asset-concrete:#c2c2bb;--asset-concrete-dark:#8d928e;--asset-concrete-shadow:#69726f}.digital-header{border-bottom:1px solid #0e2f4d;height:110px;display:block;position:relative}.digital-brand{position:absolute;top:14px;left:20px}.digital-brand strong{color:#10a4fa;letter-spacing:1px;align-items:center;gap:7px;font:600 43px/43px Arial,Helvetica,sans-serif;display:flex}.digital-brand strong svg{stroke-width:1.8px;width:29px;height:35px}.digital-brand>span{color:#f1f4f7;letter-spacing:.25px;margin-top:6px;font-size:23px;font-weight:600;display:block}.digital-clock{width:136px;position:absolute;top:25px;left:414px}.digital-clock span{color:#eef5fb;white-space:nowrap;align-items:center;gap:9px;height:36px;font-size:17px;display:flex}.digital-clock svg{color:#8fc8f2;stroke-width:1.7px;width:20px}.digital-system-status{background:#010b16a8;border:1px solid #0b2c49;border-radius:6px;grid-template-columns:119px 160px;width:280px;height:72px;display:grid;position:absolute;top:22px;left:566px;overflow:hidden}.digital-system-status>div{padding:11px 10px}.digital-system-status>div+div{border-left:1px solid #0b2c49}.digital-system-status span{white-space:nowrap;font-size:13px;display:block}.digital-system-status .twin-status{background:0 0;border:0;justify-content:flex-start;gap:8px;min-height:0;margin-top:7px;padding:0;font-size:14px}.digital-system-status .twin-status:before{content:"";background:currentColor;border-radius:50%;width:16px;height:16px;box-shadow:0 0 8px}.digital-top-metrics{background:#010b16a8;border:1px solid #0b2c49;border-radius:6px;grid-template-columns:140px 165px 161px;height:72px;display:grid;position:absolute;top:22px;right:0;overflow:hidden}.digital-metric{border-left:1px solid #0b2c49;align-items:center;gap:9px;min-width:0;padding:8px 10px;display:flex}.digital-metric:first-child{border-left:0}.digital-metric>svg{color:#45b9f7;stroke-width:1.7px;width:27px;min-width:27px;height:32px}.digital-metric:nth-child(2)>svg{color:#a9e5ff}.digital-metric>div{min-width:0}.digital-metric span{white-space:nowrap;font-size:13px;display:block}.digital-metric strong{white-space:nowrap;font:500 23px/27px Barlow Condensed,Rajdhani,sans-serif;display:block}.twin-status{color:#75ce60;letter-spacing:.1px;white-space:nowrap;background:#021210b8;border:1px solid #275737;border-radius:2px;justify-content:center;align-items:center;min-height:25px;padding:4px 11px 3px;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.twin-status.warning{color:#ff9a3e;background:#211106a8;border-color:#7d4524}.twin-status.unknown{color:#93a8b9;background:#081724bf;border-color:#31485b}.process-pipe{z-index:1;pointer-events:none;width:1327px;height:262px;position:absolute;top:122px;left:0;overflow:visible}.pipe-halo{fill:none;stroke:#057fc9;stroke-width:8px;opacity:.42;filter:url(#pipe-glow)}.pipe-core{fill:none;stroke:#d5f5ff;stroke-width:2px;filter:url(#pipe-glow)}.pipe-arrow{fill:none;stroke:#80d9ff;stroke-width:2px}.pipe-flow-particle{fill:#a9edff;filter:url(#pipe-glow);opacity:.72}.pipe-flow-particle-secondary{opacity:.42}.twin-process{z-index:2;grid-template-columns:135px 142px 126px 110px 115px 130px 118px 118px 277px;gap:7px;width:1327px;height:249px;display:grid;position:absolute;top:122px;left:0}.process-unit,.technology-selector,.panel-twin,.disinfection-panel{background:linear-gradient(130deg,#041627e0,#010b16e6);border:1px solid #0b2e4b;border-radius:7px;box-shadow:inset 0 0 19px #06213861}.process-unit{text-align:center;position:relative;overflow:hidden}.process-unit h3{z-index:3;color:#eef4f9;margin:10px 4px 1px;font-size:14px;font-weight:600;line-height:16px;position:relative}.process-unit p{z-index:3;color:#fbfdff;min-height:23px;margin:0 4px;font-size:11px;font-weight:500;line-height:13px;position:relative}.process-asset{z-index:2;max-width:none;display:block;position:absolute;overflow:visible}.trace-asset{isolation:isolate;pointer-events:none;line-height:0}.trace-art,.trace-art>.trace-svg{width:100%;height:100%;display:block;overflow:visible}.asset-water-motion{z-index:3;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.asset-water-motion path{fill:none;stroke:#b7f2ff75;stroke-width:1px;stroke-linecap:round;stroke-dasharray:12 30;filter:drop-shadow(0 0 2px #26beff7a)}.intake-water-motion .water-ripples{animation:5.5s linear infinite water-current}.screen-water-motion .screen-ripples{animation:6.8s linear infinite water-current}.trace-uv-vortex:after{background:linear-gradient(90deg,#0000,#be70ff 14%,#f0d2ff 50%,#be70ff 86%,#0000);border-radius:99px;height:3px;animation:1.8s ease-in-out infinite trace-energy;top:46%;left:16%;right:16%;box-shadow:0 0 9px #a747ff}.trace-ozone-vortex:after{background:linear-gradient(90deg,#0000,#4ae3ff 20%,#d9ffff 50%,#4ae3ff 80%,#0000);border-radius:99px;height:2px;animation:2.1s ease-in-out infinite trace-energy;top:52%;left:29%;right:17%;box-shadow:0 0 8px #22d6ff}@keyframes trace-energy{50%{opacity:.35;transform:scaleX(.88)}}@keyframes water-current{to{stroke-dashoffset:-42px}}.asset-captacion{width:132px;height:140px;top:68px;left:2px}.asset-cr001{width:140px;height:145px;top:68px;left:4px}.asset-p001{width:86px;height:130px;top:63px;left:22px}.asset-fi001{width:98px;height:125px;top:68px;left:13px}.asset-vortex{width:140px;height:75px;top:116px;left:-6px}.asset-bdo1,.asset-bdo2{width:83px;height:111px;top:80px;left:26px}.process-unit>.twin-status{z-index:4;min-width:85px;position:absolute;bottom:13px;left:50%;transform:translate(-50%)}.process-unit.has-value>.twin-status{bottom:29px}.process-value{z-index:4;color:#f2f7fa;white-space:nowrap;font:500 17px/18px Barlow Condensed,Rajdhani,sans-serif;position:absolute;bottom:8px;left:0;right:0}.process-value small{font-size:14px;font-weight:500}.input-monitor{z-index:3;text-align:left;background:#010c17d6;border:1px solid #092941;border-radius:5px;padding:5px 8px;position:absolute;top:59px;left:10px;right:10px}.input-monitor span{color:#93a8b8;justify-content:space-between;align-items:baseline;min-height:27px;font-size:11px;display:flex}.input-monitor b{color:#f2f7f8;white-space:nowrap;font-size:16px;font-weight:500}.input-monitor span:nth-child(3) b{font-size:14px}.technology-selector{text-align:center;padding:10px 14px 0;position:relative;overflow:hidden}.technology-selector h3{color:#e9f0f6;margin:0;font-size:14px;font-weight:500}.technology-selector>p{color:#aebdca;margin:3px 0 11px;font-size:12px}.technology-selector>span{color:#c9a8ff;text-align:left;border:1px solid #56316d;border-radius:5px;align-items:center;gap:12px;height:39px;margin:6px 34px;padding:0 14px;font-size:17px;display:flex}.technology-selector em{white-space:nowrap;font-style:normal}.technology-selector>span>i{border:2px solid;border-radius:50%;width:19px;height:19px;display:block;box-shadow:0 0 8px}.technology-selector>.ozone{color:#ff9b56;border-color:#76401e}.technology-selector>.selected.uv{background:linear-gradient(90deg,#51259366,#1f144229);box-shadow:inset 0 0 14px #9349ea33}.technology-selector>.selected.ozone{background:linear-gradient(90deg,#77341273,#3c18051a);box-shadow:inset 0 0 14px #f170242b}.technology-selector .selected i{background:currentColor}.twin-filtration{z-index:2;width:729px;height:366px;position:absolute;top:385px;left:0;overflow:hidden}.panel-twin>h2{color:#f0f5f8;text-align:center;margin:9px 10px;font-size:15px;font-weight:500}.filter-bank{z-index:2;width:728px;height:240px;position:absolute;top:29px;left:0;overflow:visible}.filter-bank-svg{display:block}.pressure-card{z-index:3;text-align:center;background:#020e18f5;border:1px solid #0c2c47;border-radius:5px;width:75px;min-height:89px;padding:7px 3px 5px;position:absolute}.pressure-0{top:39px;left:12px}.pressure-1{top:61px;left:236px}.pressure-2{top:61px;left:418px}.pressure-3{top:39px;right:12px}.pressure-card strong{font-size:13px;line-height:15px;display:block}.pressure-card span{color:#f0f5f8;min-height:37px;font-size:10px;font-weight:600;line-height:12px;display:block}.pressure-card b{color:#82d569;font:500 22px/23px Barlow Condensed,Rajdhani,sans-serif;display:block}.pressure-card small{color:#b8c8d2;font:500 12px Rajdhani,sans-serif;display:block}.filter-tags{z-index:4;height:97px;display:block;position:absolute;top:260px;left:0;right:0}.filter-tags article{text-align:center;background:#020d17cc;border:1px solid #082940;border-radius:5px;height:96px;min-height:0;padding:9px 6px;position:absolute;top:0}.filter-tags article:first-child{width:136px;left:102px}.filter-tags article:nth-child(2){width:133px;left:301px}.filter-tags article:nth-child(3){width:132px;left:499px}.filter-tags strong,.filter-tags span{display:block}.filter-tags strong{font-size:14px}.filter-tags span{min-height:30px;font-size:12px;line-height:14px}.filter-tags .twin-status{margin-top:3px}.twin-disinfection{z-index:2;width:523px;height:342px;position:absolute;top:385px;left:804px}.disinfection-panel{width:523px;position:absolute;overflow:hidden}.uv-panel{--asset-uv:#a952ff;--asset-uv-light:#e7caff;--asset-uv-dark:#461080;height:173px;top:0}.ozone-panel{height:158px;bottom:0}.disinfection-panel h2{z-index:4;color:#c581ff;text-align:center;width:361px;margin:0;font-size:18px;font-weight:500;position:absolute;top:8px;left:0}.ozone-panel h2{color:#ff8a38}.disinfection-subtitle{z-index:4;color:#c581ff;text-align:center;width:361px;margin:0;font-size:12px;font-weight:500;line-height:12px;position:absolute;top:28px;left:0}.ozone-panel .disinfection-subtitle{color:#ff9a53}.disinfection-asset{z-index:2;display:block;position:absolute;overflow:visible}.uv-panel>.disinfection-asset{width:373px;height:130px;top:44px;left:-1px}.ozone-panel>.disinfection-asset{width:357px;height:115px;top:42px;left:1px}.disinfection-data{z-index:4;width:129px;position:absolute;top:7px;right:13px}.disinfection-data>span{color:#eef5fa;white-space:nowrap;border-bottom:1px solid #102f48;justify-content:space-between;align-items:center;min-height:31px;font-size:11px;display:flex}.disinfection-data>span:first-child{justify-content:flex-end;gap:5px}.disinfection-data b{font:500 15px Barlow Condensed,Rajdhani,sans-serif}.disinfection-data .twin-status{min-height:19px;padding:3px 6px 2px;font-size:10px}.filtration-manifold{z-index:1;pointer-events:none;width:1327px;height:360px;position:absolute;top:385px;left:0;overflow:visible}.filtration-manifold path{fill:none;stroke:#1ab5ff;stroke-width:3px;filter:url(#pipe-glow)}.twin-valves{z-index:2;width:204px;height:160px;padding:0 18px;position:absolute;top:758px;left:0}.twin-valves h2{white-space:nowrap;margin:9px -12px 13px;font-size:14px}.twin-valves h2 svg{vertical-align:-5px;color:#81c9f5;width:20px}.twin-valves>div{border:1px solid #092941;border-bottom:0;align-items:center;gap:16px;height:44px;padding:0 15px;display:flex}.twin-valves>div:last-child{border-bottom:1px solid #092941}.twin-valves>div strong{text-align:center;min-width:22px;font:600 28px Barlow Condensed,Rajdhani,sans-serif}.twin-valves>div:first-of-type strong{color:#76d65b}.twin-valves>div:last-child strong{color:#ed3d3f}.twin-valves>div span{font-size:13px}.twin-valves>div:last-child span{color:#f45454}.twin-backwash{z-index:2;width:535px;height:160px;position:absolute;top:758px;left:210px;overflow:hidden}.twin-backwash>h2{text-align:left;margin-left:23px}.backwash-mode{width:200px;position:absolute;top:38px;left:28px}.backwash-mode>span{color:#e9f1f7;font-size:11px;display:block}.backwash-mode>b{color:#73d361;margin:1px 0 12px;font-size:13px;display:block}.backwash-mode>strong{color:#eaf4fa;align-items:center;gap:10px;margin:4px 0 8px;font:500 18px Barlow Condensed,Rajdhani,sans-serif;display:flex}.backwash-mode>strong svg{color:#a4c9e4;width:20px}.backwash-mode>small{color:#d7e5ed;font-size:10px;display:block}.backwash-mode>small b{float:right;font-size:15px}.dp-summary{width:287px;position:absolute;top:39px;right:14px}.dp-summary>h3{color:#f0f5f9;text-align:center;margin:0 0 5px;font-size:12px;font-weight:600}.dp-summary{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.dp-summary>h3{grid-column:1/-1}.dp-summary article{text-align:center;border:1px solid #0b2d46;border-radius:3px;min-height:93px;padding:5px 4px}.dp-summary article>strong,.dp-summary article>span,.dp-summary article>b{display:block}.dp-summary article>strong{font-size:13px}.dp-summary article>span{color:#9fb2c1;min-height:28px;font-size:8px;line-height:10px}.dp-summary article>b{color:#f1f6fa;white-space:nowrap;margin:3px 0;font:500 15px Barlow Condensed,Rajdhani,sans-serif}.dp-summary .twin-status{min-height:17px;padding:2px 5px;font-size:9px}.twin-quality{z-index:2;width:280px;height:176px;position:absolute;top:742px;left:763px}.twin-quality>h2{margin:8px 4px;font-size:13px}.quality-sensors{grid-template-columns:63px 1fr 1fr;padding:1px 12px;display:grid}.quality-sensors article{text-align:center;min-height:105px;padding-top:54px;position:static}.quality-sensors span,.quality-sensors strong{display:block}.quality-sensors>article>span{margin-top:3px;font-size:13px}.quality-sensors strong{color:#f1f6fb;white-space:nowrap;font:500 17px Barlow Condensed,Rajdhani,sans-serif}.quality-sensors small{font-size:11px}.sensor-glyph{width:22px;height:38px;display:block;position:absolute}.sensor-d{top:30px;left:39px}.sensor-e{top:30px;left:128px}.sensor-f{top:30px;left:218px}.sensor-asset{width:22px;height:38px;display:block}.sensor-letter{color:#ecf3f7;font-size:11px;font-weight:500;position:absolute;top:37px;left:50%;transform:translate(-50%)}.sensor-e{--asset-accent:#4ed87b}.sensor-f{--asset-accent:#55cfff}.twin-quality>.twin-status{position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.twin-sample{z-index:2;text-align:center;width:89px;height:160px;position:absolute;top:758px;left:1048px}.twin-sample>span{margin-top:15px;font-size:12px;line-height:15px;display:block}.sample-asset{width:90px;height:105px;margin:0;display:block;position:absolute;top:48px;left:3px}.twin-return{z-index:2;text-align:center;width:182px;height:167px;position:absolute;top:751px;left:1145px;overflow:hidden}.twin-return h2{z-index:3;color:#eef5fa;margin:9px 4px;font-size:13px;font-weight:500;line-height:15px;position:relative}.return-asset{width:180px;height:128px;position:absolute;top:39px;left:0}.twin-return .twin-status{z-index:3;position:absolute;bottom:7px;right:8px}@keyframes twin-asset-flow{to{stroke-dashoffset:-20px}}@keyframes twin-asset-pulse{50%{opacity:.58;filter:brightness(1.3)}}@keyframes twin-asset-rotate{to{transform:rotate(360deg)}}.digital-canvas .svg-flow{stroke-dasharray:8 7;animation:1.55s linear infinite twin-asset-flow}.digital-canvas .svg-water{transform-origin:50%;animation:2.7s ease-in-out infinite twin-asset-pulse}.digital-canvas .svg-rotor{transform-box:fill-box;transform-origin:50%;animation:6s linear infinite twin-asset-rotate}.digital-canvas .uv-beam,.digital-canvas .ozone-stream,.digital-canvas .ozone-glow{animation:2.2s ease-in-out infinite twin-asset-pulse}@media (prefers-reduced-motion:reduce){.digital-canvas .svg-flow,.digital-canvas .svg-water,.digital-canvas .svg-rotor,.digital-canvas .uv-beam,.digital-canvas .ozone-stream,.digital-canvas .ozone-glow,.digital-canvas .asset-water-motion .water-ripples,.digital-canvas .trace-asset:after{animation:none}.digital-canvas .pipe-flow-particle{display:none}}.twin-footer{z-index:2;background:linear-gradient(90deg,#041628e0,#010c17e6);border-top:1px solid #0d304c;width:1327px;height:90px;display:flex;position:absolute;top:930px;left:0}.twin-footer article{border-right:1px solid #10334f;align-items:center;gap:14px;height:80px;margin-top:5px;padding:0 24px;display:flex}.twin-footer>article:first-child{width:390px}.twin-footer>article:nth-child(2){width:246px}.twin-footer>article:nth-child(3){width:231px}.twin-footer>article:nth-child(4){background:linear-gradient(110deg,#086c39,#0a984a);border:1px solid #2eab59;border-radius:7px;width:240px;margin-left:0;box-shadow:inset 0 0 20px #8bf8972b,0 0 10px #28cd5c3b}.twin-footer svg{color:#8ac4ee;stroke-width:1.5px;width:50px;min-width:50px;height:50px}.twin-footer .twin-system>svg{color:#68d65a}.twin-footer .twin-quality-result svg{color:#e6fff0}.twin-footer span,.twin-footer strong,.twin-footer small{display:block}.twin-footer span{white-space:nowrap;font-size:13px}.twin-footer strong{color:#f1f7fb;white-space:nowrap;font:500 28px/29px Barlow Condensed,Rajdhani,sans-serif}.twin-footer .twin-system strong{color:#80d562;font-size:25px}.twin-footer small{color:#d7e5ec;margin-top:2px;font-size:11px;line-height:12px}.twin-footer .twin-quality-result strong{font-size:29px}aside button:focus,aside button:focus-visible{outline:0}@media (width<=1150px){.digital-content{width:calc(100% - 66px);padding-left:13px}}.quality-content{background:radial-gradient(at 52% 20%,#08243f 0,#020b16 58%,#010711 100%);width:calc(100% - 176px);max-width:none;margin:0;padding:0 19px 0 10px;overflow:auto}.quality-canvas{color:#e9f3fa;background:radial-gradient(at 50% 22%,#07233d5c,#0000 56%);width:1331px;min-height:1024px;position:relative;overflow:hidden}.quality-header{border-bottom:1px solid #0d2d49;height:94px;display:block;position:relative}.quality-brand{position:absolute;top:14px;left:18px}.quality-brand strong{color:#12a7fa;letter-spacing:1px;align-items:center;gap:7px;font:600 42px/43px Arial,Helvetica,sans-serif;display:flex}.quality-brand strong svg{stroke-width:1.8px;width:29px;height:35px}.quality-brand>span{color:#f0f4f7;letter-spacing:.2px;margin-top:6px;font-size:23px;font-weight:600;display:block}.quality-clock{width:158px;position:absolute;top:15px;left:794px}.quality-clock span{color:#e9f3fa;white-space:nowrap;align-items:center;gap:10px;height:34px;font-size:17px;display:flex}.quality-clock svg{color:#9accee;stroke-width:1.7px;width:20px}.quality-system{background:#020c17a6;border:1px solid #0c2d49;border-radius:7px;width:358px;height:72px;position:absolute;top:14px;right:2px;overflow:hidden}.quality-system>span{justify-content:space-between;align-items:center;height:36px;padding:0 19px;font-size:15px;display:flex}.quality-system>span+span{border-top:1px solid #0c2d49}.quality-system .twin-status{background:0 0;border:0;justify-content:flex-start;gap:9px;min-height:0;padding:0;font-size:14px}.quality-system .twin-status:before{content:"";background:currentColor;border-radius:50%;width:15px;height:15px;box-shadow:0 0 8px}.quality-kpis{grid-template-columns:253px 257px 242px 274px 263px;column-gap:10.5px;width:1331px;height:116px;display:grid;position:absolute;top:103px;left:0}.quality-top-kpi{background:linear-gradient(130deg,#05182be6,#020e1be6);border:1px solid #0d334f;border-radius:8px;align-items:flex-start;gap:15px;height:116px;min-height:0;padding:17px;display:flex;box-shadow:inset 0 0 17px #07223959}.quality-top-kpi>svg{color:#94b9df;stroke-width:1.7px;width:47px;min-width:47px;height:47px}.quality-top-kpi:first-child>svg{color:#a8c9eb}.quality-top-kpi:nth-child(5)>svg{color:#87b1db}.quality-top-kpi>div{min-width:0}.quality-top-kpi span{color:#e5edf3;white-space:nowrap;font-size:14px;display:block}.quality-top-kpi strong{color:#edf5fa;white-space:nowrap;margin-top:3px;font:500 34px/37px Barlow Condensed,Rajdhani,sans-serif;display:block}.quality-top-kpi strong small{font:500 22px Barlow Condensed,Rajdhani,sans-serif}.quality-top-kpi p{color:#9daeba;white-space:nowrap;margin:8px 0 0;font-size:13px}.quality-top-kpi p b{color:#6bd664;align-items:center;font-size:14px;font-weight:500;display:inline-flex}.quality-top-kpi p b.negative{color:#ef9c4a}.quality-top-kpi p b svg{width:15px;height:15px;margin-right:4px}.quality-panel{background:linear-gradient(130deg,#041729e6,#010d19e8);border:1px solid #0c304c;border-radius:8px;overflow:hidden;box-shadow:inset 0 0 17px #061f3552}.quality-panel h2{color:#45aeed;letter-spacing:.4px;margin:0;font-size:16px;font-weight:500}.quality-turbidity{width:726px;height:501px;position:absolute;top:235px;left:0}.quality-turbidity>h2{position:absolute;top:14px;left:14px}.quality-turbidity>h2 em{color:#99b0c4;font-size:14px;font-style:normal}.quality-turbidity>h2 svg{vertical-align:-3px;color:#2aaef9;width:17px;height:17px;margin-left:6px}.quality-range{color:#e8f1f7;border:1px solid #123752;border-radius:5px;align-items:center;gap:8px;width:164px;height:31px;padding:0 10px;font-size:13px;display:flex;position:absolute;top:43px;left:14px}.quality-range svg:first-child{color:#a6c5dd;width:17px}.quality-range svg:last-child{color:#9bb1c1;width:15px;margin-left:auto}.quality-legend{color:#dfeaf1;white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex}.quality-legend i{background:#1ea5f2;border-radius:2px;width:26px;height:3px;margin-right:1px;display:inline-block}.quality-legend i.outlet{background:#68cf5b;margin-left:22px}.quality-turbidity>.quality-legend{position:absolute;top:82px;left:190px}.quality-unit-label{color:#aebfce;font-size:12px;position:absolute;top:96px;left:12px}.quality-main-plot{width:697px;height:224px;position:absolute;top:105px;left:8px}.quality-svg{width:100%;height:100%;display:block;overflow:visible}.quality-svg text{fill:#c7d7e3;font:11px Rajdhani,sans-serif}.quality-svg .quality-x-label{fill:#e0ebf2;font-size:12px}.quality-grid{stroke:#153b58;stroke-dasharray:2 3;stroke-width:1px}.quality-grid.q-vertical{stroke:#123751}.quality-highlight{stroke:#d8eaf4;stroke-dasharray:3 3;stroke-width:1px;opacity:.9}.quality-line{fill:none;stroke-width:1.8px;vector-effect:non-scaling-stroke}.quality-line.inlet{stroke:#1aa3f2}.quality-line.outlet{stroke:#66c95a}.quality-focus.inlet{fill:#1aa3f2;stroke:#b5e7ff;stroke-width:1px}.quality-focus.outlet{fill:#66c95a;stroke:#d2fec2;stroke-width:1px}.quality-tooltip{z-index:3;background:#03111ff0;border:1px solid #466178;border-radius:5px;width:119px;min-height:65px;padding:7px 9px;position:absolute;top:124px;left:418px;box-shadow:0 3px 11px #00000059}.quality-tooltip strong,.quality-tooltip span{display:block}.quality-tooltip strong{color:#f1f7fa;margin-bottom:5px;font-size:13px;font-weight:500}.quality-tooltip span{color:#d3e1e9;font-size:12px;line-height:17px}.quality-tooltip i{background:#1aa3f2;border-radius:50%;width:7px;height:7px;margin:0 6px 1px 0;display:inline-block}.quality-tooltip i.outlet{background:#66c95a}.quality-turbidity-stats{border-top:1px solid #10324d;grid-template-columns:repeat(5,1fr);height:151px;display:grid;position:absolute;top:350px;left:0;right:0}.quality-turbidity-stats article{text-align:center;border-right:1px solid #0e304a;padding:12px 8px}.quality-turbidity-stats article:last-child{border-right:0}.quality-turbidity-stats span,.quality-turbidity-stats strong,.quality-turbidity-stats small{display:block}.quality-turbidity-stats span{color:#d5e2eb;min-height:31px;font-size:11px;line-height:13px}.quality-turbidity-stats strong{color:#ecf5fa;white-space:nowrap;font:500 31px/34px Barlow Condensed,Rajdhani,sans-serif}.quality-turbidity-stats strong.good{color:#69d35f}.quality-turbidity-stats strong small{font-size:18px;display:inline}.quality-turbidity-stats>article>small{color:#a7b8c5;margin-top:3px;font-size:12px}.quality-right{width:595px;position:absolute;top:235px;left:736px}.quality-mini{width:595px;position:relative}.quality-mini-ph{height:170px}.quality-mini-conductivity{height:171px;margin-top:10px}.quality-mini-flow{height:140px;margin-top:10px}.quality-mini>h2{position:absolute;top:13px;left:14px}.quality-mini>.quality-legend{position:absolute;top:32px;left:186px}.quality-mini-conductivity>.quality-legend{left:68px}.quality-mini-flow>.quality-legend{left:179px}.quality-mini-plot{width:474px;height:117px;position:absolute;top:46px;left:17px}.quality-mini-conductivity .quality-mini-plot{top:46px}.quality-mini-flow .quality-mini-plot{height:99px;top:38px}.quality-mini-conductivity:after,.quality-mini-flow:after{color:#c2d2dd;content:"µS/cm";font-size:11px;position:absolute;top:39px;left:13px}.quality-mini-flow:after{content:"m³/h";top:31px}.quality-stat-rail{border-left:1px solid #0c2d48;width:107px;height:100%;padding:12px 13px;position:absolute;top:0;right:0}.quality-stat-rail article{min-height:47px}.quality-mini-flow .quality-stat-rail article{min-height:37px}.quality-stat-rail span,.quality-stat-rail strong{display:block}.quality-stat-rail span{color:#cbd9e2;white-space:nowrap;font-size:11px}.quality-stat-rail strong{color:#ecf4f8;white-space:nowrap;font:500 23px/26px Barlow Condensed,Rajdhani,sans-serif}.quality-stat-rail strong.good{color:#68d660}.quality-stat-rail strong.warn{color:#eea24d}.quality-stat-rail small{font:500 13px Rajdhani,sans-serif}.quality-summary{width:429px;height:244px;position:absolute;top:746px;left:0}.quality-summary>h2{color:#d9e7f0;margin:14px 12px 8px;font-size:15px}.quality-summary table,.quality-events table{border-collapse:collapse;table-layout:fixed;width:calc(100% - 20px);margin:0 10px;font-size:12px}.quality-summary th,.quality-summary td,.quality-events th,.quality-events td{border:1px solid #12334e}.quality-summary th,.quality-events th{color:#cbd9e4;height:27px;font-size:10px;font-weight:500}.quality-summary td{color:#e1edf4;text-align:center;height:30px;padding:0 6px}.quality-summary td:first-child{text-align:left}.quality-summary td small{color:#a6b8c5;font-size:10px}.quality-summary td.good{color:#63ce5c}.quality-summary td.warn{color:#f0a951}.quality-distribution{width:323px;height:244px;position:absolute;top:746px;left:439px}.quality-distribution>h2{color:#d9e7f0;text-align:center;margin:14px 14px 0;font-size:15px}.quality-distribution>p{color:#cbd9e2;text-align:center;margin:1px 0 0;font-size:12px}.quality-donut{border-radius:50%;place-items:center;width:156px;height:156px;display:grid;position:absolute;top:61px;left:9px;transform:rotate(-90deg)}.quality-donut:before{content:"";background:#071827;border-radius:50%;width:78px;height:78px;position:absolute;box-shadow:inset 0 0 10px #010a14}.quality-donut>div{z-index:1;color:#f1f6fa;text-align:center;position:relative;transform:rotate(90deg)}.quality-donut strong,.quality-donut span{display:block}.quality-donut strong{font:500 23px/25px Barlow Condensed,Rajdhani,sans-serif}.quality-donut span{font-size:13px}.quality-band-legend{width:138px;position:absolute;top:72px;left:171px}.quality-band-legend span{color:#dee9ef;white-space:nowrap;align-items:center;gap:8px;min-height:26px;font-size:12px;display:flex}.quality-band-legend i{width:13px;height:13px}.quality-band-legend b{color:#dce8ef;margin-left:auto;font-weight:500}.quality-events{width:560px;height:244px;position:absolute;top:746px;left:771px}.quality-events>h2{color:#d9e7f0;margin:14px 12px 8px;font-size:15px}.quality-events table{width:calc(100% - 20px);font-size:12px}.quality-events th:first-child{width:12%}.quality-events th:nth-child(2){width:29%}.quality-events th:nth-child(3){width:23%}.quality-events th:nth-child(4),.quality-events th:nth-child(5){width:18%}.quality-events td{color:#dce8ef;white-space:nowrap;text-overflow:ellipsis;height:25px;padding:0 7px;overflow:hidden}.quality-events td:nth-child(2),.quality-events td:nth-child(3){text-align:left}.quality-events td:not(:nth-child(2)):not(:nth-child(3)){text-align:center}.quality-events .twin-status{min-height:20px;padding:3px 7px 2px;font-size:10px}@media (width<=1150px){.quality-content{width:calc(100% - 66px);padding-left:10px}}