.finance-demo.svelte-u5kdqz{--demo-line: color-mix(in srgb, var(--color-text) 11%, transparent);--demo-muted-bg: color-mix(in srgb, var(--color-bg) 72%, var(--color-surface));container-type:inline-size;width:100%;margin:var(--space-5) 0;overflow:hidden;border:1px solid var(--demo-line);border-radius:var(--radius-lg);background:var(--demo-muted-bg);color:var(--color-text);font-family:var(--font-sans);font-size:14px;line-height:1.45;box-shadow:0 16px 48px color-mix(in srgb,var(--color-dark) 7%,transparent)}.finance-demo.svelte-u5kdqz *{box-sizing:border-box}.finance-demo.svelte-u5kdqz h3:where(.svelte-u5kdqz),.finance-demo.svelte-u5kdqz h4:where(.svelte-u5kdqz),.finance-demo.svelte-u5kdqz p:where(.svelte-u5kdqz),.finance-demo.svelte-u5kdqz ul:where(.svelte-u5kdqz){margin:0}.finance-demo.svelte-u5kdqz h3:where(.svelte-u5kdqz),.finance-demo.svelte-u5kdqz h4:where(.svelte-u5kdqz){font-family:var(--font-sans);color:var(--color-text);letter-spacing:-.025em}.finance-demo.svelte-u5kdqz .icon:where(.svelte-u5kdqz){width:20px;height:20px;flex-shrink:0}.demo-invitation.svelte-u5kdqz{display:flex;align-items:center;gap:13px;padding:16px 25px;border-bottom:1px solid color-mix(in srgb,var(--color-primary) 40%,var(--demo-line));background:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface))}.invitation-icon.svelte-u5kdqz{display:grid;place-items:center;flex-shrink:0;width:37px;height:37px;border-radius:10px;background:var(--color-dark);color:var(--color-primary)}.invitation-icon.svelte-u5kdqz .icon:where(.svelte-u5kdqz){width:23px;height:23px}.invitation-copy.svelte-u5kdqz{min-width:0}.invitation-heading.svelte-u5kdqz{display:flex;flex-wrap:wrap;align-items:center;gap:5px 12px}.invitation-label.svelte-u5kdqz{color:var(--color-dark);font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.invitation-heading.svelte-u5kdqz strong:where(.svelte-u5kdqz){color:var(--color-dark);font-size:14px}.finance-demo.svelte-u5kdqz .invitation-copy:where(.svelte-u5kdqz) p:where(.svelte-u5kdqz){margin-top:4px;color:var(--color-text-muted);font-size:12px;line-height:1.5}.demo-topbar.svelte-u5kdqz{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 25px;background:var(--color-surface);border-bottom:1px solid var(--demo-line)}.workspace.svelte-u5kdqz{display:flex;align-items:center;gap:10px}.workspace-mark.svelte-u5kdqz{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--color-dark);color:var(--color-primary)}.workspace-mark.svelte-u5kdqz .icon:where(.svelte-u5kdqz){width:25px;height:25px}.workspace.svelte-u5kdqz strong:where(.svelte-u5kdqz){display:block;font-size:15px}.workspace.svelte-u5kdqz div:where(.svelte-u5kdqz)>span:where(.svelte-u5kdqz){display:block;margin-top:1px;color:var(--color-text-muted);font-size:11px}.dummy-badge.svelte-u5kdqz{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;padding:7px 10px;border:1px solid color-mix(in srgb,var(--color-warning) 55%,var(--color-text));border-radius:5px;background:color-mix(in srgb,var(--color-warning) 14%,var(--color-surface));color:var(--color-text);font-size:10px;font-weight:700;letter-spacing:.05em}.dummy-badge.svelte-u5kdqz>span:where(.svelte-u5kdqz){height:5px;width:5px;border-radius:50%;background:var(--color-text)}.demo-body.svelte-u5kdqz{padding:25px}.overview-heading.svelte-u5kdqz{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.eyebrow.svelte-u5kdqz{display:block;margin-bottom:4px;color:var(--color-text-muted);font-size:10px;font-weight:700;letter-spacing:.1em}.finance-demo.svelte-u5kdqz h3:where(.svelte-u5kdqz){font-size:27px;line-height:1.25}.filters.svelte-u5kdqz{display:flex;flex-wrap:wrap;gap:10px}.filter-control.svelte-u5kdqz{display:grid;gap:4px}.filter-control.svelte-u5kdqz>span:where(.svelte-u5kdqz){color:var(--color-text-muted);font-size:11px}.filter-control.svelte-u5kdqz select:where(.svelte-u5kdqz){min-height:40px;max-width:100%;padding:8px 10px;border:1px solid var(--demo-line);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:12px;cursor:pointer}.filter-control.svelte-u5kdqz select:where(.svelte-u5kdqz):focus-visible,.table-scroll.svelte-u5kdqz:focus-visible{outline:3px solid var(--color-secondary);outline-offset:3px}.kpis.svelte-u5kdqz{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.kpi.svelte-u5kdqz{min-width:0;padding:18px 16px;border:1px solid var(--demo-line);border-radius:var(--radius-md);background:var(--color-surface)}.kpi-label.svelte-u5kdqz{display:flex;align-items:center;gap:7px;color:var(--color-text-muted);font-size:12px}.kpi-label.svelte-u5kdqz .icon:where(.svelte-u5kdqz){width:18px;height:18px;color:var(--color-secondary)}.kpi.svelte-u5kdqz>strong:where(.svelte-u5kdqz){display:block;margin:14px 0 6px;font-size:clamp(19px,3cqw,30px);line-height:1.1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.kpi-footnote.svelte-u5kdqz{display:block;color:var(--color-text-muted);font-size:10px}.balance-card.svelte-u5kdqz{background:var(--color-dark);border-color:var(--color-dark);color:var(--color-on-dark)}.balance-card.svelte-u5kdqz>strong:where(.svelte-u5kdqz){color:var(--color-on-dark)}.balance-card.svelte-u5kdqz .kpi-label:where(.svelte-u5kdqz),.balance-card.svelte-u5kdqz .kpi-footnote:where(.svelte-u5kdqz){color:var(--color-on-dark-muted)}.balance-card.svelte-u5kdqz .icon:where(.svelte-u5kdqz){color:var(--color-primary)}.positive.svelte-u5kdqz{color:var(--color-secondary)}.charts.svelte-u5kdqz{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:16px;margin-bottom:16px}.chart-card.svelte-u5kdqz,.transactions-card.svelte-u5kdqz{min-width:0;padding:20px;border:1px solid var(--demo-line);border-radius:var(--radius-md);background:var(--color-surface)}.card-heading.svelte-u5kdqz{display:flex;align-items:center;justify-content:space-between;gap:8px}.finance-demo.svelte-u5kdqz h4:where(.svelte-u5kdqz){display:flex;align-items:center;gap:7px;font-size:15px;font-weight:700;line-height:1.3}.card-heading.svelte-u5kdqz .icon:where(.svelte-u5kdqz){width:19px;height:19px;color:var(--color-text-muted)}.muted.svelte-u5kdqz{color:var(--color-text-muted);font-size:11px}.chart-key.svelte-u5kdqz{display:inline-flex;align-items:center;gap:5px;color:var(--color-text-muted);font-size:11px}.chart-key.svelte-u5kdqz i:where(.svelte-u5kdqz){width:6px;height:6px;border-radius:50%;background:var(--color-secondary)}.cash-chart.svelte-u5kdqz>p:where(.svelte-u5kdqz){margin-top:6px;color:var(--color-text-muted);font-size:11px}.line-chart.svelte-u5kdqz{display:block;width:100%;height:auto;margin:18px 0 8px;overflow:visible}.grid-line.svelte-u5kdqz{stroke:var(--demo-line);stroke-dasharray:3 5}.axis-label.svelte-u5kdqz{fill:var(--color-text-muted);font-size:12px}.chart-area.svelte-u5kdqz{fill:var(--color-primary);opacity:.12}.chart-line.svelte-u5kdqz{fill:none;stroke:var(--color-secondary);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.chart-point.svelte-u5kdqz{fill:var(--color-surface);stroke:var(--color-secondary);stroke-width:2.5}.cash-caption.svelte-u5kdqz{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px 10px;padding-top:14px;border-top:1px solid var(--demo-line);color:var(--color-text-muted);font-size:11px}.cash-caption.svelte-u5kdqz strong:where(.svelte-u5kdqz){color:var(--color-text);font-weight:500}.cash-caption.svelte-u5kdqz .positive:where(.svelte-u5kdqz){font-weight:700}.spend-body.svelte-u5kdqz{display:grid;justify-items:center}.donut-chart.svelte-u5kdqz{display:block;width:142px;height:142px;margin:12px auto}.donut-track.svelte-u5kdqz,.donut-segment.svelte-u5kdqz{fill:none;stroke-width:16}.donut-track.svelte-u5kdqz{stroke:var(--demo-muted-bg)}.category-0.svelte-u5kdqz{--category-color: var(--color-secondary)}.category-1.svelte-u5kdqz{--category-color: var(--color-tertiary)}.category-2.svelte-u5kdqz{--category-color: var(--color-primary)}.category-3.svelte-u5kdqz{--category-color: var(--color-warning)}.donut-segment.svelte-u5kdqz{stroke:var(--category-color)}.donut-label.svelte-u5kdqz{fill:var(--color-text-muted);font-size:11px}.donut-value.svelte-u5kdqz{fill:var(--color-text);font-size:19px;font-weight:700;letter-spacing:-.04em}.finance-demo.svelte-u5kdqz .spend-legend:where(.svelte-u5kdqz){display:grid;gap:7px;width:100%;padding:0;list-style:none;font-size:12px}.spend-legend.svelte-u5kdqz li:where(.svelte-u5kdqz){display:flex;justify-content:space-between;gap:8px;margin:0;padding:0}.spend-legend.svelte-u5kdqz strong:where(.svelte-u5kdqz){font-size:12px;font-weight:500;font-variant-numeric:tabular-nums}.category-name.svelte-u5kdqz{display:inline-flex;align-items:center;gap:7px;color:var(--color-text-muted)}.category-dot.svelte-u5kdqz{width:7px;height:7px;border-radius:2px;background:var(--category-color)}.transactions-card.svelte-u5kdqz{padding-bottom:0}.table-scroll.svelte-u5kdqz{overflow-x:auto;max-height:435px;margin:15px -20px 0;border-radius:0 0 var(--radius-md) var(--radius-md)}.finance-demo.svelte-u5kdqz table:where(.svelte-u5kdqz){width:100%;margin:0;border-collapse:collapse;white-space:nowrap;font-size:12px}.finance-demo.svelte-u5kdqz th:where(.svelte-u5kdqz){position:sticky;top:0;padding:11px 12px;background:var(--demo-muted-bg);color:var(--color-text-muted);text-align:left;font-weight:500}.finance-demo.svelte-u5kdqz td:where(.svelte-u5kdqz){padding:12px;border-top:1px solid var(--demo-line);vertical-align:middle}.finance-demo.svelte-u5kdqz th:where(.svelte-u5kdqz):first-child,.finance-demo.svelte-u5kdqz td:where(.svelte-u5kdqz):first-child{padding-left:20px}.finance-demo.svelte-u5kdqz th:where(.svelte-u5kdqz):last-child,.finance-demo.svelte-u5kdqz td:where(.svelte-u5kdqz):last-child{padding-right:20px}.transaction-icon.svelte-u5kdqz{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-right:9px;border-radius:7px;background:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface));color:var(--color-secondary);vertical-align:middle}.transaction-icon.svelte-u5kdqz .icon:where(.svelte-u5kdqz){width:14px;height:14px}.expense-icon.svelte-u5kdqz{background:color-mix(in srgb,var(--color-tertiary) 10%,var(--color-surface));color:var(--color-tertiary)}.transaction-name.svelte-u5kdqz{display:inline-block;vertical-align:middle;font-weight:500}.transaction-name.svelte-u5kdqz small:where(.svelte-u5kdqz){display:block;margin-top:2px;color:var(--color-text-muted);font-size:10px;font-weight:400}.date.svelte-u5kdqz{color:var(--color-text-muted)}.category-pill.svelte-u5kdqz{display:inline-block;padding:3px 7px;border:1px solid var(--demo-line);border-radius:4px;color:var(--color-text-muted);font-size:10px}.finance-demo.svelte-u5kdqz .amount:where(.svelte-u5kdqz){text-align:right;font-variant-numeric:tabular-nums}.finance-demo.svelte-u5kdqz td.amount:where(.svelte-u5kdqz){font-weight:500}.finance-demo.svelte-u5kdqz .demo-note:where(.svelte-u5kdqz){margin-top:16px;color:var(--color-text-muted);font-size:11px;line-height:1.6;text-align:center}.sr-only.svelte-u5kdqz{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@container (max-width: 760px){.overview-heading.svelte-u5kdqz{align-items:flex-start;flex-direction:column}.kpi.svelte-u5kdqz{padding:15px 12px}.kpi-label.svelte-u5kdqz{font-size:10px}.kpi-footnote.svelte-u5kdqz{font-size:9px}.chart-card.svelte-u5kdqz,.transactions-card.svelte-u5kdqz{padding:16px}.transactions-card.svelte-u5kdqz{padding-bottom:0}.table-scroll.svelte-u5kdqz{margin-right:-16px;margin-left:-16px}.donut-chart.svelte-u5kdqz{width:120px;height:120px}.finance-demo.svelte-u5kdqz h4:where(.svelte-u5kdqz){font-size:13px}.muted.svelte-u5kdqz{font-size:10px}.spend-legend.svelte-u5kdqz li:where(.svelte-u5kdqz),.spend-legend.svelte-u5kdqz strong:where(.svelte-u5kdqz){font-size:10px}}@container (max-width: 600px){.demo-invitation.svelte-u5kdqz{align-items:flex-start;gap:10px;padding:15px}.demo-topbar.svelte-u5kdqz,.demo-body.svelte-u5kdqz{padding:15px}.kpis.svelte-u5kdqz{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi.svelte-u5kdqz>strong:where(.svelte-u5kdqz){font-size:25px}.charts.svelte-u5kdqz{grid-template-columns:1fr}.spend-body.svelte-u5kdqz{grid-template-columns:120px minmax(0,1fr);align-items:center;gap:15px}.spend-legend.svelte-u5kdqz li:where(.svelte-u5kdqz){padding:3px 0}.line-chart.svelte-u5kdqz{margin-top:4px}.finance-demo.svelte-u5kdqz h3:where(.svelte-u5kdqz){font-size:24px}.filter-control.svelte-u5kdqz{flex:1;min-width:0}.filters.svelte-u5kdqz{width:100%}.filter-control.svelte-u5kdqz select:where(.svelte-u5kdqz){width:100%;padding:8px 4px;font-size:11px}.finance-demo.svelte-u5kdqz table:where(.svelte-u5kdqz){font-size:11px}}@container (max-width: 380px){.workspace.svelte-u5kdqz div:where(.svelte-u5kdqz)>span:where(.svelte-u5kdqz){font-size:9px}.workspace-mark.svelte-u5kdqz{width:30px;height:30px}.workspace.svelte-u5kdqz{gap:7px}.workspace.svelte-u5kdqz strong:where(.svelte-u5kdqz){font-size:12px}.dummy-badge.svelte-u5kdqz{padding:5px 6px;font-size:8px}.eyebrow.svelte-u5kdqz{font-size:9px}.kpi.svelte-u5kdqz{padding:13px 10px}.kpi.svelte-u5kdqz>strong:where(.svelte-u5kdqz){font-size:23px}.card-heading.svelte-u5kdqz .muted:where(.svelte-u5kdqz){font-size:9px}.finance-demo.svelte-u5kdqz h4:where(.svelte-u5kdqz){font-size:12px}.spend-body.svelte-u5kdqz{grid-template-columns:100px minmax(0,1fr);gap:10px}.donut-chart.svelte-u5kdqz{width:100px;height:100px}.cash-caption.svelte-u5kdqz,.cash-chart.svelte-u5kdqz>p:where(.svelte-u5kdqz){font-size:10px}}