.nav-pending-count{border:1px solid var(--ui-line)}.bills-summary-card{border-radius:20px;flex-direction:column;min-height:0;padding:16px 18px;display:flex}.bills-summary-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.bills-summary-heading{align-items:center;gap:12px;min-width:0;display:flex}.bills-summary-heading-icon{border:1px solid var(--ui-line);border-radius:13px;flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid}.bills-summary-heading h2{margin:0;font-size:16px;font-weight:600;line-height:1.25}.bills-summary-heading p{align-items:baseline;gap:7px;min-width:0;margin:4px 0 0;font-size:11px;line-height:1.25;display:flex}.bills-summary-heading p strong{flex:none;font-size:13px;font-weight:700}.bills-summary-heading p span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bill-open-button{border:1px solid var(--ui-line);border-radius:10px;width:32px;height:32px;transition:border-color .18s,background .18s,transform .18s}.bills-summary-list{scrollbar-gutter:stable;gap:6px;min-height:0;margin-top:12px;display:grid;overflow-y:auto}.bill-summary-row{border:1px solid var(--ui-line);border-radius:12px;grid-template-columns:4px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:46px;padding:7px 8px;transition:border-color .18s,background .18s;display:grid}.bill-summary-status{border-radius:999px;width:4px;height:28px}.bill-summary-copy{min-width:0}.bill-summary-copy b,.bill-summary-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.bill-summary-copy b{font-size:13px;font-weight:650;line-height:1.2}.bill-summary-copy small{align-items:center;gap:5px;margin-top:3px;font-size:10px;line-height:1;display:flex}.bill-summary-copy small i{border-radius:999px;flex:0 0 3px;width:3px;height:3px}.bill-summary-value{align-items:center;gap:9px;display:flex}.bill-summary-value strong{white-space:nowrap;font-size:13px;font-weight:700}.bill-pay-icon{border:1px solid var(--ui-line);border-radius:9px;flex:0 0 30px;place-items:center;width:30px;height:30px;padding:0;transition:border-color .18s,background .18s,color .18s;display:grid}.bill-pay-icon>svg{border:0;border-radius:0}.bills-summary-card .empty-inline{margin:2px 0 0}@media (max-width:640px){.bills-summary-card{padding:15px}.bills-summary-heading p{gap:2px;display:grid}.bill-summary-value{gap:7px}}.bill-template-list{gap:8px;padding:0 1px 1px}.bill-template{box-sizing:border-box;border:1px solid var(--ui-line);border-radius:12px;width:100%;padding:10px 12px}.bill-status-chip{border:1px solid var(--ui-line)}.bill-calendar-entry-head{align-items:center;gap:5px;min-width:0;display:flex}.bill-calendar-entry-head>b{flex:1;min-width:0}.bill-calendar-overdue-label{display:none}.goal-add-card{border:1px dashed var(--ui-line);border-radius:20px}.goal-add-card>span{border:1px solid var(--ui-line)}.bills-calendar-panel{overflow:hidden}.bills-calendar-panel .section-head{padding-bottom:14px}.bills-calendar-panel .calendar-grid{gap:6px;padding:9px}.bills-calendar-panel .calendar-day{min-height:116px;padding:8px}.bills-calendar-panel .calendar-day-number{border-radius:7px;place-items:center;width:22px;height:22px;font-size:11px;display:inline-grid}.bills-calendar-panel .bill-calendar-entries{gap:5px;margin-top:7px;display:grid}.bills-calendar-panel .bill-calendar-entry{border:1px solid var(--ui-line);text-align:left;white-space:normal;border-radius:9px;grid-template-columns:6px minmax(0,1fr);align-items:center;gap:6px;min-height:38px;padding:5px 6px;display:grid;overflow:hidden}.bills-calendar-panel .bill-calendar-entry>i{border-radius:999px;width:6px;height:26px}.bills-calendar-panel .bill-calendar-entry>span{min-width:0}.bills-calendar-panel .bill-calendar-entry b,.bills-calendar-panel .bill-calendar-entry small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.bills-calendar-panel .bill-calendar-entry b{font-size:9px;font-weight:750}.bills-calendar-panel .bill-calendar-entry small{grid-column:auto;margin-top:2px;font-size:8px}.bills-calendar-panel .bill-calendar-entry-paid{opacity:.7}.bill-calendar-legend{flex-wrap:wrap;gap:12px;padding:0 13px 13px;font-size:9px;display:flex}.bill-calendar-legend span{align-items:center;gap:5px;display:inline-flex}.bill-calendar-legend i{border-radius:999px;width:7px;height:7px}.bill-editor-modal{width:min(720px,100%);max-width:720px}.bill-editor-modal>div:first-child p{max-width:560px;line-height:1.55}.bill-editor-modal .close-button{border:1px solid var(--ui-line)}.bill-editor-form{gap:12px;margin-top:20px;display:grid}.bill-editor-section{border:1px solid var(--ui-line);border-radius:16px;padding:15px;position:relative}.bill-editor-section>header{align-items:center;gap:10px;margin-bottom:13px;display:flex}.bill-editor-section>header>span{border:1px solid var(--ui-line);border-radius:11px;flex:0 0 35px;place-items:center;width:35px;height:35px;display:grid}.bill-editor-section>header b,.bill-editor-section>header small{display:block}.bill-editor-section>header b{font-size:13px}.bill-editor-section>header small{margin-top:2px;font-size:10px}.bill-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.bill-editor-wide{grid-column:1/-1}.bill-editor-modal .form-field{min-width:0;font-size:11px}.bill-editor-modal .form-field>span:first-child{font-weight:650}.bill-editor-modal .form-field>input,.bill-editor-modal .fancy-select-trigger,.bill-editor-modal .date-picker-input,.bill-editor-modal .bill-day-stepper{border:1px solid var(--ui-line);border-radius:12px;min-height:45px}.bill-editor-modal .form-field>input{width:100%;padding:0 13px}.bill-editor-modal .fancy-select,.bill-editor-modal .date-picker{z-index:auto}:is(.bill-editor-modal .fancy-select:has(.fancy-select-open),.bill-editor-modal .date-picker:has(.date-picker-input-open)){z-index:80}.bill-editor-modal .fancy-select-menu,.bill-editor-modal .date-picker-popover{z-index:90}:is(.bill-editor-category-field,.bill-editor-payment-field) .fancy-select-menu{overscroll-behavior:contain;scrollbar-gutter:stable;gap:3px;max-height:154px;padding:6px}:is(.bill-editor-category-field,.bill-editor-payment-field) .fancy-option{min-height:33px;padding:6px 9px}:is(.bill-editor-category-field,.bill-editor-payment-field) .fancy-select-menu::-webkit-scrollbar{width:6px}.payment-display{align-items:center;gap:7px;min-width:0;display:inline-flex}.payment-display-icon{border:1px solid var(--ui-line);border-radius:7px;flex:0 0 23px;place-items:center;width:23px;height:23px;display:inline-grid}.payment-display>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bill-day-stepper{grid-template-columns:42px 1fr 42px;align-items:stretch;display:grid;overflow:hidden}.bill-day-stepper>button{place-items:center;display:grid}.bill-day-stepper>button:first-child{border-right:1px solid var(--ui-line)}.bill-day-stepper>button:last-child{border-left:1px solid var(--ui-line)}.bill-day-stepper>button:focus-visible{z-index:1}.bill-day-stepper>button:disabled{opacity:.46}.bill-day-stepper>span{text-align:center;white-space:nowrap;justify-content:center;align-items:center;gap:5px;min-width:0;padding:0 10px;line-height:1;display:flex}.bill-day-stepper b{font-size:18px;font-weight:800;line-height:1}.bill-day-stepper small{font-size:11px;font-weight:650;line-height:1}.bill-start-period{grid-template-columns:minmax(0,1.35fr) minmax(92px,.65fr);gap:8px;min-width:0;display:grid}.bill-start-period .fancy-select{min-width:0}.bill-start-period .fancy-select-trigger{width:100%}.bill-editor-submit{border:1px solid var(--ui-line);border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:47px;margin-top:2px;font-weight:800;display:inline-flex}@media (max-width:632px){.bill-editor-modal{max-width:500px;padding:19px}.bill-editor-form{gap:10px;margin-top:16px}.bill-editor-section{padding:13px}.bill-editor-grid{grid-template-columns:1fr}.bill-editor-wide{grid-column:auto}.bills-calendar-panel .calendar-grid{grid-template-columns:1fr}.bills-calendar-panel .calendar-day{min-height:0}.bills-calendar-panel .calendar-day-active{grid-template-columns:28px 1fr;align-items:start;gap:8px;display:grid}.bills-calendar-panel .bill-calendar-entries{margin-top:0}}
:root,[data-theme]{--ui-accent-soft:color-mix(in srgb, var(--ui-accent) 12%, var(--ui-surface));--ui-hover:color-mix(in srgb, var(--ui-accent) 6%, var(--ui-raised));--ui-selection:color-mix(in srgb, var(--ui-accent) 16%, var(--ui-surface));--ui-focus:color-mix(in srgb, var(--ui-accent) 65%, var(--ui-line));--ui-track:color-mix(in srgb, var(--ui-line) 70%, var(--ui-surface))}html{background:var(--ui-bg);scrollbar-color:var(--ui-line-strong) var(--ui-inset)}body{background:var(--ui-bg);color:var(--ui-text);font-family:Arial,Helvetica,sans-serif}body:before{content:none}button,input,select,textarea{font:inherit}button{cursor:pointer}:where(.finance-shell,.theme-portal) :is(button,a,input,select,textarea){transition:background-color .16s,color .16s,border-color .16s}:where(.finance-shell,.theme-portal) :is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--ui-focus);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.5}::selection{background:var(--ui-selection);color:var(--ui-text)}*{scrollbar-width:thin;scrollbar-color:var(--ui-line-strong) transparent}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--ui-line-strong);background-clip:padding-box;border:2px solid #0000;border-radius:8px}.finance-shell{min-height:100svh;padding:var(--ui-shell-padding);color:var(--ui-text);background:var(--ui-bg);background-image:var(--ui-canvas-image)}.ambient-orb,.finance-shell:before,.dashboard-frame:after{display:none}.dashboard-frame{width:min(var(--ui-frame-width), 100%);height:auto;min-height:calc(100svh - 48px);max-height:none;padding:var(--ui-frame-padding);border:1px solid var(--ui-line);border-radius:var(--ui-frame-radius);background:var(--ui-frame);background-image:var(--ui-frame-image);box-shadow:0 16px 48px var(--ui-shadow);gap:16px;margin:0 auto;display:flex;position:relative;overflow:visible}.dashboard-stage{width:100%;min-width:0;height:auto;max-height:none;padding:var(--ui-stage-padding);margin:0;overflow:visible}.dashboard-header{margin-bottom:var(--ui-header-margin)}.dashboard-header>div:first-child{gap:20px}.page-title-wrap>span{color:var(--ui-subtle);letter-spacing:.14em;font-size:10px}.page-title-wrap h1{color:var(--ui-text);font-size:25px;font-weight:700}.panel,.metric,.goal-card,.goal-add-card{color:var(--ui-text);border:1px solid var(--ui-line);border-radius:var(--ui-panel-radius);background-color:var(--ui-surface);background-image:var(--ui-glass);box-shadow:var(--ui-panel-shadow);text-shadow:none;transform:none}.panel:hover,.goal-card:hover,.goal-add-card:hover{transform:none}.overview-middle-grid>.panel{height:auto;min-height:var(--ui-overview-height);max-height:none}.overview-bottom-grid>.panel{height:auto;min-height:260px;max-height:none}.overview-bottom-grid .ledger-scroll{max-height:320px}.panel:before,.panel:after,.metric:before,.metric:after,.goal-card:before{content:none}.panel h2,.section-head h2,.bills-summary-heading h2{color:var(--ui-text);letter-spacing:-.02em;font-weight:650}.section-head{border-bottom-color:var(--ui-line);flex-wrap:wrap;padding:22px}.section-head p,.panel p,.panel small,.panel label,.modal-card p,.modal-card small{color:var(--ui-muted)}.section-head p{line-height:1.5}.text-main{color:var(--ui-text)}.text-muted{color:var(--ui-muted)}.text-subtle{color:var(--ui-subtle)}.text-income{color:var(--ui-income)}.text-expense{color:var(--ui-expense)}.text-investment{color:var(--ui-investment)}.text-warning{color:var(--ui-warning)}.text-accent{color:var(--ui-accent)}.border-theme,.divide-theme>:not(:last-child){border-color:var(--ui-line)}.surface-track{background:var(--ui-track)}.accent-fill{background:var(--ui-accent)}.section-kicker,.investment-kicker,.recurrence-help{color:var(--ui-accent)}.floating-sidebar{flex:0 0 var(--ui-sidebar-width);width:var(--ui-sidebar-width);border:1px solid var(--ui-line);border-radius:var(--ui-sidebar-radius);background:var(--ui-inset);background-image:var(--ui-frame-image);height:calc(100svh - 74px);min-height:540px;max-height:900px;box-shadow:none;padding:16px 10px;position:sticky;top:24px;bottom:auto;left:auto}.floating-sidebar nav{gap:7px}.floating-sidebar .nav-button{border:1px solid var(--ui-nav-border);width:48px;height:46px;min-height:46px;color:var(--ui-nav-text);background:var(--ui-nav-surface);border-radius:12px;margin:0}.floating-sidebar .nav-button:hover{color:var(--ui-text);background:var(--ui-hover)}.floating-sidebar .nav-button-active{color:var(--ui-accent);border-color:var(--ui-line-strong);background:var(--ui-selection)}.floating-sidebar .nav-button-active:after{content:var(--ui-nav-marker);background:var(--ui-accent);border-radius:4px;width:4px;height:18px;position:absolute;top:14px;right:-9px}.floating-sidebar .nav-button>span{border:1px solid var(--ui-line);color:var(--ui-text);background:var(--ui-raised);box-shadow:0 4px 12px var(--ui-shadow);transform:translateY(-50%)}@media (min-width:1280px){.finance-shell{background-image:var(--ui-desktop-canvas-image), var(--ui-canvas-image);align-items:center;height:100dvh;min-height:0;display:flex}.dashboard-frame{align-items:stretch;height:min(920px,100%);min-height:0;overflow:visible}.dashboard-stage{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;max-width:none;height:100%;min-height:0;max-height:100%;padding:24px 28px 32px;overflow:auto}.floating-sidebar{align-self:stretch;height:auto;min-height:0;max-height:none;position:relative;top:auto}}@media (min-width:1280px) and (max-height:640px){.floating-sidebar nav{gap:4px}.floating-sidebar .nav-button{height:min(36px,11.1111dvh - 16px);min-height:0}}.nav-pending-count{color:var(--ui-on-action);background:var(--ui-action);border-color:var(--ui-action)}.mobile-nav{background:var(--ui-inset);border-top:1px solid var(--ui-line);box-shadow:0 -4px 20px var(--ui-shadow)}.mobile-nav>button{color:var(--ui-muted)}.mobile-nav>.mobile-nav-active{color:var(--ui-accent);background:var(--ui-selection)}.month-control{border:1px solid var(--ui-line);border-radius:var(--ui-period-radius);background:var(--ui-surface);background-image:var(--ui-period-image);box-shadow:var(--ui-period-shadow);padding:4px}.month-current{color:var(--ui-text);background:0 0}.month-current small{color:var(--ui-subtle)}.month-current b{color:var(--ui-text)}.month-calendar{border:1px solid var(--ui-line);background:var(--ui-raised);color:var(--ui-calendar-ink)}.month-arrow{color:var(--ui-nav-text);background:var(--ui-arrow-surface);border:var(--ui-arrow-border)}.month-arrow:hover{color:var(--ui-accent);background:var(--ui-hover)}.primary-action,.new-transaction-button{color:var(--ui-on-action);background:var(--ui-action);background-image:var(--ui-action-image);border:1px solid color-mix(in srgb, var(--ui-action) 70%, var(--ui-accent));box-shadow:var(--ui-action-shadow);border-radius:var(--ui-action-radius);min-height:40px;font-weight:650}.primary-action:hover,.new-transaction-button:hover{background:var(--ui-action-hover)}.secondary-action,.account-chip,.close-button,.edit-button,.delete-button,.icon-only-button,.make-recurring-button,.bill-open-button,.bill-pay-icon,.filter-chip,.theme-guide-path{color:var(--ui-text);background:var(--ui-raised);border:1px solid var(--ui-line);box-shadow:none;border-radius:10px}.secondary-action,.account-chip,.filter-chip{border-radius:var(--ui-pill-radius);background-image:var(--ui-inset-image)}.secondary-action:hover,.account-chip:hover,.close-button:hover,.edit-button:hover,.icon-only-button:hover,.make-recurring-button:hover,.bill-open-button:hover,.bill-pay-icon:hover,.filter-chip:hover{color:var(--ui-accent);background:var(--ui-hover);border-color:var(--ui-line-strong)}.delete-button:hover,.danger-action{color:var(--ui-expense);border-color:color-mix(in srgb, var(--ui-expense) 30%, var(--ui-line));background:color-mix(in srgb, var(--ui-expense) 9%, var(--ui-surface));box-shadow:none}.success-action,.completed-badge{color:var(--ui-income);border-color:color-mix(in srgb, var(--ui-income) 30%, var(--ui-line));background:color-mix(in srgb, var(--ui-income) 10%, var(--ui-surface));box-shadow:none}.success-action:hover{background:color-mix(in srgb, var(--ui-income) 18%, var(--ui-surface))}.period-badge,.summary-pill,.mini-badge,.goal-label{color:var(--ui-muted);border-color:var(--ui-line);background:var(--ui-raised);box-shadow:none}.filter-tabs button,.report-control-group button,.month-grid button{color:var(--ui-muted);background:0 0;border:1px solid #0000}.filter-tabs button:hover,.report-control-group button:hover,.month-grid button:hover{color:var(--ui-text);background:var(--ui-hover)}.filter-tabs .filter-tab-active,.report-control-group .report-option-active,.month-grid .month-option-active{color:var(--ui-accent);border-color:var(--ui-line-strong);background:var(--ui-selection)}.metric-main-icon,.category-heading-icon,.bills-summary-heading-icon,.income-hub-icon,.settings-icon,.pulse-icon,.pulse-fact-icon,.budget-icon,.source-icon,.investment-source-icon,.allocation-icon,.empty-state-icon,.bill-editor-section>header>span{color:var(--ui-accent);background:var(--ui-accent-soft);border:1px solid var(--ui-line);box-shadow:none;border-radius:11px}.category-icon,.category-display-icon,.payment-display-icon{color:var(--ui-accent);border:1px solid var(--ui-line);background:var(--ui-accent-soft)}.category-icon svg,.category-display-icon svg,.payment-display-icon svg,.bill-pay-icon svg{box-shadow:none;background:0 0;border:0}.payment-display-icon{color:var(--ui-muted);background:var(--ui-raised)}.ledger-heading-icon{color:var(--ui-accent)}.empty-state-icon{width:44px;height:44px;padding:7px}.metric{--metric-color:var(--ui-accent);background-image:var(--ui-metric-image);min-height:126px}.metric-emerald{--metric-color:var(--ui-metric-income)}.metric-rose{--metric-color:var(--ui-metric-expense)}.metric-blue{--metric-color:var(--ui-metric-investment)}.metric .metric-main-icon,.metric .metric-icon{color:var(--metric-color);background:color-mix(in srgb, var(--metric-color) 10%, var(--ui-surface))}.metric .metric-main-icon{border-radius:var(--ui-metric-icon-radius)}.metric .metric-icon{background:var(--ui-metric-glyph-surface,color-mix(in srgb, var(--metric-color) 10%, var(--ui-surface)));border-color:var(--ui-metric-glyph-border)}.metric-title p{color:var(--ui-metric-label)}.metric>p{color:var(--ui-metric-value);font-weight:700}.metric-bars{opacity:var(--ui-metric-bars-opacity)}.metric-bars i{background:var(--metric-color);opacity:.25}.metric-bars i:first-child{opacity:var(--ui-metric-bar1)}.metric-bars i:nth-child(2){opacity:var(--ui-metric-bar2)}.metric-bars i:nth-child(3){opacity:var(--ui-metric-bar3)}.metric-bars i:nth-child(4){opacity:var(--ui-metric-bar4)}.metric-ring{background:conic-gradient(var(--metric-color) var(--metric-progress), var(--ui-track) 0);border:0;border-radius:50%;position:absolute}.metric-ring:before{content:"";background:var(--ui-surface);border-radius:50%;position:absolute;inset:6px}.metric-ring b{color:var(--ui-text);font-size:11px;position:relative}.pulse-card{background-color:var(--ui-surface);background-image:var(--ui-pulse-image);border-color:var(--ui-line)}.pulse-card h2{color:var(--ui-text);font-weight:700}.pulse-heading{color:var(--ui-text)}.pulse-facts article{background:var(--ui-inset);background-image:var(--ui-inset-image);border-color:var(--ui-line)}.pulse-facts b{color:var(--ui-text)}.income-source,.investment-source,.bill-template,.asset-card,.debt-card,.report-control-group,.review-grid article,.investment-hero-stats article,.bills-hero-summary article,.simulation-grid article{border:1px solid var(--ui-line);background:var(--ui-inset);box-shadow:none;border-radius:12px}.income-source,.investment-source,.bill-template,.asset-card,.debt-card,.review-grid article,.simulation-grid article{background-image:var(--ui-inset-image)}.income-source:hover,.investment-source:hover,.asset-card:hover,.debt-card:hover{background:var(--ui-hover)}.income-source-value{color:var(--ui-income)}.income-source-top p{color:var(--ui-text)}.investment-source{grid-template-columns:34px minmax(0,1fr);align-content:center;gap:10px;display:grid}.investment-source-value{width:100%;color:var(--ui-investment);grid-column:2;justify-content:space-between}.investment-source small{font-size:11px;line-height:1.4}.income-progress,.allocation-progress,.budget-progress,.progress-bar{background:var(--ui-track)}.income-progress i,.allocation-progress i{box-shadow:none}.progress-bar i{background:var(--ui-accent)}.category-panel .category-scroll{margin-top:var(--ui-category-gap);padding:0 0 6px;overflow:auto hidden}.category-panel .category-scroll>div{height:var(--ui-category-height);align-items:flex-end;padding:0 4px}.category-column{min-width:54px;max-width:95px;height:var(--ui-category-height);background:0 0;border:0;flex-direction:column;flex:1 0 54px;justify-content:flex-end;align-items:center;gap:5px;padding:0;display:flex;position:relative}.category-column>span{flex-shrink:0}.category-value{opacity:1;color:var(--ui-muted);white-space:nowrap;background:0 0;border:0;padding:0;font-size:10px;display:block;position:static}.category-bar-stage{border-bottom:1px solid var(--ui-line);flex:0 0 76px;justify-content:center;align-items:flex-end;width:100%;height:76px;display:flex}.category-panel .category-bar{background:var(--category-color);width:22px;max-height:74px;box-shadow:none;filter:none;border-radius:5px 5px 0 0;display:block}.category-icon{width:30px;height:30px;color:var(--category-color,var(--ui-accent));background:var(--ui-raised);border-radius:9px;flex:0 0 30px;place-items:center;margin:0;display:grid}.category-caption{text-overflow:ellipsis;white-space:nowrap;width:100%;color:var(--ui-muted);font-size:10px;display:block;overflow:hidden}.category-column:hover .category-icon,.category-column-selected .category-icon{border-color:var(--category-color);background:var(--ui-selection)}.category-column-selected .category-caption{color:var(--ui-text);font-weight:700}.category-column:hover .category-bar{opacity:.85}.ledger-row{border-color:var(--ui-line);background:0 0}.ledger-row:hover{background:var(--ui-hover)}.ledger-type{--ledger-color:var(--ui-muted);color:var(--ledger-color);background:color-mix(in srgb, var(--ledger-color) 10%, var(--ui-surface));border:1px solid color-mix(in srgb, var(--ledger-color) 20%, var(--ui-line));border-radius:10px}.ledger-income{--ledger-color:var(--ui-income)}.ledger-expense{--ledger-color:var(--ui-expense)}.ledger-invest,.ledger-goal{--ledger-color:var(--ui-investment)}.transaction-category-line,.category-display{color:var(--ui-muted)}.transaction-category-line .category-display-icon{background:var(--ui-raised)}.ledger-row .text-income,.panel .text-income{color:var(--ui-income)}.ledger-row .text-expense,.panel .text-expense{color:var(--ui-expense)}.ledger-row .text-investment,.panel .text-investment{color:var(--ui-investment)}.budget-row{border-bottom:1px solid var(--ui-line)}.budget-row:last-child{border-bottom:0}.budget-row:hover{background:var(--ui-hover)}.budget-row-alert{background:color-mix(in srgb, var(--ui-warning) 5%, var(--ui-surface))}.budget-row small{color:var(--ui-muted);font-size:11px}.budget-alert-note,.warning-chip{color:var(--ui-warning);background:color-mix(in srgb, var(--ui-warning) 10%, var(--ui-surface))}.budget-over{background:var(--ui-expense)}.report-income{background:var(--ui-income)}.report-out{background:var(--ui-expense)}.report-invest{background:var(--ui-investment)}.report-chart{border-bottom:1px solid var(--ui-line)}.chart-legend{color:var(--ui-muted)}.chart-legend i{border-radius:3px}.review-grid small,.bills-hero-summary small,.bills-hero-summary span,.report-control-group>span{color:var(--ui-muted)}.savings-banner{color:var(--ui-income);border-color:var(--ui-line);background:color-mix(in srgb, var(--ui-income) 8%, var(--ui-surface))}.simulation-grid .simulation-highlight,.debt-row-active{border-color:var(--ui-line-strong);background:var(--ui-selection)}.debt-row,.debt-payment-list article{border-color:var(--ui-line);color:var(--ui-text)}.debt-card strong,.patrimony-summary strong{color:var(--ui-text)}.patrimony-summary{background-color:var(--ui-surface)}.patrimony-summary p,.patrimony-summary small{color:var(--ui-muted)}.asset-icon{color:var(--ui-accent);background:var(--ui-accent-soft);border-color:var(--ui-line)}.goal-card{background:var(--ui-surface)}.goal-card-overlay{background:linear-gradient(120deg, var(--ui-surface), var(--ui-raised))}.goal-card:has(.goal-card-media) .goal-card-overlay{background:linear-gradient(90deg, color-mix(in srgb, var(--ui-surface) 96%, transparent), color-mix(in srgb, var(--ui-surface) 82%, transparent))}.goal-card h2,.goal-card b{color:var(--ui-text)}.goal-card p,.goal-card .text-muted{color:var(--ui-muted)}.goal-card .goal-label{color:var(--ui-accent);border-color:var(--ui-line-strong);background:var(--ui-selection)}.pin-button{color:var(--ui-muted);border:1px solid var(--ui-line);background:var(--ui-raised)}.pin-button-active{color:var(--ui-accent);background:var(--ui-selection)}.goal-add-card{background:var(--ui-surface);min-height:260px;color:var(--ui-text);border:1px dashed var(--ui-line-strong);box-shadow:none}.goal-add-card>span{color:var(--ui-on-action);background:var(--ui-action);border:1px solid var(--ui-action);box-shadow:none}.goal-add-card:hover{border-color:var(--ui-accent);background:var(--ui-hover)}.goal-add-card small{color:var(--ui-muted)}.bills-summary-list{gap:8px}.bill-summary-row{background:var(--ui-inset);background-image:var(--ui-inset-image);border-color:var(--ui-line)}.bill-summary-row:hover{background:var(--ui-hover)}.bill-summary-copy small i{background:var(--ui-subtle)}.bill-summary-copy small{color:var(--ui-muted);line-height:1.4}.bill-occurrence{border-color:var(--ui-line);background:0 0}.bill-occurrence:hover{background:var(--ui-hover)}.bill-template{gap:10px}.bill-template small{color:var(--ui-muted);line-height:1.5}.bill-status-pending{--status-color:var(--ui-bill-pending)}.bill-status-due-soon,.bill-status-due-today,.bill-status-postponed{--status-color:var(--ui-bill-due);--status-ink:var(--ui-bill-due-ink)}.bill-status-overdue{--status-color:var(--ui-bill-overdue)}.bill-status-ignored{--status-color:var(--ui-overdue)}.bill-status-paid{--status-color:var(--ui-income)}.bill-status-dot,.bill-summary-status,.bill-calendar-entry>i,.bill-calendar-legend i{background:var(--status-color)}.bill-status-chip{color:var(--status-ink,var(--status-color));background:color-mix(in srgb, var(--status-color) 10%, var(--ui-surface));border-color:color-mix(in srgb, var(--status-color) 30%, var(--ui-line))}.bill-calendar-legend{color:var(--ui-muted);font-size:11px}.calendar-weekdays{color:var(--ui-muted);background:var(--ui-inset);border-color:var(--ui-line)}.calendar-day{border:1px solid var(--ui-line);background:var(--ui-inset);border-radius:10px}.calendar-day-active{border-color:var(--ui-line-strong);background:var(--ui-accent-soft)}.calendar-day-number{color:var(--ui-text);background:var(--ui-raised)}.bills-calendar-panel .bill-calendar-entry{color:var(--ui-text);border-color:var(--ui-line);background:var(--ui-surface);grid-template-columns:4px minmax(0,1fr)}.bill-calendar-entry:hover{border-color:var(--ui-accent)}.bill-calendar-entry-head{display:block}.bill-calendar-overdue-label{color:var(--ui-bill-overdue);align-items:center;gap:2px;font-size:9px;font-style:normal;display:inline-flex}.bill-history-list>div{border-color:var(--ui-line)}.bill-calendar-entry small,.bill-preferences label{color:var(--ui-muted)}.bill-preferences input[type=checkbox]{accent-color:var(--ui-action)}.bill-preferences input[type=range]{background:var(--ui-inset)}.bill-preferences input[type=range]::-webkit-slider-runnable-track{background:var(--ui-line-strong)}.bill-preferences input[type=range]::-webkit-slider-thumb{background:var(--ui-accent)}.form-field{color:var(--ui-muted);min-width:0}.form-field>label,.form-field>span:first-child{color:var(--ui-muted);font-weight:600}.form-field input,.form-field select,.form-field textarea,.settings-card select,.bill-preferences select,.fancy-select-trigger,.search-box,.budget-input,.payment-installments,.date-picker-input,.transaction-type,.bill-day-stepper,.upload-field input{color:var(--ui-text);background:var(--ui-inset);border:1px solid var(--ui-line);box-shadow:none;border-radius:11px}.form-field input,.form-field textarea,.form-field select,.settings-card select{width:100%;min-height:44px;padding:10px 12px}.form-field input::placeholder,.search-box input::placeholder,.budget-input input::placeholder{color:var(--ui-subtle);opacity:1}.form-field option,.settings-card option,.bill-preferences option{color:var(--ui-text);background:var(--ui-surface)}.form-field input:focus,.form-field textarea:focus,.search-box:focus-within,.budget-input:focus-within,.date-picker-input:focus-within{border-color:var(--ui-focus)}.search-box input,.budget-input input,.payment-installments input,.date-picker-input input{color:var(--ui-text);box-shadow:none;background:0 0;border:0;outline:none;min-width:0}.search-box{color:var(--ui-subtle)}.search-box input{width:100%}.budget-input span,.payment-installments span{color:var(--ui-muted)}.fancy-select-trigger{min-height:44px;color:var(--ui-text);padding:0 12px}.fancy-select-trigger svg{color:var(--ui-accent)}.fancy-select-trigger[data-popup-open],.fancy-select-trigger:hover{border-color:var(--ui-line-strong);background:var(--ui-inset)}.fancy-select-trigger[data-popup-open]>svg{transform:rotate(180deg)}.select-positioner,.popover-positioner{z-index:110}.fancy-select-menu,.date-picker-popover,.month-picker{color:var(--ui-text);background:var(--ui-surface);border:1px solid var(--ui-line-strong);box-shadow:0 12px 32px var(--ui-shadow);border-radius:12px}.select-positioner{width:var(--anchor-width);outline:none;max-width:calc(100vw - 24px)}.select-positioner:has(.fancy-select-columns){width:max(var(--anchor-width), 300px)}.fancy-select-menu{width:100%;max-height:min(var(--available-height), 320px);padding:5px;display:block;position:static;overflow:hidden}.fancy-select-list{max-height:min(calc(var(--available-height) - 12px), 306px);overscroll-behavior:contain;scrollbar-gutter:stable;gap:3px;display:grid;overflow-y:auto}.fancy-select-columns .fancy-select-list{grid-template-columns:repeat(2,minmax(0,1fr))}.fancy-option{width:100%;min-height:38px;color:var(--ui-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px;display:flex}.fancy-option>span{white-space:normal;min-width:0}.fancy-option .category-display>span:last-child{white-space:normal;overflow-wrap:anywhere;line-height:1.35}.fancy-option[data-highlighted]{color:var(--ui-text);background:var(--ui-hover);outline:none}.fancy-option[data-selected]{color:var(--ui-accent);background:var(--ui-selection);border-color:var(--ui-line-strong)}.fancy-option[data-selected] .category-display{color:var(--ui-text)}.select-check{color:var(--ui-accent);flex:0 0 14px}.date-picker-input button{color:var(--ui-accent);background:var(--ui-raised)}.date-picker-popover,.month-picker{width:300px;max-width:calc(100vw - 24px);margin:0;padding:12px;position:static}.date-picker-head,.month-picker-head{color:var(--ui-text);border-color:var(--ui-line)}.date-picker-head button,.month-picker-head button{color:var(--ui-muted);background:var(--ui-raised);border:1px solid var(--ui-line);border-radius:8px}.date-picker-days button{color:var(--ui-text);background:0 0}.date-picker-days button:hover{background:var(--ui-hover)}.date-picker-days .date-picker-selected{color:var(--ui-on-action);background:var(--ui-action)}.date-picker-days .date-picker-today{outline:1px solid var(--ui-accent);outline-offset:-2px}.date-picker-weekdays{color:var(--ui-muted)}.date-picker-footer{border-color:var(--ui-line)}.date-picker-footer button{color:var(--ui-accent)}.type-option{color:var(--ui-muted);box-shadow:none;background:0 0;border:1px solid #0000}.type-option:hover{color:var(--ui-text);background:0 0}.type-option-active,.type-option-active:hover{color:var(--ui-text);background:var(--ui-selection);border-color:var(--ui-line-strong)}.type-expense svg{color:var(--ui-expense)}.type-income svg{color:var(--ui-income)}.type-invest svg{color:var(--ui-investment)}.recurring-expense-note{color:var(--ui-muted);background:var(--ui-accent-soft);border-color:var(--ui-line)}.bill-editor-section{color:var(--ui-text);background:var(--ui-inset);border-color:var(--ui-line)}.bill-editor-section>header b{color:var(--ui-text)}.bill-editor-section>header small{color:var(--ui-muted);font-size:11px}.bill-editor-modal .form-field{font-size:12px}.bill-day-stepper>button{color:var(--ui-accent);background:var(--ui-raised)}.bill-day-stepper>button:hover:not(:disabled){background:var(--ui-hover)}.bill-day-stepper>button:active:not(:disabled){background:var(--ui-selection)}.bill-day-stepper>button:focus-visible{outline-offset:-4px}.bill-day-stepper small{color:var(--ui-muted)}.modal-backdrop{z-index:80;background:var(--ui-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:fixed;inset:0}.modal-viewport{z-index:81;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-card{border:1px solid var(--ui-line-strong);border-radius:var(--ui-panel-radius);width:min(500px,100%);max-height:calc(100dvh - 40px);color:var(--ui-text);background:var(--ui-surface);background-image:var(--ui-modal-image);box-shadow:0 24px 70px var(--ui-shadow);outline:none;flex-shrink:0;padding:24px;position:relative;overflow-y:auto}.modal-card.bill-editor-modal{width:min(720px,100%)}.modal-card h2{color:var(--ui-text)}.modal-card .form-field input,.modal-card .fancy-select-trigger{font-size:13px}.upload-field{color:var(--ui-muted)}.upload-field input::file-selector-button{color:var(--ui-text);background:var(--ui-raised);border:1px solid var(--ui-line);border-radius:7px;margin-right:10px;padding:7px 10px}.sync-indicator,.undo-toast{color:var(--ui-text);background:var(--ui-raised);border-color:var(--ui-line-strong);box-shadow:0 8px 24px var(--ui-shadow)}.sync-indicator-error{color:var(--ui-expense)}.undo-toast button{color:var(--ui-accent)}.theme-guide-layer{background:var(--ui-overlay)}.theme-guide-card{background:var(--ui-surface);border-color:var(--ui-line-strong);box-shadow:0 18px 60px var(--ui-shadow)}.theme-guide-card h2{color:var(--ui-text)}.theme-guide-card p{color:var(--ui-muted)}.theme-guide-icon{color:var(--ui-accent);background:var(--ui-accent-soft)}.theme-guide-copy>small{color:var(--ui-accent)}.theme-guide-confirm{color:var(--ui-on-action);background:var(--ui-action);border-color:var(--ui-line)}.theme-guide-confirm-fill{background:var(--ui-action-hover)}.theme-option{color:var(--ui-text);border:1px solid var(--ui-line);background:var(--ui-inset);border-radius:12px;gap:10px;min-height:70px;padding:9px}.theme-option:hover{border-color:var(--ui-line-strong);background:var(--ui-hover)}.theme-option-active{border-color:var(--ui-accent);background:var(--ui-selection);box-shadow:none}.theme-option-label b{color:var(--ui-text)}.theme-option-label small{color:var(--ui-muted)}.theme-option-check{color:var(--ui-accent);opacity:0}.theme-option-active .theme-option-check{opacity:1}.theme-option-preview{background:var(--preview-bg);border:1px solid var(--preview-line);width:50px;height:43px;box-shadow:none;border-radius:9px;flex:0 0 50px;grid-template-rows:repeat(3,1fr);grid-template-columns:10px 1fr;gap:3px;padding:6px;display:grid}.theme-option-preview i{background:var(--preview-surface);border-radius:3px;min-height:0;display:block}.theme-option-preview i:first-child{border:1px solid var(--preview-line);grid-row:1/4}.theme-option-preview i:nth-child(2){background:var(--preview-accent)}.theme-option-preview:before,.theme-option-preview:after{content:none}@media (min-width:1024px){.overview-middle-grid,.overview-bottom-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.overview-middle-grid{min-height:var(--ui-overview-grid-height)}.overview-middle-grid>.panel{height:auto;min-height:var(--ui-overview-height);max-height:none}.overview-bottom-grid>.panel{height:auto;min-height:260px;max-height:none}.overview-bottom-grid .ledger-scroll{max-height:var(--ui-ledger-height)}.overview-middle-grid .income-source-grid{min-height:130px}}@media (min-width:641px){.pulse-card{max-height:none}.finance-shell:has(.undo-toast) .sync-indicator{bottom:84px}}@media (min-width:641px) and (max-width:1023px){.undo-toast,.sync-indicator{bottom:96px}.finance-shell:has(.undo-toast) .sync-indicator{bottom:156px}}@media (min-width:641px) and (max-width:1200px){.pulse-card>div:first-child{border-right:0;padding-right:0}}@media (max-width:1200px){.pulse-card{grid-template-columns:1fr;gap:18px}.pulse-card>.secondary-action{justify-self:start}.budget-row{grid-template-columns:34px minmax(140px,1fr) 130px 150px 95px;gap:10px;padding:15px}}@media (max-width:1023px){.finance-shell{padding:12px}.dashboard-frame{border-radius:18px;min-height:calc(100svh - 24px);padding:0}.dashboard-stage{padding:20px 16px 94px}.floating-sidebar{display:none}.mobile-nav{padding:8px 10px max(8px,env(safe-area-inset-bottom));justify-content:flex-start;gap:4px;overflow-x:auto}.mobile-nav>button{border-radius:9px;flex:0 0 78px;width:78px;min-width:78px;padding:6px 2px}.mobile-nav>button span{font-size:10px}.budget-row{grid-template-columns:34px minmax(0,1fr) 130px}.budget-row .budget-alert-control{grid-column:2}}@media (max-width:640px){.finance-shell{padding:0}.dashboard-frame{border:0;border-radius:0;min-height:100svh}.dashboard-stage{padding:18px 14px 96px}.dashboard-header>div:first-child{gap:14px;width:100%}.page-title-wrap h1{font-size:23px}.dashboard-header{margin-bottom:18px}.month-control{min-width:0}.panel,.goal-card,.goal-add-card{border-radius:15px}.panel.p-6,.section-head{padding:18px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metrics-grid .metric{min-width:0;min-height:132px;padding:14px}.metrics-grid .metric-title{align-items:flex-start;gap:7px}.metrics-grid .metric-title p{font-size:11px;line-height:1.4}.metrics-grid .metric-main-icon{border-radius:8px;flex-basis:26px;width:26px;height:26px}.metrics-grid .metric-main-icon svg{width:14px;height:14px}.metrics-grid .metric>p{overflow-wrap:anywhere;margin-top:12px;font-size:clamp(16px,4.6vw,20px)}.metrics-grid .metric>small{font-size:11px;line-height:1.4}.metrics-grid .metric-icon,.metrics-grid .metric-bars,.metrics-grid .metric-ring{display:none}.pulse-facts{grid-template-columns:1fr}.pulse-facts article{min-height:54px}.income-source-grid{grid-template-columns:1fr}.investment-source{grid-template-columns:34px 1fr auto}.investment-source-value{grid-column:auto}.category-panel .category-scroll>div{justify-content:flex-start}.category-column{min-width:55px}.category-panel>div:first-child{flex-wrap:wrap}.ledger-row{flex-wrap:wrap;gap:9px;padding:14px}.ledger-row>.min-w-0{min-width:150px}.ledger-row>b{margin-left:auto}.budget-row{grid-template-columns:30px minmax(0,1fr);gap:10px;padding:16px}.budget-row .budget-input,.budget-row .budget-alert-control{grid-column:2;width:100%}.budget-row>strong{text-align:left;grid-column:2}.bill-occurrence{padding:16px}.bill-row-actions{justify-content:flex-end;margin-left:0}.bill-template{flex-wrap:wrap}.bill-template>.min-w-0{min-width:120px}.bill-template .secondary-action{min-height:34px}.bill-summary-row{grid-template-columns:4px minmax(0,1fr) auto;gap:8px}.bill-summary-value strong{font-size:12px}.bills-summary-heading p span{white-space:normal}.bills-calendar-panel .calendar-day{display:none}.bills-calendar-panel .calendar-day-active{display:grid}.bills-calendar-panel .bill-calendar-entry b{font-size:12px}.bills-calendar-panel .bill-calendar-entry small{font-size:11px}.bill-calendar-entry-head{display:flex}.calendar-weekdays,.calendar-empty{display:none}.report-controls{flex-wrap:wrap}.report-control-group{flex-wrap:wrap;width:100%}.report-chart{gap:14px;overflow-x:auto}.report-chart article{flex:0 0 42px}.modal-viewport{padding:10px}.modal-card,.modal-card.bill-editor-modal{border-radius:15px;max-height:calc(100dvh - 20px);padding:18px}.transaction-type{gap:3px}.type-option{gap:4px;font-size:11px}.fancy-select-columns .fancy-select-list{grid-template-columns:1fr}.select-positioner:has(.fancy-select-columns){width:var(--anchor-width)}.theme-option-preview{flex-basis:50px}.undo-toast{bottom:86px;left:12px;right:12px}}@media (min-width:1280px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.dashboard-stage :is(.panel,.goal-card,.goal-add-card){isolation:isolate;box-shadow:none;background:0 0;border-color:#0000;transition:none;position:relative;overflow:visible;transform:none}.dashboard-stage :is(.panel,.goal-card,.goal-add-card):before{content:"";z-index:-1;border:1px solid var(--card-surface-line,var(--ui-line));border-radius:inherit;background-color:var(--card-surface-fill,var(--ui-surface));background-image:var(--card-surface-image,var(--ui-glass));box-shadow:var(--card-surface-shadow,var(--ui-panel-shadow));pointer-events:none;transform-origin:50%;transition:transform var(--ui-card-motion-duration) ease-out, box-shadow var(--ui-card-motion-duration) ease-out;position:absolute;inset:-1px}.dashboard-stage .metric{--card-surface-image:var(--ui-metric-image)}.dashboard-stage .pulse-card{--card-surface-image:var(--ui-pulse-image)}.dashboard-stage .goal-card{--card-surface-image:none}.dashboard-stage .goal-add-card{--card-surface-image:none;--card-surface-line:var(--ui-line-strong);--card-surface-shadow:none}.dashboard-stage .goal-add-card:before{border-style:dashed}.dashboard-stage .goal-add-card:hover{--card-surface-fill:var(--ui-hover);--card-surface-line:var(--ui-accent)}.dashboard-stage :is(.panel,.goal-card,.goal-add-card):hover:before{transform:translateY(var(--ui-card-hover-lift)) rotate(var(--ui-card-hover-tilt));box-shadow:var(--ui-card-hover-shadow)}.dashboard-stage .goal-card>:is(.goal-card-media,.goal-card-overlay){pointer-events:none;transition:transform var(--ui-card-motion-duration) ease-out}.dashboard-stage .goal-card>.goal-card-media{clip-path:inset(12px round var(--ui-panel-radius))}.dashboard-stage .goal-card>.goal-card-overlay{border-radius:inherit}.dashboard-stage .goal-card:hover>:is(.goal-card-media,.goal-card-overlay){transform:translateY(var(--ui-card-hover-lift)) rotate(var(--ui-card-hover-tilt))}.dashboard-stage .panel>:is(.ledger-scroll,.ledger-list,.bill-occurrence-list,.budget-list):last-child,.dashboard-stage .panel>.bill-occurrence-list:last-child>.bill-occurrence:last-child,.dashboard-stage .panel>.budget-list:last-child>.budget-row:last-child,.dashboard-stage .panel.debt-list>.debt-row:last-child{border-end-end-radius:var(--ui-panel-radius);border-end-start-radius:var(--ui-panel-radius)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto;transition-duration:.01ms;animation-duration:.01ms}}