:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a1420;--panel:#101f2e;--line:#26394a;--muted:#90a6b8;--text:#e6edf3;--cyan:#37b9da;--green:#54c89d}*{box-sizing:border-box}html,body{background:var(--bg);width:100%;height:100%;color:var(--text);margin:0;font:13px Segoe UI,Arial,sans-serif}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}#viewport{width:100%;height:100%}#dashboard{width:100%;height:100dvh;display:grid}header{border-bottom:1px solid var(--line);align-items:center;gap:12px;display:flex}.brand-drop{color:var(--cyan);place-items:center;width:32px;display:grid}.brand-drop svg{width:29px;height:29px}h1{letter-spacing:-.4px;margin:0;font-weight:600}header p{color:var(--muted);margin:3px 0}.header-right{align-items:center;gap:20px;margin-left:auto;display:flex}.status{color:var(--green)}.header-right button{background:0 0;border:0;font-size:22px}.header-right>span+span{border-left:1px solid var(--line);padding-left:18px}nav{align-items:stretch;gap:8px;display:flex}nav button{color:var(--muted);background:0 0;border:0;border-radius:5px;align-items:center;gap:9px;padding:0 14px;display:flex}nav svg{width:16px;height:16px}nav button:hover,nav .selected{color:#b8ebf7;background:#183548}nav b{color:#fff;background:#a95142;border-radius:4px;margin-left:5px;padding:1px 5px;font-size:10px}nav button:last-child{margin-left:auto}.card{border:1px solid var(--line);background:var(--panel);border-radius:7px;min-width:0;overflow:hidden}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.kpi{align-items:center;gap:13px;padding:13px 16px;display:flex;position:relative}.icon{color:#67c9e0;background:#173447;border-radius:7px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.icon svg{width:23px;height:23px}.kpi label{color:#becbd6;margin-bottom:4px;display:block}.kpi strong{letter-spacing:-.5px;font-weight:600;display:block}.kpi small{color:var(--green);font-size:11px;display:block}.kpi em{color:var(--muted);font-style:normal}.kpi p{color:var(--muted);font-size:11px}.stock-kpi{flex:1}.progress{background:#2b4052;border-radius:5px;height:5px;overflow:hidden}.progress i{background:var(--cyan);width:68%;height:100%;transition:width 2s;display:block}.spark{fill:none;height:37px;stroke:var(--cyan);stroke-width:1.5px;position:absolute;bottom:14px;right:13px}.spark.green{stroke:var(--green)}.temperature-bar{background:linear-gradient(90deg,#4bb9af,#b8c775,#d5ae6b);border-radius:4px;width:100%;height:5px}.plant{border:1px solid var(--line);border-radius:7px;min-height:0;position:relative;overflow:hidden}.plant:before{content:"PROCESS OVERVIEW";color:var(--muted);letter-spacing:1.2px;font-size:10px;position:absolute;top:10px;left:15px}.flows{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.flow-lines{fill:none;stroke:#64c4d7;stroke-width:2px;stroke-dasharray:4 27;animation:3s linear infinite flow}.bubbles,.water-wave{display:none}@keyframes flow{to{stroke-dashoffset:-62px}}.tank-value{position:absolute}.tank-value>span{color:#afc7d7}.tank-value strong{font-weight:600;display:block}.hotspot{text-align:left;background:#142634;border:1px solid #355166;border-radius:6px;height:38%;position:absolute}.hotspot:hover{border-color:var(--cyan);background:#193142}.inlet{top:31%}.tech,.tanker{left:65%}.hero-name{white-space:nowrap;font-weight:600;display:block}.hero-name i{color:var(--green);margin-right:6px;font-style:normal}.hero-row{color:#92aebe;justify-content:space-between;display:flex}.hero-row b{color:#e4edf4}.lower{min-height:0;display:grid}.lower>.card{padding:11px 12px}h2{margin:0 0 9px;font-weight:600;line-height:1.35}h2 small{float:right;color:var(--muted);margin-top:2px;font-weight:400}.readings h2 small{color:var(--green)}h3{margin:0;font-weight:600}h3 small{color:var(--muted);font-weight:400}.readings{flex-direction:column;display:flex}.readings h2{flex-shrink:0}#meter-list{flex-direction:column;flex:1;gap:7px;min-height:0;display:flex}.meter{text-align:left;background:#112433;border:1px solid #283d4e;border-radius:5px;flex:1;align-items:center;gap:9px;width:100%;min-height:0;display:flex}.meter:hover{border-color:#537a90}.meter .icon{width:29px;height:29px}.meter .icon svg{width:19px}.meter-body{flex:1;min-width:0}.online{float:right;color:var(--green);font-size:9px}.meter-stats{grid-template-columns:repeat(4,1fr);display:grid}.meter-stats div{border-right:1px solid #294151}.meter-stats div:last-child{border:0}.meter-stats label{color:var(--muted);white-space:nowrap;margin-bottom:3px;display:block}.meter-stats strong{white-space:nowrap;font-weight:600}.meter-stats sup{font-weight:400}.tank-panel{gap:2px;display:grid}.tank-panel h2{margin:0}.tank-display{align-items:center;min-height:0;display:flex}.ring{background:conic-gradient(#37b9da 0 68%, #2a4052 68%);border-radius:50%;place-items:center;display:grid}.ring>div{background:var(--panel);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex}.ring div>span{color:var(--cyan)}.cylinder{background:#1a3040;border:1px solid #6d8799;border-radius:50%/7%;width:38px;height:77px;position:relative;overflow:hidden}.liquid{background:#259aba;border-top:2px solid #7bcde0;height:68%;transition:height 2s;position:absolute;bottom:0;left:0;right:0}.cylinder>span{display:none}.scale{color:var(--muted);margin-left:-20px;line-height:9px}.capacity{text-align:center;color:#acbdca;margin:0}.capacity b{color:#edf5fa;font-weight:500}.mini-card{border-top:1px solid var(--line);flex-direction:column;min-height:0;padding-top:6px;display:flex}.chart{flex:1;width:100%;min-height:0;display:block;overflow:visible}.chart text{fill:#8ca6ba;font:9px Segoe UI,sans-serif}.chart .grid{stroke:#2c4050;stroke-width:.5px}.chart .line{fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.charts{grid-template-rows:1.2fr 1fr;gap:8px;min-height:0;display:grid}.charts .card{flex-direction:column;min-height:0;display:flex}.charts h2{margin:0}.charts h2 small{float:none}.legend{color:#a6bdcd;justify-content:space-between;gap:5px;padding-top:3px;display:flex}.legend span:before{content:"●";color:var(--cyan);margin-right:4px}.legend span:nth-child(2):before{color:var(--green)}.legend span:nth-child(3):before{color:#d9a554}.legend b span:before{content:none}.activity{flex-direction:column;display:flex}.activity h2 button{float:right;color:#8ac9df;background:0 0;border:0}.activity h2{margin-bottom:4px}#activity-list{flex-direction:column;flex:1;min-height:0;display:flex}.activity-row{border-top:1px solid var(--line);flex:1;align-items:center;gap:9px;min-height:0;display:flex}.activity-row i{color:var(--green);flex-shrink:0;width:16px;font-size:8px;font-style:normal}.activity-row p{color:var(--muted);margin:4px 0 0}footer{color:#839cad;border-top:1px solid var(--line);align-items:center;gap:7px;font-size:10px;display:flex}#update-status{margin-left:auto}footer button{border:1px solid var(--line);background:#142737;border-radius:4px;padding:3px 8px;font-size:10px}.demo-dot{background:#c0a96b;border-radius:50%;width:5px;height:5px}dialog{color:var(--text);background:#102332;border:1px solid #3f647b;border-radius:8px;width:min(90vw,540px);padding:24px}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009}.modal-heading{justify-content:space-between;display:flex}.modal-heading h2{font-size:20px}.modal-heading button{background:0 0;border:0;font-size:24px}#modal-content{color:#b0c5d3;line-height:1.8}#modal-content button,#modal-content select{color:#fff;background:#21475d;border:1px solid #476779;border-radius:4px;padding:7px 12px}#modal-content label{margin:15px 0;display:block}.paused .flows *{animation-play-state:paused!important}@media (max-height:760px){#dashboard{gap:7px;padding:0 12px}.kpi{padding:9px 12px}.kpi strong{font-size:23px}.hero-name{margin-bottom:3px}.hero-row{font-size:9px;line-height:1.35}.hero-row b{font-size:10px}.ring{width:65px;height:65px}.ring>div{width:49px;height:49px}.ring strong{font-size:17px}.cylinder{height:63px}.scale{line-height:7px}.meter-title{margin-bottom:5px}.lower>.card{padding:9px}.meter{padding:5px 7px}.meter .icon{display:none}.tank-value p{font-size:10px}}@media (max-width:1150px){.header-right{gap:10px}.kpi .icon{display:none}.kpi label{font-size:11px}.spark{width:45px}.lower{grid-template-columns:1.3fr .85fr 1.1fr .95fr;gap:8px}.meter-stats{gap:3px}.meter-stats strong{font-size:11px}.meter-stats label{font-size:8px}.activity-row{font-size:10px}.activity-row p{font-size:9px}.hotspot{width:17%;left:64%}.inlet{left:21%}.hero-name{font-size:10px}}@media (max-width:800px){html,body{overflow:auto}header h1{font-size:18px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.kpi label{line-height:1.2}.kpi p{margin:3px 0;line-height:1.2}.kpi strong{line-height:1.05}.kpi small{margin-top:5px}html,body{overflow:hidden}@media (max-width:800px){#dashboard{min-width:0;min-height:0}}.hero-name{margin-bottom:4px}.tech{top:5%}.tanker{top:53%}@media (max-height:760px){#dashboard{grid-template-rows:50px 30px 86px minmax(150px,1fr) minmax(210px,33%) 25px}.hotspot{min-height:76px;padding:5px 9px}}#dashboard{grid-template-rows:60px 38px 110px minmax(190px,1fr) minmax(270px,37%) 34px;gap:10px;padding:0 16px}h1{font-size:24px}header p{font-size:13px}.header-right{font-size:14px}nav button,.kpi label{font-size:15px}.kpi strong{font-size:36px}.kpi p,.kpi small{font-size:13px}.kpi .icon{width:42px;height:42px}.spark{opacity:.4;width:50px}.lower{gap:10px}h2{font-size:17px}h2 small{font-size:11px}h3{font-size:14px}h3 small{font-size:11px}.meter .icon{display:none}.meter-title{margin-bottom:9px;font-size:14px}.meter-stats label{font-size:11px}.meter-stats strong{font-size:20px}.meter-stats sup{font-size:11px}.meter-stats{gap:8px}.meter{padding:9px 10px}.hero-name{font-size:14px}.hero-row{font-size:12px;line-height:1.5}.hero-row b{font-size:15px;font-weight:600}.hotspot{width:18%;min-height:110px;padding:8px 10px}.inlet{left:20.5%}.tech,.tanker{left:64%}.tank-value>span,.tank-value p,.capacity{font-size:13px}.scale{font-size:10px}.tank-panel{grid-template-rows:23px minmax(90px,1fr) 22px minmax(82px,1fr)}.activity-row{font-size:14px}.activity-row p,.activity h2 button{font-size:12px}.chart text,.legend{font-size:11px}.legend b{font-size:14px}.charts h2 small{font-size:11px}.charts .card{padding:10px 12px}footer,footer button{font-size:12px}#expand-screen{color:#e9f6ff;white-space:nowrap;background:#18394d;border:1px solid #42809b;border-radius:5px;padding:7px 11px;font-size:13px}@media (min-width:1600px){.kpi strong{font-size:42px}.meter-stats strong{font-size:25px}.hero-row b{font-size:18px}.hero-row{font-size:14px}.hero-name,.activity-row{font-size:16px}.activity-row p{font-size:14px}.meter-title{font-size:16px}.meter-stats label{font-size:13px}.legend{font-size:12px}}@media (max-height:800px) and (min-width:900px){#dashboard{grid-template-rows:48px 32px 94px minmax(170px,1fr) minmax(235px,36%) 28px;gap:7px}.kpi{padding:8px 12px}.kpi strong{font-size:32px}.kpi label{font-size:13px}.kpi p,.kpi small{font-size:12px}.kpi .icon{display:none}.hotspot{min-height:86px;padding:5px 8px}.hero-name{margin-bottom:3px;font-size:12px}.hero-row{font-size:11px;line-height:1.3}.hero-row b{font-size:13px}.meter-title{margin-bottom:5px;font-size:13px}.meter-stats strong{font-size:17px}.meter-stats label{font-size:10px}.meter{padding:6px 8px}h2{font-size:15px}.activity-row{font-size:12px}.activity-row p{font-size:11px}.tank-panel{grid-template-rows:20px minmax(66px,1fr) 19px minmax(70px,1fr)}.ring{width:68px;height:68px}.ring>div{width:52px;height:52px}.ring strong{font-size:20px}.legend{font-size:10px}.charts .card{padding:7px 10px}.header-right{gap:12px;font-size:12px}}@media (max-width:899px){#dashboard{grid-template-rows:44px 27px 132px 170px minmax(280px,1fr) 25px;min-width:0}header h1{font-size:15px}header p{font-size:10px}.brand-drop,.brand-drop svg{width:20px}.header-right>span,.header-right>button[data-action]{display:none}nav button:last-child{margin:0}.kpi{gap:0}.kpi .icon,.spark{display:none}.kpi small,.kpi p{margin:2px 0;font-size:9px}.progress,.temperature-bar{height:3px}.plant:before{font-size:8px;top:5px;left:7px}.plant{background-size:100% 100%}.hotspot{width:28%;height:auto;min-height:60px;padding:4px}.inlet{top:35%;left:2%}.tech,.tanker{left:69%}.tech{top:7%}.tanker{top:55%}.hero-name{white-space:normal;margin-bottom:3px;font-size:9px;line-height:1.1}.hero-name i{margin-right:2px}.hero-row{font-size:8px;line-height:1.25}.hero-row b{font-size:10px}.readings{grid-column:1/-1}h2{margin-bottom:4px;font-size:12px}h2 small{font-size:9px}.meter-body{grid-template-columns:95px 1fr;align-items:center;gap:5px}.meter-title{margin:0}.cylinder{width:25px;height:40px}.scale{margin:0;font-size:7px;line-height:4px}.legend{padding:0}.activity{grid-column:1/-1}.activity h2{margin:0;font-size:11px}.activity h2 button{font-size:9px}#activity-list{grid-template-columns:repeat(3,1fr);gap:2px 6px;display:grid}.activity-row{gap:3px;font-size:8px}.activity-row i{width:5px;font-size:5px}.activity-row p{margin:2px 0;font-size:8px}footer,footer button{font-size:8px}}@media (min-width:900px){.kpi{padding-top:8px;padding-bottom:8px}}.plant{background:#0a1b2a}.equipment-scene{isolation:isolate}.equipment-scene .flow-lines{stroke:#b4f5ff;stroke-width:2.4px;stroke-dasharray:11 23;filter:drop-shadow(0 0 3px #30c5fa);animation:1.35s linear infinite flow}.flow-particles{filter:drop-shadow(0 0 4px #35caff)}.tank-ripple{animation:3s linear infinite ripple}.tank-bubbles circle{animation:4s linear infinite rise}.tank-bubbles circle:nth-child(2){animation-delay:-2s}.tank-bubbles circle:nth-child(3){animation-delay:-1s}@keyframes ripple{to{transform:translate(48px)}}@keyframes rise{to{opacity:0;transform:translateY(-70px)}}.tank-value{border:1px solid #0d6691;border-radius:7px}.tank-value p{margin-top:8px}.paused .tank-ripple,.paused .tank-bubbles circle{animation-play-state:paused}@media (max-height:800px) and (min-width:900px){.tank-value>span,.tank-value p{font-size:10px}}@media (max-width:899px){.tank-value p{margin:3px 0}.tank-value .progress{margin:0}.equipment-art{opacity:.95}}@media (prefers-reduced-motion:reduce){.flow-particles{display:none}}.equipment-scene{mix-blend-mode:lighten}@media (min-width:900px){.inlet{top:5%}}.tank-value{border-color:#7799ad}.sight-ripple{animation:2.6s linear infinite sight-wave}@keyframes sight-wave{to{transform:translate(10px)}}.paused .sight-ripple{animation-play-state:paused}.water-wave-front{animation:3.2s linear infinite tank-wave-front}.water-wave-back{animation:4.8s linear infinite tank-wave-back}@keyframes tank-wave-front{to{transform:translate(80px)}}@keyframes tank-wave-back{0%{transform:translate(80px)}to{transform:translate(0)}}.interior-bubbles circle{animation:5s linear infinite rise}.interior-bubbles circle:nth-child(2){animation-delay:-2.3s}.interior-bubbles circle:nth-child(3){animation-delay:-1.2s}.tank-value{box-shadow:none;background:#0d2c42d9}.paused .water-wave-front,.paused .water-wave-back,.paused .interior-bubbles circle{animation-play-state:paused}@media (max-height:800px) and (min-width:900px){.tank-value strong{margin:0 0 2px}.tank-value p,.tank-value>span{font-size:9px}.tank-value p{margin-top:2px}}@media (max-width:899px){.tank-value strong{margin:0}.tank-value>span,.tank-value p{font-size:7px}.tank-value p{margin-top:2px}}.lower{grid-template-columns:1.4fr 1fr 1.3fr}@media (max-width:899px){.lower{grid-template-rows:136px minmax(100px,1fr);grid-template-columns:1fr 1fr}}.ring{flex-shrink:0;width:120px;height:120px}.ring>div{width:94px;height:94px}.ring strong{font-size:31px}.ring div>span{font-size:14px}@media (min-width:900px) and (max-height:800px){.ring{width:88px;height:88px}.ring>div{width:68px;height:68px}.ring strong{font-size:24px}}.header-right .theme-toggle{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:18px;align-items:center;gap:8px;padding:6px 9px;font-size:12px;display:flex}.theme-toggle svg{width:17px;height:17px}.theme-track{background:#3b5365;border-radius:12px;width:29px;height:16px;padding:2px;display:block}.theme-track>span{background:#dbe6ed;border-radius:50%;width:12px;height:12px;transition:transform .2s;display:block}.theme-toggle[aria-checked=true] .theme-track{background:#167e97}.theme-toggle[aria-checked=true] .theme-track>span{background:#f4eee2;transform:translate(13px)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--cyan:#007f9d;--green:#197951}[data-theme=light] header p{color:#536f80}[data-theme=light] .brand-drop{color:#087e9f}[data-theme=light] nav button{color:#3d5e71}[data-theme=light] nav button:hover,[data-theme=light] nav .selected{color:#164c64;background:#b9d7e1}[data-theme=light] .kpi label{color:#415d6d}[data-theme=light] .kpi strong{color:#123b52}[data-theme=light] .kpi p,[data-theme=light] .kpi em{color:#536c78}[data-theme=light] .icon{color:#146b86;background:#c8dee5}[data-theme=light] .progress{background:#bfcfd7}[data-theme=light] .spark{opacity:.7}[data-theme=light] .equipment-scene,[data-theme=light] .equipment-art{mix-blend-mode:normal!important}[data-theme=light] .equipment-scene>g[font-family],[data-theme=light] .equipment-scene>g[font-family] text{fill:#23495f}[data-theme=light] .plant:before{color:#496b7e}[data-theme=light] .hotspot{box-shadow:0 3px 8px #224f6612}[data-theme=light] .hero-name{color:#21485c}[data-theme=light] .hero-row b{color:#193d53}[data-theme=light] .tank-value{color:#f2f7f8;background:#123c50e8;border-color:#74a1b4}[data-theme=light] .tank-value>span{color:#d0e8ee}[data-theme=light] .tank-value .progress{background:#456778}[data-theme=light] .tank-value .progress i{background:#4ac6e3}[data-theme=light] .tank-value p{color:#e0eff4}[data-theme=light] .meter-title{color:#27495a}[data-theme=light] .meter-stats div{border-color:#bccdd5}[data-theme=light] .meter-stats strong{color:#163e54}[data-theme=light] .ring{background:conic-gradient(#078caa 0 68%, #c1d2da 68%)}[data-theme=light] .ring strong{color:#173e53}[data-theme=light] .capacity{color:#456475}[data-theme=light] .capacity b{color:#1c4359}[data-theme=light] .chart [stroke=\#00b9ff],[data-theme=light] .chart [stroke=\#00c6ff]{stroke:#007eaa}[data-theme=light] .chart [stroke=\#13e6a2]{stroke:#138157}[data-theme=light] .chart [stroke=\#ffa000]{stroke:#b56e07}[data-theme=light] .chart [stroke=\#b54eff]{stroke:#8248ac}[data-theme=light] .chart [fill=\#00b9ff],[data-theme=light] .chart [fill=\#00c6ff]{fill:#007eaa}[data-theme=light] .chart [fill=\#13e6a2]{fill:#138157}[data-theme=light] .chart [fill=\#ffa000]{fill:#b56e07}[data-theme=light] .chart [fill=\#b54eff]{fill:#8248ac}[data-theme=light] .legend{color:#456476}[data-theme=light] .legend b{color:#23495c}[data-theme=light] h2 small,[data-theme=light] h3 small,[data-theme=light] .charts h2 small{color:#536e7e}[data-theme=light] .readings h2 small{color:#217b57}[data-theme=light] .scale{color:#4b687a}[data-theme=light] dialog{color:#1c3d51;background:#e8eeeb;border-color:#a6c0cc;box-shadow:0 15px 70px #15364e40}[data-theme=light] #modal-content{color:#3e5d70}[data-theme=light] #modal-content button,[data-theme=light] #modal-content select{color:#16425a;background:#c9e0e8;border-color:#90b5c6}@media (max-width:899px){.header-right .theme-toggle{margin-left:4px;font-size:10px}.theme-label{display:none}.theme-track{width:25px}.theme-toggle[aria-checked=true] .theme-track>span{transform:translate(9px)}}.header-brand{align-items:center;gap:16px;min-width:0;display:flex}.header-brand img{object-fit:contain;background:#f1f4f3;border:1px solid #b8cbd6;border-radius:5px;width:190px;height:47px;padding:4px 8px;display:block}.header-brand>span{color:var(--muted);border-left:1px solid var(--line);white-space:nowrap;padding-left:16px;font-size:13px}:root[data-theme=light]{--muted:#365567;--text:#102e42}[data-theme=light] header{border-bottom-color:#8da7b5}[data-theme=light] .header-brand img{border-color:#99b1bf}[data-theme=light] .header-brand>span{color:#355669}[data-theme=light] .card{box-shadow:0 2px 6px #24465712}[data-theme=light] .kpi strong,[data-theme=light] .meter-stats strong{color:#092f47}[data-theme=light] .kpi label,[data-theme=light] .kpi p,[data-theme=light] .kpi em{color:#355567}[data-theme=light] .plant{box-shadow:inset 0 1px #cad9df}[data-theme=light] .hotspot:hover{background:#b8d0dc;border-color:#527f98}[data-theme=light] .hero-name,[data-theme=light] .hero-row b{color:#143a50}[data-theme=light] .hero-row{color:#35576b}[data-theme=light] .meter:hover{background:#b6ccd8;border-color:#6a94aa}[data-theme=light] .meter-stats label,[data-theme=light] .meter-title{color:#2c4e62}[data-theme=light] .chart text{fill:#2c4c62}[data-theme=light] .chart .grid{stroke:#7f9ead;opacity:.65}[data-theme=light] .legend,[data-theme=light] .scale,[data-theme=light] h2 small,[data-theme=light] h3 small,[data-theme=light] .charts h2 small{color:#345467}[data-theme=light] .mini-card{border-color:#97afbc}[data-theme=light] footer{color:#2e5065}[data-theme=light] footer button,[data-theme=light] #expand-screen{color:#143d55;background:#bdcfd8;border-color:#829fad}[data-theme=light] .header-right .theme-toggle{background:#c9d7de;border-color:#8da8b7}@media (max-height:800px) and (min-width:900px){.header-brand img{width:165px;height:39px}.header-brand>span{font-size:11px}}@media (max-width:899px){.header-brand{gap:0}.header-brand img{padding:3px 5px}.header-brand>span{display:none}}:root[data-theme=light]{--bg:#c3d1d9;--panel:#d7e1e5;--line:#a0b6c2;--ring-track:#a7becb}[data-theme=light] #dashboard{background:linear-gradient(135deg,#ced9de,#bbced9)}[data-theme=light] .card{background:#d7e1e5;border-color:#a3bac6}[data-theme=light] .kpi{background:linear-gradient(120deg,#e1e7e7,#d2e0e6)}[data-theme=light] .plant{background:radial-gradient(at 50% 65%,#d5e2e8,#bbd0dd);border-color:#9bb6c6}[data-theme=light] .hotspot{background:linear-gradient(120deg,#e0e9eb,#d0dfe7);border-color:#9bb9c8}[data-theme=light] .meter{background:linear-gradient(105deg,#d1dfe5,#dce6e9);border-color:#abc0cb}[data-theme=light] .ring>div{background:#d7e1e5}[data-theme=light] .header-brand img{background:#e3ebed}.tank-display{justify-content:space-evenly;gap:18px;padding:6px 12px}.tank-display .cylinder{border-width:2px;width:76px;height:132px;box-shadow:inset 7px 0 10px #729ab82b}.tank-display .scale{margin-left:-12px;font-size:12px;line-height:17px}@media (min-width:900px) and (max-height:800px){.tank-display{gap:10px;padding:2px 8px}.tank-display .cylinder{width:58px;height:84px}.tank-display .scale{margin-left:-8px;font-size:10px;line-height:10px}}.tank-display .liquid{background:linear-gradient(90deg,#139bbd,#23b6d5 48%,#1689b1);border-top:0;border-radius:0;overflow:visible}.small-tank-waves{pointer-events:none;width:100%;height:16px;position:absolute;top:-8px;left:0;overflow:hidden}.small-wave-back{fill:#52cde1;opacity:.65;animation:4.8s linear infinite small-wave-reverse}.small-wave-front{fill:#23b6d5;stroke:#a8eff7;stroke-width:.8px;animation:3.2s linear infinite small-wave-forward}@keyframes small-wave-forward{0%{transform:translate(0)}to{transform:translate(40px)}}@keyframes small-wave-reverse{0%{transform:translate(40px)}to{transform:translate(0)}}.paused .small-wave-front,.paused .small-wave-back{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.small-wave-front,.small-wave-back{animation:none}}.tank-value{flex-direction:column;justify-content:center;align-items:center;gap:6px;width:10.7%;height:33%;padding:9px 8px;display:flex;top:49%;left:45.8%}.tank-value>span{font-size:13px;line-height:1.2}.tank-value strong{margin:0;font-size:36px;line-height:1.1}.tank-value .progress{width:90%;height:5px;min-height:5px;margin:0}.tank-value p{white-space:nowrap;margin:0;font-size:12px;line-height:1.3}@media (max-height:800px) and (min-width:900px){.tank-value{gap:3px;height:39%;padding:5px;top:47%}.tank-value strong{font-size:27px}.tank-value>span{font-size:11px}.tank-value p{font-size:10px}}@media (max-width:899px){.tank-value{gap:2px;width:14%;height:39%;padding:2px;top:47%;left:44.5%}.tank-value strong{font-size:18px}.tank-value>span{font-size:8px}.tank-value p{font-size:7px}.tank-value .progress{height:3px;min-height:3px}}.process-viewport{display:contents}.process-swipe-hint{display:none}@media (max-width:899px){html,body{height:auto;min-height:100%;overflow:hidden auto}#viewport{width:100%;height:auto}#dashboard{flex-direction:column;gap:12px;width:100%;height:auto;min-height:100dvh;padding:0 12px 12px;display:flex}header{flex-shrink:0;gap:8px;min-height:64px}.header-brand img{width:155px;height:44px}.header-right{gap:4px;margin-left:auto}.header-right .theme-toggle{gap:5px;min-height:40px;padding:6px}.theme-toggle svg{width:18px;height:18px}#expand-screen{min-height:40px;padding:5px 7px;font-size:11px}.header-right>span{display:none}nav{scrollbar-width:thin;flex-shrink:0;gap:4px;min-height:43px;padding-bottom:4px;overflow-x:auto}nav button{white-space:nowrap;flex-shrink:0;gap:5px;min-height:38px;padding:6px 10px;font-size:13px}nav svg{width:15px;height:15px}.kpis{flex-shrink:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kpi{align-items:center;height:112px;padding:10px}.kpi label{margin-bottom:5px;font-size:12px;line-height:1.3}.kpi strong{font-size:28px;line-height:1.1}.kpi p,.kpi small{margin:5px 0;font-size:10px;line-height:1.4}.kpi .progress,.temperature-bar{height:5px}.temperature-bar{max-width:100%}.process-viewport{border:1px solid var(--line);scrollbar-width:thin;overscroll-behavior-x:contain;background:var(--panel);border-radius:7px;display:block;position:relative;overflow:auto hidden}.process-swipe-hint{letter-spacing:.5px;width:100%;color:var(--muted);background:var(--panel);justify-content:space-between;align-items:center;padding:0 10px;display:flex;left:0}.process-swipe-hint span{letter-spacing:0;color:var(--cyan);font-size:10px}.process-viewport .plant{border:0;border-radius:0}.plant:before{display:none}.plant .hotspot{width:18%;height:38%;min-height:104px;padding:8px 10px}.plant .inlet{top:5%;left:20.5%}.plant .tech{top:5%;left:64%}.plant .tanker{top:53%;left:64%}.plant .hero-name{white-space:nowrap;margin-bottom:6px;font-size:12px}.plant .hero-row{font-size:11px;line-height:1.5}.plant .hero-row b{font-size:12px}.plant .tank-value{gap:5px;width:10.7%;height:38%;padding:5px;top:46%;left:45.8%}.plant .tank-value strong{font-size:27px}.plant .tank-value>span{font-size:11px}.plant .tank-value p{font-size:9px}.plant .tank-value .progress{height:4px;min-height:4px}.lower{flex-direction:column;gap:12px;min-height:0;display:flex}.lower>.card{padding:14px}.lower h2{margin-bottom:12px;font-size:17px}.lower h2 small{font-size:10px}.readings{min-height:340px}#meter-list{gap:9px}.meter{min-height:86px;padding:10px}.meter-body{display:block}.meter-title{margin-bottom:10px;font-size:13px}.online{display:inline}.meter-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.meter-stats label{white-space:normal;min-height:12px;font-size:9px;line-height:1.3}.meter-stats strong{font-size:16px}.meter-stats sup{font-size:9px}.tank-panel{grid-template-rows:28px 156px 28px 145px;gap:6px;display:grid}.tank-display{justify-content:space-around;gap:12px;padding:4px}.ring{width:116px;height:116px}.ring>div{width:90px;height:90px}.ring strong{font-size:28px}.ring div>span{display:block}.tank-display .cylinder{width:66px;height:132px}.tank-display .scale{margin-left:0;font-size:10px;line-height:17px}.capacity{font-size:13px}.mini-card{padding-top:10px}h3{font-size:13px}h3 small{font-size:10px}.chart text{font-size:11px}.charts{grid-template-rows:230px 200px;gap:12px;display:grid}.charts .card{padding:14px}.charts h2{margin:0;font-size:16px}.charts h2 small{font-size:10px}.legend{padding-top:8px;font-size:10px}.legend b{font-size:13px}footer{flex-wrap:wrap;gap:8px;min-height:48px;padding-top:8px;font-size:10px}footer button{min-height:36px;padding:5px 10px;font-size:11px}#update-status{display:none}#pause{margin-left:auto}dialog{max-height:85dvh;padding:18px;overflow-y:auto}}@media (max-width:360px){#dashboard{padding-inline:8px}.header-brand img{width:129px}#expand-screen{padding:4px;font-size:10px}.meter-stats{gap:3px}.meter-stats strong{font-size:14px}.meter-stats sup{font-size:8px}.kpi strong{font-size:25px}.tank-display{gap:6px}.ring{width:100px;height:100px}.ring>div{width:78px;height:78px}.tank-display .cylinder{width:56px}}@media (max-width:899px){.process-viewport{flex-shrink:0;height:auto;min-height:0;overflow:hidden}.process-swipe-hint{height:34px;font-size:11px;position:static}.process-swipe-hint span{display:none}.process-viewport .plant{width:100%}.plant .hotspot,.plant .tank-value{display:none}.plant .equipment-scene>g[font-family]{font-size:30px}.plant .equipment-scene>g[font-family] text:nth-child(2){font-size:26px}.process-viewport .plant .flow-lines{stroke-width:4px;stroke-dasharray:16 20}}.tank-label-mobile{display:none}@media (max-width:899px){.tank-label-desktop{display:none}.tank-label-mobile{display:inline}}.mobile-equipment-names{display:none}@media (max-width:899px){.plant .equipment-names{display:none}.mobile-equipment-names{pointer-events:none;color:var(--text);font-size:10px;font-weight:600;display:block;position:absolute;inset:0}.mobile-equipment-names span{white-space:nowrap;line-height:1.3;position:absolute;transform:translate(-50%)}.mobile-equipment-names .plant-name{bottom:3px;left:11%}.mobile-equipment-names .storage-name{bottom:3px;left:50.4%}.mobile-equipment-names .building-name{top:46%;left:90%}.mobile-equipment-names .truck-name{bottom:3px;left:90%}}@media (max-width:360px){.mobile-equipment-names{font-size:9px}}.mobile-process-scene{display:none}@media (max-width:899px){.process-viewport .plant{aspect-ratio:400/360;height:auto;min-height:0}.plant>.equipment-scene,.mobile-equipment-names{display:none}.mobile-process-scene{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.mobile-pipe-outline{stroke:#123b57;stroke-width:10px}.mobile-pipe{stroke:#079cc9;stroke-width:6px}.mobile-process-scene .flow-lines{fill:none;animation:2s linear infinite flow;stroke:#b5f3ff!important;stroke-width:2px!important;stroke-dasharray:5 12!important}.mobile-scene-names{fill:var(--text);font:600 13px Segoe UI,sans-serif}.plant>.equipment-scene{width:0;height:0;display:block;overflow:hidden}}.mobile-meter-names{fill:var(--muted);font:500 10px Segoe UI,sans-serif}#menu-toggle{display:none}@media (max-width:899px){#dashboard{position:relative}#menu-toggle{border:1px solid var(--line);background:var(--panel);width:40px;height:40px;color:var(--text);cursor:pointer;border-radius:8px;flex:0 0 40px;justify-content:center;align-items:center;padding:8px;display:flex}#menu-toggle svg{width:22px;height:22px}#menu-toggle[aria-expanded=true]{color:var(--cyan);border-color:var(--cyan)}header #expand-screen{display:none}#dashboard-navigation{z-index:50;border:1px solid var(--line);background:var(--panel);border-radius:10px;min-height:0;padding:8px;display:none;position:absolute;top:62px;left:12px;right:12px;overflow:visible;box-shadow:0 14px 30px #0005}#dashboard-navigation.is-open{grid-template-columns:1fr;gap:4px;display:grid}#dashboard-navigation button{text-align:left;border-radius:6px;justify-content:flex-start;width:100%;min-height:44px;padding:10px 12px;font-size:14px}#dashboard-navigation button svg{width:19px;height:19px}}@media (min-width:900px){#dashboard{grid-template-rows:52px 32px 96px minmax(0,1fr) minmax(0,1.08fr) 28px;gap:8px;height:100dvh;min-height:0;padding:0 14px}#dashboard>.lower,.process-viewport .plant{min-height:0}.plant .hotspot{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 12px;width:18.5%;height:auto;min-height:0;padding:9px 11px;display:grid}.plant .hero-name{white-space:normal;grid-column:1/-1;margin:0;font-size:clamp(11px,.85vw,15px);line-height:1.25}.plant .hero-row{flex-direction:column;gap:1px;min-width:0;font-size:clamp(10px,.72vw,12px);line-height:1.2;display:flex}.plant .hero-row b{white-space:nowrap;font-size:clamp(12px,.95vw,17px);line-height:1.2}.plant .inlet{top:5%;left:20.5%}.plant .tech{top:3%;left:63.5%}.plant .tanker{top:auto;bottom:3%;left:63.5%}.tank-panel{grid-template-rows:22px minmax(0,1.1fr) 20px minmax(0,1fr);gap:3px}.tank-display .cylinder{height:min(132px,100%)}.tank-display .ring{aspect-ratio:1;width:auto;height:min(120px,100%)}.tank-display .ring>div{width:78%;height:78%}.meter-stats label{white-space:normal}.meter-stats strong{font-size:clamp(15px,1.3vw,25px)}.tank-value{gap:3px;width:12%;height:auto;min-height:0;padding:5px;top:48%;left:45%}.tank-value strong{font-size:clamp(24px,2vw,36px)}.tank-value p{font-size:clamp(9px,.75vw,12px)}}@media (min-width:900px) and (max-height:740px){#dashboard{grid-template-rows:44px 28px 82px minmax(0,1fr) minmax(0,1.08fr) 24px;gap:6px}.header-brand img{height:36px}.kpi{padding:8px 12px}.kpi label{font-size:12px}.kpi strong{font-size:30px}.kpi p,.kpi small{font-size:11px}.plant .hotspot{gap:4px 10px;padding:6px 9px}.plant .hero-name{font-size:11px}.plant .hero-row{font-size:10px}.plant .hero-row b{font-size:12px}.lower>.card,.charts .card{padding:8px 10px}.lower h2{margin-bottom:5px;font-size:14px}.meter{padding:5px 8px}.meter-title{margin-bottom:5px;font-size:12px}.meter-stats label{font-size:9px}.meter-stats strong{font-size:16px}#meter-list{gap:5px}.tank-panel{grid-template-rows:20px minmax(0,1fr) 18px minmax(0,.8fr)}.tank-display{padding:0 6px}.tank-display .scale{font-size:9px;line-height:9px}.ring strong{font-size:24px}.capacity{font-size:11px}.tank-value>span{font-size:10px}.tank-value strong{font-size:24px}.tank-value p{font-size:9px}h3{font-size:12px}.legend,footer,footer button{font-size:10px}}@media (min-width:900px){.kpi{height:auto;padding:7px 12px}.kpi label{margin-bottom:3px;line-height:1.15}.kpi p{margin:3px 0;line-height:1.15}.kpi small{margin-top:3px;line-height:1.15}.kpi strong{line-height:1.05}}@media (min-width:900px) and (max-width:1150px){.header-brand>span{display:none}.header-right{gap:8px}.header-right>span+span{padding-left:8px}}@media (min-width:900px) and (max-height:740px){.kpi{padding-block:3px}}.portal{background:var(--bg);height:100dvh;color:var(--text);flex-direction:column;gap:32px;padding:28px 5vw;display:flex;overflow:auto}.portal *{box-sizing:border-box}.portal-top{justify-content:space-between;align-items:center;gap:20px;display:flex}.portal-top img{width:245px;max-width:48vw;height:auto}.portal-top>div{gap:10px;display:flex}.portal button{cursor:pointer;font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:9px;padding:11px 17px}.portal button:disabled{opacity:.6;cursor:wait}.portal button:focus-visible,.portal input:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.portal-login{grid-template-columns:1.15fr 1fr;align-items:center;gap:70px;width:1100px;max-width:100%;margin:auto;display:grid}.portal-eyebrow{letter-spacing:2px;color:var(--cyan);font-size:12px;font-weight:700}.portal h1{margin:18px 0;font-size:clamp(32px,4vw,54px);line-height:1.12}.portal h1 em{color:var(--cyan);font-style:normal}.portal p{color:var(--muted);margin:12px 0 22px;line-height:1.6}.portal-intro>p{max-width:420px;font-size:17px}.portal-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:34px;box-shadow:0 20px 60px #00142318}.portal h2{margin:12px 0;font-size:24px;line-height:1.3}.portal form{flex-direction:column;gap:10px;display:flex}.portal label{margin-top:12px;font-size:14px;font-weight:600}.portal input{width:100%;min-width:0;font:inherit;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:14px}.portal-password{position:relative}.portal-password input{padding-right:70px}.portal-password button{background:0 0;border:0;padding:10px;position:absolute;top:4px;right:4px}.portal .portal-primary{color:#fff;background:#087fa8;border-color:#078bb7;margin-top:15px;padding:15px;font-weight:700}.portal-demo{border-top:1px solid var(--line);color:var(--muted);gap:8px;margin-top:25px;padding-top:20px;font-size:13px;display:grid}.portal-demo code{color:var(--text)}.portal .portal-error{color:var(--text);background:#be394918;border-left:3px solid #df6474;border-radius:5px;margin:10px 0;padding:12px}.portal-tags{color:var(--muted);flex-wrap:wrap;gap:18px;margin-top:24px;font-size:12px;display:flex}.portal-water{border:1px solid var(--line);background:linear-gradient(#0b567522,#138fb94a);border-radius:18px;max-width:430px;height:160px;position:relative;overflow:hidden}.portal-water>span{letter-spacing:2px;font-size:13px;line-height:1.7;position:absolute;top:24px;left:25px}.portal-wave{background:#12b8df50;border-radius:43%;width:800px;height:800px;animation:12s linear infinite portal-wave;position:absolute;top:90px;left:-120px}.portal-wave.second{background:#008dc766;animation-duration:17s;animation-direction:reverse;top:105px;left:-240px}@keyframes portal-wave{to{transform:rotate(360deg)}}.portal-bottom{color:var(--muted);justify-content:space-between;gap:12px;font-size:12px;display:flex}.portal-projects{width:1200px;max-width:100%;margin:auto}.portal-project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:32px 0;display:grid}.portal .portal-project{text-align:left;flex-direction:column;min-height:290px;padding:28px;transition:transform .2s,border-color .2s;display:flex}.portal-project:hover{border-color:var(--cyan);transform:translateY(-4px)}.portal-project-icon{color:var(--cyan);margin-bottom:24px;font-size:36px}.portal-project-number{letter-spacing:2px;color:var(--muted);font-size:11px}.portal-project-open{border-top:1px solid var(--line);color:var(--cyan);justify-content:space-between;margin-top:auto;padding-top:20px;font-size:14px;display:flex}.portal a{color:var(--cyan)}.session-links{align-items:center;gap:12px;margin-left:auto;display:inline-flex}.session-links a{color:var(--cyan)}.api-offline .flow-lines *,.api-offline .flow-particles *,.api-standby .flow-lines *,.api-standby .flow-particles *{animation-play-state:paused!important}.api-offline .flow-particles,.api-standby .flow-particles{visibility:hidden}@media (max-width:899px){.portal{gap:28px;padding:22px}.portal-login{grid-template-columns:1fr;gap:28px;width:520px}.portal-intro h1{font-size:36px}.portal-water,.portal-tags{display:none}.portal-card{padding:26px}.portal-project-grid{grid-template-columns:1fr;gap:16px}.portal .portal-project{min-height:220px}.portal-project-icon{margin-bottom:12px}.portal-bottom{flex-wrap:wrap}.session-links{margin-left:0}.portal-top img{width:200px}.portal-top button{padding:8px;font-size:12px}}@media (prefers-reduced-motion:reduce){.portal-wave{animation:none}.portal-project{transition:none}}.portal{box-sizing:border-box}.portal-login,.portal-projects{flex-shrink:0}.portal-card form{margin:0}@media (min-width:900px) and (max-height:800px){.portal{gap:18px;padding-top:18px;padding-bottom:18px}.portal-top img{width:205px}.portal-card{padding:24px}.portal-demo{margin-top:18px;padding-top:14px}.portal label{margin-top:6px}.portal-water{height:135px}.portal-login{gap:60px}}.api-offline .flow-lines,.api-standby .flow-lines{animation-play-state:paused!important}.tec-app{box-sizing:border-box;background:var(--bg);height:100dvh;color:var(--text);flex-direction:column;gap:12px;padding:12px 20px;display:flex;overflow:auto}.tec-app *{box-sizing:border-box}.tec-app button,.tec-app a{font:inherit;color:var(--text);text-decoration:none}.tec-app button{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:7px;padding:7px 12px}.tec-app button:disabled{opacity:.5}.tec-app button:focus-visible,.tec-app a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.tec-header{align-items:center;gap:24px;min-height:46px;display:flex}.tec-header img{width:185px;display:block}.tec-title{border-left:1px solid var(--line);gap:2px;padding-left:24px;display:grid}.tec-title span{letter-spacing:2px;color:var(--muted);font-size:10px}.tec-title b{font-size:18px}.tec-header-actions{align-items:center;gap:16px;margin-left:auto;font-size:12px;display:flex}.tec-live{color:var(--cyan)}.tec-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.tec-toolbar>div{gap:8px;display:flex}.tec-toolbar>span{color:var(--muted);font-size:12px}.tec-toolbar .selected{color:#fff;background:#168cac;border-color:#168cac}.tec-stats{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.tec-stat,.tec-panel,.tec-process-card{border:1px solid var(--line);background:var(--panel);border-radius:10px}.tec-stat{padding:12px 16px}.tec-stat>span{color:var(--muted);font-size:12px}.tec-stat strong{white-space:nowrap;margin-top:6px;font-size:clamp(24px,2.3vw,38px);line-height:1.15;display:block}.tec-stat small{margin-left:5px;font-size:13px;font-weight:400}.tec-section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.tec-section-heading h2{margin:0;font-size:15px}.tec-section-heading>span{color:var(--muted);font-size:11px}.tec-process-card{flex-direction:column;flex:1;min-height:210px;padding:12px 16px;display:flex}.tec-process{flex-direction:column;flex:1;justify-content:center;min-height:0;display:flex;position:relative}.tec-desktop-scene{width:100%;height:100%;min-height:170px;max-height:300px}.tec-mobile-scene{display:none}.tec-pipes{fill:none}.tec-equipment-labels{fill:var(--text);font:14px Segoe UI,sans-serif}.tec-flow{animation:1.8s linear infinite tec-water}.tec-stopped .tec-flow{opacity:.2;animation-play-state:paused}.tec-illustration-note{text-align:center;color:var(--muted);font-size:10px;display:block}@keyframes tec-water{to{stroke-dashoffset:var(--tec-flow-distance,-68)}}.tec-paused .water-wave-front,.tec-paused .water-wave-back,.tec-paused .interior-bubbles circle,.tec-paused .sight-ripple{animation-play-state:paused}.tec-bottom-grid{grid-template-columns:1fr 1.65fr;gap:12px;min-height:220px;display:grid}.tec-panel{padding:14px 18px}.tec-month-content{justify-content:space-around;align-items:center;gap:20px;margin-top:15px;display:flex}.tec-donut{border:15px solid var(--donut-color);text-align:center;border-radius:50%;flex-shrink:0;place-items:center;width:160px;height:160px;display:grid}.tec-donut strong{font-size:23px;display:block}.tec-donut span{color:var(--muted);font-size:11px}.tec-month-content>div>span{color:var(--muted);font-size:12px}.tec-month-hours{margin:10px 0;font-size:30px;display:block}.tec-month-hours small{font-size:13px;font-weight:400}.tec-month-content p{color:var(--muted);font-size:11px;line-height:1.6}.tec-bar-chart{align-items:stretch;gap:14px;height:150px;margin-top:12px;padding:0 12px;display:flex;overflow-x:auto}.tec-bar-column{flex-direction:column;flex:1;align-items:center;gap:4px;min-width:42px;font-size:10px;display:flex}.tec-bar-column>b{font-size:11px}.tec-bar-track{align-items:flex-end;width:100%;max-width:55px;height:95px;display:flex}.tec-bar-track i{background:linear-gradient(#2cc4e1,#0f8bab);border-radius:5px 5px 0 0;width:100%;min-height:1px}.tec-bar-column small{color:var(--muted);font-size:10px}.tec-chart-caption{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin-top:8px;font-size:10px;display:flex}.tec-chart-caption button{border:0;padding:3px;font-size:11px}.tec-empty{text-align:center;color:var(--muted);gap:8px;margin:auto;display:grid}.tec-empty strong{color:var(--text);font-size:30px}.tec-footer{color:var(--muted);align-items:center;gap:15px;font-size:11px;display:flex}.tec-footer>span:nth-child(2){margin-left:auto}.tec-footer button{padding:4px 10px;font-size:11px}.tec-notice{color:var(--text);background:#d9a54e15;border-left:3px solid #d9a54e;margin:0;padding:7px 12px;font-size:11px}.tec-records{flex:1;min-height:0;overflow:auto}.tec-records p{color:var(--muted);font-size:12px}.tec-table-wrap{margin-top:16px;overflow:auto}.tec-app table{border-collapse:collapse;width:100%;font-size:14px}.tec-app th,.tec-app td{text-align:right;border-bottom:1px solid var(--line);padding:14px}.tec-app th:first-child,.tec-app td:first-child{text-align:left}.tec-app thead,.tec-app tfoot{background:var(--bg)}@media (min-width:900px) and (max-height:800px){.tec-app{gap:8px;padding:8px 14px}.tec-stat{padding:10px 12px}.tec-stat strong{font-size:28px}.tec-bottom-grid{min-height:196px}.tec-donut{border-width:12px;width:135px;height:135px}.tec-donut strong{font-size:20px}.tec-bar-chart{height:126px}.tec-bar-track{height:75px}.tec-month-content{margin-top:10px}.tec-panel{padding:10px 14px}.tec-process-card{min-height:190px}.tec-desktop-scene{min-height:150px}}@media (max-width:899px){.tec-app{gap:14px;height:auto;min-height:100dvh;padding:12px}.tec-header{flex-wrap:wrap;gap:12px}.tec-header img{width:160px}.tec-title{padding-left:12px}.tec-title b{font-size:15px}.tec-header-actions{justify-content:space-between;gap:8px;width:100%;margin:0;font-size:11px}.tec-toolbar{flex-direction:column;align-items:flex-start}.tec-toolbar>span{font-size:10px}.tec-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tec-stat strong{font-size:28px}.tec-stat>span{font-size:11px}.tec-process-card{flex:none;padding:14px 10px}.tec-section-heading>span{font-size:9px}.tec-desktop-scene{width:0;height:0;min-height:0;position:absolute;overflow:hidden}.tec-mobile-scene{width:100%;height:auto;display:block}.tec-process{min-height:300px}.tec-equipment-labels{font-size:12px}.tec-bottom-grid{grid-template-columns:1fr}.tec-donut{width:150px;height:150px}.tec-month-content{gap:12px;padding-bottom:12px}.tec-month-hours{font-size:27px}.tec-footer{flex-wrap:wrap}.tec-footer>span:nth-child(2){margin-left:0}.tec-records .tec-section-heading{align-items:flex-start}.tec-app th,.tec-app td{padding:12px 8px;font-size:12px}.tec-chart-caption{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.tec-flow{animation:none}}.tec-mobile-menu,.tec-title .tec-mobile-status{display:none}@media (max-width:899px){.tec-header{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto 44px;align-items:center;gap:12px;padding:6px 0 12px;display:grid}.tec-header>a{min-width:0;display:block}.tec-header img{width:100%;max-width:164px;height:auto}.tec-title{gap:3px;min-width:0;padding-left:12px}.tec-title>span:first-child{letter-spacing:1.5px;font-size:9px}.tec-title b{font-size:14px;line-height:1.2}.tec-title .tec-mobile-status{color:var(--cyan);letter-spacing:0;white-space:nowrap;font-size:9px;display:block}.tec-header-actions{display:none}.tec-mobile-menu{z-index:20;justify-self:end;display:block;position:relative}.tec-mobile-menu summary{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:9px;place-items:center;width:44px;height:44px;list-style:none;display:grid}.tec-mobile-menu summary::-webkit-details-marker{display:none}.tec-mobile-menu summary:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.tec-mobile-menu[open] summary{border-color:var(--cyan)}.tec-mobile-menu-panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;gap:4px;width:190px;padding:8px;display:grid;position:absolute;top:52px;right:0;box-shadow:0 12px 30px #00142330}.tec-mobile-menu-panel button,.tec-mobile-menu-panel a{text-align:left;border:0;border-radius:7px;align-items:center;width:100%;min-height:44px;padding:10px 12px;font-size:14px;display:flex}.tec-mobile-menu-panel button:hover,.tec-mobile-menu-panel a:hover{background:var(--bg)}.tec-toolbar{gap:9px;padding-bottom:10px}.tec-toolbar>div{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.tec-toolbar>div>button{min-height:42px;padding:8px;font-size:12px}.tec-toolbar>span{width:100%;font-size:10px;line-height:1.5;display:block}.tec-toolbar>span>b{font-weight:500}.portal-top{align-items:center;gap:12px}.portal-top img{flex-shrink:1;width:160px;max-width:46%;height:auto}.portal-top>div{flex-shrink:0;gap:6px}.portal-top button{white-space:nowrap;min-height:42px;padding:8px 10px}}@media (max-width:359px){.tec-header{gap:8px}.tec-title{padding-left:8px}.tec-title b{font-size:12px}.tec-title .tec-mobile-status{font-size:8px}}.tec-desktop-scene{--tec-flow-distance:-68}.tec-mobile-scene{--tec-flow-distance:-36}.tec-process:not(.tec-stopped) .tec-flow{opacity:1;animation:1.8s linear infinite tec-water!important}.tec-process:not(.tec-stopped) .water-wave-front{animation:3.2s linear infinite tank-wave-front!important}.tec-process:not(.tec-stopped) .water-wave-back{animation:4.8s linear infinite tank-wave-back!important}.tec-process:not(.tec-stopped) .sight-ripple{animation:2.6s linear infinite sight-wave!important}.tec-stopped .tec-flow,.tec-stopped .water-wave-front,.tec-stopped .water-wave-back,.tec-stopped .sight-ripple,.tec-stopped .interior-bubbles circle{animation-play-state:paused!important}