:root{--bg-primary:#fff;--bg-secondary:#f4f7f5;--bg-tertiary:#eef2ef;--bg-hover:#e6ece9;--text-primary:#1f2a27;--text-secondary:#5a6b65;--text-tertiary:#9aa8a2;--border:#e1e8e4;--border-strong:#c9d6cf;--income:#2f8f6b;--income-bg:#e7f3ee;--income-border:#bfe0d0;--expense:#cf6a5a;--expense-bg:#fbecea;--expense-border:#f3d3cd;--savings:#3f7fae;--savings-bg:#e9f1f8;--savings-border:#cfe0ee;--warning:#d39a3f;--warning-bg:#fbf3e3;--accent:#2f7d6b;--accent-bg:#e3efe9;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--shadow-sm:0 1px 3px #1428230d,0 1px 2px #1428230a;--shadow-md:0 4px 12px #14282314,0 2px 4px #1428230d;--shadow-lg:0 10px 28px #1428231f,0 4px 10px #14282312;--sidebar-width:220px;--topbar-height:56px;--transition:180ms ease;--font-body:"Hanken Grotesk",system-ui,sans-serif;--font-mono:"JetBrains Mono","Courier New",monospace;--base-font-size:14px}[data-theme=dark]{--bg-primary:#18231e;--bg-secondary:#141f1b;--bg-tertiary:#0f1714;--bg-hover:#1f2c26;--text-primary:#e8f0ec;--text-secondary:#9bb0a7;--text-tertiary:#6d827a;--border:#243630;--border-strong:#324840;--income:#46c08e;--income-bg:#0e2a20;--income-border:#1c4a38;--expense:#e08374;--expense-bg:#3a1f1c;--expense-border:#5e2c26;--savings:#5fa3d4;--savings-bg:#11283b;--savings-border:#1e3f5a;--warning:#d9b85f;--warning-bg:#2a2310;--accent:#6fc3a8;--accent-bg:#1e3a32;--shadow-sm:0 1px 3px #00000059;--shadow-md:0 4px 12px #00000073;--shadow-lg:0 10px 28px #00000080}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;font-size:var(--base-font-size,14px)}body{-webkit-font-smoothing:antialiased;background:var(--bg-tertiary);color:var(--text-primary);font-family:var(--font-body);line-height:1.6;transition:background var(--transition),color var(--transition)}.app-layout{display:flex;flex-direction:column;min-height:100vh}.topbar{background:var(--bg-primary);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);gap:16px;height:var(--topbar-height);padding:0 20px;position:sticky;top:0;z-index:100}.topbar,.topbar-brand{align-items:center;display:flex}.topbar-brand{color:var(--text-primary);font-size:15px;font-weight:600;gap:8px;white-space:nowrap}.topbar-brand .brand-icon{align-items:center;border-radius:var(--radius-sm);display:flex;height:28px;justify-content:center;overflow:hidden;width:28px}.topbar-brand .brand-icon img{height:100%;object-fit:cover;width:100%}.nav-tabs{display:flex;flex:1 1;gap:2px;overflow-x:auto;position:relative;scrollbar-width:none}.nav-tabs::-webkit-scrollbar{display:none}@media (prefers-reduced-motion:reduce){.bn-pill,.nav-drawer,.nav-pill{transition:none}}.nav-pill{background:var(--accent-bg);border-radius:100px;bottom:0;left:0;pointer-events:none;position:absolute;top:0;transition:transform .3s cubic-bezier(.34,1.3,.64,1),width .3s cubic-bezier(.34,1.3,.64,1);z-index:0}.nav-tab{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-body);font-size:13px;font-weight:400;gap:6px;padding:6px 14px;position:relative;transition:color var(--transition);white-space:nowrap;z-index:1}.nav-tab:hover{color:var(--text-primary)}.nav-tab.active{font-weight:500}.nav-tab svg{flex-shrink:0;height:14px;width:14px}.topbar-actions{align-items:center;display:flex;gap:8px;margin-left:auto}.main-content{flex:1 1;margin:0 auto;max-width:1100px;padding:20px;width:100%}.card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.card-title{color:var(--text-primary);font-size:14px;font-weight:600}.metrics-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.metric-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:16px}.metric-label{color:var(--text-tertiary);font-size:11px;font-weight:500;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.metric-value{font-family:var(--font-mono);font-size:22px;font-weight:500;line-height:1.2;margin-bottom:4px}.metric-sub{color:var(--text-tertiary);font-size:11px}.metric-income .metric-value{color:var(--income)}.metric-expense .metric-value{color:var(--expense)}.metric-savings .metric-value{color:var(--savings)}.metric-net .metric-value{color:var(--text-primary)}.badge{align-items:center;border-radius:100px;display:inline-flex;font-size:11px;font-weight:500;gap:3px;padding:2px 8px}.badge-income{background:var(--income-bg);border:1px solid var(--income-border);color:var(--income)}.badge-expense{background:var(--expense-bg);border:1px solid var(--expense-border);color:var(--expense)}.badge-interest,.badge-savings{background:var(--savings-bg);border:1px solid var(--savings-border);color:var(--savings)}.badge-adjustment{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary)}.badge-correction{background:var(--warning-bg);border:1px solid var(--warning);color:var(--warning)}.badge-withdrawal{background:var(--expense-bg);border:1px solid var(--expense-border);color:var(--expense)}.btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:13px;font-weight:500;gap:6px;justify-content:center;line-height:1;padding:8px 14px;transition:all var(--transition);white-space:nowrap}.btn:hover{background:var(--bg-hover);border-color:var(--border-strong)}.btn:active{transform:scale(.98)}.btn svg{height:14px;width:14px}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:#4f52d8;border-color:#4f52d8}.btn-sm{font-size:12px;padding:5px 10px}.btn-xs{font-size:11px;padding:3px 8px}.btn-ghost{background:#0000;border-color:#0000;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-hover);border-color:#0000;color:var(--text-primary)}.btn-danger{border-color:var(--expense-border);color:var(--expense)}.btn-danger:hover{background:var(--expense-bg)}.btn-icon{border-radius:var(--radius-sm);height:30px;padding:0;width:30px}.form-group{margin-bottom:14px}.form-group:last-child{margin-bottom:0}label{color:var(--text-secondary);display:block;font-size:12px;font-weight:500;margin-bottom:5px}input,select,textarea{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:13px;line-height:1.5;outline:none;padding:8px 12px;transition:border-color var(--transition),box-shadow var(--transition);width:100%}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,#0000)}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}input[type=number]{font-family:var(--font-mono)}input[type=checkbox],input[type=radio]{accent-color:var(--accent);background:#0000;border:none;border-radius:0;cursor:pointer;flex-shrink:0;height:16px;margin:0;min-width:16px;padding:0;vertical-align:middle;width:16px}input[type=checkbox]:focus,input[type=radio]:focus{border-radius:3px;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,#0000)}.input-error{border-color:var(--expense)!important}.error-msg{color:var(--expense);font-size:11px;margin-top:4px}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;font-size:13px;width:100%}th{color:var(--text-tertiary);font-size:11px;font-weight:600;letter-spacing:.4px;padding:8px 10px;text-align:left;text-transform:uppercase}td,th{border-bottom:1px solid var(--border)}td{padding:10px;vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg-secondary)}.amount-cell{font-family:var(--font-mono);font-size:13px;text-align:right}.list-row{border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:7px;justify-content:center;min-height:56px;padding:10px 4px}.list-row-top{align-items:center;display:flex;gap:12px}.list-row:last-child{border-bottom:none}.list-row-tappable{-webkit-tap-highlight-color:transparent;cursor:pointer}.list-row-tappable:active{background:var(--bg-secondary)}@media (max-width:640px){.cat-detail-stats{grid-template-columns:repeat(2,1fr)!important}}.list-row-footer{width:100%}.list-row-bar{background:var(--bg-tertiary);border-radius:100px;height:3px;overflow:hidden;width:100%}.list-row-bar-fill{border-radius:100px;height:100%;transition:width .3s ease}.list-row-leading{align-items:center;background:var(--bg-secondary);border-radius:50%;display:flex;flex:0 0 auto;font-size:17px;height:34px;justify-content:center;width:34px}.list-row-main{flex:1 1 auto;min-width:0}.list-row-title{color:var(--text-primary);font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-row-sub{color:var(--text-secondary);font-size:12px;margin-top:2px}.list-row-value{flex:0 0 auto;font-family:var(--font-mono);font-size:14px;font-weight:600;text-align:right;white-space:nowrap}.list-row-value .list-row-value-sub{color:var(--text-tertiary);display:block;font-size:10px;font-weight:400}.swipe-row{border-bottom:1px solid var(--border);overflow:hidden;position:relative}.swipe-row .list-row,.swipe-row:last-child{border-bottom:none}.swipe-row-content{background:var(--bg-primary);position:relative;transition:transform .18s ease;will-change:transform;z-index:1}.swipe-row.swiping .swipe-row-content{transition:none}.swipe-actions{bottom:0;display:flex;position:absolute;top:0}.swipe-actions-start{left:0}.swipe-actions-end{right:0}.swipe-action{align-items:center;border:none;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;width:88px}.swipe-action-danger{background:var(--expense)}.swipe-action-warning{background:var(--warning)}.swipe-action-edit{background:var(--accent)}.swipe-action-default{background:var(--text-tertiary)}.txn-dot{border-radius:50%;display:block;height:10px;width:10px}.recurring-actions{align-items:center;display:flex;flex:0 0 auto;gap:4px}.recurring-actions .btn-sm{padding:6px 10px;white-space:nowrap}.budget-icon{align-items:center;display:inline-flex;font-size:17px;height:100%;justify-content:center;line-height:1;width:100%}.budget-icon-btn{-webkit-tap-highlight-color:transparent;background:none;border:none;cursor:pointer;padding:0}.budget-icon-desktop{flex:0 0 auto;font-size:15px;height:22px;width:22px}.budget-dot{border-radius:50%;display:inline-block;height:14px;width:14px}.budget-icon-desktop .budget-dot{height:10px;width:10px}.savings-card-icon{align-items:center;background:var(--bg-secondary);border-radius:50%;display:flex;flex:0 0 auto;height:38px;justify-content:center;width:38px}.savings-card-icon .budget-icon{font-size:20px}.savings-card-icon .budget-dot{height:16px;width:16px}.bucket-name-row{align-items:flex-end;display:flex;gap:10px}.bucket-name-field{flex:1 1 auto;min-width:0}.bucket-icon-chip{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;cursor:pointer;display:flex;flex:0 0 auto;font-size:22px;height:42px;justify-content:center;line-height:1;transition:border-color .15s;width:42px}.bucket-icon-chip.empty{border-style:dashed}.bucket-icon-chip:hover{border-color:var(--accent)}.emoji-picker-panel{margin:-4px 0 14px}@media (max-width:640px){.bucket-name-row{align-items:center;flex-direction:column;gap:8px}.bucket-name-field{width:100%}}.txn-filter-bar{align-items:center;display:flex;gap:8px}.txn-search-wrap{flex:1 1 auto;min-width:0;position:relative}.txn-search-icon{color:var(--text-tertiary);left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.txn-search{padding-left:32px!important}.txn-filter-btn{flex:0 0 auto;min-height:40px;white-space:nowrap}.txn-filter-btn.has-active{border-color:var(--accent);color:var(--accent)}.progress-wrap{background:var(--bg-tertiary);border-radius:100px;height:6px;overflow:hidden}.progress-fill{border-radius:100px;height:100%;transition:width .4s ease}.grid-2{grid-gap:16px;grid-template-columns:1fr 1fr}.grid-2,.grid-3{display:grid;gap:16px}.grid-3{grid-gap:16px;grid-template-columns:1fr 1fr 1fr}.grid-auto{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.flex{align-items:center;display:flex;gap:8px}.flex-1{flex:1 1}.flex-end{justify-content:flex-end}.flex-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.flex-col{align-items:flex-start;flex-direction:column}.period-bar{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:16px}.period-btn{background:#0000;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);font-size:12px;font-weight:500;padding:5px 12px;transition:all var(--transition)}.period-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.period-btn.active{background:var(--text-primary);border-color:var(--text-primary);color:var(--bg-primary)}.ss-option{align-items:center;border-left:2px solid #0000;cursor:pointer;display:flex;font-size:13px;gap:10px;padding:8px 14px;transition:background var(--transition)}.ss-option.ss-selected,.ss-option:hover{background:var(--bg-secondary)}.ss-option.ss-selected{border-left-color:var(--savings);font-weight:600}.ss-create{align-items:center;color:var(--savings);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:background var(--transition)}.ss-create:hover{background:var(--bg-secondary)}.section-title{color:var(--text-tertiary);font-size:11px;font-weight:600;letter-spacing:.6px;margin-bottom:10px;margin-top:20px;text-transform:uppercase}.section-title:first-child{margin-top:0}.empty-state{color:var(--text-tertiary);padding:48px 20px;text-align:center}.empty-state-icon{font-size:32px;margin-bottom:12px}.empty-state-title{color:var(--text-secondary);font-size:14px;font-weight:500;margin-bottom:6px}.empty-state-sub{font-size:12px}.toast-container{bottom:24px;display:flex;flex-direction:column;gap:8px;position:fixed;right:24px;z-index:999}.toast{align-items:center;animation:toastIn .2s ease;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex;font-size:13px;gap:10px;max-width:340px;min-width:220px;padding:10px 16px}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal-backdrop{align-items:center;animation:fadeIn .15s ease;background:#0006;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:200}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{animation:modalIn .2s ease;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-height:calc(100vh - 40px);max-width:460px;overflow-y:auto;padding:24px;width:100%}.modal.modal-wide{max-width:720px}@keyframes modalIn{0%{opacity:0;transform:scale(.96) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-title{font-size:16px;font-weight:600;margin-bottom:20px}.modal-footer{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.modal-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.modal-header-row .modal-title{margin-bottom:0}.modal-backdrop-sheet{align-items:flex-start;padding:0}@keyframes sheetSlideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes sheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal.modal-sheet{animation:sheetSlideDown .22s ease;border-radius:0 0 var(--radius-xl) var(--radius-xl);display:flex;flex-direction:column;max-height:92vh;max-width:100vw;overflow:hidden;padding:calc(8px + env(safe-area-inset-top)) 18px 18px;width:100vw}.modal-sheet .modal-sheet-grabber{display:none}.modal-sheet-grabber{background:var(--border-strong);border-radius:2px;flex-shrink:0;height:4px;margin:6px auto 10px;width:38px}.modal-sheet .modal-header-row{flex-shrink:0;margin-bottom:12px}.modal-sheet-body{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding-bottom:4px}.modal-sheet-footer{border-top:1px solid var(--border);flex-shrink:0;margin-top:8px;padding-top:12px}.modal-sheet-footer .entry-submit{font-size:15px;font-weight:600;justify-content:center;padding:14px 18px;width:100%}.entry-type-segmented{grid-gap:6px;background:var(--bg-secondary);border-radius:var(--radius-md);display:grid;gap:6px;grid-template-columns:1fr 1fr 1fr;margin-bottom:18px;padding:4px}.entry-type-pill{appearance:none;background:#0000;border:none;border-radius:calc(var(--radius-md) - 4px);color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);font-size:14px;font-weight:500;padding:10px 0;transition:background var(--transition),color var(--transition)}.entry-type-pill.active{background:var(--bg-primary);box-shadow:var(--shadow-sm);color:var(--text-primary);font-weight:600}.entry-type-pill.income.active{color:var(--income)}.entry-type-pill.expense.active{color:var(--expense)}.entry-type-pill.savings.active{color:var(--savings)}.entry-amount-wrap{align-items:baseline;display:flex;gap:8px;justify-content:center;margin:8px 0 4px}.entry-amount-symbol{color:var(--text-tertiary);font-family:var(--font-mono);font-size:24px;font-weight:500}.entry-amount-input{appearance:none;background:#0000;border:none;color:var(--text-primary);font-family:var(--font-mono);font-size:44px;font-weight:600;min-width:120px;outline:none;padding:4px 0;text-align:center;width:60%}.entry-amount-input::placeholder{color:var(--text-tertiary);font-weight:400}.entry-amount-input.input-error{color:var(--expense)}.entry-section-label{color:var(--text-tertiary);font-size:11px;font-weight:600;letter-spacing:.06em;margin:16px 0 8px;text-transform:uppercase}.entry-category-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr}.entry-cat-tile{align-items:center;appearance:none;background:var(--bg-primary);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-body);font-size:13px;justify-content:center;min-height:56px;padding:12px 8px;text-align:center;transition:border-color var(--transition),background var(--transition),color var(--transition)}.entry-cat-tile:hover{background:var(--bg-secondary)}.entry-cat-tile.active{background:var(--accent-bg);border-color:var(--accent);color:var(--text-primary);font-weight:600}.entry-cat-name{line-height:1.2}.entry-cat-more{margin-top:8px}.entry-date-chips{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.entry-chip{appearance:none;background:var(--bg-primary);border:1.5px solid var(--border);border-radius:999px;color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);font-size:13px;padding:8px 16px;transition:border-color var(--transition),background var(--transition),color var(--transition)}.entry-chip.active{background:var(--accent-bg);border-color:var(--accent);color:var(--text-primary);font-weight:600}.entry-date-input{border:1.5px solid var(--border);border-radius:999px;flex:1 1;min-width:120px;padding:7px 10px}.entry-advanced-toggle,.entry-date-input{font-family:var(--font-body);font-size:13px}.entry-advanced-toggle{appearance:none;background:#0000;border:none;color:var(--accent);cursor:pointer;margin-top:18px;padding:6px 0}.entry-advanced{padding-top:4px}.bottom-nav{align-items:center;-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);background:linear-gradient(180deg,#fff9,#f7faf875);border:1px solid #ffffffa6;border-radius:26px;bottom:calc(16px + env(safe-area-inset-bottom));box-shadow:0 10px 28px #14282333,inset 0 1px 0 #ffffffd9;display:flex;justify-content:space-around;left:16px;padding:6px 14px;position:fixed;right:16px;touch-action:pan-y;transition:padding .2s ease,border-radius .2s ease;z-index:150}[data-theme=dark] .bottom-nav{background:linear-gradient(180deg,#283a34a8,#101a1680);border-color:#ffffff1f;box-shadow:0 10px 28px #00000080,inset 0 1px 0 #ffffff24}.bn-pill{-webkit-backdrop-filter:blur(18px) saturate(220%);backdrop-filter:blur(18px) saturate(220%);background:linear-gradient(180deg,#fffffff2,#fff6 46%,#fff3 60%,#ffffffb3);border:1px solid #ffffffe6;border-radius:20px;bottom:4px;box-shadow:inset 0 1.5px 1px #fff,inset 0 -2px 3px #ffffff8c,inset 0 0 12px #fff6,0 6px 16px #14282338;left:0;overflow:hidden;pointer-events:none;position:absolute;top:4px;transition:transform .42s cubic-bezier(.22,1,.36,1),width .42s cubic-bezier(.22,1,.36,1);z-index:2}.bn-pill.dragging{transition:none}.bn-pill:before{background:radial-gradient(closest-side,#ffffffe6,#fff0);border-radius:50%;height:130%;left:-10%;top:-30%;width:70%}.bn-pill:after,.bn-pill:before{content:"";pointer-events:none;position:absolute}.bn-pill:after{background:linear-gradient(180deg,#ffffffe6,#fff0);border-radius:20px 20px 50% 50%/20px 20px 24px 24px;height:58%;left:0;right:0;top:0}[data-theme=dark] .bn-pill{background:linear-gradient(180deg,#ffffff47,#ffffff0f 46%,#ffffff08 60%,#ffffff24);border-color:#ffffff47;box-shadow:inset 0 1.5px 1px #ffffff59,inset 0 -2px 3px #ffffff1f,inset 0 0 12px #ffffff0f,0 6px 16px #0000006b}[data-theme=dark] .bn-pill:before{background:radial-gradient(closest-side,#ffffff52,#fff0)}[data-theme=dark] .bn-pill:after{background:linear-gradient(180deg,#ffffff42,#fff0)}.bn-item{align-items:center;appearance:none;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:var(--font-body);font-size:10px;gap:2px;justify-content:center;min-height:44px;padding:4px 2px;position:relative;transition:min-height .2s ease,font-size .2s ease;z-index:1}.bn-item.active{color:var(--accent);pointer-events:none;z-index:3}.bn-item span{font-size:10px;line-height:1;transition:opacity .2s ease,max-height .2s ease}.bottom-nav.compact{padding:3px 14px}.bottom-nav.compact .bn-item{min-height:34px}.bottom-nav.compact .bn-item svg{height:18px;width:18px}.bottom-nav.compact .bn-item span{max-height:0;opacity:0;overflow:hidden}.bottom-nav.compact .bn-fab{flex-basis:48px;height:48px;margin-top:-16px;width:48px}.bn-fab{align-items:center;appearance:none;background:var(--accent);border:4px solid var(--bg-primary);border-radius:50%;box-shadow:0 5px 14px #2f7d6b73;color:#fff;cursor:pointer;display:flex;flex:0 0 56px;height:56px;justify-content:center;margin:-22px 6px 0;transition:transform var(--transition),width .2s ease,height .2s ease,margin-top .2s ease;width:56px}.bn-item svg{transition:width .2s ease,height .2s ease}.bn-fab:active{transform:scale(.94)}.bn-fab.drive-problem{background:var(--expense)}.bn-more-backdrop{align-items:flex-end;animation:fadeIn .15s ease;background:#0006;display:flex;inset:0;position:fixed;z-index:200}.bn-more-sheet{animation:sheetSlideUp .22s ease;background:var(--bg-primary);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:14px 16px calc(14px + env(safe-area-inset-bottom));width:100%}.bn-more-header{font-size:14px;font-weight:600;justify-content:space-between;margin-bottom:8px}.bn-more-header,.bn-more-item{align-items:center;display:flex}.bn-more-item{appearance:none;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-family:var(--font-body);font-size:15px;gap:12px;padding:14px 4px;text-align:left;width:100%}.bn-more-item.active{color:var(--accent);font-weight:600}.bn-more-item:hover{background:var(--bg-secondary)}.kbd{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);display:inline-flex;font-family:var(--font-mono);font-size:10px;padding:1px 6px}.divider{background:var(--border);height:1px;margin:16px 0}.toggle-wrap{align-items:center;cursor:pointer;display:flex;gap:10px}.toggle{background:var(--border-strong);border:none;border-radius:100px;cursor:pointer;flex-shrink:0;height:20px;padding:0;position:relative;transition:background var(--transition);width:36px}.toggle.on{background:var(--accent)}.toggle-icon{align-items:center;background:#fff;border-radius:50%;color:#555;display:flex;height:14px;justify-content:center;left:3px;pointer-events:none;position:absolute;top:3px;transition:transform var(--transition);width:14px}.toggle.on .toggle-icon{color:var(--accent);transform:translateX(16px)}.file-save-chip{align-items:center;border:1px solid #0000;border-radius:100px;cursor:pointer;display:inline-flex;font-size:11px;font-weight:500;gap:5px;max-width:200px;padding:3px 10px 3px 8px;transition:opacity .15s,background .15s;white-space:nowrap}.file-save-chip-name{max-width:110px;overflow:hidden;text-overflow:ellipsis}.file-save-chip-dot{border-radius:50%;flex-shrink:0;height:6px;width:6px}.file-save-chip.saved{background:color-mix(in srgb,var(--income) 12%,#0000);border-color:color-mix(in srgb,var(--income) 25%,#0000);color:var(--income)}.file-save-chip.saved .file-save-chip-dot{background:var(--income)}.file-save-chip.unsaved{background:color-mix(in srgb,var(--color-warning) 12%,#0000);border-color:color-mix(in srgb,var(--color-warning) 30%,#0000);color:var(--color-warning)}.file-save-chip.unsaved .file-save-chip-dot{background:var(--color-warning)}.file-save-chip:hover{opacity:.8}.external-change-bar{align-items:center;background:color-mix(in srgb,var(--color-warning) 15%,var(--bg-secondary));border-bottom:1px solid color-mix(in srgb,var(--color-warning) 40%,#0000);color:var(--text-primary);display:flex;font-size:13px;gap:10px;padding:8px 16px}.external-change-bar>span{flex:1 1}.mono{font-family:var(--font-mono)}.income-text{color:var(--income)}.expense-text{color:var(--expense)}.savings-text{color:var(--savings)}.muted{color:var(--text-tertiary)}.secondary{color:var(--text-secondary)}@media (max-width:900px){.grid-3,.metrics-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.main-content{padding:12px 12px calc(80px + env(safe-area-inset-bottom))}.metrics-grid{gap:8px;grid-template-columns:1fr 1fr}.grid-2,.grid-3{grid-template-columns:1fr}.topbar{display:none}.bp-summary-grid{gap:14px!important;grid-template-columns:1fr 1fr!important}.bp-month-totals{gap:14px!important;margin-left:0!important;width:100%}.card{padding:14px}.modal-backdrop:not(.modal-backdrop-sheet){padding:10px}.modal,.modal.modal-wide{max-width:calc(100vw - 20px);padding:16px}input,select,textarea{font-size:16px}input[type=checkbox],input[type=radio]{font-size:0}.modal-footer{flex-wrap:wrap}.modal-footer>label{flex:1 1 100%;margin-right:0!important;white-space:normal!important}.topbar{gap:6px;padding:0 10px}.topbar-brand span{display:none}.nav-tab{min-height:44px;padding:8px 10px}.nav-tab svg{height:18px;width:18px}.period-bar{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;margin-bottom:0;overflow-x:auto;padding-bottom:2px;scrollbar-width:none;width:100%}}@media (max-width:640px){.period-bar::-webkit-scrollbar{display:none}.period-btn{flex:0 0 auto;min-height:36px;padding:7px 13px;white-space:nowrap}.period-custom{width:100%}.period-custom input[type=date]{flex:1 1;min-width:0;width:auto!important}.btn-icon{height:36px;width:36px}.btn-icon svg{height:16px;width:16px}.metric-card{padding:12px}.metric-value{font-size:18px}.toast-container{bottom:calc(92px + env(safe-area-inset-bottom));left:12px;right:12px}.toast{max-width:none;min-width:0;min-width:auto}td,th{padding:9px 7px}.tracker-row1>div{flex-basis:calc(50% - 5px);flex-grow:1;flex-shrink:1;min-width:0!important}.tracker-row2{flex-wrap:wrap!important}.tracker-row2>div{flex:1 1 100%!important;min-width:0!important}.tracker-row2>button{margin-top:2px;width:100%}.tracker-fx-strip{flex-wrap:wrap}.tracker-fx-strip>div{flex-shrink:1!important;width:100%!important}.tracker-fx-strip>input{flex:1 1 100%}.tracker-fx-strip>span{margin-left:0!important}.bp-add-row{flex-wrap:wrap}.bp-add-row>div{flex:1 1 100%!important}.tracker-filters{grid-gap:10px!important;display:grid!important;gap:10px!important;grid-template-columns:1fr 1fr}.tracker-filters>button,.tracker-filters>div{min-width:0!important}.tracker-filters>div>input,.tracker-filters>div>select{box-sizing:border-box;width:100%!important}.tracker-filters .tf-type{grid-column:1/-1}.tracker-filters .tf-search{flex:initial!important;grid-column:1/-1}.tracker-filters .tf-clear{grid-column:1/-1;justify-content:center;width:100%}.ss-dropdown{max-height:40vh!important}}@media (max-width:600px){.savings-actions{width:100%}.savings-actions .btn{flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1;font-size:14px;min-height:44px;padding:10px 14px}.savings-actions .btn-primary{flex:1 1 100%}}.pwa-install-bar{align-items:center;background:var(--accent-bg);border-bottom:1px solid var(--accent);color:var(--text-primary);display:flex;font-size:13px;gap:10px;padding:8px 20px}.pwa-install-bar span{flex:1 1}.drive-sync-indicator{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-secondary);display:flex;font-size:11px;gap:5px;padding:3px 8px}button.drive-sync-indicator{border:none;cursor:pointer;font:inherit;font-size:11px}button.drive-sync-indicator:hover{opacity:.85}button.drive-sync-indicator:disabled{cursor:default;opacity:.7}.drive-status-synced{color:var(--income)}.drive-status-warning{color:var(--warning)}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.tab-loading{animation:skeleton-shimmer 1.4s infinite;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-secondary) 50%,var(--bg-secondary) 75%);background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary,var(--bg-secondary)) 50%,var(--bg-secondary) 75%);background-size:200% 100%;border-radius:var(--radius-lg);height:120px;margin:32px auto;max-width:600px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.recurring-card{border-left:3px solid var(--accent)}.recurring-row{align-items:center;border-radius:var(--radius-sm);display:flex;font-size:13px;gap:8px;padding:6px 16px}.recurring-row:hover{background:var(--bg-secondary)}.bulk-toolbar{align-items:center;background:var(--savings-bg);border-bottom:1px solid var(--savings-border);gap:8px;padding:8px 16px}.bulk-toolbar,.txn-tags{display:flex;flex-wrap:wrap}.txn-tags{gap:3px;margin-top:3px}.txn-tag{background:var(--accent-bg);border:1px solid var(--accent);border-radius:10px;color:var(--accent);display:inline-block;font-size:10px;opacity:.8;padding:1px 6px}.error-boundary-card{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;margin:80px auto;max-width:400px;padding:48px 24px;text-align:center}.error-boundary-icon{font-size:48px;line-height:1}.error-boundary-title{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.error-boundary-msg{color:var(--text-secondary);font-family:var(--font-mono);font-size:13px;margin:0;word-break:break-word}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.balance-hero{background:var(--accent);border-color:#0000}.balance-hero .metric-label{color:#bfe0d4}.balance-hero .metric-sub,.balance-hero .metric-value{color:#fff}.balance-hero.negative .metric-value{color:#ffd9d2}.nav-tab.active{color:var(--accent)}.nav-tab.active,.period-btn,.progress-fill,.progress-wrap{border-radius:100px}.balance-row{align-items:stretch;display:flex;gap:16px;margin-bottom:16px}.balance-row>.balance-hero{flex:2 1}.balance-row>.savings-rate-card{flex:1 1}@media (max-width:640px){.balance-row{display:block}.savings-rate-card{display:none}}@media (max-width:600px){.main-content{padding-bottom:96px}}.mobile-header{align-items:center;background:var(--bg-tertiary);display:flex;gap:10px;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;position:sticky;top:0;transition:padding .2s ease;z-index:140}.mobile-header.scrolled{padding:calc(3px + env(safe-area-inset-top)) 16px 4px}.mobile-header.scrolled .mh-burger{height:34px;width:34px}.mobile-header.scrolled .mh-brand{font-size:15px}.mh-burger{align-items:center;appearance:none;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;transition:width .2s ease,height .2s ease;width:40px}.mh-burger:hover{background:var(--bg-hover)}.mh-brand{color:var(--text-primary);font-size:18px;font-weight:700;transition:font-size .2s ease}.mh-actions{align-items:center;display:flex;margin-left:auto}.drawer-edge{bottom:0;left:0;position:fixed;top:0;touch-action:pan-y;width:20px;z-index:290}.nav-drawer-backdrop{background:#1f2a2700;display:flex;inset:0;position:fixed;transition:visibility 0s linear .25s,background-color .25s ease;visibility:hidden;z-index:300}.nav-drawer-backdrop.open{transition:visibility 0s,background-color .25s ease;visibility:visible}.nav-drawer{-webkit-backdrop-filter:blur(26px) saturate(180%);backdrop-filter:blur(26px) saturate(180%);background:linear-gradient(180deg,#ffffffd1,#f7faf8a3);border-radius:0 28px 28px 0;border-right:1px solid #ffffffb3;box-shadow:6px 0 30px #14282333,inset 1px 0 0 #ffffffa6;display:flex;flex-direction:column;height:100%;padding:calc(18px + env(safe-area-inset-top)) 10px 18px;touch-action:pan-y;transform:translateX(-100%);transition:transform .25s cubic-bezier(.22,1,.36,1);width:240px}.nav-drawer.dragging{transition:none}[data-theme=dark] .nav-drawer{background:linear-gradient(180deg,#283a34e0,#101a16c7);border-right-color:#ffffff1f;box-shadow:6px 0 30px #00000080,inset 1px 0 0 #ffffff1f}.nd-header{align-items:center;border-bottom:1px solid var(--border);color:var(--text-primary);display:flex;font-size:16px;font-weight:700;gap:10px;margin-bottom:6px;padding:0 12px 14px}.nd-header .brand-icon{border-radius:var(--radius-sm);flex:0 0 30px;height:30px;overflow:hidden;width:30px}.nd-header .brand-icon img{display:block;height:100%;object-fit:cover;width:100%}.nd-item{align-items:center;appearance:none;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-body);font-size:14px;gap:12px;padding:12px;text-align:left;width:100%}.nd-item:hover{background:var(--bg-hover)}.nd-item.active{background:var(--accent-bg);color:var(--accent);font-weight:600}.nd-footer{border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:12px}
/*# sourceMappingURL=main.3f66c7a7.css.map*/