:root{--ease: cubic-bezier(.22, 1, .36, 1);--bg: oklch(.145 .01 255);--sheet: oklch(.19 .012 255);--panel: oklch(.225 .014 255);--line: oklch(.29 .014 255);--ink: oklch(.965 .004 255);--muted: oklch(.66 .014 255);--faint: oklch(.4 .014 255);--accent: oklch(.72 .15 252);--accent-soft: oklch(.32 .07 252);--on-accent: oklch(.15 0 0);--warn: oklch(.78 .14 78);--warn-soft: oklch(.28 .06 78);--good: oklch(.76 .14 152);--a-faysal: oklch(.51 .15 145);--a-hbl: oklch(.6 .17 285);--a-cash: oklch(.64 .14 85);--a-naya: oklch(.55 .18 350);--a-nsave: oklch(.66 .11 212);--shadow: 0 22px 54px oklch(0 0 0 / .55)}:root[data-theme=day]{--bg: oklch(1 0 0);--sheet: oklch(.97 .004 250);--panel: oklch(.955 .006 250);--line: oklch(.905 .006 250);--ink: oklch(.185 .01 250);--muted: oklch(.5 .012 250);--faint: oklch(.76 .012 250);--accent: oklch(.52 .17 252);--accent-soft: oklch(.945 .04 252);--on-accent: oklch(1 0 0);--warn: oklch(.525 .15 62);--warn-soft: oklch(.955 .045 62);--good: oklch(.505 .14 152);--a-faysal: oklch(.47 .14 152);--a-hbl: oklch(.38 .17 268);--a-cash: oklch(.62 .15 88);--a-naya: oklch(.56 .17 352);--a-nsave: oklch(.6 .11 215);--shadow: 0 22px 54px oklch(0 0 0 / .13)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink)}body{font-family:ui-sans-serif,-apple-system,SF Pro Text,Inter,system-ui,sans-serif;font-size:15px;line-height:1.35;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.wrap{max-width:480px;margin:0 auto;padding:20px 18px 56px}h1{font-size:21px;font-weight:600;letter-spacing:-.02em;margin:0}h2{font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:30px 0 10px}.sub{color:var(--muted);font-size:13px;margin:4px 0 0}.top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ghost{font:inherit;font-size:13px;cursor:pointer;background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:9px;min-height:44px;padding:6px 13px;transition:color .15s var(--ease),border-color .15s var(--ease)}.ghost:hover{color:var(--ink);border-color:var(--muted)}.ghost:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px 15px}.warn-row{display:flex;gap:10px;align-items:flex-start;background:var(--warn-soft);border:1px solid var(--warn);border-radius:12px;padding:11px 13px;margin-bottom:8px}.warn-row .icon{color:var(--warn);flex:none;font-weight:700;line-height:1.3}.warn-row .body{min-width:0}.warn-row .what{font-weight:600;font-size:14px}.warn-row .when{color:var(--muted);font-size:12.5px;margin-top:2px}.clear{color:var(--good);font-size:14px;display:flex;gap:8px;align-items:center}.chart+.chart{margin-top:14px}.chart .title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;margin-bottom:2px}.dot{display:inline-block;vertical-align:baseline;width:9px;height:9px;border-radius:50%;flex:none}.chart .meta{color:var(--muted);font-size:12.5px;margin-bottom:10px}.chart svg{display:block;width:100%;height:auto;overflow:visible}table{width:100%;border-collapse:collapse;font-size:13.5px}th{text-align:right;font-weight:500;color:var(--muted);font-size:11.5px;letter-spacing:.03em;text-transform:uppercase;padding:0 0 7px;border-bottom:1px solid var(--line)}th:first-child,td:first-child{text-align:left}td{text-align:right;padding:7px 0;border-bottom:1px solid var(--line);white-space:nowrap}tr:last-child td{border-bottom:0}tr[data-flagged=true] td:first-child{color:var(--warn);font-weight:600}td.num{font-variant-numeric:tabular-nums}.login{min-height:100dvh;display:grid;place-items:center;padding:24px}.login form{width:100%;max-width:320px;display:grid;gap:11px}label{font-size:12.5px;color:var(--muted);display:block;margin-bottom:5px}input{font:inherit;width:100%;background:var(--sheet);color:var(--ink);border:1px solid var(--line);border-radius:11px;min-height:44px;padding:11px 13px}input:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}button.primary{font:inherit;font-weight:600;cursor:pointer;background:var(--accent);color:var(--on-accent);border:0;border-radius:11px;padding:12px 14px;transition:filter .15s var(--ease)}button.primary:hover:not(:disabled){filter:brightness(1.08)}button.primary:disabled{opacity:.55;cursor:default}button.primary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.error{color:var(--warn);font-size:13px}.center{display:grid;place-items:center;min-height:100dvh;color:var(--muted)}@media (prefers-reduced-motion: reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.tabs{position:fixed;left:0;right:0;bottom:0;display:flex;background:var(--sheet);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.tabs button{flex:1;font:inherit;font-size:12px;font-weight:500;cursor:pointer;background:transparent;color:var(--muted);border:0;border-top:2px solid transparent;min-height:46px;padding:12px 2px 13px;min-width:0;transition:color .15s var(--ease)}.tabs button[aria-current=page]{color:var(--ink);border-top-color:var(--accent)}.tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.networth .label{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.figure{font-size:30px;font-weight:600;letter-spacing:-.02em;margin:2px 0 3px}.figure.small{font-size:22px}.acct{margin-bottom:9px}.acct-head{display:flex;align-items:center;gap:9px}.acct-name{font-weight:600}.acct-bal{margin-left:auto;font-weight:600}.acct-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;font-size:12.5px;color:var(--muted)}.flag-warn{color:var(--warn);font-weight:600}.reconcile{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.sub.strong{color:var(--ink);font-weight:500}.row-actions{display:flex;gap:8px;align-items:center;margin-top:10px;flex-wrap:wrap}.row-actions input{width:auto;flex:1;min-width:90px}.keypad{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.keypad button{aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;font:inherit;font-size:21px;font-weight:500;cursor:pointer;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:50%;padding:0;transition:background .12s var(--ease),transform .12s var(--ease),border-color .12s var(--ease)}.keypad button:hover{border-color:var(--muted)}.keypad button:active{background:var(--panel);transform:scale(.93)}.keypad button.fn{font-size:13px;color:var(--muted);background:transparent;border-color:transparent}.keypad button.fn:hover{background:var(--panel);border-color:transparent}.keypad button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.keypad .save-key{grid-column:4;grid-row:3 / span 2;aspect-ratio:auto;border:0;border-radius:26px;background:var(--accent);color:var(--on-accent);font-size:14px;font-weight:600}.keypad .save-key:hover{filter:brightness(1.08);border-color:transparent}.keypad .save-key:active{background:var(--accent);transform:scale(.96)}.keypad .save-key:disabled{opacity:.55;cursor:default;transform:none;filter:none}.add[data-mode=income]{--accent: oklch(.76 .15 152);--accent-soft: oklch(.32 .07 152)}.add[data-mode=transfer]{--accent: oklch(.735 .15 292);--accent-soft: oklch(.325 .075 292)}:root[data-theme=day] .add[data-mode=income]{--accent: oklch(.505 .14 152);--accent-soft: oklch(.945 .048 152)}:root[data-theme=day] .add[data-mode=transfer]{--accent: oklch(.52 .16 292);--accent-soft: oklch(.945 .045 292)}.modes{display:flex;gap:20px}.modes button{font:inherit;font-size:14px;font-weight:500;cursor:pointer;background:transparent;color:var(--muted);border:0;border-bottom:2px solid transparent;min-height:44px;padding:0 2px 8px;transition:color .2s var(--ease),border-color .2s var(--ease)}.modes button.on{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.modes button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.amount-zone{margin:18px 0 4px}.amount{font:inherit;font-size:34px;font-weight:600;letter-spacing:-.02em;width:100%;text-align:left;background:transparent;color:var(--ink);border:0;border-bottom:2px solid transparent;padding:0 0 4px;cursor:pointer}.amount.editing{border-bottom-color:var(--accent)}.amount.landed{font-size:26px}.ph-dim{color:var(--muted)}.arrow{font-size:12px;color:var(--muted);margin:4px 0}.summary{font-size:13.5px;color:var(--muted);margin:6px 0 0}.pickers{margin-top:16px;display:grid;gap:11px}.picker-label{font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{font:inherit;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;background:var(--sheet);color:var(--ink);border:1px solid var(--line);border-radius:10px;min-height:44px;padding:7px 12px}.chip.on{border-width:1.5px;background:var(--panel);font-weight:600}.date-input{max-width:190px}button.save{width:100%;font-size:16px;padding:14px}.ok{color:var(--good);font-size:13px}.goal{margin-bottom:9px}.goal-head{display:flex;justify-content:space-between;gap:10px;font-weight:600}.bar{height:7px;background:var(--sheet);border-radius:99px;overflow:hidden;margin:10px 0 8px}.bar span{display:block;height:100%;background:var(--accent);border-radius:99px}.goal-meta{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;color:var(--muted);flex-wrap:wrap}.rule{margin-bottom:9px}.rule-head{display:flex;justify-content:space-between;gap:10px;font-weight:600;align-items:baseline}.rule-amount{white-space:nowrap}.rule-meta{font-size:12.5px;color:var(--muted);margin-top:4px}.ghost.small,.primary.small{font-size:12.5px;min-height:44px;padding:6px 12px}.ghost.small{margin-top:9px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.wrap{padding-bottom:96px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.section-head h2{margin-bottom:10px}.entity-form{margin-top:11px;padding-top:11px;border-top:1px solid var(--line);display:grid;gap:9px}.form-row label{margin-bottom:4px}select{font:inherit;width:100%;background:var(--sheet);color:var(--ink);border:1px solid var(--line);border-radius:11px;padding:11px 13px}select:focus-visible,input[type=date]:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.check{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--ink);margin:0}.check input{width:auto;accent-color:var(--accent)}.form-errors{margin:0;padding-left:18px;display:grid;gap:4px}.wrap>.entity-form{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px 15px;margin-bottom:9px;border-top:1px solid var(--line)}.list{padding:0;overflow:hidden}.entry{padding:12px 15px;border-bottom:1px solid var(--line)}.entry:last-child{border-bottom:0}.entry-main{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.entry-label{font-weight:600;min-width:0;overflow-wrap:anywhere}.entry-amount{white-space:nowrap;font-weight:600}.entry-amount.in{color:var(--good)}.entry-meta{color:var(--muted);font-size:12.5px;margin-top:3px}.entry-actions{display:flex;gap:8px;margin-top:8px}.acct-row .entry-actions{margin-top:6px}.day h2{margin-top:26px}button.danger{font:inherit;font-weight:600;cursor:pointer;background:var(--warn);color:var(--on-accent);border:0;border-radius:9px;padding:6px 10px;font-size:12.5px}button.danger:focus-visible{outline:2px solid var(--warn);outline-offset:2px}.empty{border:1px dashed var(--line);border-radius:16px;padding:26px 18px;text-align:center}.empty-title{font-weight:600;margin:0 0 6px}.empty .sub{max-width:34ch;margin-inline:auto}.networth{padding:4px 0 6px}.networth .label{font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.amount-row{display:flex;align-items:baseline;gap:10px}.amount-row .amount{flex:1;min-width:0}.ccy-swap{font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;background:var(--sheet);color:var(--muted);border:1px solid var(--line);border-radius:8px;min-height:44px;min-width:52px;padding:5px 11px;flex:none}.ccy-swap:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.converted{margin-top:2px}.date-row{display:flex;gap:8px;align-items:center}.entry-pad{margin-top:18px}.reconcile-screen .back{margin-bottom:14px}.reconcile-screen .amount{cursor:default}.picker-field{font:inherit;cursor:pointer;width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--sheet);color:var(--muted);border:1px solid var(--line);border-radius:11px;padding:11px 13px;text-align:left}.picker-field.chosen{color:var(--ink);font-weight:500;border-color:var(--muted)}.picker-field:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.picker-caret{color:var(--faint);flex:none}.clear-choice{margin-top:7px}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--bg);display:flex;flex-direction:column;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.sheet-head{display:flex;gap:9px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line);background:var(--sheet)}.sheet-search{flex:1;min-width:0}.sheet-body{flex:1;overflow-y:auto;padding:6px 16px 28px;overscroll-behavior:contain}.cat-group{margin-top:16px}.cat-group h3{font-size:11.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}.cat-option{font:inherit;cursor:pointer;display:block;width:100%;text-align:left;background:transparent;color:var(--ink);border:0;border-bottom:1px solid var(--line);padding:13px 4px}.cat-option:last-child{border-bottom:0}.cat-option.on{color:var(--accent);font-weight:600}.cat-option:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.top-actions{display:flex;align-items:center;gap:10px;flex:none}.icon-btn{width:44px;padding:0;font-size:17px;line-height:1;display:grid;place-items:center}.pulse{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.25}50%{opacity:1}}@media (prefers-reduced-motion: reduce){.pulse{animation:none;opacity:.7}}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;border:0;padding:0;background:#00000080;cursor:default}.menu{position:fixed;z-index:41;right:12px;top:calc(12px + env(safe-area-inset-top));min-width:232px;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:6px;animation:menu-in .16s var(--ease)}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.menu{animation:none}}.menu-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:7px 9px;font-size:13.5px}.menu-close{width:100%;margin-top:4px}.sheet{animation:sheet-in .2s var(--ease)}@keyframes sheet-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.sheet{animation:none}}.skeleton{display:grid;gap:10px;margin-top:14px}.skeleton span{display:block;height:58px;border-radius:16px;background:linear-gradient(90deg,var(--panel),var(--sheet),var(--panel));background-size:200% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.skeleton span{animation:none}}