:root{--primary: oklch(.5 .14 188);--primary-hover: oklch(.45 .13 188);--primary-soft: oklch(.955 .028 188);--primary-ghost: oklch(.97 .012 188);--on-primary: #fff;--bg: oklch(.985 .003 188);--surface: oklch(1 0 0);--surface-2: oklch(.965 .006 188);--ink: oklch(.24 .022 188);--muted: oklch(.52 .018 188);--faint: oklch(.55 .012 188);--income: oklch(.51 .16 150);--income-soft: oklch(.955 .045 150);--expense: oklch(.53 .19 25);--expense-soft: oklch(.965 .035 25);--accent: oklch(.72 .13 65);--border: oklch(.915 .008 188);--danger: oklch(.52 .2 25);--warning: oklch(.75 .15 75);--success: oklch(.55 .16 150);--shadow-sm: 0 1px 2px oklch(.24 .02 188 / .06);--shadow-md: 0 8px 24px oklch(.24 .02 188 / .08);--shadow-lg: 0 16px 48px oklch(.24 .02 188 / .12);--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--font-display: "Space Grotesk", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--ease-out: cubic-bezier(.22, 1, .36, 1)}[data-theme=dark]{--primary: oklch(.72 .1 188);--primary-hover: oklch(.66 .11 188);--primary-soft: oklch(.3 .05 188);--primary-ghost: oklch(.2 .03 188);--on-primary: oklch(.13 .004 188);--bg: oklch(.13 .004 188);--surface: oklch(.17 .008 188);--surface-2: oklch(.21 .01 188);--ink: oklch(.93 .01 188);--muted: oklch(.7 .012 188);--faint: oklch(.6 .01 188);--income: oklch(.7 .15 150);--income-soft: oklch(.24 .05 150);--expense: oklch(.7 .17 25);--expense-soft: oklch(.26 .05 25);--accent: oklch(.75 .12 65);--border: oklch(.26 .01 188);--shadow-sm: 0 1px 2px oklch(0 0 0 / .4);--shadow-md: 0 8px 24px oklch(0 0 0 / .4);--shadow-lg: 0 16px 48px oklch(0 0 0 / .5)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100%}button,input,select,textarea{font-family:inherit}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--r-sm);font-weight:600;font-size:15px;padding:12px 20px;cursor:pointer;transition:background-color .15s var(--ease-out),transform .15s var(--ease-out)}.btn--primary{background:var(--primary);color:var(--on-primary)}.btn--primary:hover{background:var(--primary-hover)}.btn--primary:focus-visible,.btn--secondary:focus-visible,.btn--ghost:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn--primary:active,.btn--secondary:active,.btn--ghost:active{transform:scale(.98)}.btn--secondary{background:var(--primary-soft);color:var(--primary)}.btn--secondary:hover{background:var(--primary-ghost)}.btn--ghost{background:transparent;color:var(--muted)}.btn--ghost:hover{background:var(--surface-2);color:var(--ink)}.btn:disabled{opacity:.5;cursor:not-allowed}.form-field{margin-bottom:16px}.form-field__label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px;font-weight:500}.form-field__input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--ink);font-size:15px;font-family:inherit}.form-field__input:focus{outline:2px solid var(--primary);outline-offset:1px}.modal-backdrop{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;z-index:40;padding:20px}.modal{background:var(--surface);border-radius:var(--r-lg);width:min(480px,100%);padding:26px;box-shadow:var(--shadow-lg)}.modal__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.modal__title{font-size:18px;font-weight:700;letter-spacing:-.01em}.modal__close{border:none;background:transparent;color:var(--muted);cursor:pointer;font-size:16px;width:44px;height:44px;border-radius:8px;display:grid;place-items:center}.modal__close:hover{background:var(--surface-2);color:var(--ink)}.modal__close:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.modal__close:active{transform:scale(.94)}.segmented{display:flex;gap:4px;background:var(--surface-2);padding:4px;border-radius:12px}.segmented__btn{flex:1;padding:10px;border-radius:9px;border:none;background:transparent;color:var(--muted);cursor:pointer;font-weight:600;font-size:13.5px;transition:background-color .15s var(--ease-out),color .15s var(--ease-out)}.segmented__btn--active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.segmented__btn--expense{background:var(--expense);color:var(--on-primary);box-shadow:none}.segmented__btn--income{background:var(--income);color:var(--on-primary);box-shadow:none}.segmented__btn:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.segmented__btn:active{transform:scale(.98)}.category-icon{display:grid;place-items:center;flex-shrink:0;border-radius:12px}.category-icon--md{width:42px;height:42px}.category-icon--sm{width:32px;height:32px;border-radius:9px}.category-icon svg{width:20px;height:20px}.cat-picker__trigger{display:flex;align-items:center;gap:10px;width:100%;min-height:46px;padding:6px 12px 6px 8px;border:1.5px solid var(--border);border-radius:12px;background:var(--surface);cursor:pointer;color:var(--ink);font:inherit;font-size:14px;text-align:left;transition:border-color .12s var(--ease-out)}.cat-picker__trigger:hover{border-color:var(--muted)}.cat-picker__trigger:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.cat-picker__trigger-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.cat-picker__trigger-name--empty{color:var(--faint);font-weight:400}.cat-picker__trigger-chev{color:var(--muted);flex-shrink:0}.cat-picker__search{display:flex;align-items:center;gap:8px;padding:0 12px;border:1.5px solid var(--border);border-radius:12px;background:var(--surface);margin-bottom:14px;color:var(--muted)}.cat-picker__search:focus-within{border-color:var(--primary)}.cat-picker__search-input{border:none;background:transparent;font:inherit;font-size:14px;color:var(--ink);padding:11px 0;width:100%}.cat-picker__search-input:focus{outline:none}.cat-picker__list{max-height:min(46vh,380px);overflow-y:auto;margin:0 -6px;padding:0 6px}.cat-picker__group-label{font-size:11.5px;font-weight:600;color:var(--muted);padding:10px 8px 4px}.cat-picker__option{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:6px 8px;border:none;background:transparent;border-radius:10px;cursor:pointer;color:var(--ink);font:inherit;font-size:14px;text-align:left;transition:background-color .1s var(--ease-out)}.cat-picker__option:hover{background:var(--surface-2)}.cat-picker__option:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.cat-picker__option-name{flex:1;font-weight:500}.cat-picker__option-check{color:var(--primary);flex-shrink:0}.cat-picker__option--active{background:var(--primary-ghost)}.cat-picker__empty{color:var(--muted);font-size:14px;text-align:center;padding:24px 0}.status-pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:600}.status-pill--none{background:var(--surface-2);color:var(--muted)}.status-pill--cleared{background:var(--primary-soft);color:var(--primary)}.status-pill--reconciled{background:var(--income-soft);color:var(--income)}.status-pill--void{background:var(--expense-soft);color:var(--expense)}.txd__head{display:flex;align-items:center;gap:14px;margin-bottom:20px}.txd__amount{font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:-.02em}.txd__fields{margin-bottom:20px}.txd__field{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.txd__field:last-child{border-bottom:none}.txd__field dt{font-size:12.5px;color:var(--muted)}.txd__field dd{font-size:14px;font-weight:500;text-align:right}.txd__labels{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}.txd__label{font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--surface-2);color:var(--primary)}.txd__split{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.txd__split-item{display:flex;gap:10px;align-items:center;font-size:13px}.txd__split-cat{color:var(--ink)}.txd__status-picker{display:flex;flex-wrap:wrap;gap:8px}.txd__status-option{display:inline-flex;align-items:center;border:1.5px solid transparent;background:transparent;cursor:pointer;padding:0;border-radius:999px;min-height:44px;min-width:44px;justify-content:center}.txd__status-option:hover{border-color:var(--border)}.txd__status-option--active{border-color:var(--primary)}.txd__status-option:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.txd__status-hint{font-size:12px;color:var(--primary);font-weight:600}.txd__actions{display:flex;gap:10px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--surface);border-top:1px solid var(--border);padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));z-index:30}.bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border:none;background:transparent;color:var(--faint);cursor:pointer;border-radius:10px;font-size:11px;font-weight:500;transition:color .15s var(--ease-out)}.bottom-nav__icon{display:grid;place-items:center;width:26px;height:26px}.bottom-nav__icon svg{width:22px;height:22px}.bottom-nav__item--active{color:var(--primary);font-weight:600}.bottom-nav__item--active .bottom-nav__icon{background:var(--primary-soft);border-radius:999px}.bottom-nav__item:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.balance-card{background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:var(--on-primary);border-radius:var(--r-lg);padding:28px;position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}.balance-card:after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:#ffffff0f}.balance-card:before{content:"";position:absolute;right:40px;bottom:-80px;width:180px;height:180px;border-radius:50%;background:#ffffff0d}.balance-card__label{font-size:13px;opacity:.9;font-weight:500}.balance-card__amount{font-family:var(--font-display);font-size:42px;font-weight:700;letter-spacing:-.03em;margin:6px 0 20px}.balance-card__stats{display:flex;gap:28px;font-size:14px;position:relative;z-index:1}.balance-card__stat{display:flex;flex-direction:column}.balance-card__stat-key{opacity:.85;font-size:12px}.balance-card__stat-value{font-weight:600;font-size:15px;margin-top:2px}.metric-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:18px;box-shadow:var(--shadow-sm)}.metric-card__icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;margin-bottom:12px}.metric-card__icon svg{width:17px;height:17px}.metric-card__label{font-size:12.5px;color:var(--muted)}.metric-card__value{font-size:21px;font-weight:700;margin-top:3px;letter-spacing:-.01em}.metric-card__sub{font-size:11.5px;color:var(--faint);margin-top:4px}.amount-text{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.amount-text--income{color:var(--income)}.amount-text--expense{color:var(--expense)}.amount-text--neutral{color:inherit}.budget-progress{height:6px;background:var(--surface-2);border-radius:999px;margin-top:14px;overflow:hidden}.budget-progress__fill{display:block;height:100%;background:var(--primary);border-radius:999px;transition:width .4s var(--ease-out)}.txn-row{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--border)}.txn-row:last-child{border-bottom:none}.txn-row__icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.txn-row__icon svg{width:20px;height:20px}.txn-row__body{min-width:0}.txn-row__name{font-weight:600;font-size:14px;color:var(--ink)}.txn-row__meta{font-size:12px;color:var(--muted);margin-top:1px}.txn-row__amount{margin-left:auto;font-weight:600;font-size:14px;text-align:right}.txn-row__amount--income{color:var(--income)}.txn-row__amount--expense{color:var(--expense)}.txnlist{display:flex;flex-direction:column}.txnlist__row{display:block;width:100%;border:none;border-bottom:1px solid var(--border);background:transparent;color:inherit;text-align:left;cursor:pointer;padding:0;transition:background-color .12s var(--ease-out)}.txnlist__row:last-child{border-bottom:none}.txnlist__row:hover{background:var(--surface-2)}.txnlist__row:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.txnlist__empty{padding:40px;text-align:center;color:var(--muted);font-size:14px}.dashboard{display:flex;flex-direction:column;gap:18px}.dashboard__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dashboard__section-head h2{font-size:16px;font-weight:700;letter-spacing:-.01em;margin-bottom:10px}.dashboard__txn-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-sm);overflow:hidden}.dashboard__budgets{display:flex;flex-direction:column;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-sm);padding:14px}.dashboard__budget-head{display:flex;align-items:baseline;gap:8px}.dashboard__budget-name{font-size:14px;font-weight:600;color:var(--ink)}.dashboard__budget-parent{font-size:12px;color:var(--muted)}.dashboard__budget-val{margin-left:auto;font-size:12.5px;color:var(--ink);white-space:nowrap}.dashboard__budget-bar{height:8px;border-radius:999px;background:var(--surface-2);overflow:hidden;margin-top:6px}.dashboard__budget-fill{height:100%;border-radius:999px;background:var(--primary);transition:width .25s ease}.dashboard__budget-fill--over{background:var(--expense)}.dashboard__budget-rem{font-size:12px;color:var(--primary);margin-top:4px}.dashboard__budget-rem--over{color:var(--expense)}@media(max-width:720px){.dashboard__metrics{grid-template-columns:1fr}.balance-card__amount{font-size:32px}.balance-card__stats{flex-wrap:wrap;gap:16px}}.transactions{padding-bottom:24px}.transactions__head{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 16px}.transactions__title{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--ink)}.transactions__title svg{color:var(--primary)}.transactions__count{font-size:12.5px;color:var(--muted);background:var(--surface-2);padding:4px 10px;border-radius:999px}.transactions__date{font-size:13px;font-weight:600;color:var(--ink);margin:20px 0 8px;padding-left:4px}.transactions__date:first-child{margin-top:0}.transactions__card{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden}.transactions__empty{text-align:center;padding:64px 20px;color:var(--muted)}.transactions__empty p{margin-bottom:16px}.transactions__empty-btn{border:1.5px solid var(--primary);color:var(--primary);background:transparent;border-radius:999px;padding:10px 18px;font-weight:600;font-size:14px;cursor:pointer}.transactions__empty-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.reports{padding-bottom:24px}.reports__head{display:flex;align-items:baseline;justify-content:space-between;padding:4px 4px 16px}.reports__title{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--ink)}.reports__subtitle{font-size:12.5px;color:var(--muted)}.reports__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:20px;box-shadow:var(--shadow-sm);margin-bottom:14px}.reports__label{font-size:12.5px;color:var(--muted);font-weight:500;margin-bottom:14px}.reports__chart-wrap{display:flex;gap:10px;height:180px}.reports__chart-grid{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:22px;width:44px;flex-shrink:0}.reports__gridline{position:relative}.reports__gridlabel{font-size:10px;color:var(--faint);position:absolute;right:0;transform:translateY(-50%)}.reports__chart{display:flex;align-items:flex-end;gap:8px;height:100%;flex:1;position:relative;background-image:linear-gradient(to bottom,var(--surface-2) 1px,transparent 1px);background-size:100% 50%}.reports__chart--line .reports__bar-wrap{align-items:center}.reports__chart--line{align-items:stretch}.reports__zero{position:absolute;left:0;right:0;top:50%;height:1px;background:var(--muted);z-index:0}.reports__col--line{justify-content:center;position:relative}.reports__bar--zero{position:relative;z-index:1;border-radius:4px;min-height:2px;width:14px}.reports__col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}.reports__bar-wrap{display:flex;align-items:flex-end;gap:3px;height:100%;width:100%;justify-content:center}.reports__bar-wrap--pair{align-items:flex-end}.reports__bar{border-radius:4px 4px 0 0;min-height:2px;width:14px}.reports__bar--pos{background:var(--income)}.reports__bar--neg{background:var(--expense)}.reports__bar--in{background:var(--income)}.reports__bar--out{background:var(--expense)}.reports__cap{font-size:11px;color:var(--muted)}.reports__legend{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:12px;font-size:12px;color:var(--muted)}.reports__legend-item{display:flex;align-items:center;gap:6px}.reports__dot{width:8px;height:8px;border-radius:2px;display:inline-block}.reports__dot--in{background:var(--income)}.reports__dot--out{background:var(--expense)}.reports__trend--good{color:var(--income);font-weight:600}.reports__trend--bad{color:var(--expense);font-weight:600}.reports__row{margin-bottom:14px}.reports__row--head{display:flex;justify-content:space-between;font-size:12px;color:var(--faint);font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding-bottom:6px;border-bottom:1px solid var(--border)}.reports__row-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;font-size:13px}.reports__row-name{color:var(--ink);font-weight:500}.reports__row-amt{color:var(--muted);font-size:13px}.reports__progress{height:6px;background:var(--surface-2);border-radius:999px;overflow:hidden}.reports__progress-fill{display:block;height:100%;background:var(--primary);border-radius:999px}.catmgr{display:flex;flex-direction:column;gap:16px;max-height:60vh;overflow-y:auto;padding-right:4px}.catmgr__head{display:flex;justify-content:flex-end}.catmgr__group{display:flex;flex-direction:column}.catmgr__group-title{font-size:12.5px;font-weight:600;color:var(--muted);padding-bottom:6px;border-bottom:1px solid var(--line)}.catmgr__parent{border-left:2px solid var(--line);margin:8px 0;padding-left:10px}.catmgr__parent-head{display:flex;align-items:center;justify-content:space-between}.catmgr__parent-name{font-weight:600;font-size:14.5px;color:var(--ink)}.catmgr__parent-actions{display:flex;gap:4px}.catmgr__children{display:flex;flex-direction:column;gap:4px;margin-top:6px}.catmgr__child{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;background:var(--surface-2)}.catmgr__child-name{font-size:13.5px;color:var(--ink);flex:1}.catmgr__child-budget{font-size:12.5px;color:var(--primary);font-weight:600;white-space:nowrap}.catmgr__child-count{font-size:12px;color:var(--muted);white-space:nowrap}.catmgr__child-actions{display:flex;gap:4px}.catmgr__empty,.catmgr__empty-child{font-size:12.5px;color:var(--muted);padding:8px 0}.catmgr__overlay{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:60;padding:16px}.catmgr__panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px;width:100%;max-width:380px;display:flex;flex-direction:column;gap:10px;box-shadow:0 12px 32px #0003}.catmgr__panel-title{font-size:16px;font-weight:700;color:var(--ink)}.catmgr__panel-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.catmgr__error{font-size:12.5px;color:var(--danger)}.catmgr__hint{font-size:13px;color:var(--muted);line-height:1.45}.settings{padding-bottom:24px}.settings__head{padding:4px 4px 16px}.settings__title{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--ink)}.settings__title svg{color:var(--primary)}.settings__card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:8px 16px;margin-bottom:14px}.settings__card-label{font-size:12.5px;font-weight:600;color:var(--muted);padding:8px 0 6px}.settings__card-label--row{display:flex;align-items:center;justify-content:space-between}.settings__row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.settings__row:last-child{border-bottom:none}.settings__row-name{font-size:14px;font-weight:500;color:var(--ink);display:inline-flex;align-items:center;gap:6px}.settings__row-value{font-size:13.5px;color:var(--muted)}.settings__row-main{display:flex;flex-direction:column;gap:2px;min-width:0}.settings__row-sub{font-size:12px;color:var(--faint)}.settings__row-actions{display:flex;gap:8px}.settings__field{padding:4px 0 10px}.settings__sync-actions{display:flex;gap:10px;margin-bottom:8px}.settings__hint{font-size:12.5px;color:var(--muted);margin:4px 0 0}.settings__actions{display:flex;gap:10px;padding:10px 0 4px}.settings__nav-row{display:flex;align-items:center;gap:12px;width:100%;padding:13px 0;border:none;border-bottom:1px solid var(--border);background:transparent;cursor:pointer;font:inherit;color:var(--ink)}.settings__nav-row:last-child{border-bottom:none}.settings__nav-row-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--surface-2);color:var(--muted)}.settings__nav-row-name{flex:1;text-align:left;font-size:14.5px;font-weight:500}.settings__nav-row-value{font-size:13px;color:var(--faint)}.settings__nav-row:focus-visible{outline:2px solid var(--primary);outline-offset:-2px;border-radius:8px}.settings__toggle{display:inline-flex;align-items:center;gap:10px;border:none;background:transparent;cursor:pointer;color:var(--muted);padding:8px;min-height:44px}.settings__toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:8px}.settings__switch{position:relative;width:44px;height:26px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);transition:background-color .18s var(--ease-out)}.settings__switch--on{background:var(--primary);border-color:var(--primary)}.settings__switch-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:999px;background:#fff;transition:transform .18s var(--ease-out)}.settings__switch--on .settings__switch-thumb{transform:translate(18px)}.settings__modal-list{margin-top:12px;border-top:1px solid var(--border)}.settings__card--danger{border-color:color-mix(in oklab,var(--danger) 30%,var(--border))}.app{max-width:680px;margin:0 auto;padding:24px 20px 110px}.app__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.app__greet{font-size:12.5px;color:var(--muted);text-transform:capitalize}.app__title{font-size:22px;font-weight:700;letter-spacing:-.02em;margin-top:2px}.app__avatar{width:40px;height:40px;border-radius:50%;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-weight:700;font-size:14px;letter-spacing:.02em}.app__content{min-height:50vh}.app__fab{position:fixed;right:28px;bottom:calc(92px + env(safe-area-inset-bottom,0px));width:58px;height:58px;border-radius:50%;background:var(--primary);color:var(--on-primary);border:none;cursor:pointer;box-shadow:0 10px 28px #00857d73;box-shadow:0 10px 28px oklch(.55 .14 188 / .45);display:grid;place-items:center;transition:transform .15s var(--ease-out),background-color .15s var(--ease-out)}.app__fab:hover{transform:scale(1.05);background:var(--primary-hover)}.app__fab:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.app__fab:active{transform:scale(.96)}.app__amount-row{display:flex;align-items:center;gap:8px;border-bottom:2px solid var(--border);padding:6px 0;margin-bottom:4px}.app__amount-cur{font-size:26px;font-weight:600;color:var(--muted);font-family:var(--font-display)}.app__amount-input{border:none;background:transparent;font-size:34px;font-weight:700;font-family:var(--font-display);color:var(--ink);width:100%;padding:0}.app__amount-input:focus{outline:none}.app__amount-input:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:6px}.app__amount-input::placeholder{color:var(--faint)}.app__save-error{font-size:13px;color:var(--danger);margin:0 0 12px}.app__split-toggle{display:flex;justify-content:flex-end;margin-bottom:10px}.app__split-toggle-btn{font-size:12.5px;font-weight:600;color:var(--muted);background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:6px 14px;cursor:pointer;transition:background .15s,color .15s}.app__split-toggle-btn--on{background:var(--primary-soft);color:var(--primary);border-color:var(--primary)}.app__split-rows{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.app__split-row{display:flex;gap:8px;align-items:center}.app__split-row .category-picker__trigger{flex:1}.app__split-amount{width:96px;flex-shrink:0;text-align:right}.app__split-remove{flex-shrink:0;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:var(--surface-2);color:var(--muted);font-size:16px;line-height:1;cursor:pointer}.app--loading{display:grid;place-items:center;min-height:60vh;color:var(--muted)}@media(min-width:721px){.app{max-width:900px}.bottom-nav{max-width:520px;left:50%;transform:translate(-50%);border-radius:16px 16px 0 0}}