:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Helvetica,Arial,sans-serif;color:#122033;background:#f4f7fb}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:#0a4abf}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}.app-shell{max-width:720px;margin:0 auto;padding:32px 16px}.app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.app-title{font-size:22px;font-weight:700;color:#0a4abf}.app-subtitle{font-size:13px;color:#5b6878;margin-top:4px}.button-primary{background:#0a4abf;color:#fff;border:0;border-radius:10px;padding:10px 18px;font-weight:600}.button-primary:hover:not(:disabled){background:#07368e}.button-secondary{background:transparent;color:#0a4abf;border:1px solid #cbd5e3;border-radius:10px;padding:8px 14px}.button-secondary:hover:not(:disabled){background:#eef5ff}.card{background:#fff;border:1px solid #d9e2ef;border-radius:16px;padding:24px;margin-bottom:16px}.card-list{display:flex;flex-direction:column;gap:12px}.card-row{display:flex;flex-direction:column;gap:4px;padding:16px;border:1px solid #d9e2ef;border-radius:12px;background:#fff;cursor:pointer;text-align:left}.card-row:hover{border-color:#0a4abf;background:#f7fbff}.card-row-title{font-weight:600;font-size:15px}.card-row-meta{font-size:13px;color:#5b6878}.field-row{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field-row label{font-size:13px;color:#4b607a}.field-row input{font:inherit;border:1px solid #cbd5e3;border-radius:10px;padding:10px 12px}.field-row input:focus{outline:2px solid #cbd5e3}.error-banner{background:#fff1f2;color:#b00020;border:1px solid #f3c2c7;border-radius:10px;padding:10px 14px;font-size:14px;margin-bottom:12px}.muted{color:#5b6878}.reading-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eaf0f8;font-size:14px}.reading-row:last-child{border-bottom:0}.actions-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.language-switcher{position:fixed;top:16px;right:16px;display:flex;gap:4px;background:#fff;border:1px solid #d9e2ef;border-radius:999px;padding:4px;z-index:20}.language-switcher button{background:transparent;border:0;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;color:#4b607a;letter-spacing:.05em}.language-switcher button:hover{background:#eef5ff;color:#0a4abf}.language-switcher .language-switcher-active{background:#0a4abf;color:#fff}.alarm-banner{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:12px;margin-bottom:16px;border:1px solid}.alarm-banner-warning{background:#fff8eb;border-color:#f3d991;color:#6c4a00}.alarm-banner-critical{background:#fff1f2;border-color:#f3c2c7;color:#b00020}.alarm-banner-info{background:#eef5ff;border-color:#c8dbf5;color:#0a4abf}.alarm-banner-ok{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.alarm-banner-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600}.alarm-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;font-size:14px;line-height:1;flex-shrink:0;font-weight:700}.alarm-icon-ok{background:#047857;color:#fff}.alarm-icon-warning{background:#b76e00;color:#fff}.alarm-icon-critical{background:#b00020;color:#fff}.alarm-icon-info{background:#0a4abf;color:#fff}.alarm-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14px}.alarm-row-since{font-size:12px;opacity:.8}.dashboard-alarm-pill{display:inline-block;background:#fff1f2;color:#b00020;border:1px solid #f3c2c7;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;margin-top:6px;width:fit-content}.dashboard-alarm-pill-warning{background:#fff8eb;color:#6c4a00;border-color:#f3d991}.app-shell{max-width:920px}.greeting-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.greeting-title{font-size:22px;font-weight:700;color:#122033}.greeting-subtitle{font-size:14px;color:#5b6878;margin-top:4px}.notification-preference-panel{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:16px;padding:16px 18px;border:1px solid #d9e2ef;border-radius:16px;background:#fff}.notification-preference-panel-expanded{grid-template-columns:auto minmax(0,1fr);align-items:start}.notification-preference-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;background:#fff8eb;color:#6c4a00;flex-shrink:0}.notification-preference-content{display:flex;flex-direction:column;gap:3px;min-width:0}.notification-preference-title{color:#122033;font-size:15px;font-weight:700;line-height:1.3}.notification-preference-description,.notification-preference-status{color:#5b6878;font-size:13px;line-height:1.4}.notification-preference-status{font-weight:600}.notification-channel-list{display:grid;gap:0;margin-top:12px;border-top:1px solid #eaf0f8}.notification-channel-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:56px;padding:10px 0;border-bottom:1px solid #eaf0f8}.notification-channel-copy{min-width:0}.notification-channel-title{color:#122033;font-size:14px;font-weight:700;line-height:1.35}.notification-channel-description{color:#5b6878;font-size:13px;line-height:1.4;margin-top:2px}.phone-verification-block{display:grid;gap:10px;margin-top:12px}.phone-verification-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.phone-verification-status{color:#5b6878;font-size:13px;font-weight:600;line-height:1.4}.phone-verification-form{display:grid;gap:6px}.phone-verification-form label{font-size:13px;color:#4b607a}.inline-form-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.inline-form-row input{flex:1 1 180px;min-width:0;font:inherit;border:1px solid #cbd5e3;border-radius:10px;padding:10px 12px}.inline-form-row input:focus{outline:2px solid #cbd5e3}.inline-form-row input:disabled{background:#f4f7fb;color:#5b6878}.inline-form-row button{flex:0 0 auto}.switch-control{position:relative;display:inline-flex;align-items:center;width:48px;height:28px;flex-shrink:0}.switch-control input{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;cursor:pointer}.switch-control input:disabled{cursor:not-allowed}.switch-control-track{position:relative;display:inline-block;width:48px;height:28px;border-radius:999px;background:#cbd5e3;transition:background .14s ease-in-out}.switch-control-thumb{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #12203340;transition:transform .14s ease-in-out}.switch-control input:checked+.switch-control-track{background:#0a4abf}.switch-control input:checked+.switch-control-track .switch-control-thumb{transform:translate(20px)}.switch-control input:focus-visible+.switch-control-track{outline:2px solid #6ea6e6;outline-offset:2px}.dp-summary-card{position:relative;padding:20px 24px;border-radius:18px;border:1px solid #cfe2ff;background:radial-gradient(120% 120% at 100% 0%,#e6f0ff,#e6f0ff00 65%),linear-gradient(180deg,#f4f9ff,#fff);overflow:hidden;margin-bottom:16px}.dp-summary-card:after{content:"";position:absolute;right:-32px;top:-24px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#c7defc,#c7defc00 70%);opacity:.7;pointer-events:none}.dp-summary-row{display:flex;align-items:flex-start;gap:14px;position:relative;z-index:1}.dp-summary-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:#e0ecff;color:#0a4abf}.dp-summary-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.dp-summary-address{font-size:18px;font-weight:700;color:#122033}.dp-summary-meta{font-size:14px;color:#5b6878}.dp-summary-public-id{display:inline-flex;align-items:center;gap:8px;width:fit-content;max-width:100%;margin:6px 0 8px;border:1px solid #c8dbf5;border-radius:999px;background:#eef5ff;color:#0a4abf;padding:4px 12px;font-size:13px;font-weight:700;letter-spacing:.02em;overflow-wrap:anywhere}.dp-summary-public-id span{color:#4b607a;font-weight:600;letter-spacing:normal}.dp-summary-droplet{position:absolute;right:24px;top:50%;transform:translateY(-50%);color:#6ea6e6;z-index:1}.alarm-banner-rich{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px}.alarm-banner-icon-large{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;flex-shrink:0;font-weight:700}.alarm-banner-text-block{display:flex;flex-direction:column;gap:2px}.alarm-banner-text-title{font-size:16px;font-weight:700}.alarm-banner-text-subtitle{font-size:13px;opacity:.85}.alarm-banner-decoration{opacity:.25;flex-shrink:0}.stat-card-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:16px}.stat-card{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;border:1px solid #d9e2ef;border-radius:14px;background:#fff}.stat-card-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:#e6f0ff;color:#0a4abf;flex-shrink:0}.stat-card-body{display:flex;flex-direction:column;gap:2px;min-width:0}.stat-card-label{font-size:13px;color:#5b6878}.stat-card-value{font-size:20px;font-weight:700;color:#122033}.stat-card-meta{font-size:12px;color:#5b6878}.consumption-chart{padding:18px 20px;margin-bottom:16px}.consumption-chart-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.consumption-chart-title{font-size:15px;font-weight:700;color:#122033}.consumption-chart-unit{font-size:12px;color:#5b6878}.consumption-chart-svg{width:100%;height:auto;display:block}.consumption-chart-bar{fill:#0a4abf;transition:fill .12s ease-in-out}.consumption-chart-bar.is-selected{fill:#07368e}.consumption-chart-hit{cursor:pointer;outline:none}.consumption-chart-hit:hover .consumption-chart-bar{fill:#07368e}.consumption-chart-hit:focus-visible .consumption-chart-bar{fill:#07368e}.consumption-chart-label{font-size:11px;fill:#5b6878;pointer-events:none}.consumption-chart-label.is-selected{fill:#122033;font-weight:700}.consumption-chart-detail{margin-top:12px;padding:12px 14px;border-radius:12px;background:#eef5ff;border:1px solid #c8dbf5;display:flex;flex-direction:column;gap:2px}.consumption-chart-detail-month{font-size:13px;font-weight:600;color:#0a4abf}.consumption-chart-estimated-badge{font-weight:500;color:#5b6878;letter-spacing:.02em}.consumption-chart-detail-value{font-size:22px;font-weight:700;color:#122033}.consumption-chart-detail-meta{font-size:12px;color:#5b6878}.consumption-chart-hint{margin-top:12px;font-size:12px;color:#5b6878}.dp-card-grid{display:grid;grid-template-columns:1fr;gap:14px}@media(min-width:720px){.dp-card-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}.dp-card{text-align:left;display:flex;flex-direction:column;gap:12px;padding:16px 18px;border-radius:16px;border:1px solid;border-left-width:5px;background:#fff;cursor:pointer;transition:transform 80ms ease-out,box-shadow .12s ease-out}.dp-card:hover{transform:translateY(-1px);box-shadow:0 6px 16px -10px #0a4abf40}.dp-card-status-ok{border-color:#d9e2ef;border-left-color:#047857;background:linear-gradient(180deg,#f3fbf6,#fff 60%)}.dp-card-status-alert{border-color:#f3c2c7;border-left-color:#b00020;background:linear-gradient(180deg,#fff5f5,#fff 60%)}.dp-card-header{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:flex-start}.dp-card-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;background:#e6f0ff;color:#0a4abf;flex-shrink:0}.dp-card-title-block{min-width:0;display:flex;flex-direction:column;gap:2px}.dp-card-title{font-size:15px;font-weight:700;color:#122033;line-height:1.25;word-break:break-word}.dp-card-title-sub{font-size:13px;color:#5b6878;word-break:break-word}.dp-card-public-id{display:inline-flex;align-items:center;gap:6px;width:fit-content;max-width:100%;margin-top:4px;border:1px solid #c8dbf5;border-radius:999px;background:#eef5ff;color:#0a4abf;padding:3px 8px;font-size:12px;font-weight:700;line-height:1.2;overflow-wrap:anywhere}.dp-card-public-id span{color:#4b607a;font-weight:600}.dp-card-status-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;flex-shrink:0;color:#fff}.dp-card-status-badge-ok{background:#047857}.dp-card-status-badge-alert{background:#b00020}.dp-card-stat{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.dp-card-stat-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;background:#e6f0ff;color:#0a4abf;flex-shrink:0}.dp-card-stat-body{display:flex;flex-direction:column;gap:0;min-width:0;flex:1}.dp-card-stat-value{font-size:20px;font-weight:700;color:#122033;line-height:1.2}.dp-card-stat-label{font-size:12px;color:#5b6878}.dp-card-estimated-badge{font-style:italic;color:#5b6878}.dp-card-footer{font-size:12px;color:#5b6878;border-top:1px solid #eaf0f8;padding-top:8px}.readings-table{display:flex;flex-direction:column}.readings-table-header,.readings-table-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 0;font-size:14px}.readings-table-header{border-bottom:1px solid #d9e2ef;color:#5b6878;font-size:12px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;padding-bottom:6px}.readings-table-row{border-bottom:1px solid #eaf0f8}.readings-table-row:last-child{border-bottom:0}.readings-table-cell-date{display:flex;align-items:center;gap:8px;min-width:0}.readings-table-cell-date-icon{color:#6ea6e6;flex-shrink:0}.readings-table-cell-reading{font-weight:600;color:#122033}.readings-source-pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.02em;border:1px solid transparent;white-space:nowrap}.readings-source-pill-iot{background:#eef5ff;color:#0a4abf;border-color:#c8dbf5}.readings-source-pill-ecogrid{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.readings-source-pill-default{background:#f4f7fb;color:#5b6878;border-color:#d9e2ef}.load-more-row{display:flex;align-items:center;justify-content:center;padding-top:12px}.load-more-button{display:inline-flex;align-items:center;gap:6px;background:transparent;color:#0a4abf;border:0;font-weight:600;font-size:14px}.load-more-button:disabled{color:#5b6878}.load-more-button:hover:not(:disabled){text-decoration:underline}.legal-footer{display:flex;align-items:center;justify-content:center;gap:12px;padding:0 16px 24px}.legal-footer-button{border:0;background:transparent;color:#4b607a;font-size:13px;font-weight:600;padding:6px 10px}.legal-footer-button:hover{color:#0a4abf;text-decoration:underline}.app-version{border-left:1px solid #d9e2ef;color:#7b8aa0;font-size:12px;line-height:18px;padding-left:12px}.legal-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:24px;background:#12203370}.legal-modal{width:min(100%,640px);max-height:min(760px,calc(100vh - 48px));overflow:auto;border:1px solid #d9e2ef;border-radius:16px;background:#fff;box-shadow:0 24px 64px -32px #1220337a;padding:22px 24px}.legal-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid #eaf0f8;padding-bottom:16px;margin-bottom:18px}.legal-modal-title{font-size:20px;font-weight:700;color:#122033}.legal-modal-subtitle{margin-top:4px;color:#5b6878;font-size:13px;overflow-wrap:anywhere}.legal-section{display:flex;flex-direction:column;gap:10px;margin-top:18px}.legal-section-title{color:#0a4abf;font-size:14px;font-weight:700}.legal-definition-list{display:flex;flex-direction:column;gap:8px;margin:0}.legal-definition-row{display:grid;grid-template-columns:minmax(120px,.36fr) minmax(0,1fr);gap:12px;font-size:14px}.legal-definition-row dt{color:#5b6878;font-weight:600}.legal-definition-row dd{margin:0;color:#122033;overflow-wrap:anywhere}.legal-publisher-link{color:#0a4abf;font-weight:600}.legal-operator{margin:0;color:#122033;font-size:14px}.legal-operator a{color:#0a4abf;font-weight:600}@media(max-width:559px){.app-shell{padding-top:56px}.greeting-header,.app-header{flex-direction:column;align-items:stretch;gap:12px}.greeting-header .actions-row,.app-header .actions-row{justify-content:flex-end}.notification-preference-panel{grid-template-columns:auto minmax(0,1fr)}.notification-preference-panel>.switch-control{grid-column:2;justify-self:start;margin-top:4px}.notification-channel-row{align-items:flex-start}.inline-form-row{align-items:stretch}.inline-form-row input,.inline-form-row button{flex-basis:100%}.phone-verification-summary{align-items:stretch}.phone-verification-summary .button-secondary{width:100%}.dp-summary-droplet,.alarm-banner-decoration{display:none}.alarm-banner-rich{grid-template-columns:auto 1fr}.consumption-chart-header{flex-direction:column;align-items:flex-start;gap:2px}.language-switcher{top:10px;right:10px}.language-switcher button{padding:3px 8px;font-size:11px}.legal-modal-overlay{align-items:flex-end;padding:12px}.legal-modal{max-height:calc(100vh - 24px);padding:18px}.legal-modal-header{flex-direction:column}.legal-modal-header .button-secondary{align-self:flex-end}.legal-definition-row{grid-template-columns:1fr;gap:2px}}