.onboarding{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--bg)}.onboarding__aside{background:var(--primary);color:var(--surface);padding:var(--space-7);display:flex;flex-direction:column;justify-content:space-between}.onboarding__brand{display:flex;align-items:center;gap:var(--space-3);font-weight:700;font-size:1.2rem}.onboarding__headline{font-size:clamp(1.75rem,5vw,2.25rem);font-weight:700;line-height:1.15;letter-spacing:-.025em;margin-bottom:var(--space-4);color:#fff}.onboarding__points{display:flex;flex-direction:column;gap:var(--space-3)}.onboarding__point{display:flex;align-items:center;gap:var(--space-3);font-size:.95rem;opacity:.92}.onboarding__point span{width:30px;height:30px;border-radius:999px;background:#ffffff29;display:grid;place-items:center}.onboarding__main{display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.onboarding__card{width:100%;max-width:460px;display:flex;flex-direction:column;gap:var(--space-5)}.onboarding__preview{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;align-items:center;justify-content:space-between}.onboarding__preview-value{font-size:1.6rem;font-weight:750;color:var(--income)}.onboarding__divider{display:flex;align-items:center;gap:var(--space-3);color:var(--text-muted);font-size:.85rem}.onboarding__divider:before,.onboarding__divider:after{content:"";flex:1;height:1px;background:var(--border)}.onboarding__message{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-weight:600;font-size:.9rem}.onboarding__message[data-tone=ok]{background:var(--income-soft);color:var(--income)}.onboarding__message[data-tone=error]{background:var(--expense-soft);color:var(--expense)}@media(max-width:900px){.onboarding{grid-template-columns:1fr}.onboarding__aside{display:none}}.sidebar{background:#fffdf8b8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:var(--space-5) var(--space-4);gap:var(--space-5);position:sticky;top:0;height:100vh;max-height:100dvh;overflow:hidden}.sidebar__brand{display:flex;align-items:center;flex-shrink:0;gap:var(--space-3);font-weight:750;font-size:1.15rem;padding:0 var(--space-2)}.sidebar__brand-icon{width:42px;height:42px;border-radius:14px;background:var(--primary);display:grid;place-items:center;color:var(--surface);font-weight:800}.sidebar__nav{display:flex;flex-direction:column;flex:1;gap:2px;min-height:0;overflow-y:auto;overscroll-behavior:contain}.sidebar__link{display:flex;align-items:center;gap:var(--space-3);padding:10px var(--space-3);border-radius:var(--radius-md);color:var(--text-muted);font-weight:550;font-size:.9rem;border:none;background:transparent;width:100%;text-align:left;transition:var(--transition)}.sidebar__link:hover{background:var(--primary-soft);color:var(--primary-strong)}.sidebar__link--active{background:var(--primary-soft);color:var(--primary-strong);font-weight:650}.sidebar__footer{display:flex;flex-direction:column;flex-shrink:0;gap:var(--space-3)}.sidebar__savings{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3)}.topbar{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--surface) 72%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:var(--space-4) var(--space-6);display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:var(--space-3) var(--space-4)}.topbar__brand{display:none;align-items:center;gap:var(--space-2);min-width:0}.topbar__brand-name{font-weight:750;font-size:1.05rem;white-space:nowrap}.topbar__page{min-width:0}.topbar__title{font-size:clamp(1.05rem,2.5vw,1.25rem);font-weight:650;letter-spacing:-.02em}.topbar__subtitle{font-size:.82rem;color:var(--text-muted)}.topbar__calendar{grid-column:2;justify-self:end}.topbar__theme{grid-column:-1;justify-self:end}.month-switcher{display:flex;align-items:center;gap:var(--space-1);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:4px}.month-switcher__label{min-width:132px;text-align:center;font-weight:600;font-size:.88rem}.icon-button{width:36px;height:36px;min-width:36px;min-height:36px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-muted);display:grid;place-items:center;transition:var(--transition)}.icon-button:hover{background:var(--surface-hover);color:var(--text)}.mobile-nav{display:none}@media(max-width:960px){.sidebar{display:none}.topbar{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;padding:var(--space-3) var(--space-4)}.topbar__brand{display:flex;grid-column:1;grid-row:1}.topbar__page{display:none}.topbar__theme{grid-column:2;grid-row:1}.topbar__calendar{grid-column:1 / -1;grid-row:2;width:100%;justify-self:stretch}.topbar__calendar .month-switcher{width:100%;justify-content:space-between}.topbar__calendar .month-switcher__label{flex:1;min-width:0}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:50;background:var(--surface);border-top:1px solid var(--border);gap:2px;overflow-x:auto;overscroll-behavior-x:contain;padding:6px var(--space-2) calc(6px + env(safe-area-inset-bottom,0px));scrollbar-width:none;-webkit-overflow-scrolling:touch}.mobile-nav::-webkit-scrollbar{display:none}.mobile-nav__link{display:flex;flex-direction:column;align-items:center;flex-shrink:0;gap:2px;border:none;background:transparent;color:var(--text-subtle);font-size:.68rem;font-weight:600;min-height:44px;padding:8px 10px;border-radius:var(--radius-md);min-width:56px;transition:var(--transition)}.mobile-nav__link:hover{background:var(--surface-hover);color:var(--text)}.mobile-nav__link--active{background:var(--primary-soft);color:var(--primary-strong)}.mobile-nav__icon-wrap{position:relative;display:inline-flex}.mobile-nav__badge{background:var(--warning);border-radius:999px;color:var(--surface);font-size:.62rem;font-weight:700;line-height:1;min-width:16px;padding:2px 4px;position:absolute;right:-6px;top:-4px}}.ui-kbd{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-family:inherit;font-size:.72rem;padding:2px 6px}.ui-kbd--compact{font-size:.65rem;margin-left:4px;padding:1px 4px}.topbar__command{align-items:center;display:inline-flex;gap:4px}.command-palette__group-label{color:var(--text-muted);font-size:.75rem;padding:8px 12px}.command-palette__item{justify-content:flex-start!important;width:100%}.command-palette{background:var(--surface);box-shadow:var(--shadow-md, 0 16px 48px rgba(0, 0, 0, .18))}.command-palette__overlay{align-items:flex-start;background:#00000073;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding-top:15vh;position:fixed;z-index:200}.command-palette__search{background:var(--surface);padding:var(--space-3);border-bottom:1px solid var(--border)}.command-palette__results{background:var(--surface);max-height:360px;overflow:auto;padding:var(--space-2)}[data-theme=dark] .sidebar{background:#1f2a24c7}.dashboard-section{border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--space-4);overflow:hidden}.dashboard-section__toggle{align-items:center;background:var(--surface-2);border:none;color:var(--text);cursor:pointer;display:flex;gap:var(--space-3);justify-content:space-between;padding:var(--space-3) var(--space-4);text-align:left;width:100%}.dashboard-section__toggle:hover{background:var(--surface-3, var(--surface-2))}.dashboard-section__heading{display:flex;flex-direction:column;gap:2px}.dashboard-section__title{font-size:.95rem;font-weight:650}.dashboard-section__subtitle{font-size:.78rem}.dashboard-section__chevron{color:var(--text-muted);flex-shrink:0;transition:transform .2s ease}.dashboard-section__chevron--open{transform:rotate(180deg)}.dashboard-section__panel{padding:var(--space-4)}.scratchboard{display:flex;flex-direction:column;gap:var(--space-5)}.scratchboard__layout{display:grid;gap:var(--space-5)}.scratchboard__layout--split{grid-template-columns:minmax(0,1fr) minmax(280px,380px);align-items:start}.scratchboard__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-3)}.scratchboard__editor-card{position:sticky;top:calc(var(--space-3) + 64px)}.scratch-note-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);text-align:left;cursor:pointer;transition:var(--transition);border-top:3px solid var(--note-accent, var(--primary));min-height:132px}.scratch-note-card:hover{border-color:color-mix(in srgb,var(--note-accent, var(--primary)) 40%,var(--border));background:var(--surface);transform:translateY(-1px)}.scratch-note-card--active{border-color:var(--note-accent, var(--primary));box-shadow:0 0 0 1px color-mix(in srgb,var(--note-accent, var(--primary)) 35%,transparent);background:var(--surface)}.scratch-note-card__header{display:flex;align-items:center;gap:var(--space-2);font-size:.75rem;color:var(--text-muted)}.scratch-note-card__icon{display:grid;place-items:center;width:22px;height:22px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--note-accent, var(--primary)) 16%,transparent);color:var(--note-accent, var(--primary))}.scratch-note-card__kind{font-weight:600;text-transform:uppercase;letter-spacing:.04em}.scratch-note-card__time{margin-left:auto}.scratch-note-card__title{font-weight:650;font-size:.98rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scratch-note-card__preview{font-size:.85rem;color:var(--text-muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.scratch-note-editor{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);border-top:3px solid var(--note-accent, var(--primary))}.scratch-note-editor__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.scratch-note-editor__colors{display:flex;flex-wrap:wrap;gap:var(--space-2)}.scratch-note-editor__color{width:28px;height:28px;border-radius:999px;border:2px solid transparent;cursor:pointer;transition:var(--transition)}.scratch-note-editor__color:hover{transform:scale(1.06)}.scratch-note-editor__color--active{border-color:var(--text);box-shadow:0 0 0 2px var(--surface),0 0 0 4px color-mix(in srgb,var(--text) 25%,transparent)}.scratch-note-editor__list{display:flex;flex-direction:column;gap:var(--space-2)}.scratch-note-editor__list-item{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-2);align-items:center}.scratch-note-editor__checkbox{width:16px;height:16px;accent-color:var(--note-accent, var(--primary))}.scratch-note-editor__item-input--done{text-decoration:line-through;opacity:.65}.scratch-note-editor__list-add{display:grid;grid-template-columns:1fr auto;gap:var(--space-2);margin-top:var(--space-2)}@media(max-width:960px){.scratchboard__layout--split{grid-template-columns:1fr}.scratchboard__editor-card{position:static}.scratch-note-editor__close{display:inline-flex}}@media(min-width:961px){.scratch-note-editor__close{display:none}}:root{--color-bg: #f8f4ec;--color-surface: #fffdf8;--color-surface-muted: #efe7da4f;--color-text: #1f2a24;--color-text-muted: #66736b;--color-primary: #3f6f58;--color-primary-hover: #345d4a;--color-primary-soft: #ddeadf;--color-accent: #d99a3d;--color-accent-soft: #f4dfb8;--color-success: #4f8a5b;--color-warning: #c27a2c;--color-danger: #b85c4a;--color-info: #5f7f78;--color-border: #ded6c8;--color-focus: #c98b32;--chart-1: #3f6f58;--chart-2: #d99a3d;--chart-3: #8a6f45;--chart-4: #a65f46;--chart-5: #6f7f63;--chart-6: #c6a15b;--chart-7: #5f7f78;--chart-8: #b98d72;--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--shadow-soft: 0 4px 14px rgba(31, 42, 36, .06);--shadow-card: 0 10px 30px rgba(31, 42, 36, .08);--shadow-sm: var(--shadow-soft);--shadow-md: var(--shadow-card);--shadow-lg: 0 18px 48px rgba(31, 42, 36, .12);--transition: .16s ease}:root,[data-theme=light]{--bg: var(--color-bg);--bg-subtle: var(--color-surface-muted);--surface: var(--color-surface);--surface-2: var(--color-surface-muted);--surface-hover: #e8e0d3;--border: var(--color-border);--border-strong: #cfc5b4;--text: var(--color-text);--text-muted: var(--color-text-muted);--text-subtle: #8a968d;--primary: var(--color-primary);--primary-strong: var(--color-primary-hover);--primary-soft: var(--color-primary-soft);--accent: var(--color-accent);--accent-soft: var(--color-accent-soft);--income: var(--color-success);--income-soft: rgba(79, 138, 91, .15);--expense: var(--color-danger);--expense-soft: rgba(184, 92, 74, .15);--danger: var(--color-danger);--danger-soft: rgba(184, 92, 74, .15);--warning: var(--color-warning);--warning-soft: rgba(194, 122, 44, .15);--info: var(--color-info);--info-soft: rgba(95, 127, 120, .15);--focus: var(--color-focus);--overlay: rgba(31, 42, 36, .45)}[data-theme=dark]{--color-bg: #151c18;--color-surface: #1f2a24;--color-surface-muted: #2a3530;--color-text: #f3efe6;--color-text-muted: #a8b3ab;--color-primary: #6b9a7f;--color-primary-hover: #7fb193;--color-primary-soft: #24352c;--color-accent: #e0ab58;--color-accent-soft: #3d3424;--color-success: #6fa87a;--color-warning: #d69345;--color-danger: #d07a67;--color-info: #86a39c;--color-border: #364039;--color-focus: #e0ab58;--bg: var(--color-bg);--bg-subtle: #1a221e;--surface: var(--color-surface);--surface-2: var(--color-surface-muted);--surface-hover: #324038;--border: var(--color-border);--border-strong: #46524a;--text: var(--color-text);--text-muted: var(--color-text-muted);--text-subtle: #7d8a82;--primary: var(--color-primary);--primary-strong: var(--color-primary-hover);--primary-soft: var(--color-primary-soft);--accent: var(--color-accent);--accent-soft: var(--color-accent-soft);--income: var(--color-success);--income-soft: rgba(111, 168, 122, .18);--expense: var(--color-danger);--expense-soft: rgba(208, 122, 103, .18);--danger: var(--color-danger);--danger-soft: rgba(208, 122, 103, .18);--warning: var(--color-warning);--warning-soft: rgba(214, 147, 69, .18);--info: var(--color-info);--info-soft: rgba(134, 163, 156, .18);--focus: var(--color-focus);--overlay: rgba(8, 12, 10, .62);--shadow-soft: 0 4px 14px rgba(0, 0, 0, .22);--shadow-card: 0 10px 30px rgba(0, 0, 0, .28);--shadow-lg: 0 18px 48px rgba(0, 0, 0, .34)}html[data-reduce-motion=true] *,html[data-reduce-motion=true] *:before,html[data-reduce-motion=true] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}@media(prefers-reduced-motion:reduce){html:not([data-reduce-motion=false]) *,html:not([data-reduce-motion=false]) *:before,html:not([data-reduce-motion=false]) *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}html[data-reduce-motion=true] .ui-btn:hover,html:not([data-reduce-motion=false]) .ui-btn:hover{transform:none}@media(prefers-reduced-motion:reduce){html:not([data-reduce-motion=false]) .ui-btn:hover{transform:none}}html[data-larger-text=true]{font-size:112.5%}html[data-larger-text=true] .ui-field__label,html[data-larger-text=true] .ui-card__title,html[data-larger-text=true] .ui-stat__label{font-size:.95rem}html[data-larger-text=true] .ui-btn{font-size:1rem;min-height:46px}html[data-enhanced-focus=true] :focus-visible{outline:4px solid color-mix(in srgb,var(--focus) 75%,var(--text));outline-offset:3px}html[data-enhanced-focus=true] .ui-btn:focus-visible,html[data-enhanced-focus=true] .ui-input:focus-visible,html[data-enhanced-focus=true] .ui-select:focus-visible,html[data-enhanced-focus=true] .ui-textarea:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--focus) 35%,transparent)}html[data-high-contrast=true][data-theme=light],html[data-high-contrast=true]:not([data-theme]){--color-bg: #fffdf8;--color-surface: #ffffff;--color-surface-muted: #f0ebe3;--color-text: #0a100e;--color-text-muted: #24302a;--color-border: #1a2420;--border-strong: #0a100e;--color-primary: #2f5a46;--color-primary-hover: #234636;--color-success: #2f6d3d;--color-warning: #9a5d12;--color-danger: #9a3f2f;--shadow-soft: 0 2px 8px rgba(10, 16, 14, .12);--shadow-card: 0 4px 16px rgba(10, 16, 14, .16)}html[data-high-contrast=true][data-theme=dark]{--color-bg: #0a100e;--color-surface: #121a17;--color-surface-muted: #1c2622;--color-text: #f7f4ee;--color-text-muted: #d4cdc2;--color-border: #d4cdc2;--border-strong: #f7f4ee;--color-primary: #8ec9a8;--color-primary-hover: #a8d9bc;--color-success: #8fd49c;--color-warning: #f0b35c;--color-danger: #f09a88;--shadow-soft: 0 2px 10px rgba(0, 0, 0, .45);--shadow-card: 0 4px 18px rgba(0, 0, 0, .55)}html[data-show-status-labels=true] .ui-progress-wrap{display:flex;flex-direction:column;gap:4px}html[data-show-status-labels=true] .ui-progress-status{font-size:.75rem;font-weight:650;color:var(--text-muted)}html[data-show-status-labels=true] .ui-stat__status{display:block;font-size:.75rem;font-weight:650;color:var(--text-muted);margin-top:2px}html[data-show-status-labels=true] .ui-txn-type-label{display:inline;font-size:.72rem;font-weight:700;margin-right:4px;text-transform:uppercase;letter-spacing:.03em}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);background:radial-gradient(circle at top left,rgba(217,154,61,.07),transparent 28rem),var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.55;min-height:100vh}[data-theme=dark] body{background:radial-gradient(circle at top left,rgba(217,154,61,.04),transparent 28rem),var(--bg)}h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-.025em;color:var(--text)}p{margin:0}button{font-family:inherit;cursor:pointer}a{color:inherit;text-decoration:none}input,select,textarea{font-family:inherit;font-size:.9rem}:focus-visible{outline:3px solid rgba(201,139,50,.35);outline-offset:2px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px;border:2px solid var(--bg)}.text-income{color:var(--income)}.text-expense{color:var(--expense)}.text-muted{color:var(--text-muted)}.ui-link{background:none;border:none;color:var(--primary);cursor:pointer;font:inherit;font-weight:650;padding:0;text-align:left;text-decoration:underline}.ui-link:hover{color:var(--primary-strong)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.app-main{min-width:0;display:flex;flex-direction:column}.page-content{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5);max-width:1400px;width:100%;margin:0 auto}.grid{display:grid;gap:var(--space-4)}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.row{display:flex;align-items:center;gap:var(--space-3)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.stack{display:flex;flex-direction:column;gap:var(--space-3)}@media(max-width:1100px){.cols-4,.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:960px){.app-shell{grid-template-columns:1fr}.page-content{padding:var(--space-4);padding-bottom:96px}html{scrollbar-width:none}*::-webkit-scrollbar{display:none}}@media(max-width:720px){.cols-2,.cols-3,.cols-4{grid-template-columns:1fr}}@media(max-width:480px){.page-content{padding:var(--space-3);padding-bottom:88px;gap:var(--space-4)}}.ui-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-5)}.ui-card--flush{padding:0;overflow:hidden}.ui-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.ui-card__title{font-size:1rem;font-weight:650}.ui-card__subtitle{font-size:.82rem;color:var(--text-muted);margin-top:2px}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-md);padding:0 var(--space-4);height:42px;font-size:.9rem;font-weight:650;transition:var(--transition);white-space:nowrap;background:var(--primary);color:var(--surface)}.ui-btn:hover:not(:disabled){background:var(--primary-strong);transform:translateY(-1px)}.ui-btn:active:not(:disabled){transform:translateY(0)}.ui-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.ui-btn--secondary{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.ui-btn--secondary:hover{background:var(--surface-hover);border-color:var(--primary)}.ui-btn--ghost{background:transparent;color:var(--text-muted)}.ui-btn--ghost:hover{background:var(--surface-hover);color:var(--text)}.ui-btn--danger{background:var(--expense)}.ui-btn--danger:hover{background:#9a4d3e}.ui-btn--sm{height:32px;padding:0 var(--space-3);font-size:.82rem}.ui-btn--icon{width:38px;height:38px;padding:0}.ui-btn--block{width:100%}.ui-field{display:flex;flex-direction:column;gap:6px}.ui-field__label{font-size:.82rem;font-weight:600;color:var(--text-muted)}.ui-field__hint{font-size:.76rem;color:var(--text-subtle)}.ui-field__error{font-size:.76rem;color:var(--expense);font-weight:500}.rules-add-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:var(--space-3);align-items:end;margin-top:var(--space-4)}.rules-add-row__action{display:flex;flex-direction:column;gap:6px}.rules-add-row__button{height:42px}@media(max-width:720px){.rules-add-row{grid-template-columns:1fr}.rules-add-row__action .ui-field__label{display:none}.rules-add-row__action .rules-add-row__button{width:100%}}.ui-input,.ui-select,.ui-textarea{width:100%;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:0 var(--space-3);height:42px;color:var(--text);transition:var(--transition)}.ui-textarea{height:auto;padding:var(--space-3);min-height:80px;resize:vertical}.ui-input:focus,.ui-select:focus,.ui-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #c98b3259}.ui-input--invalid,.ui-select--invalid{border-color:var(--expense)}.ui-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2366736b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px}[data-theme=dark] .ui-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}.ui-category-select{position:relative;width:100%}.ui-category-select__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:0 var(--space-3);height:42px;color:var(--text);text-align:left;cursor:pointer;transition:var(--transition)}.ui-category-select__trigger:hover{background:var(--surface-hover)}.ui-category-select--open .ui-category-select__trigger,.ui-category-select__trigger:focus-visible{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #c98b3259}.ui-category-select__value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-category-select__value--placeholder{color:var(--text-muted)}.ui-category-select__chevron{color:var(--text-muted);flex-shrink:0}.ui-category-select__menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:40;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden}.ui-category-select__menu--portal{position:fixed;right:auto;top:auto;left:auto}.ui-category-select__search{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-bottom:1px solid var(--border);color:var(--text-muted)}.ui-category-select__search-input{height:36px;border:none;box-shadow:none;background:transparent;padding:0}.ui-category-select__search-input:focus{box-shadow:none;border-color:transparent}.ui-category-select__list{list-style:none;margin:0;padding:var(--space-1);max-height:240px;overflow-y:auto}.ui-category-select__option{width:100%;display:flex;align-items:center;gap:var(--space-2);border:none;background:transparent;color:var(--text);border-radius:var(--radius-sm);padding:8px var(--space-2);text-align:left;cursor:pointer;font-size:.9rem}.ui-category-select__option:hover,.ui-category-select__option--active{background:var(--surface-hover)}.ui-category-select__option--active{color:var(--primary-strong);font-weight:600}.ui-category-select__empty{padding:var(--space-3);color:var(--text-muted);font-size:.85rem;text-align:center}.ui-input-prefix{position:relative;display:flex;align-items:center}.ui-input-prefix__symbol{position:absolute;left:var(--space-3);color:var(--text-muted);font-weight:600;pointer-events:none}.ui-input-prefix .ui-input{padding-left:28px}.ui-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:.74rem;font-weight:600;background:var(--surface-hover);color:var(--text-muted);white-space:nowrap}.ui-badge--income{background:var(--income-soft);color:var(--income)}.ui-badge--expense{background:var(--expense-soft);color:var(--expense)}.ui-badge--warning{background:var(--warning-soft);color:var(--warning)}.ui-badge--info{background:var(--info-soft);color:var(--info)}.ui-badge--primary{background:var(--primary-soft);color:var(--primary-strong)}.ui-progress{width:100%;height:12px;background:var(--surface-2);border-radius:999px;overflow:hidden}.ui-progress__fill{height:100%;border-radius:999px;transition:width var(--transition)}.ui-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:var(--space-2)}.ui-stat__top{display:flex;align-items:center;justify-content:space-between}.ui-stat__label{font-size:.8rem;color:var(--text-muted);font-weight:500}.ui-stat__icon{width:36px;height:36px;border-radius:var(--radius-md);display:grid;place-items:center}.ui-stat__value{font-size:1.55rem;font-weight:700;letter-spacing:-.02em}.ui-stat__delta{font-size:.78rem;font-weight:600}.ui-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-start;justify-content:center;padding:var(--space-5);overflow-y:auto;z-index:100}.ui-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:520px;margin-top:6vh;animation:modal-in .18s ease}.ui-modal--lg{max-width:760px}.ui-modal--xl{max-width:min(1120px,calc(100vw - var(--space-5) * 2))}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ui-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5);border-bottom:1px solid var(--border)}.ui-modal__body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.ui-modal__footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border)}.ui-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);text-align:center;padding:var(--space-7) var(--space-5);color:var(--text-muted)}.ui-empty__icon{width:56px;height:56px;border-radius:var(--radius-lg);display:grid;place-items:center;background:var(--surface-hover);color:var(--text-subtle)}.ui-empty__title{font-weight:650;color:var(--text)}.ui-table-wrap{overflow-x:auto}.ui-table{width:100%;border-collapse:collapse;font-size:.88rem}.ui-table th{text-align:left;font-size:.74rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-subtle);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);white-space:nowrap}.ui-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);vertical-align:middle}.ui-table tbody tr:hover{background:var(--surface-2)}.ui-table__num{text-align:right;font-variant-numeric:tabular-nums}.ui-segmented{display:inline-flex;background:var(--surface-hover);border-radius:var(--radius-md);padding:4px;gap:4px}.ui-segmented__item{border:none;background:transparent;padding:6px 14px;border-radius:var(--radius-sm);font-size:.82rem;font-weight:600;color:var(--text-muted);transition:var(--transition)}.ui-segmented__item--active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.ui-segmented--toolbar{align-items:center;background:var(--surface);border:1px solid var(--border-strong)}.ui-segmented--toolbar .ui-segmented__item{align-items:center;display:inline-flex;font-size:.88rem;justify-content:center;min-height:34px;padding:0 14px}@media(max-width:960px){.ui-segmented--settings{display:flex;width:100%}.ui-segmented--settings .ui-segmented__item{flex:1;min-width:0;padding-inline:6px;text-align:center}}.ui-progress-wrap{display:contents}.ui-progress-status,.ui-stat__status,.ui-txn-type-label{display:none}.settings-toggle-list{display:flex;flex-direction:column;gap:var(--space-4)}.settings-toggle-list .ui-field input[type=checkbox]{height:18px;width:18px}.budget-leftover-banner{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.budget-leftover-banner--positive{background:var(--income-soft);border-color:color-mix(in srgb,var(--income) 28%,var(--border))}.budget-leftover-banner--negative{background:var(--expense-soft);border-color:color-mix(in srgb,var(--expense) 28%,var(--border))}.budget-leftover-banner__inner{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between}.budget-leftover-banner__label{color:var(--text-muted);font-size:.9rem;font-weight:600}.budget-leftover-banner__value{color:var(--text);font-size:clamp(1.75rem,6vw,2.5rem);font-weight:700;letter-spacing:-.025em;line-height:1.1}.budget-leftover-banner--positive .budget-leftover-banner__value{color:var(--income)}.budget-leftover-banner--negative .budget-leftover-banner__value{color:var(--expense)}.budget-leftover-banner__hint{color:var(--text-muted);font-size:.85rem}.budget-leftover-banner__icon{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--income);display:grid;height:64px;place-items:center;width:64px}.budget-leftover-banner--negative .budget-leftover-banner__icon{color:var(--expense)}.budget-summary-flow{display:flex;flex-wrap:wrap;align-items:stretch;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--surface-2);border:1px solid var(--border)}.budget-summary-flow__group{display:flex;align-items:center;gap:var(--space-2);flex:1 1 120px;min-width:0}.budget-summary-flow__operator{display:grid;place-items:center;width:24px;height:24px;border-radius:999px;background:var(--surface);color:var(--text-muted);border:1px solid var(--border);flex-shrink:0}.budget-summary-flow__step{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border)}.budget-summary-flow__label{font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.budget-summary-flow__value{font-size:1rem;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.budget-summary-section{padding-top:var(--space-4);border-top:1px solid var(--border)}.budget-summary-section:first-of-type{padding-top:0;border-top:none}.budget-summary-section__header{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3)}.budget-summary-section__icon{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--radius-md);background:var(--primary-soft);color:var(--primary-strong);flex-shrink:0}.budget-summary-section__title{font-size:.95rem;font-weight:650;line-height:1.2}.budget-summary-section__subtitle{font-size:.78rem;color:var(--text-muted);margin-top:2px}@media(max-width:640px){.budget-summary-flow__operator{display:none}.budget-summary-flow__group{flex:1 1 100%}.ui-modal__overlay{padding:var(--space-3);align-items:flex-end}.ui-modal{margin-top:0;margin-bottom:env(safe-area-inset-bottom,0px);border-bottom-left-radius:0;border-bottom-right-radius:0;max-height:min(92dvh,100%);overflow-y:auto}.ui-card{padding:var(--space-4)}.ui-stat{padding:var(--space-3) var(--space-4)}.ui-stat__value{font-size:1.35rem}}