*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{color:#fff;background:#1e1f22;font-family:Inter,Segoe UI,Arial,sans-serif}:root{--forge-slate:#1e293b;--forge-green:#22c55e;--color-brand:var(--forge-slate);--color-accent:var(--forge-green);--color-background:#f8fafc;--color-surface:#fff;--color-border:#e2e8f0;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-muted:#94a3b8;--color-text-inverse:#fff;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-surface-subtle:#f1f5f9;--focus-ring:0 0 0 3px #22c55e59;--transition-hover:.18s var(--ease-smooth);--chart-income:#22c55e;--chart-bills:#3b82f6;--chart-debt:#ef4444;--chart-savings:#10b981;--chart-subscriptions:#a855f7;--chart-other:#64748b;--font-primary:"Geist", sans-serif;--font-mono:"Geist Mono", monospace;--font-display:48px;--font-h1:36px;--font-h2:30px;--font-h3:24px;--font-h4:20px;--font-h5:18px;--font-h6:16px;--font-body-lg:18px;--font-body:16px;--font-body-sm:14px;--font-caption:12px;--font-light:300;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--line-height-heading:1.2;--line-height-body:1.5;--line-height-caption:1.4;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--space-4xl:64px;--space-5xl:96px;--space-6xl:128px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-app-icon:32px;--radius-full:9999px;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 4px 12px #0f172a14;--shadow-lg:0 10px 24px #0f172a1a;--shadow-xl:0 20px 48px #0f172a1f;--motion-fast:.15s;--motion-normal:.25s;--motion-slow:.4s;--ease-standard:ease;--ease-smooth:cubic-bezier(.4,0,.2,1);--container-width:1440px;--sidebar-width:280px;--header-height:72px;--content-max-width:1440px;--card-padding:24px}.workspace-page{max-width:var(--content-max-width);margin:0 auto}.workspace-header{justify-content:space-between;align-items:flex-start;gap:var(--space-xl);border-bottom:1px solid var(--border);margin:8px 0 28px;padding:24px 0;display:flex}.workspace-header h1{color:var(--text);margin:0;font-size:clamp(1.75rem,3vw,2.35rem)}.workspace-header p{color:var(--muted);margin:7px 0 0}.workspace-section{margin-top:var(--space-xl)}.workspace-summary{gap:var(--space-md);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.workspace-summary>div{padding:var(--space-lg);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm)}.workspace-summary span{color:var(--muted);font-size:var(--font-caption);display:block}.workspace-summary strong{color:var(--text);font-size:var(--font-h3);margin-top:8px;display:block}.workspace-form{gap:var(--space-md);display:grid}.workspace-form label{color:var(--muted);font-size:var(--font-body-sm);font-weight:var(--font-semibold);gap:6px;display:grid}.workspace-form input,.workspace-form select{margin:0}.workspace-actions{gap:var(--space-sm);flex-wrap:wrap;display:flex}.bills-workspace{gap:var(--space-xl);margin-top:var(--space-xl);grid-template-columns:minmax(280px,.65fr) minmax(0,1.35fr);display:grid}.bill-list-card{min-width:0}.bill-list-card__search{margin-top:var(--space-lg)}.bill-list-card__search input{margin:0}.bill-card{padding:var(--space-lg);margin:var(--space-md) 0 0;background:var(--surface-dark);border-color:var(--border);border-radius:var(--radius-md)}.bill-card:hover{box-shadow:var(--shadow);border-color:#22c55e66;transform:translateY(-2px)}.bill-card__content{justify-content:space-between;align-items:flex-start;gap:var(--space-lg);display:flex}.bill-card__title{color:var(--text);font-size:var(--font-h5);margin:0}.bill-card__amount{color:var(--text);font-size:var(--font-h3);font-weight:var(--font-bold);margin:10px 0 0}.bill-card__meta{margin-top:var(--space-sm);color:var(--muted);font-size:var(--font-caption);flex-wrap:wrap;gap:8px;display:flex}.bill-card__actions{flex-direction:column;gap:8px;min-width:120px;display:flex}.bill-status{border-radius:var(--radius-full);width:fit-content;font-size:var(--font-caption);font-weight:var(--font-semibold);align-items:center;padding:4px 8px;display:inline-flex}.bill-status--paid{color:#86efac;background:#22c55e24}.bill-status--overdue{color:#fca5a5;background:#ef444424}.bill-status--dueSoon{color:#fcd34d;background:#f59e0b24}.bill-status--upcoming{color:var(--muted);background:#94a3b81f}.category{color:#bfdbfe;background:#3b82f626;margin:0}.goal-card__metrics,.debt-card__metrics{gap:var(--space-md);margin:var(--space-lg) 0;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.goal-card__metrics div,.debt-card__metrics div{padding:var(--space-md);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-dark)}.goal-card__metrics span,.debt-card__metrics span{color:var(--muted);font-size:var(--font-caption);display:block}.goal-card__metrics strong,.debt-card__metrics strong{color:var(--text);margin-top:5px;display:block}.goal-card__actions,.debt-card__actions{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.goal-card__actions button:last-child,.debt-card__actions button:last-child{grid-column:1/-1}.debt-risk{border-radius:var(--radius-full);font-size:var(--font-caption);font-weight:var(--font-semibold);padding:4px 8px;display:inline-flex}.debt-risk--healthy{color:#86efac;background:#22c55e24}.debt-risk--warning{color:#fcd34d;background:#f59e0b24}.debt-risk--high{color:#fca5a5;background:#ef444424}.workspace-empty{grid-column:1/-1}.workspace-empty .bf-empty-state{padding:var(--space-2xl);background:var(--surface);border:1px dashed var(--border-light);border-radius:var(--radius-md)}.budget-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.budget-panel{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow)}.budget-row{background:var(--surface-dark);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-md)}.budget-progress{background:var(--surface-dark);border-color:var(--border)}.budget-progress span,.add-category button,.strategy-toggle button.selected{background:var(--primary)}.modal-actions button.secondary{background:var(--surface-dark);border:1px solid var(--border-light)}.budget-row{padding:var(--space-lg);gap:var(--space-lg)}.budget-row>span{padding-left:var(--space-xs)}.budget-row input,.budget-row .icon-button{min-height:44px}.budget-row .icon-button{min-width:44px}@media (width<=1024px){.workspace-summary,.budget-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.bills-workspace{grid-template-columns:1fr}}@media (width<=640px){.workspace-header{margin-bottom:var(--space-xl);padding-top:var(--space-lg)}.workspace-summary,.budget-summary{grid-template-columns:1fr}.bill-card__content{flex-direction:column}.bill-card__actions{flex-direction:row;width:100%}.bill-card__actions button{flex:1}.goal-card__actions,.debt-card__actions{grid-template-columns:1fr}.goal-card__actions button:last-child,.debt-card__actions button:last-child{grid-column:auto}.budget-panel,.budget-panel-heading{padding:var(--space-lg)}.add-category{grid-template-columns:1fr}.add-category button{width:100%}}.insights-page{max-width:var(--content-max-width);margin:0 auto}.insights-header{justify-content:space-between;align-items:flex-start;gap:var(--space-xl);border-bottom:1px solid var(--border);margin:8px 0 28px;padding:24px 0;display:flex}.insights-header h1{color:var(--text);margin:0;font-size:clamp(1.75rem,3vw,2.35rem)}.insights-header p{color:var(--muted);margin:7px 0 0}.report-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.report-stats>div,.calendar-panel,.timeline-panel,.cloud-card,.chart-panel{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-sm)}.chart-heading h2,.calendar-controls h2,.timeline-heading h2{color:var(--text)}.chart-heading>span,.chart-note,.timeline-heading>span{color:var(--muted)}.recharts-cartesian-axis-tick-value{fill:var(--muted)}.calendar-controls button,.icon-button{place-items:center;min-width:44px;min-height:44px;display:inline-grid}.calendar-day{background:var(--surface-dark);border-color:var(--border);min-height:110px}.calendar-day:has(.calendar-date){border-radius:var(--radius-sm)}.calendar-date{color:var(--text);font-weight:var(--font-semibold)}.calendar-bill{font-size:var(--font-caption);border:1px solid #0000}.calendar-bill:not(.paid){color:#bbf7d0;background:#22c55e24}.calendar-bill.paid{color:var(--muted);background:#94a3b824}.calendar-bill:focus-visible{box-shadow:var(--focus-ring);outline:none}.calendar-note{color:var(--muted)}.reminders-panel{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-sm)}.timeline-row{border-bottom-color:var(--border)}.timeline-row>div span,.timeline-date span{color:var(--muted)}.report-empty,.timeline-empty{color:var(--muted);border:1px dashed var(--border-light);border-radius:var(--radius-md);background:var(--surface-dark)}.settings-grid{gap:var(--space-xl);margin-top:var(--space-xl);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.settings-card{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-sm)}.settings-card h2{color:var(--text)}.settings-card form{gap:var(--space-md);display:grid}.settings-card button{margin-top:0!important}.cloud-status{color:#bbf7d0;background:#22c55e24;border:1px solid #22c55e3d;align-items:center;gap:7px;width:fit-content;display:inline-flex}.cloud-status--error{color:#fca5a5;background:#ef444424;border-color:#ef44443d}.cloud-status--syncing{color:#fcd34d;background:#f59e0b24;border-color:#f59e0b3d}.cloud-actions,.settings-actions{gap:var(--space-sm);flex-wrap:wrap;display:flex}.cloud-actions button{margin:0}.settings-card>p{color:var(--muted)}.settings-card .secondary-button{background:var(--surface-dark);border:1px solid var(--border-light)}.monthly-review{gap:var(--space-2xl);margin-bottom:var(--space-2xl);display:grid}.monthly-review__top{justify-content:space-between;align-items:flex-end;gap:var(--space-xl);display:flex}.monthly-review__top h2{color:var(--text);font-size:var(--font-h3);margin:8px 0 4px}.monthly-review__top p{color:var(--muted);margin:0}.monthly-review__eyebrow{color:var(--primary-light);font-size:var(--font-caption);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:7px;display:inline-flex}.month-selector{gap:7px;min-width:220px;display:grid}.month-selector label{color:var(--muted);font-size:var(--font-caption);font-weight:var(--font-semibold)}.month-selector select{width:100%;min-height:44px;color:var(--text);background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:0 40px 0 12px}.month-selector select:focus-visible{box-shadow:var(--focus-ring);outline:none}.monthly-review__heading{justify-content:space-between;align-items:baseline;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.monthly-review__heading h2{color:var(--text);font-size:var(--font-h4);margin:0}.monthly-review__heading span{color:var(--muted);font-size:var(--font-caption)}.monthly-summary{gap:var(--space-md);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.monthly-summary__metric{min-width:0;padding:var(--space-lg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);align-content:start;gap:6px;display:grid}.monthly-summary__metric>span,.comparison-metric span{color:var(--muted);font-size:var(--font-caption)}.monthly-summary__metric strong{min-width:0;color:var(--text);overflow-wrap:anywhere;font-size:clamp(1.25rem,3vw,1.75rem)}.monthly-summary__metric small,.comparison-metric small{color:var(--muted);line-height:1.4}.budget-utilization{margin-top:var(--space-md)}.comparison-grid,.insight-grid{gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.comparison-metric,.insight-card{gap:var(--space-md);align-items:flex-start;min-width:0;display:flex}.comparison-metric>svg,.insight-card>svg{color:var(--primary-light);flex:none}.comparison-metric>div{gap:5px;min-width:0;display:grid}.comparison-metric strong{color:var(--text);overflow-wrap:anywhere}.insight-card p{color:var(--text);margin:0;line-height:1.55}.monthly-review .bf-empty-state{background:var(--surface-dark);border:1px dashed var(--border-light);border-radius:var(--radius-md)}.settings-card .bf-button+.bf-button{margin-top:var(--space-sm)}.backup-preview dl{gap:var(--space-sm);margin:0;display:grid}.backup-preview dl>div{justify-content:space-between;gap:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border);display:flex}.backup-preview dt{color:var(--muted)}.backup-preview dd{color:var(--text);text-align:right;margin:0}.backup-preview__notice{padding:var(--space-md);border-radius:var(--radius-sm);color:var(--text);background:#5b7cff1f}.cloud-message--error{color:#fca5a5}@media (width<=1024px){.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.monthly-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.report-stats,.settings-grid,.monthly-summary,.comparison-grid,.insight-grid{grid-template-columns:1fr}.monthly-review__top{flex-direction:column;align-items:stretch}.month-selector{min-width:0}.monthly-review__heading{flex-direction:column;align-items:flex-start}.report-grid,.calendar-layout{grid-template-columns:1fr}.calendar-day{min-height:78px;padding:6px}.calendar-weekdays span{font-size:10px}.calendar-bill{text-overflow:ellipsis;white-space:nowrap;padding:4px;overflow:hidden}.calendar-controls h2{font-size:var(--font-h5)}.timeline-row{grid-template-columns:auto minmax(0,1fr)}.timeline-row>strong,.timeline-row>button{grid-column:2}.cloud-actions button{width:100%}.chart-panel{padding:var(--space-lg)}}:root{--bg:#0b1020;--bg-secondary:#141b2d;--panel:#192038b8;--panel-hover:#232c48d1;--border:#ffffff14;--text:#f8fafc;--muted:#94a3b8;--primary:#5b7cff;--primary2:#7c3aed;--green:#22c55e;--yellow:#facc15;--red:#ef4444;--radius:18px;--shadow:0 15px 40px #00000059}body{background:radial-gradient(circle at top left,#304ffe33,transparent 40%), radial-gradient(circle at bottom right,#7c3aed22,transparent 40%), var(--bg);min-height:100vh;color:var(--text)}.main-content{flex:1;padding:45px;overflow:auto}.app{max-width:1450px;margin:auto}.sidebar{background:#090d19;border-right:1px solid #ffffff0d;flex-direction:column;justify-content:space-between;width:260px;padding:30px;display:flex}.logo{letter-spacing:.5px;margin-bottom:45px;font-size:30px;font-weight:800}.nav-item{color:#fff;border-radius:14px;align-items:center;gap:14px;margin-bottom:8px;padding:15px;text-decoration:none;transition:all .25s;display:flex}.nav-item.active{background:linear-gradient(90deg,var(--primary),var(--primary2));box-shadow:0 0 20px #5b7cff66}.logo-circle{background:linear-gradient(135deg,var(--primary),var(--primary2));border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;font-size:26px;font-weight:700;display:flex;box-shadow:0 0 25px #5b7cff73}.logo{margin:0;font-size:24px}.logo-area small{color:var(--muted)}.card,.panel,.bill-card{background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:all .25s}.card:hover,.panel:hover,.bill-card:hover{background:var(--panel-hover);transform:translateY(-4px)}input,select{color:#fff;background:#111827;border:1px solid #ffffff0f;border-radius:12px;width:100%;margin-bottom:15px;padding:14px;font-size:15px}button{background:linear-gradient(90deg,var(--primary),var(--primary2));color:#fff;cursor:pointer;border:none;border-radius:12px;padding:13px 20px;font-weight:600;transition:all .25s}button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #5b7cff59}button svg{vertical-align:middle;margin-right:7px}.secondary-button{border:1px solid var(--border);background:0 0}.secondary-button:hover{box-shadow:none}.dashboard-header{justify-content:space-between;align-items:center;margin:35px 0;display:flex}.dashboard-header h1{margin-bottom:8px;font-size:38px}.dashboard-header p{color:var(--muted)}.today{color:var(--muted);font-size:15px}.widget-grid{grid-template-columns:repeat(2,1fr);gap:22px;margin-bottom:25px;display:grid}.widget{background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);min-height:190px;padding:28px;transition:all .25s}.widget:hover{background:var(--panel-hover);transform:translateY(-5px)}.widget h1{margin:18px 0;font-size:40px}.widget h3{color:#fff;margin-bottom:20px}.widget p{color:var(--muted);margin-bottom:8px}.upcoming-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.upcoming-row:last-child{border:none}@media (width<=1100px){.widget-grid{grid-template-columns:1fr}}.coming-soon{text-align:center;padding:70px}.coming-soon h1{margin-bottom:20px;font-size:48px}.coming-soon p{color:var(--muted);font-size:20px}.budget-summary{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.budget-summary>div{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.budget-summary span{color:var(--muted);margin-bottom:8px;font-size:14px;display:block}.budget-summary strong{font-size:24px}.budget-negative strong{color:#fb7185}.budget-panel{padding:28px}.budget-panel-heading,.budget-panel-heading>div,.budget-row,.add-category{align-items:center;display:flex}.budget-panel-heading{justify-content:space-between;gap:16px}.budget-panel-heading>div{gap:10px}.budget-panel-heading h2{font-size:22px}.budget-panel-heading>span{color:var(--muted);font-size:14px}.budget-progress{background:#ffffff14;border-radius:99px;height:9px;margin:22px 0;overflow:hidden}.budget-progress span{background:linear-gradient(90deg,var(--primary),var(--primary2));border-radius:inherit;height:100%;display:block}.budget-list{border-top:1px solid var(--border)}.budget-row{border-bottom:1px solid var(--border);gap:14px;padding:13px 0}.budget-row>span{flex:1;font-weight:600}.budget-row input{width:130px;margin:0;padding:10px 12px}.icon-button{color:var(--muted);background:0 0;padding:10px}.icon-button:hover{color:#fb7185;box-shadow:none}.icon-button svg{margin:0}.add-category{gap:12px;margin-top:20px}.add-category input{margin:0}.add-category button{white-space:nowrap}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=900px){.budget-summary{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.budget-summary{grid-template-columns:1fr}}.debt-strategy{min-height:0;margin-top:24px}.strategy-heading,.strategy-heading>div,.strategy-details,.recommended-debt{align-items:center;display:flex}.strategy-heading{justify-content:space-between;gap:20px}.strategy-heading>div:first-child{gap:12px}.strategy-heading h2{margin-bottom:4px;font-size:22px}.strategy-heading p,.strategy-details p{color:var(--muted)}.strategy-toggle{background:#ffffff0f;border-radius:12px;padding:4px}.strategy-toggle button{box-shadow:none;background:0 0;padding:9px 12px}.strategy-toggle button.selected{background:linear-gradient(90deg,var(--primary),var(--primary2))}.strategy-details{border-top:1px solid var(--border);justify-content:space-between;gap:24px;margin-top:24px;padding-top:22px}.strategy-details>div:first-child{max-width:540px}.strategy-details h3{margin-bottom:8px}.recommended-debt{background:#5b7cff1f;border:1px solid #5b7cff59;border-radius:14px;gap:12px;min-width:300px;padding:16px}.recommended-debt span,.recommended-debt small{color:var(--muted);font-size:13px;display:block}.recommended-debt strong{margin:3px 0;display:block}@media (width<=700px){.strategy-heading,.strategy-details{flex-direction:column;align-items:flex-start}}.calendar-layout{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);align-items:start;gap:22px;display:grid}.calendar-panel,.timeline-panel{padding:26px}.calendar-controls,.timeline-heading,.timeline-heading>div,.reminders-title,.timeline-row{align-items:center;display:flex}.calendar-controls{justify-content:space-between;margin-bottom:18px}.calendar-controls h2{font-size:22px}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.calendar-weekdays span{color:var(--muted);text-align:center;padding:8px;font-size:12px;font-weight:700}.calendar-day{border:1px solid #ffffff0f;min-height:100px;padding:7px}.calendar-date{color:var(--muted);margin-bottom:6px;font-size:12px;display:block}.calendar-bill{color:#dfe5ff;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%;box-shadow:none;background:#5b7cff33;border-radius:6px;margin:3px 0;padding:5px 6px;font-size:11px;line-height:1.1;display:block;overflow:hidden}.calendar-bill.paid{opacity:.48;text-decoration:line-through}.calendar-bill:hover{box-shadow:none;transform:none}.calendar-note{color:var(--muted);margin-top:14px;font-size:13px}.reminders-panel{min-height:0}.reminders-title,.timeline-heading>div{gap:10px}.reminders-title h2,.timeline-heading h2{font-size:21px}.reminders-panel>p{margin:15px 0 8px}.reminder-list{border-top:1px solid var(--border);margin-top:20px}.reminder-list>div{border-bottom:1px solid var(--border);padding:12px 0}.reminder-list strong,.reminder-list span,.timeline-row span{display:block}.reminder-list span,.timeline-row span{color:var(--muted);margin-top:3px;font-size:13px}.timeline-panel{margin-top:22px}.timeline-heading{justify-content:space-between;margin-bottom:18px}.timeline-heading>span{color:var(--muted);font-size:14px}.timeline-row{border-top:1px solid var(--border);gap:18px;padding:15px 0}.timeline-row>div:nth-child(2){flex:1}.timeline-row.paid{opacity:.55}.timeline-date{min-width:76px}.timeline-row .secondary-button{padding:9px 12px}.timeline-empty{color:var(--muted);text-align:center;padding:30px 0 8px}.timeline-empty svg{margin-bottom:8px}.report-stats{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px;display:grid}.report-stats>div{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.report-stats svg{color:var(--primary);margin-bottom:10px}.report-stats span,.report-stats strong{display:block}.report-stats span{color:var(--muted);font-size:14px}.report-stats strong{margin-top:6px;font-size:25px}.report-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.chart-panel{padding:26px}.chart-heading,.chart-heading>div{align-items:center;display:flex}.chart-heading{justify-content:space-between;gap:16px;margin-bottom:18px}.chart-heading>div{gap:10px}.chart-heading h2{font-size:20px}.chart-heading>span,.chart-note{color:var(--muted);font-size:13px}.chart-note{margin-top:12px}.report-category-chart{margin-top:22px}.report-empty{color:var(--muted);text-align:center;padding:72px 20px}.report-empty svg{margin-bottom:10px}.cloud-card{min-height:0}.cloud-card h2{margin:12px 0 8px}.cloud-card form{margin-top:18px}.cloud-status{color:#86efac;background:#22c55e1f;border:1px solid #22c55e47;border-radius:999px;margin-top:16px;padding:7px 10px;font-size:13px;display:inline-block}.cloud-actions{gap:10px;margin-top:18px;display:flex}.cloud-message{color:var(--muted);margin-top:14px;font-size:14px}@media (width<=950px){.calendar-layout,.report-grid{grid-template-columns:1fr}}@media (width<=620px){.calendar-panel,.timeline-panel{padding:16px}.report-stats{grid-template-columns:1fr}.calendar-day{min-height:70px;padding:4px}.calendar-weekdays span{padding:6px 2px;font-size:10px}.calendar-bill{padding:4px;font-size:9px}.timeline-row{flex-wrap:wrap;align-items:flex-start;gap:10px}.timeline-row>div:nth-child(2){flex-basis:calc(100% - 86px)}.timeline-row .secondary-button{margin-left:86px}}.budget-panel,.budget-panel-heading{align-items:flex-start}.budget-panel-heading,.add-category{flex-direction:column}.add-category,.add-category button{width:100%}.budget-row{flex-wrap:wrap}.budget-row>span{min-width:calc(100% - 45px)}.legal-page{overflow-wrap:anywhere;max-width:880px}.legal-page section{margin-block:2rem}.legal-page h2{margin-bottom:.65rem}.legal-page p,.legal-page li{line-height:1.7}.legal-page footer{border-top:1px solid var(--border-color);margin-top:2.5rem;padding-top:1.5rem}:root{--motion-fast:.15s;--motion-normal:.25s;--motion-slow:.4s;--ease-standard:ease;--ease-smooth:cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes toastSlide{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}.animate-fade{animation:fadeIn var(--motion-normal) var(--ease-standard)}.animate-fade-up{animation:fadeUp var(--motion-slow) var(--ease-standard)}.animate-fade-down{animation:fadeDown var(--motion-slow) var(--ease-standard)}.animate-slide-left{animation:slideLeft var(--motion-normal) var(--ease-smooth)}.animate-slide-right{animation:slideRight var(--motion-normal) var(--ease-smooth)}.animate-scale{animation:scaleIn var(--motion-normal) var(--ease-smooth)}.toast-container{z-index:9999;flex-direction:column;gap:12px;display:flex;position:fixed;top:25px;right:25px}.toast{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);min-width:260px;animation:toastSlide var(--motion-normal) var(--ease-smooth);background:#192038eb;border:1px solid #ffffff14;border-radius:14px;padding:16px 20px;font-weight:600;box-shadow:0 20px 40px #00000059}.toast.success{border-left:5px solid var(--color-success)}.toast.error{border-left:5px solid var(--color-error)}.toast.info{border-left:5px solid var(--color-info)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}html{background:var(--bg);overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;min-height:100%}body,#root,.layout{min-height:100dvh}button,a,select,input[type=button],input[type=submit]{touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.62;transform:none}.connection-notice{align-items:center;gap:var(--space-sm);margin:0 auto var(--space-md);border-radius:var(--radius-sm);color:var(--text);font-size:var(--font-body-sm);background:#f59e0b1f;border:1px solid #f59e0b52;padding:10px 12px;display:flex}.connection-notice svg{flex:none}.connection-notice--update{background:#3b82f61f;border-color:#3b82f652}.connection-notice button{min-width:44px;min-height:44px;margin-left:auto;padding:8px 12px}.install-instruction{align-items:flex-start;gap:var(--space-sm);line-height:1.6;display:flex}.install-instruction svg{flex:none;margin-top:2px}.toast-container{top:max(25px, env(safe-area-inset-top));right:max(25px, env(safe-area-inset-right));bottom:env(safe-area-inset-bottom)}.bf-modal__overlay{padding:max(var(--space-xl), env(safe-area-inset-top)) max(var(--space-xl), env(safe-area-inset-right)) max(var(--space-xl), env(safe-area-inset-bottom)) max(var(--space-xl), env(safe-area-inset-left))}.bf-modal{max-height:calc(100vh - (2 * var(--space-xl)));max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - (2 * var(--space-xl)))}@media (width<=768px){input,select,textarea{font-size:16px}.mobile-header{min-height:calc(var(--header-height) + env(safe-area-inset-top));padding:calc(14px + env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) 14px max(20px, env(safe-area-inset-left))}.mobile-drawer{width:min(290px,100vw - 28px);height:100dvh;padding:max(24px, env(safe-area-inset-top)) 24px max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));overscroll-behavior:contain;overflow-y:auto}.main-content{padding-right:max(20px, env(safe-area-inset-right));padding-bottom:max(20px, env(safe-area-inset-bottom));padding-left:max(20px, env(safe-area-inset-left))}.mobile-drawer a,.mobile-drawer button,.command-item,.calendar-controls button,.bill-card__actions button,.goal-card__actions button,.debt-card__actions button,.month-selector select{min-height:44px}.bf-modal__overlay{padding:max(var(--space-md), env(safe-area-inset-top)) max(var(--space-md), env(safe-area-inset-right)) max(var(--space-md), env(safe-area-inset-bottom)) max(var(--space-md), env(safe-area-inset-left));align-items:flex-end}.bf-modal{max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - (2 * var(--space-md)));max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - (2 * var(--space-md)))}.command-overlay{min-height:100dvh;padding:max(72px, calc(env(safe-area-inset-top) + 24px)) max(var(--space-md), env(safe-area-inset-right)) max(var(--space-md), env(safe-area-inset-bottom)) max(var(--space-md), env(safe-area-inset-left))}.command-palette{max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 96px)}.onboarding{min-height:100dvh;padding:max(var(--space-lg), env(safe-area-inset-top)) max(var(--space-lg), env(safe-area-inset-right)) max(var(--space-lg), env(safe-area-inset-bottom)) max(var(--space-lg), env(safe-area-inset-left));overflow-y:auto}.settings-card .bf-button{min-height:44px}}@media (width<=340px){.main-content{padding-right:max(12px, env(safe-area-inset-right));padding-left:max(12px, env(safe-area-inset-left))}.panel,.card,.widget,.bf-card{padding-right:var(--space-md);padding-left:var(--space-md)}}@media (orientation:landscape) and (height<=520px){.mobile-header{position:relative}.bf-modal__overlay{align-items:center}}@media (display-mode:standalone){body{-webkit-user-select:text;user-select:text}.mobile-header{-webkit-user-select:none;user-select:none}}*{box-sizing:border-box}body{color:#fff;background:#1a1b1e;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root{--bg:#111827;--bg-secondary:#172033;--surface:#1e293b;--surface-dark:#162033;--panel:#1e293b;--panel-hover:#27364c;--border:#e2e8f024;--border-light:#e2e8f03d;--primary:#22c55e;--primary-hover:#16a34a;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--muted:#a8b4c5;--text:#f8fafc;--shadow:0 12px 30px #0206173d;--shadow-elevated:0 20px 48px #02061759;--radius:16px;--focus-ring:0 0 0 3px #22c55e59;--color-surface:var(--surface);--color-border:var(--border);--color-text-primary:var(--text);--color-text-secondary:var(--muted)}.app{max-width:1300px;margin:auto;padding:40px}.main-content{flex:1;overflow-y:auto}.header{text-align:center;margin-bottom:35px}.header h1{margin:0 0 10px;font-size:2.8rem}.header p{color:var(--muted)}.dashboard{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:35px;display:grid}.content-grid{grid-template-columns:340px 1fr;gap:30px;display:grid}.card,.panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px}.card{transition:transform .2s,border-color .2s}.card:hover{border-color:var(--primary);transform:translateY(-4px)}.card h2{font-size:2rem}.card h3{color:#b5bac1;margin-bottom:12px}.panel h2{margin-top:0;margin-bottom:20px}input,select{background:var(--surface-dark);color:#fff;border:1px solid var(--border-light);border-radius:8px;width:100%;margin-bottom:15px;padding:13px;font-size:15px;transition:border-color .2s}input:focus,select:focus{border-color:var(--primary);outline:none}button{cursor:pointer;background:var(--primary);color:#fff;border:none;border-radius:8px;padding:12px 18px;font-size:15px;transition:background .2s,transform .2s}button:hover{background:var(--primary-hover);transform:translateY(-1px)}button:active{transform:translateY(0)}.category{background:var(--primary);border-radius:20px;margin:8px 0;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.bill-card{background:var(--surface-dark);border:1px solid var(--border);border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:18px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex}.bill-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #00000059}.bill-card h3{margin:0 0 8px;font-size:18px}.bill-card p{color:var(--success);margin:0 0 6px;font-size:18px;font-weight:600}.bill-card small{color:var(--muted)}.bill-card.overdue{border-color:var(--danger)}.bill-card.dueSoon{border-color:var(--warning)}.bill-card.paid{border-color:var(--success)}.bill-card.overdue h3{color:var(--danger)}.bill-card.dueSoon h3{color:var(--warning)}.bill-card.paid h3{color:var(--success)}.buttons{flex-direction:column;gap:10px;display:flex}.buttons button{min-width:110px}.buttons button:last-child{background:var(--danger)}.buttons button:last-child:hover{background:#c03537}.progress{background:var(--surface-dark);border-radius:999px;width:100%;height:22px;margin-top:18px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#5865f2,#6f7dff);height:100%;transition:width .45s}.widget{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:22px;transition:transform .25s,box-shadow .25s,border-color .25s}.widget:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:0 15px 35px #00000047}.widget h3{margin-top:0;margin-bottom:18px}.widget-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px;display:grid}.layout{min-height:100vh;display:flex}.sidebar{background:#111214;border-right:1px solid #2f3136;flex-direction:column;flex-shrink:0;justify-content:space-between;width:260px;height:100vh;padding:28px 20px;display:flex;position:sticky;top:0}.main-content{flex:1;padding:32px;overflow-y:auto}.logo-area{align-items:center;gap:16px;margin-bottom:40px;display:flex}.logo-circle{color:#fff;background:linear-gradient(135deg,#6f7dff,#5865f2);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;font-weight:800;display:flex;box-shadow:0 0 18px #5865f259}.logo{margin:0;font-size:26px;font-weight:700}.logo-area small{color:var(--muted);font-size:13px}nav{flex-direction:column;gap:10px;display:flex}.nav-item{color:#fff;border-radius:12px;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;transition:background .2s,transform .2s;display:flex}.nav-item:hover{background:#2b2d31;transform:translate(4px)}.nav-item.active,.nav-item.active:hover{background:var(--primary);transform:translate(4px)}.nav-item svg{flex-shrink:0}.version{color:#7f848e;text-align:center;border-top:1px solid #ffffff0f;margin-top:30px;padding-top:20px;font-size:13px}@media (width<=1024px){.content-grid{grid-template-columns:1fr}.dashboard{grid-template-columns:repeat(2,minmax(220px,1fr))}.widget-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (width<=768px){.layout{display:block}.sidebar{display:none}.main-content{width:100%;padding:20px}.app{padding:20px}.dashboard,.content-grid,.widget-grid{grid-template-columns:1fr}.dashboard-header{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.dashboard-header h1{font-size:2rem}.bill-card{flex-direction:column;align-items:flex-start;gap:18px}.buttons,.buttons button,input,select,button{width:100%}}@media (width<=480px){.main-content{padding:16px}.panel,.card,.widget{padding:18px}.header h1{font-size:2rem}.dashboard-header h1{font-size:1.8rem}.logo{font-size:22px}}.mobile-header,.drawer-overlay,.mobile-drawer{display:none}@media (width<=768px){.mobile-header{z-index:1000;background:#111214;border-bottom:1px solid #2f3136;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.header-left,.header-right{flex:1;align-items:center;display:flex}.header-right{justify-content:flex-end}.header-center{flex:2;justify-content:center;align-items:center;gap:12px;display:flex}.header-center h1{margin:0;font-size:24px;font-weight:700}.header-logo{color:#fff;background:linear-gradient(135deg,#6f7dff,#5865f2);border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;font-weight:800;display:flex;box-shadow:0 0 18px #5865f259}.menu-btn{color:#fff;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.drawer-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1100;background:#00000073;display:block;position:fixed;inset:0}.mobile-drawer{z-index:1200;background:#111214;border-right:1px solid #2f3136;flex-direction:column;width:290px;height:100vh;padding:24px;animation:.25s drawerSlide;display:flex;position:fixed;top:0;left:0}.drawer-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.drawer-header button{color:#fff;background:0 0;border:none}.mobile-drawer nav{flex-direction:column;gap:10px;display:flex}.mobile-drawer nav a{color:#fff;border-radius:12px;align-items:center;gap:14px;padding:14px;text-decoration:none;transition:all .2s;display:flex}.mobile-drawer nav a:hover{background:#2b2d31}.mobile-drawer nav a.active{background:var(--primary)}}@keyframes drawerSlide{0%{transform:translate(-100%)}to{transform:translate(0)}}.dashboard-header{margin-bottom:28px}.dashboard-header h1{margin:0}.dashboard-header p{color:var(--muted);margin-top:8px}.widget,.card,.panel{overflow:hidden}.widget p:last-child,.panel p:last-child{margin-bottom:0}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#1a1b1e}::-webkit-scrollbar-thumb{background:#3b3d44;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#5865f2}*{scrollbar-width:thin;scrollbar-color:#5865f2 #1a1b1e}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.text-muted{color:var(--muted)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}*{transition:background-color .2s,border-color .2s,color .2s}.main-content{max-width:var(--content-max-width)}.sidebar{background:var(--bg-secondary);border-right-color:var(--border)}.logo-area{border-bottom:1px solid var(--border);gap:12px;margin-bottom:30px;padding:2px 4px 22px}.logo-area small{letter-spacing:.04em;margin-top:8px;display:block}.nav-item:hover,.mobile-drawer nav a:hover{background:var(--panel-hover)}.nav-item.active,.nav-item.active:hover,.mobile-drawer nav a.active{color:#f0fdf4;box-shadow:inset 3px 0 0 var(--primary);background:#22c55e29}.route-loading{place-content:center;justify-items:center;gap:var(--space-lg);min-height:50vh;display:grid}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (width<=768px){.mobile-header{min-height:var(--header-height);background:var(--bg-secondary);border-bottom-color:var(--border);padding:14px 20px}.menu-btn{width:44px;height:44px}.mobile-drawer{background:var(--bg-secondary);border-right-color:var(--border)}.drawer-header{border-bottom:1px solid var(--border);padding-bottom:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.budget-panel .budget-row{padding:var(--space-lg);gap:var(--space-lg)}.budget-panel .budget-row>span{padding-left:var(--space-xs)}.budget-panel .budget-row input,.budget-panel .budget-row .icon-button{min-height:44px}.budget-panel .budget-row .icon-button{min-width:44px}.bf-logo{flex:none;align-items:center;display:inline-flex}.bf-logo--mark{object-fit:contain;display:block}.bf-logo--horizontal{gap:10px;text-decoration:none}.bf-logo--horizontal img{object-fit:contain;width:auto;height:100%}.bf-logo__wordmark{color:var(--logo-text,var(--text));letter-spacing:-.04em;white-space:nowrap;font-size:1.2rem;font-weight:750;line-height:1}.bf-logo--xs{height:22px}.bf-logo--sm{height:30px}.bf-logo--md{height:38px}.bf-logo--lg{height:48px}.bf-logo--xl{height:64px}.bf-logo--mark.bf-logo--xs{width:27px}.bf-logo--mark.bf-logo--sm{width:36px}.bf-logo--mark.bf-logo--md{width:46px}.bf-logo--mark.bf-logo--lg{width:58px}.bf-logo--mark.bf-logo--xl{width:78px}.bf-logo--light{--logo-text:var(--color-text-primary)}.bf-logo--dark{--logo-text:var(--color-text-inverse)}@media (width<=420px){.bf-logo--horizontal .bf-logo__wordmark{font-size:1.05rem}}.command-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#0000008c;justify-content:center;align-items:flex-start;padding-top:120px;animation:.18s fadeIn;display:flex;position:fixed;inset:0}.command-palette{background:#191923f2;border:1px solid #ffffff14;border-radius:18px;width:650px;max-width:92%;animation:.18s popIn;overflow:hidden;box-shadow:0 25px 60px #00000073}.command-input{color:#fff;background:0 0;border:none;outline:none;width:100%;padding:22px 24px;font-size:20px}.command-empty{color:#8b93a7;text-align:center;border-top:1px solid #ffffff0d;padding:30px}@keyframes popIn{0%{opacity:0;transform:translateY(-15px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.command-results{max-height:350px;overflow-y:auto}.command-item{cursor:pointer;color:#fff;text-align:left;background:0 0;border:0;border-top:1px solid #ffffff0d;border-radius:0;align-items:center;gap:14px;width:100%;padding:16px 22px;transition:background .15s;display:flex}.command-item:hover{background:#ffffff0d}.command-item.selected{background:#5865f238;border-left:4px solid #5865f2;transition:all .15s;transform:translate(4px)}.command-item.selected span{color:#fff}.command-item:focus-visible{box-shadow:inset var(--focus-ring);outline:none}.bf-spinner{align-items:center;gap:var(--space-sm);color:var(--color-text-primary);display:inline-flex}.bf-spinner--centered{justify-content:center;width:100%}.bf-spinner__circle{border-style:solid;border-color:#0000 currentColor currentColor;border-radius:50%;animation:.8s linear infinite bf-spinner-rotate;display:block}.bf-spinner--sm .bf-spinner__circle{border-width:2px;width:16px;height:16px}.bf-spinner--md .bf-spinner__circle{border-width:3px;width:24px;height:24px}.bf-spinner--lg .bf-spinner__circle{border-width:4px;width:36px;height:36px}.bf-spinner__label{font-size:var(--font-body-sm);font-weight:var(--font-medium);color:inherit}.bf-spinner--primary{color:var(--color-accent)}.bf-spinner--success{color:var(--color-success)}.bf-spinner--warning{color:var(--color-warning)}.bf-spinner--danger{color:var(--color-error)}.bf-spinner--info{color:var(--color-info)}@keyframes bf-spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.bf-spinner__circle{animation-duration:2s}}.bf-badge{justify-content:center;align-items:center;gap:var(--space-xs);font-family:var(--font-primary);font-weight:var(--font-semibold);white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background-color var(--motion-fast) var(--ease-smooth), border-color var(--motion-fast) var(--ease-smooth), color var(--motion-fast) var(--ease-smooth), transform var(--motion-fast) var(--ease-smooth);border:1px solid #0000;line-height:1;display:inline-flex}.bf-badge--rounded{border-radius:9999px}.bf-badge--sm{font-size:var(--font-caption);padding:.25rem .5rem}.bf-badge--md{font-size:var(--font-body-sm);padding:.375rem .75rem}.bf-badge--lg{font-size:var(--font-body);padding:.5rem 1rem}.bf-badge--default{background:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border)}.bf-badge--primary{background:var(--color-accent);color:var(--color-text-inverse)}.bf-badge--success{background:var(--color-success);color:var(--color-text-inverse)}.bf-badge--warning{background:var(--color-warning);color:var(--color-text-inverse)}.bf-badge--danger{background:var(--color-error);color:var(--color-text-inverse)}.bf-badge--info{background:var(--color-info);color:var(--color-text-inverse)}.bf-badge:hover{transform:translateY(-1px)}.bf-button{justify-content:center;align-items:center;gap:var(--space-sm);min-height:48px;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);font-family:var(--font-primary);font-size:var(--font-body);font-weight:var(--font-semibold);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--motion-fast) var(--ease-smooth), color var(--motion-fast) var(--ease-smooth), border-color var(--motion-fast) var(--ease-smooth), box-shadow var(--motion-fast) var(--ease-smooth), transform var(--motion-fast) var(--ease-smooth);border:none;display:inline-flex}.bf-button:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-2px)}.bf-button:active:not(:disabled){transform:translateY(0)}.bf-button:focus-visible{outline:3px solid var(--color-info);outline-offset:3px}.bf-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.bf-button--full{width:100%}.bf-button--sm{min-height:40px;padding:var(--space-sm) var(--space-lg);font-size:var(--font-body-sm)}.bf-button--md{min-height:48px}.bf-button--lg{min-height:56px;padding:var(--space-lg) var(--space-2xl);font-size:var(--font-body-lg)}.bf-button--primary{background:var(--color-accent);color:var(--color-text-inverse)}.bf-button--primary:hover:not(:disabled){filter:brightness(1.05)}.bf-button--secondary{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.bf-button--secondary:hover:not(:disabled){border-color:var(--color-accent)}.bf-button--ghost{color:var(--color-text-primary);background:0 0}.bf-button--ghost:hover:not(:disabled){background:#22c55e14}.bf-button--danger{background:var(--color-error);color:var(--color-text-inverse)}.bf-button--danger:hover:not(:disabled){filter:brightness(1.05)}.is-loading{pointer-events:none}.bf-button__label{align-items:center;display:inline-flex}.bf-button__icon{justify-content:center;align-items:center;display:inline-flex}.bf-button__icon svg{width:18px;height:18px}.bf-button__loading{align-items:center;gap:var(--space-sm);display:inline-flex}.bf-card{background-color:var(--color-surface);color:var(--color-text-primary);border-radius:var(--radius-lg);transition:background-color var(--motion-fast) var(--ease-smooth), border-color var(--motion-fast) var(--ease-smooth), box-shadow var(--motion-fast) var(--ease-smooth), transform var(--motion-fast) var(--ease-smooth);flex-direction:column;display:flex}.bf-card--border{border:1px solid var(--color-border)}.bf-card--shadow-none{box-shadow:none}.bf-card--shadow-sm{box-shadow:var(--shadow-sm)}.bf-card--shadow-md{box-shadow:var(--shadow-md)}.bf-card--shadow-lg{box-shadow:var(--shadow-lg)}.bf-card--padding-sm{padding:var(--space-md)}.bf-card--padding-md{padding:var(--space-lg)}.bf-card--padding-lg{padding:var(--space-xl)}.bf-card--hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.bf-card--clickable{cursor:pointer}.bf-card--clickable:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.bf-card--clickable:active{transform:translateY(-1px)}.bf-card--full-height{height:100%}.bf-card--clickable:focus-visible{outline:3px solid var(--color-info);outline-offset:3px}.bf-card--elevated{box-shadow:var(--shadow-elevated,var(--shadow-lg))}.bf-card--subtle{background-color:var(--surface-dark);box-shadow:none}.bf-card--interactive:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.bf-card__header{justify-content:space-between;align-items:flex-start;gap:var(--space-lg);display:flex}.bf-card__title{color:inherit;font-size:var(--font-h5);line-height:var(--line-height-heading);margin:0}.bf-card__description{margin:var(--space-xs) 0 0;color:var(--muted);font-size:var(--font-body-sm);line-height:var(--line-height-body)}.bf-card__content{margin-top:var(--space-xl)}.bf-card__footer{align-items:center;gap:var(--space-md);margin-top:var(--space-xl);display:flex}@media (prefers-reduced-motion:reduce){.bf-card,.bf-card--hover:hover,.bf-card--clickable:hover,.bf-card--interactive:hover{transition:none;transform:none}}.bf-empty-state{gap:var(--space-md);padding:var(--space-3xl);color:var(--color-text-primary);flex-direction:column;display:flex}.bf-empty-state--centered{text-align:center;justify-content:center;align-items:center}.bf-empty-state__icon{background:var(--color-surface);border:1px solid var(--color-border);width:72px;height:72px;color:var(--color-accent);box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;display:flex}.bf-empty-state__icon svg{width:36px;height:36px}.bf-empty-state__title{color:var(--color-text-primary);font-size:var(--font-h3);font-weight:var(--font-bold);margin:0;line-height:1.2}.bf-empty-state__description{max-width:36rem;color:var(--color-text-secondary);font-size:var(--font-body);margin:0;line-height:1.6}.bf-empty-state__action{margin-top:var(--space-lg);justify-content:center;display:flex}@media (width<=768px){.bf-empty-state{padding:var(--space-2xl)}.bf-empty-state__icon{width:60px;height:60px}.bf-empty-state__icon svg{width:30px;height:30px}.bf-empty-state__title{font-size:var(--font-h4)}.bf-empty-state__description{font-size:var(--font-body-sm)}}.bf-input-group{gap:var(--space-sm);flex-direction:column;display:flex}.bf-input-group,.bf-input--full{width:100%}.bf-input__label{color:var(--color-text-primary);font-size:var(--font-body-sm);font-weight:var(--font-semibold)}.bf-input__wrapper{align-items:center;width:100%;display:flex;position:relative}.bf-input{width:100%;min-height:48px;padding:0 var(--space-lg);background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-primary);font-size:var(--font-body);transition:border-color var(--motion-fast) var(--ease-smooth), box-shadow var(--motion-fast) var(--ease-smooth), background-color var(--motion-fast) var(--ease-smooth)}.bf-input::placeholder{color:var(--color-text-secondary)}.bf-input:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #22c55e26}.bf-input:disabled{opacity:.6;cursor:not-allowed;background:var(--color-background-secondary)}.bf-input--error{border-color:var(--color-error)}.bf-input--error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #ef444426}.bf-input__icon{color:var(--color-text-secondary);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}.bf-input__icon--left{left:var(--space-md)}.bf-input__icon--right{right:var(--space-md)}.bf-input__icon svg{width:18px;height:18px}.bf-input--has-left-icon{padding-left:2.75rem}.bf-input--has-right-icon{padding-right:2.75rem}.bf-input__helper{color:var(--color-text-secondary);font-size:var(--font-caption)}.bf-input__error{color:var(--color-error);font-size:var(--font-caption);font-weight:var(--font-medium)}.bf-modal__overlay{padding:var(--space-xl);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:var(--z-modal);animation:fadeIn var(--motion-fast) var(--ease-smooth);background:#0f172a8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.bf-modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-height:90vh;box-shadow:var(--shadow-lg);animation:scaleIn var(--motion-normal) var(--ease-smooth);flex-direction:column;display:flex;overflow:hidden}.bf-modal--sm{max-width:400px}.bf-modal--md{max-width:600px}.bf-modal--lg{max-width:900px}.bf-modal__header{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-lg);border-bottom:1px solid var(--color-border);display:flex}.bf-modal__title{color:var(--color-text-primary);font-size:var(--font-h4);font-weight:var(--font-bold);margin:0}.bf-modal__close{border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--motion-fast) var(--ease-smooth), color var(--motion-fast) var(--ease-smooth);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.bf-modal__close:hover{background:var(--color-background-secondary);color:var(--color-text-primary)}.bf-modal__close:focus-visible{outline:3px solid var(--color-info);outline-offset:2px}.bf-modal__body{padding:var(--space-xl);flex:1;overflow-y:auto}.bf-modal__footer{justify-content:flex-end;align-items:center;gap:var(--space-md);padding:var(--space-lg);border-top:1px solid var(--color-border);display:flex}@media (width<=768px){.bf-modal__overlay{padding:var(--space-md)}.bf-modal--sm,.bf-modal--md,.bf-modal--lg{max-width:100%}.bf-modal__body{padding:var(--space-lg)}.bf-modal__footer{flex-direction:column;align-items:stretch}.bf-modal__footer>*{width:100%}}.bf-modal__description{color:var(--color-text-secondary);margin-top:0}.bf-progress{gap:var(--space-sm);flex-direction:column;width:100%;display:flex}.bf-progress__header{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.bf-progress__label{color:var(--color-text-primary);font-size:var(--font-body-sm);font-weight:var(--font-semibold)}.bf-progress__value{color:var(--color-text-secondary);font-size:var(--font-body-sm);font-weight:var(--font-medium)}.bf-progress__track{background:var(--color-surface);border:1px solid var(--color-border);border-radius:9999px;width:100%;overflow:hidden}.bf-progress__fill{border-radius:inherit;width:0;height:100%;transition:width var(--motion-normal) var(--ease-smooth), background-color var(--motion-fast) var(--ease-smooth)}.bf-progress--sm .bf-progress__track{height:6px}.bf-progress--md .bf-progress__track{height:10px}.bf-progress--lg .bf-progress__track{height:14px}.bf-progress--primary .bf-progress__fill{background:var(--color-accent)}.bf-progress--success .bf-progress__fill{background:var(--color-success)}.bf-progress--warning .bf-progress__fill{background:var(--color-warning)}.bf-progress--danger .bf-progress__fill{background:var(--color-error)}.bf-progress--info .bf-progress__fill{background:var(--color-info)}.bf-progress--animated .bf-progress__fill{transition:width var(--motion-normal) var(--ease-smooth), background-color var(--motion-fast) var(--ease-smooth)}@media (prefers-reduced-motion:reduce){.bf-progress__fill{transition:none}}.bf-skeleton{background:var(--color-background-secondary);border-radius:var(--radius-md);display:block;position:relative;overflow:hidden}.bf-skeleton--text{width:100%;height:1rem}.bf-skeleton--title{width:60%;height:1.5rem}.bf-skeleton--rect{width:100%;height:200px}.bf-skeleton--circle{border-radius:50%}.bf-skeleton--animated:after{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000);animation:1.4s infinite skeletonShimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes skeletonShimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.bf-skeleton--animated:after{animation:none}}.bf-toast{align-items:flex-start;gap:var(--space-md);width:min(420px,100%);padding:var(--space-lg);background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:toastSlide var(--motion-normal) var(--ease-smooth);border-left:4px solid #0000;display:flex}.bf-toast__content{flex:1;min-width:0}.bf-toast__title{font-size:var(--font-body);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0}.bf-toast__message{margin:var(--space-xs) 0 0;font-size:var(--font-body-sm);color:var(--color-text-secondary);line-height:1.5}.bf-toast__icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.bf-toast__icon svg{width:20px;height:20px}.bf-toast__action{align-items:center;display:flex}.bf-toast__close{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--motion-fast) var(--ease-smooth), color var(--motion-fast) var(--ease-smooth);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.bf-toast__close:hover{background:var(--color-background-secondary);color:var(--color-text-primary)}.bf-toast__close:focus-visible{outline:3px solid var(--color-info);outline-offset:2px}.bf-toast--success{border-left-color:var(--color-success)}.bf-toast--warning{border-left-color:var(--color-warning)}.bf-toast--danger{border-left-color:var(--color-error)}.bf-toast--info{border-left-color:var(--color-info)}.onboarding{z-index:1400;padding:var(--space-lg);background:#020617b8;place-items:center;display:grid;position:fixed;inset:0}.onboarding__card{text-align:left;width:min(100%,540px)}.onboarding__eyebrow{margin:var(--space-lg) 0 var(--space-xs);color:var(--primary);font-size:var(--font-caption);font-weight:var(--font-bold);letter-spacing:.08em;text-transform:uppercase}.onboarding h1{color:var(--text);margin:0;font-size:clamp(1.7rem,5vw,2.3rem)}.onboarding__description{color:var(--muted);line-height:1.6}.onboarding__steps{gap:var(--space-md);margin:var(--space-xl) 0;padding:0;list-style:none;display:grid}.onboarding__steps li{align-items:center;gap:var(--space-md);color:var(--muted);display:flex}.onboarding__steps li span{border:1px solid var(--border-light);border-radius:var(--radius-full);width:28px;height:28px;font-size:var(--font-caption);place-items:center;display:grid}.onboarding__steps .is-active{color:var(--text)}.onboarding__steps .is-active span{color:#052e16;background:var(--primary);border-color:var(--primary)}.onboarding__actions{justify-content:flex-end;gap:var(--space-sm);display:flex}@media (width<=480px){.onboarding__actions{flex-direction:column-reverse}.onboarding__actions button{width:100%}}.app-error-fallback{background:var(--bg);min-height:100vh;color:var(--text);place-items:center;padding:24px;display:grid}.app-error-fallback__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:min(100%,520px);box-shadow:var(--shadow-elevated,var(--shadow));text-align:center;padding:36px}.app-error-fallback__eyebrow{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-size:14px;font-weight:700;display:block}.app-error-fallback h1{margin:0;font-size:32px}.app-error-fallback p{color:var(--muted);margin:14px 0 0;line-height:1.6}.app-error-fallback__actions{justify-content:center;gap:12px;margin-top:28px;display:flex}@media (width<=560px){.app-error-fallback__card{padding:28px 20px}.app-error-fallback__actions{flex-direction:column}.app-error-fallback__actions button{width:100%}}