.owner-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.owner-balance,.owner-insight{border-radius:17px;min-width:0;padding:23px}.owner-balance{color:#fffaf0;background:linear-gradient(140deg,#203c37,#2b594e);flex-direction:column;align-items:flex-start;display:flex}.owner-balance-icon{background:#ffffff1f;border-radius:12px;place-items:center;width:42px;height:42px;margin-bottom:17px;display:grid}.owner-balance .balance-value{margin:2px 0 5px;font-size:clamp(36px,9vw,49px)}.owner-balance-note{color:#e3ede5;font-size:13px}.owner-balance .owner-credit{margin-top:10px;font-size:13px}.owner-balance button{text-align:left;background:#edf4eb;border:0;justify-content:space-between;align-items:center;gap:10px;width:100%;margin-top:20px;display:flex}.owner-balance button svg{flex:none}.owner-insight{background:#fff;border:1px solid #dce4dc}.owner-insight h2{align-items:center;gap:8px;margin-bottom:9px;display:flex}.owner-insight h2 svg{color:#337768;flex:none}.owner-status-bar{border-radius:20px;height:8px;margin:17px 0 12px;display:flex;overflow:hidden}.owner-status-bar span{flex-basis:0}.owner-status-bar .paid,.status-dot.paid{background:#36806b}.owner-status-bar .partial,.status-dot.partial{background:#ae7b28}.owner-status-bar .unpaid,.status-dot.unpaid{background:#8c5950}.owner-status-list,.owner-water-bars{margin:0;padding:0;list-style:none}.owner-status-list li{grid-template-columns:8px 1fr auto;align-items:center;gap:9px;padding:4px 0;font-size:14px;display:grid}.status-dot{border-radius:50%;width:8px;height:8px}.owner-received{border-top:1px solid #dce4dc;flex-wrap:wrap;justify-content:space-between;gap:4px 10px;margin-top:11px;padding-top:12px;font-size:14px;display:flex}.owner-received small{color:#63756c;flex-basis:100%;line-height:1.45}.owner-water-chart{grid-column:1/-1}.owner-water-bars{margin-top:12px}.owner-water-bars li{grid-template-columns:68px minmax(0,1fr) minmax(75px,auto);align-items:center;gap:10px;min-height:30px;font-size:13px;display:grid}.owner-water-bars strong{text-align:right;font-variant-numeric:tabular-nums}.owner-water-track{background:#e9f1ef;border-radius:12px;height:8px}.owner-water-track span{border-radius:inherit;background:#4d9585;height:100%;display:block}.owner-water-chart .text-button{margin-top:6px}@media (width<=700px){.owner-overview{grid-template-columns:minmax(0,1fr);gap:12px}.owner-balance,.owner-insight{padding:18px}}*{box-sizing:border-box}body{color:#243e45;background:#f5f5f0;margin:0;font:15px system-ui,-apple-system,sans-serif}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:#243e45;background:#fff;border:1px solid #c7d2c9;border-radius:9px;min-height:44px;padding:10px 14px}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #a38443}a{color:#244e46}h1,h2,h3,p{margin:0}h1{font-size:25px;line-height:1.3}h2{margin-bottom:15px;font-size:18px;line-height:1.4}h3{margin-bottom:12px;font-size:15px}p{line-height:1.55}.owner-header{color:#fffaf0;background:#203c37;justify-content:space-between;align-items:center;gap:16px;padding:20px max(20px,50% - 450px);display:flex}.owner-brand{align-items:center;gap:12px;display:flex}.owner-brand img{border-radius:11px;flex:none}.owner-brand strong{font-size:19px}.owner-brand small{opacity:.85;margin-top:4px;font-size:12px;display:block}.header-button{color:#fffaf0;white-space:nowrap;background:0 0;border-color:#56776a;align-items:center;gap:7px;font-size:13px;display:flex}.login-wrap{max-width:480px;margin:45px auto;padding:0 18px 40px}.login-panel{background:#fff;border:1px solid #dce4dc;border-radius:17px;padding:28px}.login-panel>p{color:#63756c;margin-top:14px}.login-panel form{gap:18px;margin-top:24px;display:grid}label{gap:7px;font-size:14px;display:grid}label small{color:#63756c;font-size:12px;line-height:1.45}input,select{color:#243e45;background:#fff;border:1px solid #bdcdc1;border-radius:8px;width:100%;min-width:0;max-width:100%;min-height:46px;padding:12px;font-size:16px}.primary{color:#fff;background:#244e46;border-color:#244e46}.helper{font-size:13px}.privacy-line{color:#63756c;justify-content:center;align-items:center;gap:8px;margin-top:22px;font-size:12px;display:flex}.error{color:#8c3a28;background:#fff0eb;border-radius:9px;margin:18px 0;padding:14px;line-height:1.5}.account-wrap{max-width:900px;margin:0 auto;padding:30px 22px 110px}.account-intro{justify-content:space-between;align-items:start;gap:15px;margin-bottom:20px;display:flex}.account-intro p{color:#63756c;margin-top:7px}.view-only{color:#63756c;white-space:nowrap;align-items:center;gap:5px;padding-top:5px;font-size:12px;display:flex}.apartment-picker{max-width:480px;margin-bottom:20px}.update-row{color:#63756c;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;font-size:12px;display:flex}.update-row button{background:0 0;flex:none;place-items:center;width:44px;padding:8px;display:grid}.owner-home{grid-template-columns:1fr 1fr;align-items:start;gap:30px;display:grid}.balance-panel{background:#fff;border:1px solid #dce4dc;border-radius:16px;padding:24px}.balance-panel>p{color:#63756c;font-size:14px}.balance-value{letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:12px 0;font-size:43px;font-weight:650;display:block}.balance-caption{color:#805e22;font-size:13px;display:block}.soft-button{text-align:left;background:#eaf2eb;border:0;justify-content:space-between;align-items:center;gap:10px;width:100%;margin-top:24px;font-size:14px;display:flex}.balance-panel .credit-line{color:#244e46;margin-top:20px}.home-details>section+section{margin-top:28px}.record-row{border-bottom:1px solid #dce4dc;justify-content:space-between;align-items:start;gap:16px;padding:16px 0;line-height:1.5;display:flex}.record-row small{color:#63756c;margin-top:5px;font-size:12px;display:block}.record-row strong{white-space:nowrap;font-variant-numeric:tabular-nums}.water-preview{background:#eaf2eb;border-radius:12px;align-items:start;gap:13px;padding:20px;font-size:14px;display:flex}.water-preview>svg{flex:none;margin-top:3px}.water-preview strong{margin-top:6px;display:inline-block}.text-button{color:#244e46;background:0 0;border:0;min-height:40px;padding:4px 0;font-size:13px;text-decoration:underline}.water-preview .text-button{display:block}.section-title{margin-top:28px}.muted{color:#63756c;font-size:13px}.empty{color:#63756c;padding:20px 0}details{border-bottom:1px solid #dce4dc}summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:74px;padding:18px 0;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary small{color:#63756c;margin-top:6px;font-size:12px;display:block}.receipt-status{text-align:right}.receipt-status strong{font-size:14px}.receipt-breakdown{background:#fff;border:1px solid #dce4dc;border-radius:12px;margin-bottom:18px;padding:15px}.receipt-breakdown>div,.water-readings section>div{justify-content:space-between;align-items:start;gap:18px;padding:9px 0;font-size:14px;display:flex}.receipt-breakdown b,.water-readings b{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}.receipt-breakdown .total-row{border-top:1px solid #dce4dc;margin-top:6px;padding-top:15px;font-weight:600}.water-readings{padding:0 0 18px}.water-readings>section{background:#fff;border:1px solid #dce4dc;border-radius:12px;margin:0 0 12px;padding:16px}.water-readings .muted{margin-top:8px}.owner-footer{color:#63756c;border-top:1px solid #dce4dc;justify-content:space-between;align-items:center;gap:12px;margin-top:30px;padding-top:15px;font-size:12px;display:flex}.owner-nav{padding:7px 12px max(10px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid #dce4dc;justify-content:center;gap:8px;display:flex;position:fixed;inset:auto 0 0}.owner-nav button{background:0 0;border:0;flex:1;justify-content:center;align-items:center;gap:8px;min-width:120px;max-width:230px;min-height:56px;padding:8px;font-size:13px;display:flex}.owner-nav button.selected{color:#203c37;background:#eaf2eb;font-weight:600}@media (width<=700px){.owner-header{padding:18px 16px}.owner-brand strong{font-size:17px}.header-button{padding:8px;font-size:12px}.account-wrap{padding:24px 18px 110px}.owner-home{grid-template-columns:1fr;gap:26px}.account-intro h1{font-size:23px}.balance-panel{padding:22px}.home-details>section+section{margin-top:22px}.owner-nav button{flex-direction:column;gap:4px;min-width:0;min-height:58px;font-size:12px}.login-wrap{margin-top:25px}.login-panel{padding:22px 18px}.account-intro p{font-size:14px}.update-row{line-height:1.45}.water-preview,.receipt-breakdown>div{font-size:13px}}@media (prefers-reduced-motion:no-preference){button{transition:background-color .15s}}.phone-entry{grid-template-columns:140px minmax(0,1fr);gap:6px;min-width:0;display:grid}.phone-entry select,.phone-entry input{width:100%;min-width:0;height:46px;padding:10px 7px;font-size:16px}.owner-phone-field{gap:7px;font-size:14px;display:grid}.password-field{gap:7px;display:grid}.password-entry{min-width:0;position:relative}.password-entry input{letter-spacing:normal;padding-right:52px}.password-eye{color:#365c50;background:0 0;border:0;border-radius:7px;place-items:center;width:44px;min-width:44px;min-height:44px;padding:0;display:grid;position:absolute;inset:1px 1px 1px auto}.password-eye:hover{background:#eaf2eb}.password-eye:focus-visible{outline-offset:-3px;outline:3px solid #a38443}.password-help{color:#63756c;margin-top:7px;font-size:12px;line-height:1.45;display:block}.install-guide{background:#eaf2eb;border:1px solid #cedfd0;border-radius:12px;max-width:856px;margin:18px auto 0;padding:16px 18px}.install-guide h2{margin-bottom:5px;font-size:17px}.install-guide p,.install-guide li{font-size:14px;line-height:1.5}.install-guide ol{margin:12px 0;padding-left:22px}.install-guide li+li{margin-top:6px}.install-guide-actions{flex-wrap:wrap;gap:9px;margin-top:12px;display:flex}.install-guide-compact{background:0 0;border:0;margin-top:4px;padding:0}.install-guide-compact .text-button{min-height:44px}@media (width<=900px){.install-guide{margin-left:18px;margin-right:18px}}.detail-hint{color:#63756c;margin-bottom:5px;font-size:14px}.detail-summary{border-radius:8px;grid-template-columns:minmax(0,1fr) auto 24px;gap:10px;display:grid}.detail-summary:hover{background:#eaf2eb}.detail-chevron{color:#356f60;justify-self:center}details[open]>.detail-summary .detail-chevron{transform:rotate(180deg)}@media (prefers-reduced-motion:no-preference){.detail-chevron{transition:transform .15s}}
