:root{--water-ink:#092d3a;--water-deep:#073845;--water-blue:#087f91;--water-aqua:#27d3d5;--water-surface:#f4fbfb;--water-line:#d7e8e9;--water-good:#087b60;--water-warn:#ad6b04;--water-bad:#b23939}.prepaid-water-shell{margin:0;background:#eef8f8;color:var(--water-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.water-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px clamp(18px,4vw,52px);background:#062f3c;color:#eafafa}.water-topbar a{color:#75edf3;font-weight:800;text-decoration:none}.water-topbar span{font-size:12px;color:#b9dfe2}.water-login-wrap{max-width:1100px;margin:36px auto;padding:0 20px}.water-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(230px,.6fr);gap:30px;padding:clamp(28px,5vw,58px);border-radius:30px;background:radial-gradient(circle at 100% 0,#147c8d 0,transparent 38%),linear-gradient(135deg,#0a3140,#0a5663);color:white}.eyebrow{margin:0;color:#36dde0;font-weight:900;font-size:11px;letter-spacing:.13em;text-transform:uppercase}.water-hero h1{max-width:720px;margin:10px 0 16px;font-size:clamp(36px,5vw,66px);line-height:.98;letter-spacing:-.065em}.water-hero p:not(.eyebrow){max-width:710px;color:#cae8e9;line-height:1.65}.water-hero-side{align-self:center;padding:23px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(1,24,31,.35)}.water-hero-side strong{display:block;margin:8px 0;font-size:30px}.water-login{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:end;margin-top:22px;padding:19px;border:1px solid var(--water-line);border-radius:18px;background:white}.water-login label,.water-card label{display:grid;gap:6px;font-size:12px;font-weight:800;color:#315961}.water-login input,.water-card input,.water-card select{box-sizing:border-box;width:100%;min-height:44px;padding:10px 12px;border:1px solid #b7d5d7;border-radius:9px;background:white;color:#143e47;font:inherit}.water-login button,.water-button,.water-card button{min-height:44px;padding:10px 14px;border:0;border-radius:9px;background:var(--water-blue);color:white;font:inherit;font-weight:900;cursor:pointer}.water-form-status{grid-column:1/-1;min-height:18px;margin:0;font-size:12px;color:var(--water-good)}.water-form-status[data-kind=error]{color:var(--water-bad)}.water-app{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:calc(100vh - 60px)}.water-nav{padding:25px 16px;background:#073744;color:#dffbfb}.water-brand{padding:0 12px 22px;border-bottom:1px solid rgba(255,255,255,.16)}.water-brand b{display:block;font-size:17px}.water-brand span{font-size:11px;color:#89cdd2}.water-nav nav{display:grid;gap:5px;margin-top:22px}.water-nav button{display:flex;gap:10px;align-items:center;padding:12px;border:0;border-radius:9px;background:transparent;color:#c8e8ea;text-align:left;font:inherit;font-size:13px;font-weight:750;cursor:pointer}.water-nav button:hover,.water-nav button.is-active{background:#0c6674;color:white}.water-main{min-width:0;padding:30px clamp(18px,3vw,44px) 68px}.water-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:21px}.water-heading h1{margin:4px 0 0;font-size:32px;letter-spacing:-.04em}.water-heading p{margin:0;color:#58777d;font-size:13px}.water-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:0 0 18px}.water-kpi{display:grid;gap:8px;padding:18px;border:1px solid var(--water-line);border-radius:15px;background:white}.water-kpi span{font-size:10px;font-weight:900;letter-spacing:.09em;color:#5a797e;text-transform:uppercase}.water-kpi strong{font-size:27px;letter-spacing:-.04em}.water-section-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:18px;align-items:start}.water-card{margin:0 0 18px;padding:22px;border:1px solid var(--water-line);border-radius:18px;background:white;box-shadow:0 10px 30px rgba(8,57,65,.045)}.water-card header{display:flex;align-items:start;justify-content:space-between;gap:14px;margin-bottom:17px}.water-card h2{margin:5px 0 0;font-size:22px;letter-spacing:-.035em}.water-card h3{margin:0 0 8px;font-size:16px}.water-card .muted{margin:0;color:#59777d;font-size:12px;line-height:1.55}.water-card form{display:grid;grid-template-columns:1fr 1fr;gap:13px}.water-card form button{grid-column:1/-1}.water-table-wrap{overflow:auto}.water-table{width:100%;border-collapse:collapse}.water-table th,.water-table td{padding:12px 10px;border-bottom:1px solid #e3eff0;text-align:left;font-size:12px;white-space:nowrap}.water-table th{color:#607d81;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.water-table td[data-status=online],.water-table td[data-status=open],.water-table td[data-status=active]{color:var(--water-good);font-weight:900}.water-table td[data-status=offline],.water-table td[data-status=closed],.water-table td[data-status=pending]{color:var(--water-warn);font-weight:900}.water-small-button{min-height:0!important;padding:7px 9px!important;background:#e3f6f7!important;color:#076676!important;font-size:11px!important}.water-note{display:flex;gap:8px;margin:0;padding:12px 14px;border-left:3px solid var(--water-aqua);border-radius:8px;background:#effafb;color:#46676e;font-size:12px;line-height:1.5}.water-simulator{padding:0;overflow:hidden}.water-sim-top{padding:20px 22px;background:#073b49;color:white}.water-sim-top h2{margin:5px 0 0}.water-sim-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px}.water-sim-grid div{padding:11px;border:1px solid #dceced;border-radius:10px}.water-sim-grid span{display:block;color:#638287;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.water-sim-grid strong{display:block;margin-top:4px;font-size:18px}.water-sim-controls{display:flex;gap:8px;flex-wrap:wrap;padding:0 16px 16px}.water-sim-controls button[data-sim-action=stop]{background:#ae3d3d}.water-sim-controls button[data-sim-action=reset]{background:#dfeff0;color:#15505b}.water-physical{position:relative;display:grid;grid-template-columns:85px 1fr;gap:12px;align-items:end;padding:18px;background:#eaf6f7}.water-tank{position:relative;height:145px;border:5px solid #1c6c78;border-radius:22px 22px 12px 12px;overflow:hidden;background:#f8ffff}.water-tank:before{content:"TANK";position:absolute;z-index:2;top:12px;left:0;width:100%;text-align:center;color:#2b6670;font-size:10px;font-weight:900;letter-spacing:.12em}.water-tank-fill{position:absolute;bottom:0;width:100%;background:linear-gradient(#28d3dd,#077b9a);transition:height .35s}.water-valve{display:grid;place-items:center;height:56px;border-radius:50%;background:#b53f3f;color:white;font-size:10px;font-weight:900}.water-valve[data-open=true]{background:#098067}.water-plc{padding:12px;border:3px solid #184653;border-radius:10px;background:#0b2430;color:#a7faef;box-shadow:inset 0 0 0 3px #245768}.water-plc b{display:block;color:#55ece8;font-size:12px}.water-plc span{display:block;margin-top:7px;font-family:monospace;font-size:12px}.water-diagram{width:100%;margin-top:14px;border:1px solid #dcebed;border-radius:13px;background:#f9ffff}.water-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.water-facts div{padding:12px;border-radius:11px;background:#f1f9f9}.water-facts strong{display:block;font-size:11px}.water-facts span{font-size:12px;color:#55747a}.water-action-card{background:linear-gradient(135deg,#f3ffff,#e4f7f8)}.water-callout{display:grid;gap:4px;padding:13px;border:1px dashed #badbdd;border-radius:10px;background:#fff}.water-callout strong{font-size:12px}.water-callout span{font-size:12px;color:#547176}.water-report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.water-report-grid article{padding:18px;border-radius:13px;background:#f0f8f8}.water-report-grid strong{display:block;margin-bottom:8px;font-size:20px}.water-report-grid span{font-size:12px;color:#5e7a80}@media(max-width:980px){.water-app{grid-template-columns:1fr}.water-nav{display:flex;gap:8px;overflow:auto;padding:12px}.water-brand{min-width:185px;padding:4px 10px;border:0}.water-nav nav{display:flex;gap:5px;margin:0}.water-nav button{white-space:nowrap}.water-section-grid{grid-template-columns:1fr}.water-simulator{max-width:none}.water-hero{grid-template-columns:1fr}.water-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.water-main{padding:18px 13px 48px}.water-login,.water-card form{grid-template-columns:1fr}.water-kpis,.water-report-grid{grid-template-columns:1fr}.water-hero{padding:28px 22px}.water-heading{align-items:start;flex-direction:column}.water-table th:nth-child(2),.water-table td:nth-child(2),.water-table th:nth-child(6),.water-table td:nth-child(6){display:none}}
.water-password-field{display:flex;gap:8px;align-items:center}.water-password-field input{min-width:0}.water-password-field button{flex:0 0 auto;min-height:44px;padding:8px 12px;background:#e5f3f4;color:#075968}