:root{--bg: #F6F7F9;--surface: #FFFFFF;--surface-2: #FBFCFE;--text: #0F172A;--muted: #64748B;--border: #E6E8EE;--primary: #4F46E5;--primary-ink: #ffffff;--primary-soft: #EEF0FE;--accent: #0D9488;--success: #16A34A;--warning: #D97706;--danger: #DC2626;--danger-soft: #FEECEC;--shadow-sm: 0 1px 2px rgba(15,23,42,.06), 0 1px 3px rgba(15,23,42,.05);--shadow-md: 0 4px 12px rgba(15,23,42,.08), 0 2px 4px rgba(15,23,42,.04);--shadow-fab: 0 8px 20px rgba(79,70,229,.36);--r-input: 12px;--r-card: 18px;--r-pill: 999px;--maxw: 480px;--nav-h: 64px;--font: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif}[data-theme=dark]{--bg: #0B1020;--surface: #131A2B;--surface-2: #0F1626;--text: #E7ECF5;--muted: #94A3B8;--border: #243044;--primary: #6366F1;--primary-ink: #ffffff;--primary-soft: #1E2540;--accent: #2DD4BF;--success: #22C55E;--warning: #F59E0B;--danger: #F87171;--danger-soft: #2A1620;--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 6px 18px rgba(0,0,0,.45);--shadow-fab: 0 10px 24px rgba(99,102,241,.5)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:var(--primary);text-decoration:none}.tnum{font-variant-numeric:tabular-nums}h1,h2,h3,p{margin:0}.app{max-width:var(--maxw);margin:0 auto;min-height:100%;background:var(--bg);position:relative;display:flex;flex-direction:column;box-shadow:0 0 0 1px var(--border)}.screen{padding:16px 16px calc(var(--nav-h) + 28px);flex:1;animation:fade .18s ease}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.display{font-size:32px;font-weight:700;letter-spacing:-.02em}.h1{font-size:24px;font-weight:700;letter-spacing:-.01em}.h2{font-size:19px;font-weight:600}.small{font-size:13px;font-weight:500}.caption{font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--muted)}.muted{color:var(--muted)}.appbar{display:flex;align-items:center;gap:12px;padding:6px 2px 14px}.appbar .grow{flex:1}.iconbtn{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--r-pill);color:var(--text);background:transparent}.iconbtn:active{background:var(--primary-soft)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-sm)}.card.pad{padding:16px}.stack>*+*{margin-top:12px}.row{display:flex;align-items:center;gap:12px}.spacer{flex:1}.btn{height:48px;padding:0 18px;border-radius:var(--r-input);font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--surface);color:var(--text);border:1px solid var(--border);transition:transform .12s ease,background .15s ease}.btn:active{transform:scale(.98)}.btn.primary{background:var(--primary);color:var(--primary-ink);border-color:transparent;box-shadow:var(--shadow-sm)}.btn.ghost{background:transparent;border-color:transparent;color:var(--primary)}.btn.danger{background:var(--danger);color:#fff;border-color:transparent}.btn.block{width:100%}.btn:disabled{opacity:.5}.field{display:block;margin-bottom:12px}.field label,.lbl{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:6px}.input,.select,textarea.input{width:100%;height:48px;padding:0 14px;border-radius:var(--r-input);background:var(--surface);border:1px solid var(--border);color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s}textarea.input{height:auto;padding:12px 14px;resize:vertical;min-height:76px}.input:focus,.select:focus,textarea.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.input.err{border-color:var(--danger)}.err-text{color:var(--danger);font-size:13px;margin-top:6px}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{height:36px;padding:0 14px;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.chip.active{background:var(--primary);color:var(--primary-ink);border-color:transparent}.chip.soft.active{background:var(--primary-soft);color:var(--primary)}.seg{display:inline-flex;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-pill);padding:3px}.seg button{padding:7px 14px;border-radius:var(--r-pill);font-size:13px;font-weight:600;color:var(--muted)}.seg button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.toggle{width:46px;height:28px;border-radius:999px;background:var(--border);position:relative;transition:background .18s;flex:none}.toggle.on{background:var(--primary)}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .18s;box-shadow:var(--shadow-sm)}.toggle.on:after{transform:translate(18px)}.bottomnav{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:var(--maxw);height:calc(var(--nav-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(12px);border-top:1px solid var(--border);display:flex;align-items:stretch;justify-content:space-around;z-index:40}.navitem{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);font-size:10.5px;font-weight:600}.navitem.active{color:var(--primary)}.navitem svg{width:23px;height:23px}.fab-slot{width:72px;position:relative}.fab{position:absolute;top:-22px;left:50%;transform:translate(-50%);width:58px;height:58px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;box-shadow:var(--shadow-fab);border:4px solid var(--bg);transition:transform .14s ease}.fab:active{transform:translate(-50%) scale(.94)}.fab svg{width:28px;height:28px}.exp-row{display:flex;align-items:center;gap:12px;padding:12px 4px}.cat-ico{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-size:20px;flex:none;color:#fff}.exp-row .title{font-weight:600}.exp-row .sub{font-size:12.5px;color:var(--muted)}.exp-amt{font-weight:700}.divide{height:1px;background:var(--border)}.daygroup-head{display:flex;justify-content:space-between;align-items:baseline;padding:14px 4px 2px}.tag{font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:6px;letter-spacing:.02em}.tag.biz{background:var(--primary-soft);color:var(--primary)}.tag.per{background:var(--bg);color:var(--muted);border:1px solid var(--border)}.tag.bill{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}.scrim{position:fixed;inset:0;background:#02061773;z-index:50;animation:fade .15s ease}.sheet{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:var(--maxw);background:var(--surface);border-radius:22px 22px 0 0;z-index:51;max-height:94%;display:flex;flex-direction:column;box-shadow:0 -10px 40px #00000040;animation:slideup .26s cubic-bezier(.2,.8,.2,1);padding-bottom:env(safe-area-inset-bottom,0px)}@keyframes slideup{0%{transform:translate(-50%,100%)}to{transform:translate(-50%)}}.sheet .grab{width:38px;height:4px;border-radius:4px;background:var(--border);margin:10px auto 4px}.sheet .sheet-body{overflow-y:auto;padding:4px 16px 12px;-webkit-overflow-scrolling:touch}.sheet .sheet-foot{padding:10px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);background:var(--surface)}.amount-display{text-align:center;padding:8px 0 4px}.amount-display .num{font-size:46px;font-weight:800;letter-spacing:-.02em}.amount-display .rupee{font-size:28px;font-weight:700;color:var(--muted);margin-right:4px}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.key{height:54px;border-radius:14px;background:var(--bg);font-size:22px;font-weight:600;display:grid;place-items:center;transition:background .1s}.key:active{background:var(--primary-soft)}.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.cat-cell{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 4px;border-radius:14px;border:1px solid transparent;background:var(--bg)}.cat-cell .glyph{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:19px;color:#fff}.cat-cell .nm{font-size:10.5px;font-weight:600;text-align:center;line-height:1.15;color:var(--muted)}.cat-cell.active{border-color:var(--primary);background:var(--primary-soft)}.cat-cell.active .nm{color:var(--primary)}.legend{display:flex;flex-direction:column;gap:7px}.legend .li{display:flex;align-items:center;gap:8px;font-size:13px}.dot{width:10px;height:10px;border-radius:3px;flex:none}.bar{height:8px;border-radius:999px;background:var(--bg);overflow:hidden;border:1px solid var(--border)}.bar>span{display:block;height:100%;border-radius:999px;background:var(--primary)}.bar.over>span{background:var(--danger)}.toast-wrap{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--nav-h) + 18px);z-index:80;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{background:#0f172a;color:#fff;padding:10px 16px;border-radius:999px;font-size:13px;font-weight:600;box-shadow:var(--shadow-md);animation:pop .2s ease}[data-theme=dark] .toast{background:#e7ecf5;color:#0b1020}@keyframes pop{0%{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}.offline-banner{background:var(--warning);color:#fff;text-align:center;font-size:12.5px;font-weight:600;padding:6px}.sync-pill{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--muted)}.sync-pill .blip{width:7px;height:7px;border-radius:50%;background:var(--success)}.sync-pill.syncing .blip{background:var(--warning);animation:blink 1s infinite}.sync-pill.offline .blip{background:var(--muted)}@keyframes blink{50%{opacity:.3}}.empty{text-align:center;padding:36px 20px;color:var(--muted)}.empty .ill{font-size:44px;margin-bottom:8px}.skel{background:linear-gradient(90deg,var(--border) 25%,var(--surface-2) 37%,var(--border) 63%);background-size:400% 100%;animation:shimmer 1.3s infinite;border-radius:10px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.auth-wrap{min-height:100%;display:flex;flex-direction:column;justify-content:center;padding:28px 22px calc(28px + env(safe-area-inset-bottom,0));background:linear-gradient(160deg,var(--primary) 0%,#312E81 100%)}.auth-card{background:var(--surface);border-radius:22px;padding:24px 20px;box-shadow:var(--shadow-md)}.brand-mark{width:56px;height:56px;border-radius:16px;background:var(--primary);color:#fff;display:grid;place-items:center;font-size:30px;font-weight:800;box-shadow:var(--shadow-fab)}.pw-meter{height:6px;border-radius:999px;background:var(--bg);overflow:hidden;margin-top:8px}.pw-meter>span{display:block;height:100%;transition:width .2s,background .2s}.list-row{display:flex;align-items:center;gap:12px;padding:14px 4px;border-bottom:1px solid var(--border)}.list-row:last-child{border-bottom:none}.list-row .chev{color:var(--muted)}.center-col{display:flex;flex-direction:column;align-items:center}.pill-link{font-size:13px;font-weight:600}.hr-text{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;margin:14px 0}.hr-text:before,.hr-text:after{content:"";flex:1;height:1px;background:var(--border)}.notice{background:var(--primary-soft);color:var(--primary);border-radius:12px;padding:10px 12px;font-size:12.5px;font-weight:500}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}