.portal-shell,.portal-login{color:#163249;background:#f0f5f7;min-height:100vh}.portal-header{background:#fff;border-bottom:1px solid #dbe6eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:22px max(5vw,20px);display:flex}.portal-brand{letter-spacing:-1px;font-size:22px;font-weight:800}.portal-brand span{color:#00877c}.portal-header nav,.portal-history nav{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.portal-content{max-width:1240px;margin:auto;padding:36px 24px 60px}.portal-shell h1,.portal-login h1{letter-spacing:-1.6px;margin:8px 0 16px;font-size:clamp(28px,4vw,44px);font-weight:650;line-height:1.15}.portal-shell h2{margin:18px 0 10px;font-size:20px;font-weight:650}.portal-shell p,.portal-login p{margin:9px 0;line-height:1.7}.portal-eyebrow{text-transform:uppercase;letter-spacing:2px;color:#00877c;font-size:12px;font-weight:750}.portal-intro{color:#526b7a;margin-bottom:28px!important}.portal-refresh,.portal-muted{color:#607784;font-size:12px}.portal-refresh{text-align:right;margin-bottom:22px!important}.portal-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,285px),1fr));gap:20px;margin:24px 0;display:grid}.portal-card{background:#fff;border:1px solid #dbe5e9;border-radius:18px;min-width:0;padding:25px;display:block;box-shadow:0 8px 26px #12304704}.portal-point:hover{border-color:#00877c}.portal-card-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.portal-status{color:#536c7b;background:#edf2f5;border-radius:8px;padding:4px 9px;font-size:12px;font-weight:650;display:inline-flex}.portal-status.good{color:#147154;background:#e1f4ec}.portal-status.bad{color:#a73830;background:#ffebea}.portal-status.warning{color:#8e661a;background:#fff3d9}.portal-reading{justify-content:space-between;align-items:center;gap:20px;margin:24px 0;display:flex}.portal-reading strong,.portal-number{letter-spacing:-2px;font-size:48px;font-weight:700}.portal-detail-link{color:#00877c;margin-top:20px;font-size:13px;font-weight:650;display:block}.portal-shell button,.portal-form button{color:#fff;cursor:pointer;font:inherit;background:#123c50;border:0;border-radius:8px;padding:10px 17px}.portal-shell button:disabled,.portal-form button:disabled{opacity:.6}.portal-history nav a{color:#007c72;font-size:13px}.portal-history nav a[aria-current=page]{font-weight:800;text-decoration:underline}.portal-chart{width:100%;margin:20px 0;font:10px sans-serif}.portal-table-scroll{overflow:auto}.portal-shell table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:13px}.portal-shell th,.portal-shell td{text-align:left;border-bottom:1px solid #e3ecef;padding:12px}.portal-shell th{background:#f3f7f8}.portal-alert-list{gap:16px;display:grid}.portal-footer{text-align:center;color:#637c8a;padding:20px;font-size:12px}.portal-login{place-items:center;padding:35px 20px;display:grid}.portal-login-card{background:#fff;border-radius:24px;width:min(100%,480px);padding:40px;box-shadow:0 20px 60px #12304712}.portal-login .brand-logo-login{max-width:180px}.portal-form{gap:18px;margin:28px 0;display:grid}.portal-form label{gap:7px;font-size:14px;font-weight:600;display:grid}.portal-form input{width:100%;font:inherit;border:1px solid #bcced7;border-radius:8px;padding:12px}.portal-error{color:#a13324;background:#fff0ee;border-radius:8px;padding:12px}.portal-login a{color:#007c72}.portal-shell a:focus-visible,.portal-shell button:focus-visible{outline-offset:4px;outline:3px solid #32aaa0}@media (max-width:520px){.portal-header{padding:18px}.portal-header nav{gap:16px;font-size:13px}.portal-content{padding:24px 16px}.portal-card{padding:20px}.portal-login-card{padding:26px}.portal-refresh{text-align:left}.portal-history nav{gap:14px}}.portal-form small{color:#607784;font-size:12px;font-weight:400}.portal-form input[aria-invalid=true]{border-color:#c2412d;box-shadow:0 0 0 3px #c2412d1f}.portal-form .portal-check{align-items:center;gap:10px;font-weight:500;display:flex}.portal-form .portal-check input{width:18px;height:18px}.portal-success{color:#0f5c49;background:#e9f7f2;border-radius:8px;padding:12px}.portal-links{flex-wrap:wrap;gap:8px 18px;font-size:14px;display:flex}.portal-account{max-width:560px}.portal-account .portal-form{margin:8px 0 0}.portal-section-title{margin:36px 0 4px;font-size:18px}.portal-saved{color:#526b7a;margin:0;font-size:13px}.portal-saved button{color:#007c72;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.portal-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0;display:grid}.portal-summary>div{background:#fff;border:1px solid #dbe5e9;border-radius:14px;gap:2px;padding:14px 16px;display:grid}.portal-summary strong{font-size:26px;line-height:1.1}.portal-summary span{color:#607784;font-size:12px}.portal-summary .good strong{color:#147154}.portal-summary .bad strong{color:#a73830}.portal-tools{gap:10px;margin-bottom:14px;display:grid}.portal-tools input,.portal-tools select{width:100%;font:inherit;background:#fff;border:1px solid #bcced7;border-radius:10px;padding:12px 14px}.portal-chips{flex-wrap:wrap;gap:8px;display:flex}.portal-shell .portal-chips button{color:#2f4b5b;background:#fff;border:1px solid #c9d8df;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:600}.portal-shell .portal-chips button[aria-pressed=true]{color:#fff;background:#123c50;border-color:#123c50}.portal-list{gap:8px;margin:0 0 24px;padding:0;list-style:none;display:grid}.portal-row{color:inherit;background:#fff;border:1px solid #dbe5e9;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;display:flex}.portal-row:hover{border-color:#00877c}.portal-row-main{justify-items:start;gap:5px;min-width:0;display:grid}.portal-row-main strong{overflow-wrap:anywhere;font-size:15px}.portal-row small{color:#607784;font-size:12px}.portal-row-level{flex:none;justify-items:center;gap:5px;width:92px;display:grid}.portal-row-level strong{letter-spacing:-1px;font-size:24px}.portal-back{color:#007c72;margin-bottom:14px;font-weight:600;display:inline-block}.portal-now{justify-content:space-between;align-items:center;gap:20px;margin:18px 0;display:flex}.portal-now p{margin:6px 0 0}.portal-now .portal-number{margin:10px 0 0;line-height:1}.portal-chart text{fill:#6b8090;font-size:22px}.portal-more{border-top:1px solid #e3ecef;margin-top:14px;padding-top:12px}.portal-more>summary{color:#007c72;cursor:pointer;font-size:14px;font-weight:650}.portal-more[open]>summary{margin-bottom:12px}.portal-export{color:#007c72;margin-top:12px;font-size:14px;font-weight:600;display:inline-block}.portal-tech{color:#526b7a;margin:0;padding-left:18px;font-size:14px;line-height:1.7}.portal-water-tank{--water-top:#68c8e4;--water-bottom:#1688b6;flex:none;width:58px;height:76px;display:block;position:relative}.portal-water-tank-large{width:clamp(86px,22vw,118px);height:clamp(116px,30vw,156px)}.portal-water-tank-body{background:#edf5f8;border:2px solid #6b9bad;border-radius:13% 13% 23% 23%/8% 8% 12% 12%;position:absolute;inset:9% 5% 5%;overflow:hidden}.portal-water-tank-fill{background:linear-gradient(90deg, #fff2, transparent 35%, #123c5018), linear-gradient(var(--water-top), var(--water-bottom));width:100%;transition:height .9s cubic-bezier(.22,.61,.36,1);position:absolute;bottom:0;left:0;box-shadow:inset 0 2px #ffffff80}.portal-water-surface{height:6px;position:absolute;inset:-3px 0 auto;overflow:hidden}.portal-water-tank-large .portal-water-surface{height:10px;top:-5px}.portal-water-wave{width:200%;max-width:none;height:100%;fill:var(--water-top);animation:5s linear infinite portal-water-drift;position:absolute}.portal-water-wave-back{opacity:.4;fill:#fff;animation-duration:7s;animation-direction:reverse}@keyframes portal-water-drift{0%{transform:translate(0)}to{transform:translate(-50%)}}html[data-water-motion=paused] .portal-water-wave{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.portal-water-wave{animation:none}.portal-water-tank-fill{transition:none}}.portal-water-tank-ribs{border-radius:inherit;background:linear-gradient(90deg,#ffffff65,#0000 22% 75%,#224b6114),repeating-linear-gradient(0deg,#0000 0 24%,#426e832e 24% 25%,#ffffff60 25% 27%,#0000 27% 33%);position:absolute;inset:0}.portal-water-tank-lid{background:linear-gradient(#e1f1f6,#9fc4d2);border:2px solid #608c9e;border-radius:50%;width:100%;height:16%;position:absolute;top:1%;left:0;box-shadow:0 2px #3d6c7e26}.portal-water-tank-lid:before{content:"";background:#d6eaf2;border:1px solid #83acbd;border-radius:50%;width:38%;height:35%;position:absolute;top:15%;left:31%}.portal-water-tank-base{background:#c5dce5;border:1px solid #7297a7;border-radius:0 0 50% 50%;height:5%;position:absolute;bottom:1%;left:9%;right:9%}.portal-water-tank.is-low{--water-top:#efb271;--water-bottom:#d48440}.portal-water-tank.is-unknown .portal-water-tank-body{background:repeating-linear-gradient(135deg,#e8eef1 0 5px,#f6f8f9 5px 10px);border-style:dashed}.portal-water-tank-unknown{color:#607784;place-items:center;font-size:24px;font-weight:600;display:grid;position:absolute;inset:0}.portal-now>div{min-width:0}.portal-live-tools{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;margin-bottom:12px;display:flex}.portal-live-tools .portal-refresh{margin:0}.portal-shell .portal-motion-control{color:#426879;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;min-height:44px;padding:8px 0;font-size:12px;text-decoration:underline}.portal-installation{gap:14px;margin-bottom:14px;display:grid}.portal-installation>summary{cursor:pointer;font-weight:700}.portal-installation[open]>summary{margin-bottom:4px}
