*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}button,input{font:inherit;color:inherit}button{background:none;border:none}:root{--bg: #FBF6EC;--card: #ffffff;--surface: #FBF6EC;--ink: #26231C;--muted: #7A756B;--muted2: #A9A396;--green: #10896B;--green-d: #0C6E55;--green-tint: #E4F3EC;--amber: #F2A73B;--red: #D64541;--red-d: #B23532;--red-tint: #F7E0DC;--red-tintb: #F1CFC9;--cream: #FBEAD0;--border: #EAE3D4;--toast: #26231C;--page-bg: #E7E2D6;--font-display: "Baloo 2", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body: "Noto Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--r-card: 24px;--r-btn: 20px;--r-pill: 999px;--r-cell: 12px;--r-sheet: 26px;--shadow-card: 0 2px 10px rgba(38, 35, 28, .06);--shadow-btn-green: 0 2px 10px rgba(16, 137, 107, .25);--shadow-sheet: 0 -6px 30px rgba(38, 35, 28, .16);--shadow-toast: 0 8px 24px rgba(38, 35, 28, .28);--app-max-width: 440px;--tabbar-height: 80px}html,body{background:var(--page-bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100%}html[dir=rtl]{direction:rtl;--font-display: "Noto Nastaliq Urdu", "Baloo 2", system-ui, sans-serif;--font-body: "Noto Nastaliq Urdu", "Noto Sans", system-ui, sans-serif}html[dir=rtl] body,html[dir=rtl] #app{font-family:var(--font-body);line-height:1.9}::selection{background:var(--cream)}a{color:var(--green);text-decoration:none}a:hover{color:var(--green-d)}input[type=number],input[type=text]{font-family:var(--font-display),var(--font-body)}@keyframes sheetup{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes toastin{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes checkpop{0%{transform:scale(0)}60%{transform:scale(1.25)}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}#app{max-width:var(--app-max-width);margin:0 auto;min-height:100vh;min-height:100dvh;background:var(--bg);padding:24px 20px calc(var(--tabbar-height) + 20px + env(safe-area-inset-bottom,0px))}#app.app--onboarding{padding:0}#tabbar{position:fixed;left:0;right:0;bottom:0;margin:0 auto;max-width:var(--app-max-width);height:calc(var(--tabbar-height) + env(safe-area-inset-bottom,0px));background:var(--card);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-around;padding:0 12px calc(8px + env(safe-area-inset-bottom,0px));z-index:40}#tabbar:empty{display:none}#tabbar button{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;color:var(--muted2);font-family:var(--font-body)}#tabbar button svg{width:26px;height:26px}#tabbar button span{font-size:13px;font-weight:600}#tabbar button.active{color:var(--green)}.page-title{font-family:var(--font-display);font-weight:700;font-size:30px;color:var(--ink)}.section-title{font-family:var(--font-display);font-weight:600;font-size:22px;color:var(--ink);margin-top:26px}.muted{color:var(--muted)}.text-link{background:none;border:none;color:var(--muted);font-size:15px;cursor:pointer;font-family:var(--font-body);text-decoration:underline;text-underline-offset:3px}.card{background:var(--card);border-radius:var(--r-card);box-shadow:var(--shadow-card)}.btn-primary{width:100%;min-height:60px;background:var(--green);color:#fff;border:none;border-radius:var(--r-btn);font-family:var(--font-display);font-weight:700;font-size:20px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:transform .08s ease}.btn-primary:active{transform:scale(.98)}.btn-primary svg{flex-shrink:0}.warn-card{background:var(--cream);border:1px solid #F0DCB8;border-radius:var(--r-card);padding:16px 18px;margin-bottom:16px}.warn-card__title{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:700;font-size:18px;color:#8a5a17}.warn-card__title svg{flex-shrink:0;color:var(--amber)}.warn-card__body{font-size:15px;color:#8a5a17;margin-top:6px;line-height:1.5}.warn-card__hint{display:inline-block;margin-top:4px;font-size:14px;opacity:.85}.warn-card__cta{width:100%;min-height:48px;margin-top:12px;border:none;border-radius:14px;background:var(--amber);color:#fff;font-family:var(--font-display);font-weight:700;font-size:17px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:transform .08s ease}.warn-card__cta:active{transform:scale(.98)}.month-card{padding:20px 22px}.month-card__label{font-size:15px;color:var(--muted);font-weight:600}.month-card__row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:8px}.month-card__litres{font-family:var(--font-display);font-weight:800;font-size:60px;color:var(--amber);line-height:.95;font-variant-numeric:tabular-nums}.month-card__litres-unit{font-size:26px;font-weight:700;margin-left:3px}.month-card__bill-wrap{text-align:right}.month-card__bill{font-family:var(--font-display);font-weight:700;font-size:28px;color:var(--ink);line-height:1.1;font-variant-numeric:tabular-nums}.month-card__bill-label{font-size:14px;color:var(--muted);margin-top:2px}.month-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.month-card__rate{font-size:15px;color:var(--muted)}.month-card__rate strong{color:var(--ink);font-weight:600}.rate-pill{display:inline-flex;align-items:center;gap:6px;background:var(--cream);color:var(--ink);border:none;border-radius:var(--r-pill);padding:8px 14px;font-size:14px;font-weight:600;cursor:pointer;font-family:var(--font-body);transition:transform .08s ease}.rate-pill:active{transform:scale(.97)}.empty-hint{margin-top:14px;background:var(--green-tint);border-radius:18px;padding:14px 16px;font-size:16px;color:var(--green-d);line-height:1.45}.today-heading{font-family:var(--font-display);font-weight:700;font-size:22px;color:var(--ink);margin-top:24px}.today-sub{font-size:16px;color:var(--muted);margin-top:2px}.confirm-chip{margin-top:14px;display:flex;align-items:center;gap:10px;border-radius:16px;padding:12px 16px}.confirm-chip--delivered{background:var(--green-tint)}.confirm-chip--leave{background:var(--red-tint)}.confirm-chip__dot{width:22px;height:22px;border-radius:var(--r-pill);display:flex;align-items:center;justify-content:center;flex-shrink:0}.confirm-chip--delivered .confirm-chip__dot{background:var(--green)}.confirm-chip--leave .confirm-chip__dot{background:var(--red)}.confirm-chip__dot svg{animation:checkpop .3s ease}.confirm-chip__text{font-size:16px;font-weight:600}.confirm-chip--delivered .confirm-chip__text{color:var(--green-d)}.confirm-chip--leave .confirm-chip__text{color:var(--red-d)}.confirm-chip__hint{margin-left:auto;font-size:14px;color:var(--muted)}html[dir=rtl] .confirm-chip__hint{margin-left:0;margin-right:auto}.quick-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:14px}.quick-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:104px;border-radius:var(--r-btn);cursor:pointer;transition:transform .08s ease;border:2px solid var(--green)}.quick-btn--compact{min-height:96px}.quick-btn:active{transform:scale(.97)}.quick-btn__value{font-family:var(--font-display);font-weight:700;font-size:40px;line-height:1;font-variant-numeric:tabular-nums}.quick-btn--compact .quick-btn__value{font-size:36px}.quick-btn__unit{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:500;margin-top:2px}.quick-btn.is-active{background:var(--green);box-shadow:var(--shadow-btn-green)}.quick-btn.is-active .quick-btn__value{color:#fff}.quick-btn.is-active .quick-btn__unit{color:#ffffffe6}.quick-btn.is-inactive{background:var(--card)}.quick-btn.is-inactive .quick-btn__value{color:var(--green)}.quick-btn.is-inactive .quick-btn__unit{color:var(--muted)}.leave-btn{width:100%;min-height:72px;border:none;border-radius:var(--r-btn);font-family:var(--font-display);font-weight:700;font-size:20px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;margin-top:12px;transition:transform .08s ease}.leave-btn--compact{min-height:64px;font-size:19px}.leave-btn:active{transform:scale(.98)}.leave-btn.is-active{background:var(--red);color:#fff}.leave-btn.is-inactive{background:var(--red-tint);color:var(--red)}.month-switcher{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:16px}.month-switcher__btn{width:44px;height:44px;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--card);cursor:pointer;display:flex;align-items:center;justify-content:center}.month-switcher__btn.is-disabled{opacity:.35;pointer-events:none;cursor:default}.month-switcher__label{font-family:var(--font-display);font-weight:700;font-size:22px;color:var(--ink);min-width:150px;text-align:center}.stat-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.stat-card{border-radius:var(--r-btn);padding:16px}.stat-card--green{background:var(--green-tint)}.stat-card--red{background:var(--red-tint)}.stat-card__label{font-size:15px;font-weight:600}.stat-card--green .stat-card__label{color:var(--green-d)}.stat-card--red .stat-card__label{color:var(--red-d)}.stat-card__value{font-family:var(--font-display);font-weight:800;font-size:34px;line-height:1.1;margin-top:2px}.stat-card--green .stat-card__value{color:var(--green)}.stat-card--red .stat-card__value{color:var(--red)}.stat-card__value-unit{font-size:17px;font-weight:600}.stat-card__sub{font-size:14px;margin-top:6px;line-height:1.4}.stat-card--green .stat-card__sub{color:var(--green-d)}.stat-card--red .stat-card__sub{color:var(--red-d)}.stat-card__toggle{background:none;border:none;padding:0;margin-top:6px;color:var(--red-d);font-size:14px;font-weight:600;cursor:pointer;font-family:var(--font-body);display:inline-flex;align-items:center;gap:4px}.stat-card__dates{font-size:14px;color:var(--red-d);margin-top:4px;line-height:1.4}.calendar-card{padding:16px;margin-top:12px}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.calendar-grid{margin-top:8px}.calendar-weekday{text-align:center;font-size:12px;color:var(--muted);font-weight:600}.day-cell{aspect-ratio:1 / 1;border-radius:var(--r-cell);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:var(--surface);border:1px solid var(--border);cursor:pointer}.day-cell--blank{visibility:hidden;cursor:default}.day-cell--delivered{background:var(--card)}.day-cell--leave{background:var(--red-tint);border-color:var(--red-tintb)}.day-cell--today{box-shadow:0 0 0 2px var(--green)}.day-cell--future{opacity:.5;cursor:default;pointer-events:none}.day-cell__num{font-size:11px;color:var(--muted);font-weight:600;line-height:1}.day-cell__qty{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--green);line-height:1}.day-cell__leave-dot{width:8px;height:8px;border-radius:var(--r-pill);background:var(--red);display:block;margin-top:3px}.legend{display:flex;gap:16px;margin-top:14px;padding-top:12px;border-top:1px solid var(--border);flex-wrap:wrap}.legend__item{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.legend__swatch{width:14px;height:14px;border-radius:5px;background:var(--card);border:1px solid var(--border)}.legend__swatch--leave{background:var(--red-tint);border:none}.legend__swatch--today{background:var(--card);border:none;box-shadow:0 0 0 2px var(--green)}.report-empty{margin-top:14px;font-size:15px;color:var(--muted);text-align:center;line-height:1.45}.list-card{margin-top:18px;overflow:hidden}.list-row{width:100%;display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border:none;background:none;cursor:pointer;font-family:var(--font-body);border-bottom:1px solid var(--border);text-align:left}html[dir=rtl] .list-row{text-align:right}.list-row:last-child{border-bottom:none}.list-row__label{font-size:18px;color:var(--ink)}.list-row__label small{display:block;font-size:14px;color:var(--muted);font-weight:400}.list-row__value{display:flex;align-items:center;gap:10px;font-size:17px;color:var(--muted);font-weight:600}.list-row__value svg{color:var(--green)}.list-row--icon{gap:12px;font-size:18px;color:var(--ink);justify-content:flex-start}.list-row--icon svg{color:var(--green);flex-shrink:0}.about-line{text-align:center;margin-top:24px;font-size:15px;color:var(--muted)}.switch{width:56px;height:32px;border-radius:var(--r-pill);border:none;cursor:pointer;background:#d9d3c6;position:relative;transition:background .15s ease;flex-shrink:0}.switch.is-on{background:var(--green)}.switch__knob{position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:var(--r-pill);background:#fff;box-shadow:0 1px 3px #0003;transition:left .15s ease}.switch.is-on .switch__knob{left:27px}html[dir=rtl] .switch.is-on .switch__knob{left:3px;right:27px}html[dir=rtl] .switch__knob{left:auto;right:3px}.segmented{display:inline-flex;border:1px solid var(--border);border-radius:var(--r-pill);overflow:hidden}.segmented__option{padding:6px 14px;font-size:14px;font-weight:600;color:var(--muted);cursor:pointer;background:var(--card)}.segmented__option.is-selected{background:var(--green);color:#fff}.onboarding{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding:44px 28px calc(24px + env(safe-area-inset-bottom,0px))}.onboarding__icon{width:88px;height:88px;border-radius:var(--r-pill);background:var(--green-tint);display:flex;align-items:center;justify-content:center;margin-bottom:28px}.onboarding__progress{display:flex;gap:6px;margin-bottom:20px}.onboarding__progress-seg{height:5px;flex:1;border-radius:var(--r-pill);background:var(--border)}.onboarding__progress-seg.is-done{background:var(--green)}.onboarding__title{font-family:var(--font-display);font-weight:700;font-size:30px;color:var(--ink);line-height:1.15}.onboarding__subtitle{font-size:18px;color:var(--muted);margin-top:12px;line-height:1.5}.onboarding__spacer{flex:1;min-height:24px}.onboarding__choices{display:flex;gap:14px;margin-top:28px}.onboarding__choice{flex:1;min-height:64px;border-radius:var(--r-btn);cursor:pointer;font-family:var(--font-display);font-weight:700;font-size:20px;border:2px solid var(--border);background:var(--card);color:var(--muted)}.onboarding__choice--allow{border-color:var(--green)}.onboarding__choice--allow.is-selected{background:var(--green);color:#fff}.onboarding__choice--allow.is-unselected{background:var(--card);color:var(--green)}.onboarding__choice--later.is-selected{background:var(--card);color:var(--muted)}.onboarding__choice--later.is-unselected{background:var(--ink);color:#fff}.rate-field{margin-top:28px;display:flex;align-items:center;gap:14px;background:var(--card);border:2px solid var(--border);border-radius:var(--r-btn);padding:8px 20px}.rate-field--sheet{margin-top:20px;background:var(--surface)}.rate-field__prefix{font-family:var(--font-display);font-weight:700;font-size:34px;color:var(--muted)}.rate-field--sheet .rate-field__prefix{font-size:30px}.rate-field__input{border:none;outline:none;width:100%;font-weight:800;font-size:44px;color:var(--ink);background:transparent;padding:8px 0}.rate-field--sheet .rate-field__input{font-size:40px;padding:6px 0}.rate-field__suffix{font-size:18px;color:var(--muted);font-family:var(--font-body);white-space:nowrap}.rate-field--sheet .rate-field__suffix{font-size:17px}.sheet-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#26231c66;z-index:50;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:var(--app-max-width);background:var(--card);border-radius:var(--r-sheet) var(--r-sheet) 0 0;padding:14px 20px calc(28px + env(safe-area-inset-bottom,0px));box-shadow:var(--shadow-sheet);animation:sheetup .28s cubic-bezier(.2,.8,.2,1);max-height:90vh;overflow-y:auto}.sheet__handle{width:40px;height:5px;border-radius:var(--r-pill);background:var(--border);margin:0 auto 18px}.sheet__title{font-family:var(--font-display);font-weight:700;font-size:26px;color:var(--ink)}.sheet__subtitle{font-size:16px;color:var(--muted);margin-top:6px}.choice-card{width:100%;text-align:left;border-radius:var(--r-btn);padding:18px 20px;cursor:pointer;margin-top:12px;transition:transform .08s ease;border:2px solid transparent}html[dir=rtl] .choice-card{text-align:right}.choice-card:active{transform:scale(.98)}.choice-card--recommended{background:var(--green-tint);border-color:var(--green-tint)}.choice-card--secondary{background:var(--surface);border-color:var(--border)}.choice-card__title{font-family:var(--font-display);font-weight:700;font-size:19px}.choice-card--recommended .choice-card__title{color:var(--green-d)}.choice-card--secondary .choice-card__title{color:var(--ink)}.choice-card__subtitle{font-size:15px;margin-top:2px}.choice-card--recommended .choice-card__subtitle{color:var(--green-d)}.choice-card--secondary .choice-card__subtitle{color:var(--muted)}.qty-input-group{text-align:center}.qty-input-label{font-size:14px;color:var(--muted);margin-bottom:6px;text-align:center}.qty-input{width:100%;text-align:center;border:2px solid var(--border);border-radius:16px;padding:14px 0;font-weight:700;font-size:28px;color:var(--ink);outline:none;background:var(--surface)}.qty-input-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:20px}.toast{position:fixed;left:50%;bottom:calc(var(--tabbar-height) + 20px + env(safe-area-inset-bottom,0px));transform:translate(-50%);background:var(--toast);color:#fff;padding:13px 20px;border-radius:var(--r-pill);font-size:15px;font-weight:500;box-shadow:var(--shadow-toast);max-width:88%;width:max-content;text-align:center;line-height:1.35;animation:toastin .25s ease;z-index:60}