:root{--bg:#f4f6f8;--surface:#fff;--text:#17212b;--muted:#5b6875;--line:#d5dce3;--brand:#1f4e78;--brand-text:#fff;--ok:#1e7b45;--ok-bg:#e3f4ea;--error:#b3261e;--error-bg:#fbe4e2;--off-bg:#eceff2;--warn:#8a5a00;--focus:#8bb4dc;--toast-bg:#17212b;--toast-error-bg:#b3261e;--radius:14px;--font-en:"Noto Sans", system-ui, sans-serif;--font-ur:"Noto Nastaliq Urdu", "Noto Sans", serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0f1720;--surface:#18222d;--text:#e6edf3;--muted:#9aa8b5;--line:#2c3a47;--brand:#2f6ea8;--brand-text:#fff;--ok:#6fd69a;--ok-bg:#173826;--error:#ff8a80;--error-bg:#3d1a17;--off-bg:#222d38;--warn:#f0b44c;--focus:#4f8fcc;--toast-bg:#2b3a48;--toast-error-bg:#9c2a22;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-en);-webkit-tap-highlight-color:transparent;font-size:18px;line-height:1.45}html[lang=ur] body{font-family:var(--font-ur);line-height:2}[dir=ltr],input,.pinpad{font-family:var(--font-en)}button,input,select{font:inherit;color:inherit}html[lang=ur] :is(.row>button,.form button,.card button,.card-head>button,.segmented button,button.primary,button.wide,.button-link):not(.icon-button):not(.wide){min-height:56px;padding-top:0;padding-bottom:.25em}.icon-button>span{position:relative}.badge{display:inline-block}html[lang=ur] button.wide{padding-bottom:.2em}html[lang=ur] .method-button{padding-bottom:.3em}html[lang=ur] .badge{padding-inline:12px;line-height:1.7}html[lang=ur] .role{padding-inline:14px;line-height:1.7}html[lang=ur] :is(.role,.badge){border-radius:12px}html[lang=ur] .role{padding-inline:18px}html[lang=ur] .field{gap:10px}html[lang=ur] .brand p{margin-top:14px}html[lang=ur] :is(.card-head>strong,h2,h3){line-height:2.4}html[lang=ur] .card-head+.meta{margin-top:8px}html[lang=ur] .receipt{gap:10px}html[lang=ur] .receipt p{line-height:2.5}html[lang=ur] :is(.hint,.meta,.explain){line-height:2.6}html[dir=rtl] :is(p,dd,dt,h2,h3,strong,li)[dir]{text-align:right}html[dir=rtl] .receipt :is(p,strong)[dir]{text-align:center}html[lang=ur] .receipt p[dir=ltr]{line-height:1.5}.app{max-width:560px;min-height:100vh;margin:0 auto;padding:0 16px 96px}.topbar{justify-content:space-between;align-items:center;gap:8px;padding:12px 0;display:flex}.topbar-actions,.topbar-start{gap:8px;display:flex}.icon-button,.lang-button{background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:999px;align-items:center;gap:6px;min-height:48px;padding:0 14px;display:inline-flex}.lang-button{font-weight:600}html[lang=en] .lang-button{font-family:var(--font-ur)}html[lang=ur] .lang-button{font-family:var(--font-en)}.screen{padding:8px 0}h2{margin:8px 0 16px;font-size:1.5rem}h3{margin:0 0 8px}.login{text-align:center;flex-direction:column;align-items:center;display:flex}.brand h1{color:var(--brand);margin:8px 0 0;font-size:1.6rem}.brand p{color:var(--muted);margin:0}.who{margin:16px 0 4px}.avatar{background:var(--brand);width:76px;height:76px;color:var(--brand-text);border-radius:50%;place-items:center;display:inline-grid}.hello{color:var(--muted);margin:4px 0 0}.name{margin:0;font-size:1.5rem;font-weight:700}.prompt{margin:16px 0 4px;font-size:1.2rem;font-weight:600}.form>.prompt{margin:0 0 8px}.screen>.card-head:first-child{margin-bottom:12px}.setup-banner{border:1px solid var(--warn);color:var(--warn);border-radius:12px;margin:0 0 12px;padding:10px 14px;font-size:.9rem}.chips{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.chips .chip{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--text);border-radius:22px;padding:6px 14px;font-size:.95rem}.chips .chip.selected{background:var(--brand);color:var(--brand-text);border-color:var(--brand)}.log-changes{font-family:var(--font-en);text-align:left;gap:4px;margin:8px 0 0;font-size:.85rem;display:grid}.log-changes>div{grid-template-columns:minmax(7em,auto) 1fr;gap:8px;display:grid}.log-changes dt{color:var(--muted);margin:0}.log-changes dd{overflow-wrap:anywhere;margin:0}:root{--logo-navy:#1b2452;--logo-red:#b81d24}.responsibility{background:var(--logo-navy);color:#fff;text-align:center;border-inline-start:6px solid var(--logo-red);border-radius:12px;max-width:420px;margin:28px auto 0;padding:12px 14px;font-size:.9rem}.responsibility .warning-label{background:var(--logo-red);color:#fff;border-radius:8px;margin-inline-end:6px;padding:0 10px;font-weight:700;display:inline-block}.months-covered{background:var(--off-bg);border:1px solid var(--line);border-radius:12px;margin:4px 0 12px;padding:10px 12px}.login .field{text-align:start;width:100%;max-width:360px}.login-message{min-height:2em;color:var(--muted);margin:8px 0}.login-message.error{color:var(--error);font-weight:600}.link{color:var(--brand);cursor:pointer;background:0 0;border:none;min-height:48px;text-decoration:underline}.pinpad{width:100%;max-width:360px}.pin-dots{justify-content:center;gap:14px;margin:12px 0 18px;display:flex}.dot{border:2px solid var(--brand);border-radius:50%;width:20px;height:20px}.dot.filled{background:var(--brand)}.shake{animation:.4s shake}@keyframes shake{25%{transform:translate(-8px)}50%{transform:translate(8px)}75%{transform:translate(-4px)}}.keys{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.key{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;place-items:center;height:76px;font-size:2rem;font-weight:600;display:grid}.key:active{background:var(--brand);color:var(--brand-text)}.key:disabled{opacity:.5}.welcome{margin:8px 0 20px}.role{background:var(--ok-bg);color:var(--ok);border-radius:999px;margin:6px 0 0;padding:2px 12px;font-weight:600;display:inline-block}.tiles{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.tile{background:var(--brand);min-height:150px;color:var(--brand-text);border-radius:var(--radius);cursor:pointer;text-align:center;border:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px 8px;display:flex}.tile-label{font-size:1.2rem;font-weight:700}.tile:disabled{background:var(--off-bg);color:var(--muted);cursor:default}.soon{font-size:.85rem}.field{flex-direction:column;gap:4px;margin:0 0 14px;display:flex}.field>span{font-weight:600}.field.compact{margin-bottom:8px}input,select{background:var(--surface);border:1px solid var(--line);border-radius:10px;width:100%;min-height:52px;padding:8px 12px}input:focus,select:focus,button:focus-visible{outline:3px solid var(--focus);outline-offset:1px}.row{flex-wrap:wrap;gap:8px;display:flex}.row input{flex:1;min-width:0}.row>button,.form button,.card button,.card-head>button{background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:10px;min-height:48px;padding:0 16px}.button-link{border:1px solid var(--brand);min-height:48px;color:var(--brand);border-radius:10px;align-items:center;padding:0 16px;font-weight:700;text-decoration:none;display:inline-flex}button.primary{background:var(--brand);color:var(--brand-text);border-color:var(--brand);font-weight:700}button.primary:disabled{opacity:.5}button.wide{border-radius:var(--radius);cursor:pointer;border:none;width:100%;min-height:56px;margin-bottom:16px}.cards{gap:12px;margin:0;padding:0;list-style:none;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.card.muted{opacity:.75}.form{gap:12px;margin-bottom:16px;display:grid}.form>*,.form>.field.compact,.form .segmented{margin:0}.card>.row,.card>.form{margin-top:12px}.card.form>*{margin-top:0}.row{align-items:center}.row>button,.row>.button-link{flex:none}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 8px;display:flex}.card-head>strong{flex:12em}.meta{color:var(--muted);margin:2px 0 10px;font-size:.95rem}.badge{white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:.9rem}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.off{background:var(--off-bg);color:var(--muted)}.badge.warn{background:var(--off-bg);color:var(--warn)}.badge.danger{background:var(--error-bg);color:var(--error)}.avatar.danger{background:var(--error)}.section-gap{margin-top:24px}.error-text{color:var(--error);font-weight:600}.house-list{margin-bottom:8px}.house-button{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);cursor:pointer;width:100%;min-height:56px;font:inherit;color:inherit;justify-content:space-between;align-items:center;gap:8px;padding:8px 16px;display:flex}.house-button strong{font-size:1.3rem}.big-input{text-align:center;font-size:1.8rem}.method-grid{gap:8px;margin-bottom:16px;display:grid}.method-button{border-radius:var(--radius);border:2px solid var(--line);background:var(--surface);min-height:60px;font:inherit;color:inherit;cursor:pointer;font-size:1.15rem}.method-button.selected{border-color:var(--brand);background:var(--brand);color:var(--brand-text);font-weight:700}.grow{flex:1;min-width:140px}.receipt{text-align:center;gap:4px;margin-bottom:16px;display:grid}.receipt p{margin:0}.receipt.bad{border-color:var(--error)}.receipt-no{font-size:1.6rem;font-weight:700}.receipt-amount{font-size:2rem;font-weight:700}.ok-text{color:var(--ok);font-weight:700}.button-link.full{justify-content:center;width:100%}button.full{width:100%}.proof-preview{border:1px solid var(--line);border-radius:12px;max-width:100%;max-height:260px;margin:8px auto;display:block}label.button-link{cursor:pointer}.button-link.wide{box-sizing:border-box;justify-content:center;width:100%;min-height:56px;margin-bottom:12px}.segmented{border:1px solid var(--line);border-radius:10px;grid-auto-columns:1fr;grid-auto-flow:column;gap:0;margin:8px 0 12px;display:grid;overflow:hidden}.segmented button{border:none;border-inline-start:1px solid var(--line);background:var(--surface);min-height:48px;color:inherit;font:inherit;cursor:pointer;border-radius:0}.segmented button:first-child{border-inline-start:none}.segmented button.selected{background:var(--brand);color:var(--brand-text);font-weight:700}.setting-list{gap:6px;margin:6px 0;display:grid}.setting-list dt{color:var(--muted);font-size:.9rem}.setting-list dd{margin:0;font-size:1.1rem;font-weight:600}.setting-value{margin:6px 0;font-size:1.1rem;font-weight:600}.pin-show{letter-spacing:.3em;text-align:center;margin:8px 0;font-size:2rem;font-weight:700}.warn-text{color:var(--warn);margin:0 0 8px;font-weight:600}.explain{color:var(--muted);margin:0 0 4px}.hint{color:var(--muted);font-size:.9rem}.pin-reset{margin-top:4px}.toast{border-radius:var(--radius);background:var(--toast-bg);color:#fff;z-index:10;justify-content:space-between;align-items:center;gap:12px;max-width:528px;margin:0 auto;padding:14px 16px;display:flex;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 6px 20px #0000002e}.toast.error{background:var(--toast-error-bg)}.toast{overflow:hidden}.toast-timer{transform-origin:0;background:#ffffffd9;height:5px;animation-name:toast-timer;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute;bottom:0;left:0;right:0}html[dir=rtl] .toast-timer{transform-origin:100%}@keyframes toast-timer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast button{color:#fff;cursor:pointer;background:0 0;border:2px solid #fff;border-radius:10px;min-height:44px;padding:0 16px;font-weight:700}