.shell{display:flex;height:100%;background:radial-gradient(1100px 500px at 85% -10%,var(--accent-soft),transparent 60%),linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px),var(--bg);background-size:auto,44px 44px,44px 44px,auto}.shell-main{flex:1;min-width:0;height:100%;overflow:hidden;display:flex;flex-direction:column}.sidebar{display:flex;flex-direction:column;width:var(--sidebar-width);flex:none;padding:18px 12px 14px;border-right:1px solid var(--border);background:color-mix(in srgb,var(--surface) 72%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:width var(--speed-med) var(--ease-out)}.shell[data-collapsed=true] .sidebar{width:var(--sidebar-rail)}.sidebar-head{display:flex;align-items:center;gap:10px;padding:4px 10px 18px;overflow:hidden;white-space:nowrap}.sidebar-nav{display:flex;flex-direction:column;gap:4px;flex:1}.sidebar-foot{display:flex;flex-direction:column;gap:4px;padding-top:10px;border-top:1px solid var(--border)}.sidebar-link{position:relative;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md);color:var(--text-mid);font-size:var(--text-sm);font-weight:550;white-space:nowrap;overflow:hidden;transition:background var(--speed-fast) var(--ease-out),color var(--speed-fast) var(--ease-out)}.sidebar-link svg{width:19px;height:19px;flex:none}.sidebar-link:hover{background:var(--surface-2);color:var(--text)}.sidebar-link.active{background:color-mix(in srgb,var(--item-accent) 13%,transparent);color:var(--text)}.sidebar-link.active svg{color:var(--item-accent)}.sidebar-link.active:before{content:"";position:absolute;left:0;top:50%;translate:0 -50%;width:3px;height:55%;border-radius:var(--radius-full);background:var(--item-accent);box-shadow:0 0 10px var(--item-accent)}.shell[data-collapsed=true] .sidebar-link{justify-content:center;padding:10px 0}.sidebar-collapse{color:var(--text-dim)}.bottomnav{position:fixed;left:50%;translate:-50% 0;bottom:var(--dock-inset);z-index:50;display:none;width:min(460px,calc(100% - 32px));height:var(--dock-height);padding:0 6px;border:1px solid var(--border);border-radius:var(--radius-full);background:color-mix(in srgb,var(--surface) 86%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-2);touch-action:none}.bottomnav-link{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:var(--radius-full);color:var(--text-dim);font-size:var(--text-xs);font-weight:550;transition:color var(--speed-fast) var(--ease-out)}.bottomnav-link svg{width:21px;height:21px;transition:transform var(--speed-fast) var(--ease-out)}.bottomnav-link.active{color:var(--item-accent)}.bottomnav-link.active svg{transform:translateY(-1px)}@media(max-width:800px){.sidebar{display:none}.bottomnav{display:flex}.shell-main{height:calc(100% - var(--dock-height) - var(--dock-inset) - 8px)}}.page{flex:1;min-height:0;display:flex;flex-direction:column;padding:var(--page-pad);overflow-y:auto}.page[data-scroll=locked]{overflow:hidden}.page-scroll{flex:1;min-height:0;overflow-y:auto}@media(max-width:800px){.page{padding-top:calc(env(safe-area-inset-top,0px) + 14px);padding-bottom:12px}}.page-head{display:flex;align-items:center;gap:14px;margin-bottom:18px;flex:none}.page-head>.page-title{margin-right:auto}.page-title{font-size:var(--text-xl);min-width:0}.page-title small{display:block;font-family:var(--font-body);font-size:var(--text-sm);font-weight:450;color:var(--text-mid);letter-spacing:0;margin-top:2px}@media(max-width:640px){.page-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:10px;row-gap:10px;margin-bottom:14px}.page-head>.page-title{grid-column:1;margin-right:0}.page-head>.monthswitcher{grid-column:2;justify-self:end}.page-head>:not(.page-title):not(.monthswitcher){grid-column:1 / -1;width:100%}.monthswitcher-label{min-width:104px}.page-scroll{scrollbar-gutter:stable}}.signin{position:relative;height:100%;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden;background:var(--bg-deep)}.signin-scene{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(640px 420px at 20% 12%,var(--accent-glow),transparent 65%),radial-gradient(560px 400px at 82% 88%,rgba(56,207,224,.14),transparent 65%),linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:auto,auto,44px 44px,44px 44px;-webkit-mask-image:radial-gradient(closest-side at 50% 50%,black,transparent 130%);mask-image:radial-gradient(closest-side at 50% 50%,black,transparent 130%)}.signin-card{position:relative;width:min(380px,100%);padding:34px 30px 24px;background:color-mix(in srgb,var(--surface) 86%,transparent);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.signin-brand{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:26px;text-align:center}.signin-brand h1{font-size:var(--text-2xl);letter-spacing:0}.signin-brand p{color:var(--text-mid);font-size:var(--text-sm)}.signin-setup-note{margin-bottom:18px;padding:10px 14px;border-radius:var(--radius-md);background:var(--accent-soft);color:var(--text-mid);font-size:var(--text-sm);line-height:1.45}.signin-setup-note code{font-family:var(--font-mono);font-size:.78rem;color:var(--accent)}.signin-form{display:flex;flex-direction:column;gap:6px}.signin-form .field{margin-bottom:10px}.signin-submit{margin-top:6px;width:100%;padding:11px}.signin-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--text-dim);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:0}.signin-divider:before,.signin-divider:after{content:"";flex:1;height:1px;background:var(--border)}.signin-google{width:100%;padding:11px}.signin-foot{margin-top:22px;text-align:center;color:var(--text-dim);font-size:var(--text-xs);letter-spacing:0}@media(max-width:520px){.signin{align-items:stretch;padding:max(env(safe-area-inset-top,0px),16px) 16px max(env(safe-area-inset-bottom,0px),16px);overflow-y:auto}.signin-card{margin:auto 0;padding:28px 20px 22px}.signin-brand{margin-bottom:22px}}.dash-head-actions{display:flex;align-items:center;gap:10px;flex:none}.monthswitcher{display:flex;align-items:center;gap:2px}.monthswitcher-label{min-width:128px;padding:6px 10px;border-radius:var(--radius-md);font-family:var(--font-display);font-weight:600;font-size:var(--text-sm);text-align:center;color:var(--text);transition:background var(--speed-fast) var(--ease-out)}.monthswitcher-label:hover{background:var(--surface-2)}.monthswitcher-label[data-current=false]{color:var(--page-accent, var(--accent))}.dash-accounts{padding:16px 20px;margin-bottom:12px}.dash-accounts-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.dash-balance{font-size:var(--text-xl);font-family:var(--font-display)}.dash-accounts-list{display:flex;flex-wrap:wrap;gap:8px}.dash-account{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-2);font-size:var(--text-sm);transition:border-color var(--speed-fast) var(--ease-out),background var(--speed-fast) var(--ease-out)}.dash-account:hover{border-color:var(--border-strong);background:var(--surface-3)}.dash-account-dot{width:8px;height:8px;flex:none;border-radius:3px;background:var(--cat)}.dash-account-name{font-weight:550;color:var(--text)}.dash-account-bal{color:var(--text-mid);font-weight:600}.dash-account-add{color:var(--text-dim);font-weight:550;border-style:dashed;gap:6px}.dash-account-add:hover{color:var(--accent);border-color:var(--accent)}.dash-cashflow{display:flex;gap:10px;padding:16px 20px;margin-bottom:12px}.dash-cashflow>div{flex:1;display:flex;flex-direction:column;gap:4px}.dash-cashflow strong{font-size:var(--text-lg)}.dash-in{color:var(--money-in)}.dash-out,.dash-cashflow [data-negative=true] strong{color:var(--money-out)}.dash-overview{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.dash-card{display:flex;flex-direction:column;gap:5px;padding:16px 18px;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);color:var(--text);transition:border-color var(--speed-fast) var(--ease-out),background var(--speed-fast) var(--ease-out),transform var(--speed-fast) var(--ease-out)}.dash-card:hover{border-color:var(--border-strong);background:var(--surface-2)}.dash-card:active{transform:scale(.99)}.dash-card-head{display:flex;align-items:center;gap:9px;margin-bottom:2px}.dash-card-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex:none;border-radius:var(--radius-md);color:var(--card-accent, var(--accent));background:color-mix(in srgb,var(--card-accent, var(--accent)) 15%,transparent)}.dash-card-label{flex:1;min-width:0;font-size:var(--text-sm);font-weight:600;color:var(--text-mid)}.dash-card-arrow{flex:none;color:var(--text-dim);transition:transform var(--speed-fast) var(--ease-out)}.dash-card:hover .dash-card-arrow{transform:translate(2px);color:var(--text-mid)}.dash-card-headline{font-size:var(--text-xl);font-family:var(--font-display);line-height:1.1}.dash-card-sub{font-size:var(--text-sm);color:var(--text-mid)}.dash-card-bar{height:7px;border-radius:var(--radius-full);background:var(--surface-3);overflow:hidden;margin-top:7px}.dash-card-fill{height:100%;border-radius:var(--radius-full);background:var(--card-accent, var(--accent));transition:width var(--speed-slow) var(--ease-out)}.dash-card[data-tone=over] .dash-card-fill{background:var(--danger)}.dash-card-note{font-size:var(--text-xs);color:var(--text-dim);margin-top:3px}.dash-card[data-tone=over] .dash-card-note{color:var(--danger)}.catmodal-form{display:flex;flex-direction:column;gap:16px}.catmodal-swatches{display:flex;gap:8px;flex-wrap:wrap}.catmodal-swatch{width:26px;height:26px;border-radius:var(--radius-full);background:var(--swatch);border:2px solid transparent;transition:transform var(--speed-fast) var(--ease-out)}.catmodal-swatch:hover{transform:scale(1.12)}.catmodal-swatch[data-active=true]{border-color:var(--text);box-shadow:0 0 0 3px color-mix(in srgb,var(--swatch) 35%,transparent)}.catmodal-actions{display:flex;align-items:center;gap:8px}.catmodal-actions-gap{flex:1}@media(max-width:640px){.dash-head-actions{justify-content:space-between}.dash-cashflow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:14px 16px}.dash-overview{grid-template-columns:minmax(0,1fr)}}@media(max-width:420px){.dash-accounts{padding:14px 16px}.dash-accounts-head{align-items:flex-start}.dash-balance{font-size:var(--text-lg)}.dash-cashflow strong{font-size:var(--text-md)}.catmodal-actions{flex-wrap:wrap}}.spend-head-actions{display:flex;align-items:center;gap:10px;flex:none}.spend-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:none;margin-bottom:16px;flex-wrap:wrap}.spend-viewtoggle{display:inline-flex;padding:3px;border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border)}.spend-viewtoggle button{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:550;color:var(--text-mid);transition:background var(--speed-fast) var(--ease-out),color var(--speed-fast) var(--ease-out)}.spend-viewtoggle button[data-active=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1)}.spend-viewtoggle svg{flex:none}.spend-toolbar-right{display:flex;align-items:center;gap:8px}.spend-filter.field{width:auto;min-width:168px;max-width:220px;padding:8px 12px;font-size:var(--text-sm)}.spend-day{margin-bottom:18px}.spend-cat-head{display:flex;align-items:center;gap:8px}.spend-cat-dot{width:9px;height:9px;flex:none;border-radius:3px;background:var(--cat)}.spend-cat-total{margin-left:auto;color:var(--text-mid);font-weight:600;letter-spacing:0}.spend-day .panel-title{margin-bottom:8px}.spend-list{display:flex;flex-direction:column;overflow:hidden}.spend-row{display:flex;align-items:center;gap:12px;padding:12px 16px;text-align:left;transition:background var(--speed-fast) var(--ease-out)}.spend-row+.spend-row{border-top:1px solid var(--border)}.spend-row:hover{background:var(--surface-2)}.spend-row[data-selected=true]{background:var(--accent-soft)}.spend-row-check{width:20px;height:20px;flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1.5px solid var(--border-strong);color:var(--on-accent);transition:background var(--speed-fast) var(--ease-out),border-color var(--speed-fast) var(--ease-out)}.spend-row[data-selected=true] .spend-row-check{background:var(--accent);border-color:var(--accent)}.spend-selectbar{position:fixed;left:50%;translate:-50% 0;bottom:22px;z-index:55;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;max-width:calc(100% - 32px);padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-pop)}@media(max-width:800px){.spend-selectbar{bottom:calc(var(--dock-inset) + var(--dock-height) + 14px)}}.spend-selectbar-count{font-size:var(--text-sm);font-weight:600;color:var(--text-mid);padding:0 4px}.spend-selectbar-cat.field{width:auto;min-width:150px;padding:8px 12px;font-size:var(--text-sm)}.spend-row-dot{width:9px;height:9px;flex:none;border-radius:3px;background:var(--cat)}.spend-row-main{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35}.spend-row-desc{font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spend-row-meta{font-size:var(--text-xs);color:var(--text-mid);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spend-row-amount{flex:none;font-weight:600}.import-blurb{margin-bottom:16px;font-size:var(--text-sm);color:var(--text-mid);line-height:1.5}.import-drop{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 16px;border:1.5px dashed var(--border-strong);border-radius:var(--radius-lg);color:var(--text-mid);font-size:var(--text-sm);font-weight:550;cursor:pointer;transition:color var(--speed-fast) var(--ease-out),border-color var(--speed-fast) var(--ease-out),background var(--speed-fast) var(--ease-out)}.import-drop:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.import-drop svg{width:22px;height:22px}.import-rows{display:flex;flex-direction:column;max-height:46vh;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-md)}.import-row{display:flex;align-items:center;gap:10px;padding:9px 12px}.import-row+.import-row{border-top:1px solid var(--border)}.import-row[data-included=false] .import-row-desc,.import-row[data-included=false] .import-row-amount{color:var(--text-dim)}.import-row input[type=checkbox]{accent-color:var(--accent);width:15px;height:15px;flex:none}.import-row-main{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}.import-row-desc{font-size:var(--text-sm);font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.import-row-in{margin-left:7px;font-style:normal;font-size:.64rem;font-weight:650;letter-spacing:0;text-transform:uppercase;color:var(--ok)}.import-total-in,.import-row-amount[data-money-in=true]{color:var(--money-in)}.import-row-date{font-size:var(--text-xs);color:var(--text-dim)}.import-row .import-row-cat{width:150px;flex:none;padding:5px 8px;font-size:var(--text-sm)}.import-row-amount{flex:none;min-width:76px;text-align:right;font-size:var(--text-sm);font-weight:600}.import-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.txmodal-form{display:flex;flex-direction:column;gap:14px}.txmodal-typetoggle{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border)}.txmodal-typetoggle button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600;color:var(--text-mid);transition:background var(--speed-fast) var(--ease-out),color var(--speed-fast) var(--ease-out)}.txmodal-typetoggle button[data-kind=expense][data-active=true]{background:var(--surface);color:var(--money-out);box-shadow:var(--shadow-1)}.txmodal-typetoggle button[data-kind=income][data-active=true]{background:var(--surface);color:var(--money-in);box-shadow:var(--shadow-1)}.txmodal-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.txmodal-optional{text-transform:none;letter-spacing:0;font-weight:450}.txmodal-actions{display:flex;align-items:center;gap:8px}.txmodal-actions-gap{flex:1}@media(max-width:640px){.spend-head-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px}.spend-head-actions .btn{width:100%}.spend-head-actions .btn-primary{grid-column:1 / -1}.spend-toolbar{align-items:stretch;margin-bottom:12px}.spend-viewtoggle,.spend-toolbar-right{width:100%}.spend-viewtoggle button{flex:1;justify-content:center}.spend-toolbar-right .btn{flex:none}.spend-filter.field{flex:1;min-width:0;max-width:none}.spend-selectbar{width:calc(100% - 24px);max-width:480px}.import-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px 10px}.import-row .import-row-cat{grid-column:2 / -1;width:100%}.txmodal-row{grid-template-columns:minmax(0,1fr)}}@media(max-width:420px){.spend-row{gap:9px;padding:11px 12px}.spend-selectbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.spend-selectbar-count{align-self:center}.spend-selectbar .btn,.spend-selectbar-cat.field{width:100%;min-width:0}.import-actions,.txmodal-actions{flex-wrap:wrap}.import-actions .btn-primary{flex:1}}.bills-head-actions{display:flex;align-items:center;gap:10px;flex:none}.bills-list{display:flex;flex-direction:column;overflow:hidden;max-width:640px}.bill-row{display:flex;align-items:center;gap:12px;padding:12px 16px}.bill-row+.bill-row{border-top:1px solid var(--border)}.bill-check{width:22px;height:22px;flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1.5px solid var(--border-strong);color:var(--on-accent);transition:background var(--speed-fast) var(--ease-out),border-color var(--speed-fast) var(--ease-out)}.bill-check:hover{border-color:var(--accent)}.bill-row[data-paid=true] .bill-check{background:var(--accent);border-color:var(--accent)}.bill-main{flex:1;min-width:0;display:flex;flex-direction:column;text-align:left;line-height:1.35;border-radius:var(--radius-sm)}.bill-name{font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bill-meta{font-size:var(--text-xs);color:var(--text-mid);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bill-amount{flex:none;font-weight:600}.bill-row[data-paid=true] .bill-name,.bill-row[data-paid=true] .bill-amount{color:var(--text-dim)}.bill-row[data-paid=true] .bill-name{text-decoration:line-through;text-decoration-color:var(--border-strong)}.billmodal-form{display:flex;flex-direction:column;gap:14px}.billmodal-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.billmodal-optional{text-transform:none;letter-spacing:0;font-weight:450}.billmodal-actions{display:flex;align-items:center;gap:8px}.billmodal-actions-gap{flex:1}@media(max-width:640px){.bills-head-actions{display:grid;grid-template-columns:minmax(0,1fr);width:100%;gap:8px}.bills-head-actions .btn{width:100%}.billmodal-row{grid-template-columns:minmax(0,1fr)}}@media(max-width:420px){.bill-row{gap:9px;padding:11px 12px}.billmodal-actions{flex-wrap:wrap}}.goals-section{margin-top:26px}.goals-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.goals-section-sub{margin-left:8px;text-transform:none;letter-spacing:0;color:var(--text-mid);font-weight:500}.goals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.goal-card{padding:16px 18px;display:flex;flex-direction:column;gap:10px}.goal-head{display:flex;align-items:center;gap:9px}.goal-head h3{flex:1;min-width:0;font-size:var(--text-md);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.goal-head .icon-btn{width:28px;height:28px;opacity:0;transition:opacity var(--speed-fast) var(--ease-out)}.goal-card:hover .icon-btn,.goal-card .icon-btn:focus-visible{opacity:1}@media(hover:none){.goal-head .icon-btn{opacity:1}}.goal-nums{display:flex;align-items:baseline;gap:7px}.goal-nums strong{font-size:var(--text-xl);font-family:var(--font-display)}.goal-nums span{font-size:var(--text-sm);color:var(--text-mid)}.goal-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:var(--text-sm);color:var(--text-mid)}.goal-add-btn{padding:6px 12px}.goal-done{display:inline-flex;align-items:center;gap:6px;color:var(--ok);font-weight:550}.goal-card[data-done=true] .dash-gauge-fill{background:var(--ok)}.goalmodal-form{display:flex;flex-direction:column;gap:14px}.goalmodal-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.goalmodal-actions{display:flex;align-items:center;gap:8px}.goalmodal-actions-gap{flex:1}@media(max-width:640px){.goals-section-head{align-items:flex-start;flex-wrap:wrap}.goals-section-head .panel-title{flex:1;min-width:190px;flex-wrap:wrap}.goals-grid,.goalmodal-row{grid-template-columns:minmax(0,1fr)}}@media(max-width:420px){.goal-foot,.goalmodal-actions{flex-wrap:wrap}}.income-head-actions{display:flex;align-items:center;gap:10px;flex:none;flex-wrap:wrap}.income-group{margin-bottom:18px}.income-group-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.income-dot{width:9px;height:9px;flex:none;border-radius:3px;background:var(--cat)}.income-source-edit{width:24px;height:24px}.income-group-total{margin-left:auto;color:var(--money-in);font-weight:600;letter-spacing:0}.income-list{display:flex;flex-direction:column;overflow:hidden}.income-row{display:flex;align-items:center;gap:12px;padding:12px 16px;text-align:left;transition:background var(--speed-fast) var(--ease-out)}.income-row+.income-row{border-top:1px solid var(--border)}.income-row:hover{background:var(--surface-2)}.income-row-main{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35}.income-row-desc{font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.income-row-meta{font-size:var(--text-xs);color:var(--text-mid)}.income-row-amount{flex:none;font-weight:600;color:var(--money-in)}@media(max-width:640px){.income-head-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px}.income-head-actions .btn{width:100%}}@media(max-width:420px){.income-row{gap:9px;padding:11px 12px}}.debt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.debt-card{padding:16px 18px;display:flex;flex-direction:column;gap:10px}.debt-card[data-done=true] .dash-gauge-fill{background:var(--ok)}.debtmodal-form{display:flex;flex-direction:column;gap:14px}.debtmodal-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.debtmodal-actions{display:flex;align-items:center;gap:8px}.debtmodal-actions-gap{flex:1}@media(max-width:640px){.debt-grid,.debtmodal-row{grid-template-columns:minmax(0,1fr)}}@media(max-width:420px){.debtmodal-actions{flex-wrap:wrap}}.settings-body{display:flex;flex-direction:column;gap:16px;max-width:560px}.settings-section{padding:18px 20px;display:flex;flex-direction:column;gap:14px}.settings-themes{display:flex;gap:8px;flex-wrap:wrap}.settings-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-cat-empty{font-size:var(--text-sm);color:var(--text-mid);margin:0}.settings-cat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.settings-cat-row{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:var(--radius-md);text-align:left;color:var(--text);transition:background var(--speed-fast) var(--ease-out)}.settings-cat-row:hover{background:var(--surface-2)}.settings-cat-dot{width:10px;height:10px;border-radius:50%;flex:none;background:var(--cat, var(--text-dim))}.settings-cat-name{flex:1;min-width:0;font-size:var(--text-sm);font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-cat-meta{font-size:var(--text-xs);color:var(--text-mid)}.settings-cat-edit{color:var(--text-dim);flex:none}.settings-cat-row:hover .settings-cat-edit{color:var(--text-mid)}.settings-account{display:flex;align-items:center;gap:12px}.settings-account-info{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35}.settings-account-info strong{font-size:var(--text-sm)}.settings-account-info span{font-size:var(--text-xs);color:var(--text-mid);overflow:hidden;text-overflow:ellipsis}@media(max-width:480px){.settings-section{padding:16px}.settings-account{flex-wrap:wrap}.settings-account .btn{width:100%}}:root{--font-display: "Space Grotesk", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, monospace;--text-xs: .72rem;--text-sm: .83rem;--text-md: .94rem;--text-lg: 1.12rem;--text-xl: 1.45rem;--text-2xl: 1.9rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-full: 999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--speed-fast: .14s;--speed-med: .24s;--speed-slow: .42s;--sidebar-width: 232px;--sidebar-rail: 68px;--dock-height: 58px;--dock-inset: max(env(safe-area-inset-bottom, 0px), 14px);--page-pad: clamp(16px, 3vw, 32px);--accent-dashboard: #3ecf8e;--accent-spending: #f5b453;--accent-bills: #8f9cf7;--accent-income: #38cfe0;--accent-goals: #38cfe0;--accent-debt: #f2718a;--money-in: #3ecf8e;--money-out: #f2718a}:root,:root[data-theme=dark]{color-scheme:dark;--bg: #0b120e;--bg-deep: #070c09;--surface: #101a14;--surface-2: #16221b;--surface-3: #1d2c23;--border: rgba(150, 200, 172, .14);--border-strong: rgba(150, 200, 172, .26);--text: #e8f1ea;--text-mid: #9db5a6;--text-dim: #66806f;--accent: #3ecf8e;--accent-strong: #5fe4a8;--on-accent: #042416;--accent-soft: rgba(62, 207, 142, .13);--accent-glow: rgba(62, 207, 142, .22);--danger: #f2718a;--danger-soft: rgba(242, 113, 138, .14);--ok: #4fd6a4;--shadow-1: 0 1px 2px rgba(0, 0, 0, .4);--shadow-2: 0 8px 28px rgba(0, 0, 0, .45);--shadow-pop: 0 16px 48px rgba(0, 0, 0, .55);--backdrop: rgba(4, 9, 6, .62);--grid-line: rgba(150, 200, 172, .045)}:root[data-theme=light]{color-scheme:light;--bg: #eef4f0;--bg-deep: #e3ebe6;--surface: #ffffff;--surface-2: #f5f9f6;--surface-3: #eaf1ec;--border: rgba(24, 56, 38, .12);--border-strong: rgba(24, 56, 38, .24);--text: #16261c;--text-mid: #4d6a58;--text-dim: #84a08f;--accent: #0f9d63;--accent-strong: #0c8a56;--on-accent: #ffffff;--accent-soft: rgba(15, 157, 99, .1);--accent-glow: rgba(15, 157, 99, .18);--danger: #d64562;--danger-soft: rgba(214, 69, 98, .1);--ok: #14976b;--shadow-1: 0 1px 2px rgba(22, 43, 30, .08);--shadow-2: 0 8px 24px rgba(22, 43, 30, .1);--shadow-pop: 0 16px 44px rgba(22, 43, 30, .16);--backdrop: rgba(22, 43, 30, .4);--grid-line: rgba(24, 56, 38, .035);--accent-dashboard: #0f9d63;--accent-spending: #c07f16;--accent-bills: #5966d6;--accent-income: #0e9db2;--accent-goals: #0e9db2;--accent-debt: #d64562;--money-in: #0f9d63;--money-out: #d64562}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}html,body{overflow:hidden;overscroll-behavior:none}#root{height:100dvh}body{margin:0;font-family:var(--font-body);font-size:var(--text-md);line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;touch-action:manipulation}h1,h2,h3,h4{margin:0;font-family:var(--font-display);font-weight:600;letter-spacing:0}p{margin:0}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}input,textarea,select{font:inherit;color:inherit}a{color:var(--accent);text-decoration:none}::selection{background:var(--accent-glow)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}*::-webkit-scrollbar-track{background:transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:var(--text-sm);font-weight:550;white-space:nowrap;transition:background var(--speed-fast) var(--ease-out),border-color var(--speed-fast) var(--ease-out),transform var(--speed-fast) var(--ease-out)}.btn:hover{background:var(--surface-3);border-color:var(--border-strong)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:default;pointer-events:none}.btn-primary{background:var(--accent);border-color:transparent;color:var(--on-accent);box-shadow:0 0 0 0 var(--accent-glow)}.btn-primary:hover{background:var(--accent-strong);box-shadow:0 0 24px 0 var(--accent-glow)}.btn-sm{padding:6px 12px;font-size:var(--text-xs)}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:var(--surface-2);border-color:transparent}.btn-danger{background:var(--danger-soft);border-color:transparent;color:var(--danger)}.btn-danger:hover{background:var(--danger-soft);filter:brightness(1.15)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none;border-radius:var(--radius-md);color:var(--text-mid);transition:background var(--speed-fast) var(--ease-out),color var(--speed-fast) var(--ease-out)}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn[data-active=true]{color:var(--accent);background:var(--accent-soft)}.field{width:100%;padding:10px 14px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:var(--text-md);transition:border-color var(--speed-fast) var(--ease-out),box-shadow var(--speed-fast) var(--ease-out)}.field::placeholder{color:var(--text-dim)}.field:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field-label{display:block;font-size:var(--text-xs);font-weight:600;letter-spacing:0;text-transform:uppercase;color:var(--text-dim);margin-bottom:6px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.panel-title{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;letter-spacing:0;text-transform:uppercase;color:var(--text-dim)}.panel-title svg{width:13px;height:13px}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--radius-full);border:1px solid var(--border);background:transparent;color:var(--text-mid);font-size:var(--text-sm);font-weight:500;white-space:nowrap;transition:background var(--speed-fast) var(--ease-out),color var(--speed-fast) var(--ease-out),border-color var(--speed-fast) var(--ease-out)}.chip:hover{color:var(--text);border-color:var(--border-strong)}.chip[data-active=true]{background:var(--accent-soft);border-color:transparent;color:var(--accent)}.menu{min-width:180px;padding:6px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);animation:pop-in var(--speed-fast) var(--ease-out)}.menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text);text-align:left}.menu-item:hover{background:var(--surface-3)}.menu-item svg{width:15px;height:15px;color:var(--text-mid)}.menu-item[data-danger=true]{color:var(--danger)}.menu-item[data-danger=true] svg{color:var(--danger)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--backdrop);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade-in var(--speed-fast) ease-out}.modal{position:relative;width:min(440px,100%);max-height:min(640px,90vh);overflow-y:auto;padding:22px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);animation:rise-in var(--speed-med) var(--ease-out)}.modal-close{position:absolute;top:14px;right:14px;z-index:1}.modal>h3:first-of-type{padding-right:36px}.modal h3{font-size:var(--text-lg);margin-bottom:14px}.avatar{width:34px;height:34px;flex:none;border-radius:var(--radius-full);object-fit:cover;background:var(--surface-3)}.dot{width:7px;height:7px;flex:none;border-radius:var(--radius-full);background:var(--accent)}.spinner{width:18px;height:18px;flex:none;border-radius:var(--radius-full);border:2px solid var(--border-strong);border-top-color:var(--accent);animation:spin .7s linear infinite}.empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 16px;color:var(--text-dim);font-size:var(--text-sm);text-align:center}.empty-state svg{width:22px;height:22px;opacity:.6}.page-scroll>.empty-state{min-height:min(360px,70%);justify-content:center}.error-note{padding:10px 14px;border-radius:var(--radius-md);background:var(--danger-soft);color:var(--danger);font-size:var(--text-sm)}.amount{font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:0}@media(max-width:520px){.modal-backdrop{align-items:flex-end;padding:0}.modal{width:100%!important;max-height:92dvh;padding:22px 18px calc(22px + env(safe-area-inset-bottom,0px));border-radius:var(--radius-lg) var(--radius-lg) 0 0}.modal-close{top:12px;right:12px}.btn{min-height:42px}.icon-btn{width:40px;height:40px}}@keyframes fade-in{0%{opacity:0}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}}@keyframes pop-in{0%{opacity:0;transform:scale(.96)}}@keyframes spin{to{transform:rotate(360deg)}}.page-enter{animation:rise-in var(--speed-slow) var(--ease-out)}