.account-mode .sidebar nav a{color:#cfe9f8;padding:12px;text-decoration:none}.account-mode .sidebar nav a:hover{text-decoration:underline}
.account-welcome{padding:36px 22px 10px;max-width:660px}.account-welcome h2{font-size:clamp(27px,4vw,44px);line-height:1.1;color:#092b50;margin:8px 0}.account-welcome p{font-size:16px;line-height:1.6;color:#55758d}.account-eyebrow{font-size:11px;letter-spacing:.15em;font-weight:800;color:#0780b9}.account-auth{width:min(100%,480px);margin:0 22px 30px}.account-form{display:grid;gap:15px}.account-form label{font-size:13px;display:grid;gap:6px;color:#56758a}.account-form input{width:100%}.account-form button{margin-top:5px}.account-text-button{border:0;background:none;color:#087dbe;padding:12px 0 0;text-decoration:underline}.account-setup{max-width:800px}.account-setup p{line-height:1.5}.account-picker{display:flex;align-items:center;gap:12px}.account-picker label{font-size:13px;color:#678299}.account-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(200px,.7fr);align-items:center;gap:20px;padding:28px}.account-hero h2{font-size:clamp(24px,3vw,36px);margin:8px 0}.account-hero p{color:#678299}.account-big{font-size:clamp(34px,5vw,56px);font-weight:850;color:#075c9a;margin-top:20px}.account-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.account-link{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;padding:10px 14px}.account-stat{font-size:22px;font-weight:750;color:#0b4066;margin-top:8px;overflow-wrap:anywhere}.account-gauge{width:210px;height:240px;border:7px solid #a9cfe2;border-top:12px solid #a9cfe2;border-radius:28px 28px 22px 22px;position:relative;overflow:hidden;margin:auto;background:#f1f8fc}.account-gauge-water{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(180deg,#73d9f7,#0b83c2);transition:height .35s}.account-gauge-label{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#093650;text-shadow:0 1px 4px #fff;background:#ffffff20}.account-gauge-label strong{font-size:43px}.account-gauge-label span{font-size:12px;font-weight:700}.account-sim-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.account-sim-grid .card{display:flex;flex-direction:column;gap:10px}.account-sim-grid h2{font-size:22px}.account-sim-grid p{line-height:1.5;color:#5a788d}.account-sim-grid input[type=range]{width:100%;accent-color:#087dbe}.account-range-label{display:flex;justify-content:space-between;gap:10px;margin-top:14px}.account-range-ends{display:flex;justify-content:space-between;color:#678299;font-size:11px}.account-number-label{font-size:12px;color:#678299;margin-top:15px}.account-sim-grid input[type=number]{width:180px}.account-sim-metric{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #e0ebf2;padding-top:12px}.account-sim-metric span{font-size:12px;color:#678299}.account-secret{max-width:700px;display:grid;gap:13px}.account-secret code{display:block;padding:14px;border-radius:9px;background:#eaf3f8;overflow-wrap:anywhere;font-size:13px}.account-secret button{justify-self:start}
@media(max-width:750px){.account-hero,.account-sim-grid{grid-template-columns:1fr}.account-auth{margin:0 0 30px}.account-welcome{padding:22px 0 5px}.account-gauge{height:200px;width:180px}.account-picker{align-items:stretch;flex-direction:column}}
.account-dimensions[hidden]{display:none!important}
.account-id-grid,.account-dimensions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.account-id-grid,.account-dimensions,#account-capacity-preview{grid-column:1/-1}
.account-id-grid>div{display:grid;gap:5px;padding:12px;border:1px solid #dbeaf3;border-radius:9px;background:#f5fafd}
.account-id-grid span{font-size:12px;color:#678299}.account-id-grid code{overflow-wrap:anywhere;color:#0b4066}
.account-dimensions{padding:14px;border:1px solid #dbeaf3;border-radius:9px}
.account-dimensions label{display:grid;gap:6px}
@media(max-width:520px){.account-id-grid,.account-dimensions{grid-template-columns:1fr}}
.account-mode .sidebar nav a{display:block;border-radius:10px;color:#d9effc;text-decoration:none;padding:13px 12px}
.account-mode .sidebar nav a:hover{background:#1178b7;text-decoration:none}
.account-nav-divider{border-top:1px solid #ffffff30;color:#8bbbd7;font-size:10px;font-weight:800;letter-spacing:.18em;margin:14px 12px 0;padding-top:17px}
.account-entry{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.85fr);gap:22px;align-items:stretch}
.account-entry-hero{position:relative;overflow:hidden;min-height:510px;border-radius:18px;padding:clamp(28px,5vw,55px);display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 83% 18%,#0f8ac060,transparent 28%),linear-gradient(135deg,#04162f 10%,#0b395f 70%,#0a5680);color:#fff}
.account-entry-hero:after{content:"";position:absolute;width:310px;height:310px;border:1px solid #62cbff55;border-radius:50%;right:-85px;bottom:-115px;box-shadow:0 0 0 46px #62cbff10,0 0 0 92px #62cbff0b;pointer-events:none}
.account-entry-kicker{font-size:11px;font-weight:800;letter-spacing:.19em;color:#75d8ff}
.account-entry-hero h2{font-size:clamp(34px,4vw,60px);line-height:1.05;letter-spacing:-.035em;margin:22px 0}
.account-entry-hero h2 em{font-style:normal;color:#54c9ff}
.account-entry-hero p{max-width:520px;font-size:16px;line-height:1.7;color:#d7e7f3}
.account-entry-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:22px;z-index:1}
.account-entry-actions a{color:#d5edfc;text-decoration:none;font-weight:650}
.account-entry-actions .account-entry-demo{background:#0c9fe0;color:#fff;padding:12px 17px;border-radius:9px}
.account-entry-actions .account-entry-demo:hover{background:#0b84bd}
.account-entry-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:58px;color:#8bd9fc;font-size:10px;font-weight:800;letter-spacing:.12em}
.account-entry-points span{border-top:1px solid #6fc8ee75;padding-top:10px;min-width:96px}
.account-mode .account-auth{width:auto;margin:0;align-self:center;padding:clamp(22px,3vw,32px)}
.account-mode .account-auth h2{font-size:26px;color:#092b50;margin:10px 0}
.account-entry-disclaimer{font-size:11px;line-height:1.5;color:#678299;margin:20px 0 0}
.account-wide-select{width:100%;max-width:none}
.account-device-status{font-size:20px!important}
.water-insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.water-insight-grid .card{min-width:0}
.water-insight-value{font-size:clamp(18px,2vw,25px);font-weight:800;color:#0a3a62;line-height:1.25;margin:9px 0 6px;overflow-wrap:anywhere}
.water-insight-grid .muted{line-height:1.45}
.water-demo-note{display:flex;align-items:center;gap:8px 18px;flex-wrap:wrap;border:1px solid #a8d5e9;background:#e9f7fd}
.water-demo-note b{color:#0877af}
@media(max-width:950px){.water-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.water-insight-grid{grid-template-columns:1fr}}
.account-quick-links{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:2px 0 12px}
.account-quick-links a{color:#087dbe;font-weight:700;text-decoration:none}
.account-quick-links button{font-size:13px}
@media(max-width:1000px){.account-entry{grid-template-columns:1fr}.account-entry-hero{min-height:360px}.account-mode .account-auth{max-width:560px;width:100%;margin:auto}}
@media(max-width:700px){.account-entry-hero{min-height:350px;padding:30px}.account-entry-points{margin-top:32px}.account-mode .tank-panel{display:grid;grid-template-columns:1fr}}
@media(max-width:700px){.account-entry{grid-template-columns:minmax(0,1fr)}.account-entry>*{min-width:0;max-width:100%}.account-entry-hero :is(h2,p,.account-entry-kicker){overflow-wrap:anywhere}.demo-banner>*{flex:1 1 100%;min-width:0;overflow-wrap:anywhere}}
.account-refill-alert{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.account-refill-alert button,.account-refill-action button{border:1px solid #0b84bd;background:#fff;color:#086b9e;border-radius:7px;padding:7px 10px;font-weight:700;cursor:pointer}
.account-refill-alert button:hover,.account-refill-action button:hover{background:#e5f5fc}
.account-refill-action{display:grid;justify-items:end;gap:6px;text-align:right}
.account-refill-row{align-items:center;gap:16px}
@media(max-width:520px){.account-refill-row{align-items:start}.account-refill-action{max-width:170px}}
.chart [data-zoom-hour]{cursor:zoom-in}
.account-mode main{grid-template-columns:minmax(0,1fr)}
.account-mode main>.card{min-width:0}
.account-admin-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.account-admin-summary>div{border:1px solid #dbeaf3;border-radius:12px;padding:14px;background:#f3f9fd;display:grid;gap:7px}.account-admin-summary small{color:#5b788c}.account-admin-summary strong{color:#0b4066;font-size:22px;overflow-wrap:anywhere}.account-admin-row{border-top:1px solid #e2edf4;padding:13px 0}.account-admin-row>div{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#0b4066}.account-admin-track{display:block;height:9px;margin-top:8px;background:#e7f1f7;border-radius:20px;overflow:hidden}.account-admin-track>span{display:block;height:100%;background:linear-gradient(90deg,#168ec2,#5cc8ee);border-radius:20px}@media(max-width:680px){.account-admin-summary{grid-template-columns:1fr}}
.account-zoom-buttons{display:inline-flex;gap:5px;margin-left:4px}
.account-zoom-buttons button{min-width:42px;min-height:42px;padding:5px;font-size:22px;font-weight:700;line-height:1}
.account-zoom-buttons button:disabled{opacity:.4;cursor:not-allowed}
.account-chart-range{margin:14px 0 9px;color:#0a3a62;font-size:14px;font-weight:700}
.account-chart-caption{margin:8px 0 12px;line-height:1.4}
.account-chart-navigation{display:flex;align-items:center;gap:10px;margin:12px 0}
.account-chart-navigation>button{flex:none;min-width:42px;min-height:42px;padding:6px;font-size:22px;font-weight:700;line-height:1}
.account-chart-navigation>button:disabled{opacity:.4;cursor:not-allowed}
.account-chart-navigation-center{flex:1;min-width:0}
.account-chart-navigation .account-chart-range{margin:0 0 5px;text-align:center}
.account-chart-navigation input[type=range]{display:block;width:100%;height:28px;padding:0;accent-color:#087fbc}
.account-chart-endpoints{display:flex;justify-content:space-between;font-size:10px;color:#678299}
.account-day-zoom-chart{max-width:100%;min-width:0;border:1px solid #dce9f1;border-radius:10px;background:#fbfdff;touch-action:pan-y}
.account-day-zoom-chart:focus-visible{outline:3px solid #56c3f1;outline-offset:2px}
.account-day-zoom-chart svg{display:block;width:100%;height:auto;max-width:none}
.account-minute-readout{margin:0;padding:8px 12px 10px;border-top:1px solid #e2edf4;color:#0b4066;font-size:13px;font-weight:600;line-height:1.4}
@media(hover:hover) and (pointer:fine){.account-day-zoom-chart[data-minute-chart] svg{cursor:crosshair}}
@media(max-width:600px){.account-minute-label-half{display:none}}
.account-curve{display:block;width:100%;height:auto;max-height:none}
.account-history-advanced{margin-top:20px;padding-top:20px;border-top:1px solid #dce9f1}
.account-history-advanced h3{font-size:17px;margin:0 0 8px;color:#0a3a62}
.account-history-advanced h4{font-size:14px;margin:20px 0 9px;color:#0a3a62}
.account-history-advanced p{line-height:1.5}
.account-history-form{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin:16px 0}
.account-history-form label{display:grid;gap:6px;font-size:12px;color:#56758a;min-width:170px}
.account-history-form input,.account-history-form select{width:100%;min-width:0}
.account-history-fields{display:flex;flex-wrap:wrap;gap:12px}
.account-history-form button{align-self:end}
.account-history-result{border-top:1px solid #dce9f1;margin-top:20px;padding-top:18px}
.account-history-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:15px 0}
.account-history-metrics>div{background:#f0f8fc;border:1px solid #dce9f1;border-radius:10px;padding:12px;display:grid;gap:4px}
.account-history-metrics span{font-size:11px;color:#678299}
.account-history-metrics strong{font-size:19px;color:#0a3a62}
.account-history-breakdown{max-height:330px;overflow:auto;border:1px solid #dce9f1;border-radius:10px}
.account-history-bucket{display:grid;grid-template-columns:minmax(95px,1fr) minmax(100px,1fr) minmax(110px,1fr) auto;align-items:center;gap:9px;padding:8px 11px;border-bottom:1px solid #e8f0f5;font-size:12px}
.account-history-bucket:last-child{border-bottom:0}
.account-history-bucket strong{color:#0a3a62}.account-history-bucket small{color:#678299}
.account-history-bucket button{font-size:11px;padding:5px 8px;color:#087dbe}
.account-history-chart-scroll{overflow-x:auto;border:1px solid #dce9f1;border-radius:10px;background:#fbfdff}
.account-history-chart-scroll svg{display:block;width:100%;min-width:720px}
.account-history-readings{margin-top:14px;border:1px solid #dce9f1;border-radius:10px;padding:12px}
.account-history-readings summary{cursor:pointer;color:#087dbe;font-weight:700}
.admin-device-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;padding:18px 0;border-top:1px solid #dce9f1;overflow-wrap:anywhere}
.admin-device-row p{font-size:13px;line-height:1.7;margin:8px 0 0}
.admin-device-status{color:#53667b}
.admin-device-row[data-device-status="online"] .admin-device-status{color:#137a3e}
.admin-device-row[data-device-status="offline"] .admin-device-status{color:#a34e00}
@media(max-width:650px){.admin-device-row{grid-template-columns:1fr;gap:8px}}
.account-history-table-scroll{max-height:360px;overflow:auto;margin-top:12px}
.account-history-readings table{border-collapse:collapse;width:100%;font-size:12px}
.account-history-readings th,.account-history-readings td{text-align:left;padding:8px;border-bottom:1px solid #e8f0f5;white-space:nowrap}
.account-history-readings th{position:sticky;top:0;background:#eef7fc;color:#0a3a62}
@media(max-width:650px){.account-history-metrics{grid-template-columns:1fr}.account-history-bucket{grid-template-columns:1fr auto}.account-history-bucket small{grid-column:1}.account-history-bucket button{grid-column:2;grid-row:1/3}}