:root,[data-theme=light]{--color-bg-app: #f6f1ea;--color-bg-card: #fffcf8;--color-bg-elevated: #ffffff;--color-bg-backdrop: #e8e2d9;--color-text-primary: #1c1917;--color-text-secondary: #78716c;--color-text-on-primary: #ffffff;--color-income: #15803d;--color-expense: #b91c1c;--color-bar-inactive: #e7e5e4;--color-dark-surface: #1c1917;--color-nav-inactive: #a8a29e;--color-border: #e7e5e4;--color-gray-200: #e7e5e4;--font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--text-balance: clamp(32px, 8vw, 42px);--text-heading: 24px;--text-subheading: 18px;--text-body: 15px;--text-caption: 13px;--text-amount: 17px;--text-numpad: 28px;--text-input-amt: clamp(36px, 10vw, 48px);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--radius-card: 16px;--radius-pill: 999px;--radius-button: 14px;--radius-icon: 12px;--space-page-h: 20px;--space-section: 24px;--space-item-v: 12px;--shadow-card: 0 2px 12px rgba(28, 25, 23, .06);--shadow-fab: 0 4px 16px rgba(28, 25, 23, .2);--shadow-shell: 0 0 40px rgba(28, 25, 23, .08);--container-max: 480px;--bottom-nav-h: 64px;--sidebar-w: 240px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--color-primary-500: #e8643a;--color-primary-600: #d4552a;--color-primary-gradient: linear-gradient(160deg, #e8643a 0%, #d4552a 100%);--color-budget-1: #e8643a;--color-budget-2: #f59e0b;--color-budget-3: #ea580c;--color-budget-gradient: conic-gradient(#e8643a, #f59e0b, #ea580c)}[data-theme=dark]{--color-bg-app: #141210;--color-bg-card: #1c1917;--color-bg-elevated: #292524;--color-bg-backdrop: #0c0a09;--color-text-primary: #fafaf9;--color-text-secondary: #a8a29e;--color-text-on-primary: #1c1917;--color-income: #4ade80;--color-expense: #fb7185;--color-bar-inactive: #292524;--color-dark-surface: #292524;--color-nav-inactive: #78716c;--color-border: #292524;--color-gray-200: #292524;--shadow-card: 0 2px 16px rgba(0, 0, 0, .4);--shadow-fab: 0 4px 20px rgba(0, 0, 0, .5);--shadow-shell: 0 0 48px rgba(0, 0, 0, .4)}[data-accent=orange]{--color-primary-500: #e8643a;--color-primary-600: #d4552a;--color-primary-gradient: linear-gradient(160deg, #e8643a 0%, #d4552a 100%);--color-budget-1: #e8643a;--color-budget-2: #f59e0b;--color-budget-3: #ea580c;--color-budget-gradient: conic-gradient(#e8643a, #f59e0b, #ea580c);--color-bar-inactive: #fecdc4}[data-accent=rose]{--color-primary-500: #e11d48;--color-primary-600: #be123c;--color-primary-gradient: linear-gradient(160deg, #f43f5e 0%, #e11d48 100%);--color-budget-1: #e11d48;--color-budget-2: #f97316;--color-budget-3: #fb7185;--color-budget-gradient: conic-gradient(#e11d48, #f97316, #fb7185);--color-bar-inactive: #fecdd3}[data-accent=pink]{--color-primary-500: #db2777;--color-primary-600: #be185d;--color-primary-gradient: linear-gradient(160deg, #ec4899 0%, #db2777 100%);--color-budget-1: #db2777;--color-budget-2: #f472b6;--color-budget-3: #a855f7;--color-budget-gradient: conic-gradient(#db2777, #f472b6, #a855f7);--color-bar-inactive: #fbcfe8}[data-accent=gold]{--color-primary-500: #d97706;--color-primary-600: #b45309;--color-primary-gradient: linear-gradient(160deg, #f59e0b 0%, #d97706 100%);--color-budget-1: #d97706;--color-budget-2: #eab308;--color-budget-3: #ea580c;--color-budget-gradient: conic-gradient(#d97706, #eab308, #ea580c);--color-bar-inactive: #fde68a}[data-accent=teal]{--color-primary-500: #0f766e;--color-primary-600: #115e59;--color-primary-gradient: linear-gradient(160deg, #14b8a6 0%, #0f766e 100%);--color-budget-1: #0f766e;--color-budget-2: #14b8a6;--color-budget-3: #c9a227;--color-budget-gradient: conic-gradient(#0f766e, #14b8a6, #c9a227);--color-bar-inactive: #c5ddd9}[data-accent=indigo]{--color-primary-500: #4f46e5;--color-primary-600: #4338ca;--color-primary-gradient: linear-gradient(160deg, #6366f1 0%, #4f46e5 100%);--color-budget-1: #4f46e5;--color-budget-2: #818cf8;--color-budget-3: #a78bfa;--color-budget-gradient: conic-gradient(#4f46e5, #818cf8, #a78bfa);--color-bar-inactive: #c7d2fe}[data-theme=dark][data-accent=orange]{--color-primary-500: #fb923c;--color-primary-600: #f97316;--color-primary-gradient: linear-gradient(160deg, #fb923c 0%, #ea580c 100%);--color-budget-1: #fb923c;--color-budget-2: #fbbf24;--color-budget-3: #f97316;--color-budget-gradient: conic-gradient(#fb923c, #fbbf24, #f97316);--color-bar-inactive: #3f2a22;--color-text-on-primary: #1c1917}[data-theme=dark][data-accent=rose]{--color-primary-500: #fb7185;--color-primary-600: #f43f5e;--color-primary-gradient: linear-gradient(160deg, #fb7185 0%, #e11d48 100%);--color-budget-1: #fb7185;--color-budget-2: #fdba74;--color-budget-3: #f43f5e;--color-budget-gradient: conic-gradient(#fb7185, #fdba74, #f43f5e);--color-bar-inactive: #3f1d24;--color-text-on-primary: #1c1917}[data-theme=dark][data-accent=pink]{--color-primary-500: #f472b6;--color-primary-600: #ec4899;--color-primary-gradient: linear-gradient(160deg, #f472b6 0%, #db2777 100%);--color-budget-1: #f472b6;--color-budget-2: #e879f9;--color-budget-3: #c084fc;--color-budget-gradient: conic-gradient(#f472b6, #e879f9, #c084fc);--color-bar-inactive: #3b1c2e;--color-text-on-primary: #1c1917}[data-theme=dark][data-accent=gold]{--color-primary-500: #fbbf24;--color-primary-600: #f59e0b;--color-primary-gradient: linear-gradient(160deg, #fbbf24 0%, #d97706 100%);--color-budget-1: #fbbf24;--color-budget-2: #fde047;--color-budget-3: #fb923c;--color-budget-gradient: conic-gradient(#fbbf24, #fde047, #fb923c);--color-bar-inactive: #3d3014;--color-text-on-primary: #1c1917}[data-theme=dark][data-accent=teal]{--color-primary-500: #2dd4bf;--color-primary-600: #14b8a6;--color-primary-gradient: linear-gradient(160deg, #2dd4bf 0%, #0f766e 100%);--color-budget-1: #2dd4bf;--color-budget-2: #5eead4;--color-budget-3: #d4b86a;--color-budget-gradient: conic-gradient(#2dd4bf, #5eead4, #d4b86a);--color-bar-inactive: #1a3d38;--color-text-on-primary: #141210}[data-theme=dark][data-accent=indigo]{--color-primary-500: #818cf8;--color-primary-600: #6366f1;--color-primary-gradient: linear-gradient(160deg, #818cf8 0%, #4f46e5 100%);--color-budget-1: #818cf8;--color-budget-2: #a5b4fc;--color-budget-3: #c4b5fd;--color-budget-gradient: conic-gradient(#818cf8, #a5b4fc, #c4b5fd);--color-bar-inactive: #1e1b4b;--color-text-on-primary: #141210}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-family);font-size:var(--text-body);color:var(--color-text-primary);background:var(--color-bg-backdrop);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none}#app{min-height:100%}button{font-family:inherit;font-size:inherit;border:none;background:none;cursor:pointer;color:inherit}input,textarea{font-family:inherit;font-size:inherit;border:none;outline:none;background:none;color:inherit}ul,ol{list-style:none}a{color:inherit;text-decoration:none}.app-shell{max-width:var(--container-max);margin:0 auto;min-height:100vh;min-height:100dvh;background:var(--color-bg-app);position:relative;display:flex;flex-direction:column;box-shadow:var(--shadow-shell);overflow-x:hidden}.page{flex:1;padding-bottom:calc(var(--bottom-nav-h) + var(--safe-bottom) + 16px)}.page-pad{padding-left:var(--space-page-h);padding-right:var(--space-page-h)}.text-display{font-family:var(--font-display)}.card{background:var(--color-bg-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.section-title{font-size:var(--text-subheading);font-weight:600;margin-bottom:12px}.caption{font-size:var(--text-caption);color:var(--color-text-secondary)}.hscroll{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:4px}.hscroll::-webkit-scrollbar{display:none}.no-scrollbar{scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.accent-swatches{display:flex;flex-wrap:wrap;gap:10px;padding:4px 0 8px}.accent-swatch{width:36px;height:36px;border-radius:50%;border:2px solid transparent;box-shadow:inset 0 0 0 1px #00000014;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.accent-swatch:active{transform:scale(.94)}.accent-swatch.is-selected{box-shadow:0 0 0 2px var(--color-bg-card),0 0 0 4px var(--color-text-primary)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.icon-btn{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--radius-pill);font-size:18px;background:#ffffff2e;color:var(--color-text-on-primary);transition:transform .12s ease}.icon-btn:active{transform:scale(.92)}.icon-btn--ghost{background:transparent}.primary-btn{width:100%;padding:16px;border-radius:var(--radius-button);background:var(--color-primary-gradient);color:var(--color-text-on-primary);font-size:var(--text-body);font-weight:600;box-shadow:var(--shadow-card);transition:transform .12s ease,opacity .12s ease}.primary-btn:active{transform:scale(.98)}.primary-btn:disabled{opacity:.5}.text-btn{font-weight:600;color:var(--color-primary-500);font-size:var(--text-body)}.text-btn--danger{color:var(--color-expense)}.text-btn:disabled{opacity:.5}.home-header{background:var(--color-primary-gradient);color:var(--color-text-on-primary);padding:calc(var(--safe-top) + 20px) var(--space-page-h) 44px;border-bottom-left-radius:28px;border-bottom-right-radius:28px}.home-header__top{display:flex;align-items:center;justify-content:space-between}.home-header__id{display:flex;align-items:center;gap:12px}.avatar{width:44px;height:44px;border-radius:var(--radius-pill);background:#ffffff38;display:grid;place-items:center;font-size:20px;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.home-header__hi{font-weight:700;font-size:var(--text-subheading)}.home-header__sub{font-size:var(--text-caption);opacity:.85}.home-header__actions{display:flex;gap:8px}.home-header__balance{margin-top:28px}.home-header__balance-label{font-size:var(--text-caption);opacity:.85}.home-header__balance-row{display:flex;align-items:center;gap:10px}.home-header__balance-num{font-family:var(--font-display);font-size:var(--text-balance);font-weight:700;letter-spacing:-.5px;transition:filter .2s ease}.home-header__balance-num.is-hidden{letter-spacing:2px}.home-header__delta{font-size:var(--text-caption);opacity:.9;margin-top:4px}.home-body{margin-top:calc(var(--space-section) * -1);padding-top:var(--space-section);position:relative}.page-head{display:flex;align-items:center;justify-content:space-between;padding-top:calc(var(--safe-top) + 16px);margin-bottom:var(--space-section)}.page-title{font-size:var(--text-heading);font-weight:700}.period-select{border-radius:var(--radius-pill);background:var(--color-bg-card);padding:8px 14px;font-weight:600;box-shadow:var(--shadow-card)}.wallet-card{flex:0 0 auto;width:150px;scroll-snap-align:start;background:var(--color-bg-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:16px;display:flex;flex-direction:column;gap:6px;text-align:left}.wallet-card__icon{font-size:24px}.wallet-card__name{font-size:var(--text-caption);color:var(--color-text-secondary)}.wallet-card__amount{font-size:var(--text-amount);font-weight:700}.pots-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pot-card{background:var(--color-bg-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:16px;display:flex;flex-direction:column;gap:6px;text-align:left}.pot-card__icon{font-size:24px}.pot-card__name{font-size:var(--text-caption);color:var(--color-text-secondary)}.pot-card__amount{font-size:var(--text-amount);font-weight:700}.insight-banner{width:100%;background:var(--color-dark-surface);color:var(--color-bg-app);border-radius:var(--radius-card);padding:16px 18px;display:flex;align-items:center;gap:10px;text-align:left}.insight-banner__spark{font-size:18px}.insight-banner__text{flex:1;font-weight:600}.insight-banner__cta{font-size:var(--text-caption);color:var(--color-primary-500);font-weight:600;white-space:nowrap}.tx-list{display:flex;flex-direction:column;gap:var(--space-item-v)}.tx-swipe{position:relative;border-radius:var(--radius-card);overflow:hidden}.tx-swipe__underlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-weight:700;color:var(--color-bg-app);background:linear-gradient(90deg,var(--color-income) 0 50%,var(--color-expense) 50% 100%)}.tx-item{position:relative;width:100%;display:flex;align-items:center;gap:12px;padding:8px 4px;background:var(--color-bg-app);text-align:left;touch-action:pan-y}.tx-swipe--enabled .tx-item{background:var(--color-bg-card);padding:12px;border-radius:var(--radius-card)}.tx-item.is-swiping{transition:none}.tx-item__icon{flex:0 0 auto;width:40px;height:40px;border-radius:var(--radius-icon);display:grid;place-items:center;font-size:18px;filter:saturate(1.1)}.tx-item__body{flex:1;min-width:0;display:flex;flex-direction:column}.tx-item__title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-item__sub{font-size:var(--text-caption);color:var(--color-text-secondary)}.tx-item__right{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.tx-item__amount{font-size:var(--text-amount);font-weight:700}.tx-item__amount--income{color:var(--color-income)}.tx-item__amount--expense{color:var(--color-text-primary)}.tx-item__badge{font-size:11px;font-weight:600;color:var(--color-primary-600);background:var(--color-bg-app);padding:2px 8px;border-radius:var(--radius-pill)}.bar-chart{position:relative;padding:28px 0 8px}.bar-chart__tooltip{position:absolute;top:0;left:50%;transform:translate(-50%);background:var(--color-dark-surface);color:var(--color-bg-app);font-size:var(--text-caption);font-weight:600;padding:6px 12px;border-radius:var(--radius-pill)}.bar-chart__bars{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;height:180px}.bar-chart__col{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;justify-content:flex-end}.bar-chart__bar{width:100%;max-width:28px;border-radius:var(--radius-pill);background:var(--color-bar-inactive);animation:bar-rise .4s ease-out both;transform-origin:bottom}.bar-chart__bar.is-active{background:var(--color-primary-gradient)}.bar-chart__label{font-size:var(--text-caption);color:var(--color-text-secondary)}.bar-chart__label.is-active{color:var(--color-primary-500);font-weight:700}@keyframes bar-rise{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.summary-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:var(--space-section)}.summary-card{padding:16px;display:flex;flex-direction:column;gap:6px}.summary-card__amount{font-size:var(--text-subheading);font-weight:700}.budget-headline{font-size:var(--text-subheading);font-weight:600;line-height:1.4;margin-bottom:var(--space-section)}.donut{--donut-pct: 0%;width:220px;height:220px;margin:0 auto;border-radius:50%;background:conic-gradient(var(--color-budget-1) 0,var(--color-budget-2) calc(var(--donut-pct) * .6),var(--color-budget-3) var(--donut-pct),var(--color-bar-inactive) var(--donut-pct) 100%);display:grid;place-items:center;animation:donut-in .6s ease-in-out both}.donut__center{width:168px;height:168px;border-radius:50%;background:var(--color-bg-card);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:inset 0 0 0 1px #00000008}.donut__label{font-size:var(--text-caption);color:var(--color-text-secondary);line-height:1.2}.donut__center strong{font-size:var(--text-subheading);margin:4px 0 2px}.donut__center span:last-child{font-size:var(--text-caption);color:var(--color-text-secondary)}@keyframes donut-in{0%{transform:rotate(-90deg) scale(.9);opacity:0}to{transform:rotate(0) scale(1);opacity:1}}.budget-list-head{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.budget-list-hint{color:var(--color-text-secondary)}.budget-list{display:flex;flex-direction:column;gap:12px}.budget-sortable-list{display:flex;flex-direction:column;gap:8px}.budget-sortable-list--child{gap:6px}.budget-tree-list.is-sorting,.budget-sortable-list.is-sorting{touch-action:none}body.budget-sort-active{touch-action:none;user-select:none;-webkit-user-select:none}.budget-row{width:100%;text-align:left;background:var(--color-bg-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:12px 14px;display:flex;align-items:stretch;gap:10px;border:2px solid transparent;cursor:grab;will-change:transform}.budget-row:active:not(.is-dragging){transform:scale(.99)}.budget-row.is-dragging{cursor:grabbing;box-shadow:0 12px 28px #0f172a2e;background:var(--color-bg-elevated);border-color:color-mix(in srgb,var(--color-primary-500) 35%,transparent)}.budget-row.is-drop-hint{border-color:color-mix(in srgb,var(--color-primary-500) 55%,transparent);background:color-mix(in srgb,var(--color-primary-500) 6%,transparent)}.budget-row__grip{display:flex;flex-direction:column;justify-content:center;gap:3px;width:14px;flex-shrink:0;opacity:.35;transition:opacity .2s ease}.budget-row:hover .budget-row__grip,.budget-row.is-dragging .budget-row__grip{opacity:.75}.budget-row__grip span{display:block;height:2px;border-radius:2px;background:var(--color-text-secondary)}.budget-row__content{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.budget-row__top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.budget-row__name{font-weight:600}.budget-row__amounts{font-size:var(--text-caption);color:var(--color-text-secondary);white-space:nowrap}.budget-row__bar{height:8px;border-radius:var(--radius-pill);background:var(--color-bg-app);overflow:hidden}.budget-row__fill{height:100%;border-radius:var(--radius-pill);background:var(--color-primary-gradient);transition:width .4s ease-out}.budget-row__fill.is-warn{background:linear-gradient(90deg,var(--color-budget-2),var(--color-budget-3))}.budget-row__fill.is-over{background:linear-gradient(90deg,var(--color-expense),color-mix(in srgb,var(--color-expense) 75%,var(--color-dark-surface)))}.budget-row__meta{display:flex;justify-content:space-between;font-size:var(--text-caption);color:var(--color-text-secondary)}.budget-row__period{text-transform:capitalize}.budget-empty{text-align:center;padding:40px 20px}.budget-empty__icon{font-size:48px;margin-bottom:12px}.budget-empty__text{color:var(--color-text-secondary);margin-bottom:20px}.budget-empty__cta{display:inline-block;width:auto;padding-left:28px;padding-right:28px}.budget-sheet__title{font-size:var(--text-subheading);font-weight:700}.budget-sheet__name{margin-bottom:12px}.budget-sheet__periods{display:flex;justify-content:center;gap:8px;margin-bottom:16px}.budget-sheet__periods .toggle-pill{background:var(--color-bg-app)}.budget-sheet__periods .toggle-pill.is-active{background:var(--color-primary-gradient);color:var(--color-text-on-primary)}.budget-sheet__periods .toggle-pill:disabled{opacity:.5}.budget-sheet__alerts{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.budget-toggle{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-radius:var(--radius-button);background:var(--color-bg-app);font-weight:500}.budget-toggle input{width:20px;height:20px;accent-color:var(--color-primary-500)}.budget-sheet__delete{display:block;width:100%;margin-top:12px;text-align:center}.budget-sheet__parent{display:flex;align-items:center;gap:10px;padding:0 16px;margin-bottom:4px}.budget-sheet__parent-label{font-size:var(--text-caption);color:var(--color-text-secondary);white-space:nowrap;flex-shrink:0}.budget-sheet__parent-select{flex:1;padding:8px 28px 8px 12px;border-radius:var(--radius-button);border:1.5px solid var(--color-border);background:var(--color-bg-app);font-size:var(--text-body);color:var(--color-text-primary);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b7572' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.budget-tree-group{margin-bottom:4px;transition:transform .25s cubic-bezier(.2,.8,.2,1)}.budget-tree-group.is-dragging{cursor:grabbing;z-index:20}.budget-tree-group.is-dragging .budget-row{box-shadow:0 12px 28px #0f172a2e;border-color:color-mix(in srgb,var(--color-primary-500) 35%,transparent)}.budget-tree-group.is-drop-hint{outline:2px dashed color-mix(in srgb,var(--color-primary-500) 45%,transparent);outline-offset:2px;border-radius:var(--radius-card)}.budget-children{padding-left:12px;border-left:2px solid color-mix(in srgb,var(--color-primary-500) 25%,transparent);margin-left:8px;margin-top:2px;margin-bottom:2px}.budget-row--child{background:var(--color-bg-app);border-radius:var(--radius-card);margin-bottom:2px}.budget-row--child .budget-row__top{padding-top:10px}.budget-row__indent-marker{font-size:12px;color:var(--color-text-secondary);margin-right:4px;flex-shrink:0}.budget-add-sub{display:flex;align-items:center;gap:6px;padding:6px 12px;margin:4px 0 8px 8px;font-size:var(--text-caption);color:var(--color-primary-500);font-weight:500;background:none;border:1.5px dashed color-mix(in srgb,var(--color-primary-500) 40%,transparent);border-radius:var(--radius-pill);cursor:pointer;transition:background .15s}.budget-add-sub:active{background:color-mix(in srgb,var(--color-primary-500) 8%,transparent)}.insights-actions{display:flex;align-items:center;gap:12px}.insights-hero{margin-bottom:var(--space-section)}.insights-hero__caption{font-size:var(--text-caption);color:var(--color-text-secondary);margin-bottom:12px}.insights-hero .summary-row{margin-top:0}.insights-hero .bar-chart{margin-top:var(--space-section)}.insights-divider{border-top:1px solid var(--color-border);padding-top:var(--space-section);margin-bottom:var(--space-section)}.insights-divider__title{font-size:var(--text-caption);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em}.insights-filters{display:flex;gap:10px;margin-bottom:12px}.insights-filters__search{flex:1;min-width:0;background:var(--color-bg-card);border-radius:var(--radius-pill);padding:10px 14px;box-shadow:var(--shadow-card);color:var(--color-text-primary)}.insights-filters__search::placeholder{color:var(--color-text-secondary)}.insights-filters__category{flex:0 1 42%;min-width:0;max-width:180px}.insights-empty{text-align:center;padding:16px 0}[data-theme=dark] .bar-chart__tooltip,[data-theme=dark] .insight-banner{color:var(--color-text-primary)}.cat-spend-list{display:flex;flex-direction:column;gap:12px}.cat-spend-row__top{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px}.cat-spend-row__name{font-weight:600}.cat-spend-row__amount{font-size:var(--text-caption);color:var(--color-text-secondary);white-space:nowrap}.cat-spend-row__bar{height:8px;border-radius:var(--radius-pill);background:var(--color-bg-app);overflow:hidden}.cat-spend-row__fill{height:100%;border-radius:var(--radius-pill);background:var(--color-primary-gradient);transition:width .4s ease-out}.month-compare{display:flex;justify-content:space-between;align-items:flex-end;gap:8px;padding:12px 4px 0}.month-compare__col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}.month-compare__bars{display:flex;align-items:flex-end;gap:3px;height:120px}.month-compare__bar{width:10px;border-radius:var(--radius-pill)}.month-compare__bar.is-income{background:var(--color-income)}.month-compare__bar.is-expense{background:var(--color-expense)}.month-compare__label{font-size:var(--text-caption);color:var(--color-text-secondary)}.month-compare__legend{display:flex;justify-content:center;gap:16px;margin-top:10px;font-size:var(--text-caption);color:var(--color-text-secondary)}.month-compare__dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.category-pill-wrap{position:relative;display:inline-block}.category-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--radius-pill);background:var(--color-bg-app);font-weight:600}.category-pill__caret{color:var(--color-text-secondary)}.dropdown-backdrop{position:fixed;inset:0;z-index:40}.category-pill__menu{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:50;background:var(--color-bg-card);border-radius:var(--radius-card);box-shadow:var(--shadow-fab);padding:6px;min-width:200px;max-height:240px;overflow-y:auto}.category-pill__item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;text-align:left}.category-pill__item:active{background:var(--color-bg-app)}.numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:8px 0 16px}.numpad__key{height:56px;font-size:var(--text-numpad);font-weight:400;border-radius:var(--radius-button);transition:background .1s ease}.numpad__key:active{background:var(--color-bg-app)}.modal-backdrop{position:fixed;inset:0;z-index:100;background:#00000073;display:flex;align-items:flex-end;justify-content:center;animation:fade-in .2s ease}.modal-backdrop>.ios-guide,.modal-backdrop>.add-sheet{width:100%;max-width:var(--container-max)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sheet__close{position:absolute;top:16px;left:16px;font-size:18px;color:var(--color-text-secondary)}.add-sheet{position:relative;background:var(--color-bg-elevated);border-bottom-left-radius:0;border-bottom-right-radius:0;padding:20px var(--space-page-h) calc(var(--safe-bottom) + 20px);animation:sheet-up .3s ease-out}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.add-sheet__head{display:flex;justify-content:center;align-items:center;margin-bottom:24px;padding-top:4px}.add-sheet__toggle{display:inline-flex;background:var(--color-bg-app);border-radius:var(--radius-pill);padding:4px;gap:4px}.toggle-pill{padding:8px 18px;border-radius:var(--radius-pill);font-weight:600;color:var(--color-text-secondary)}.toggle-pill.is-active{background:var(--color-primary-gradient);color:var(--color-text-on-primary)}.add-sheet__amount{text-align:center;font-size:var(--text-input-amt);font-weight:700;margin:8px 0}.add-sheet__cat{display:flex;justify-content:center;margin-bottom:16px}.add-sheet__note{width:100%;padding:14px 16px;border-radius:var(--radius-button);background:var(--color-bg-app);margin-bottom:4px}.add-sheet__wallet{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.add-sheet__wallet-label{font-size:var(--text-caption);color:var(--color-text-secondary);font-weight:600}.add-sheet__wallet-select{flex:1;max-width:60%;padding:12px 14px;border-radius:var(--radius-button);background:var(--color-bg-app);font-size:var(--text-body);font-weight:600;color:var(--color-text-primary);text-align:right;text-align-last:right}.add-sheet__cta{margin-top:4px}.ios-guide{position:relative;background:var(--color-bg-elevated);border-bottom-left-radius:0;border-bottom-right-radius:0;padding:48px var(--space-page-h) calc(var(--safe-bottom) + 24px);animation:sheet-up .3s ease-out}.ios-guide h2{font-size:var(--text-heading);margin-bottom:8px}.ios-guide p{color:var(--color-text-secondary);margin-bottom:16px}.ios-guide ol{list-style:decimal inside;display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.settings-card{padding:6px 16px;margin-bottom:16px}.settings-card__row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--color-border)}.settings-card__row:last-child{border-bottom:none}.settings-card__icon{font-size:20px;width:28px;text-align:center}.settings-card__body{flex:1;display:flex;flex-direction:column}.settings-card__action{margin-left:auto}.settings-toggle{width:48px;height:28px;border-radius:var(--radius-pill);background:var(--color-bar-inactive);position:relative;transition:background .2s ease}.settings-toggle:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--color-bg-elevated);transition:transform .2s ease}.settings-toggle.is-on{background:var(--color-primary-500)}.settings-toggle.is-on:after{transform:translate(20px)}.fab{position:fixed;right:max(var(--space-page-h),calc(50% - var(--container-max) / 2 + var(--space-page-h)));bottom:calc(var(--bottom-nav-h) + var(--safe-bottom) + 16px);z-index:60;width:56px;height:56px;border-radius:50%;background:var(--color-primary-gradient);color:var(--color-text-on-primary);font-size:28px;display:grid;place-items:center;box-shadow:var(--shadow-fab);transition:transform .12s ease}.fab:active{transform:scale(.92)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--container-max);height:calc(var(--bottom-nav-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--color-bg-card);box-shadow:0 -2px 16px #0000000f;display:flex;z-index:70}.bottom-nav__tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--color-nav-inactive)}.bottom-nav__tab.is-active{color:var(--color-primary-500)}.bottom-nav__icon{font-size:20px;transition:transform .15s ease}.bottom-nav__tab.is-active .bottom-nav__icon{transform:scale(1.15)}.bottom-nav__label{font-size:11px;font-weight:600}.login-page{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.login-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;gap:12px}.login-page__loading .login-page__logo{font-size:48px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}}.login-page__hero{background:var(--color-primary-gradient);color:var(--color-text-on-primary);padding:80px 24px 60px;text-align:center;border-radius:0 0 32px 32px}.login-page__logo{font-size:56px;margin-bottom:12px}.login-page__brand{font-size:var(--text-heading);font-weight:700;letter-spacing:-.5px}.login-page__content{flex:1;display:flex;align-items:center;justify-content:center;padding:32px 20px}.login-page__card{width:100%;max-width:360px;padding:32px 24px;text-align:center}.login-page__title{font-size:var(--text-heading);font-weight:700;color:var(--color-text-primary);margin-bottom:8px}.login-page__subtitle{color:var(--color-text-secondary);margin-bottom:28px;line-height:1.5}.login-page__cta{width:100%;font-size:16px}.side-nav{display:none}.side-nav__brand{display:flex;align-items:center;gap:10px;padding:24px 20px 32px}.side-nav__logo{font-size:28px}.side-nav__title{font-size:var(--text-subheading);font-weight:700;color:var(--color-text-primary)}.side-nav__links{display:flex;flex-direction:column;gap:4px;padding:0 12px;flex:1;min-height:0;overflow-y:auto}.side-nav__item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-button);color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-body);font-weight:500;transition:background .15s ease,color .15s ease}.side-nav__item:hover{background:color-mix(in srgb,var(--color-primary-500) 8%,transparent);color:var(--color-text-primary)}.side-nav__item.is-active{background:color-mix(in srgb,var(--color-primary-500) 12%,transparent);color:var(--color-primary-500);font-weight:600}.side-nav__icon{font-size:20px;width:24px;text-align:center}.side-nav__label{white-space:nowrap}.side-nav__footer{padding:16px 12px 24px;margin-top:auto;display:flex;flex-direction:column;gap:8px;flex-shrink:0}.side-nav__add{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:var(--radius-button);color:var(--color-text-on-primary);font-size:var(--text-body);font-weight:600;background:var(--color-primary-gradient);border:none;cursor:pointer;width:100%;box-shadow:var(--shadow-fab);transition:transform .15s ease,box-shadow .15s ease}.side-nav__add:hover{transform:translateY(-1px);box-shadow:var(--shadow-fab)}.side-nav__add:active{transform:scale(.98)}.side-nav__logout{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-button);color:var(--color-expense);font-size:var(--text-body);font-weight:500;background:none;border:none;cursor:pointer;width:100%}.side-nav__logout:hover{background:color-mix(in srgb,var(--color-expense) 8%,transparent)}.app-content{flex:1;display:flex;flex-direction:column;min-width:0}@media(min-width:768px){html,body{height:100%;overflow:hidden;background:var(--color-bg-app)}.app-shell{max-width:100%;display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:1fr;height:100dvh;min-height:unset;overflow:hidden;box-shadow:none}.side-nav{display:flex;flex-direction:column;background:var(--color-bg-card);border-right:1px solid var(--color-border);height:100%;min-height:0;overflow:hidden;position:relative;top:auto}.app-content{max-width:720px;margin:0 auto;width:100%;padding:0 24px;height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.bottom-nav,.fab{display:none}.page{padding-bottom:24px}.login-page{grid-column:1 / -1}.login-page__hero{padding:100px 24px 80px}.login-page__card{max-width:400px}}.export-sheet__fields{display:flex;gap:10px;padding:0 16px;margin-bottom:16px}.export-sheet__field{flex:1;display:flex;flex-direction:column;gap:4px}.export-sheet__label{font-size:var(--text-caption);color:var(--color-text-secondary)}.export-sheet__month{width:100%;padding:8px 12px;border-radius:var(--radius-button);border:1.5px solid var(--color-border);background:var(--color-bg-app);font-size:var(--text-body);color:var(--color-text-primary)}.export-sheet__formats{display:flex;justify-content:center;gap:8px;margin-bottom:16px}.export-sheet__formats .toggle-pill{background:var(--color-bg-app)}.export-sheet__formats .toggle-pill.is-active{background:var(--color-primary-gradient);color:var(--color-text-on-primary)}.export-sheet__error{padding:0 16px;margin-bottom:8px;text-align:center;font-size:var(--text-caption);color:var(--color-expense)}