:root{--color-bg: #eceef1;--color-ink: #14171a;--color-settled: var(--color-ink);--color-settled-bg: rgba(20, 23, 26, .05);--color-pending: #92400e;--color-pending-bg: rgba(180, 83, 9, .12);--color-pending-border: rgba(180, 83, 9, .35);--color-upcoming: #92400e;--color-upcoming-bg: rgba(180, 83, 9, .06);--color-upcoming-border: rgba(180, 83, 9, .22);--color-caution: #b08d57;--color-food: #e69f00;--color-clothes: #56b4e9;--color-bills-electric: #009e73;--color-transport: #0072b2;--color-entertainment: #cc79a7;--color-health: #d55e00;--color-groceries: #8a8a00;--color-subscriptions: #999999;--color-other: #5c5c5c;--font-headline: "Space Grotesk", "Inter", -apple-system, "Helvetica Neue", Arial, sans-serif;--font-body: "Inter", -apple-system, "Helvetica Neue", Arial, sans-serif;--radius-card: 20px;--radius-chip: 12px;--bottom-nav-height: calc(64px + max(12px, env(safe-area-inset-bottom, 0px))) ;--canvas-top-inset: max(16px, env(safe-area-inset-top, 0px));--app-max-width: 480px;--sidebar-width: 0px;--chart-max-bar-height: 120px;--donut-max-width: 220px;--app-edge-inset: max(16px, calc(50% - (var(--app-max-width) / 2) + 16px));color-scheme:light;--gradient-brand: linear-gradient(135deg, #8b5cf6 0%, #10b981 100%);--auth-canvas-bg: #eceef1;--auth-canvas-gradient: radial-gradient(640px circle at 12% 18%, rgba(139, 92, 246, .24), transparent 60%), radial-gradient(600px circle at 88% 78%, rgba(16, 185, 129, .2), transparent 60%), radial-gradient(420px circle at 72% 8%, rgba(139, 92, 246, .14), transparent 65%);--glass-bg: rgba(255, 255, 255, .62);--glass-border: rgba(20, 23, 26, .12);--glass-blur: 20px;--glass-ink: #14171a;--glass-ink-muted: rgba(20, 23, 26, .72);--glass-shadow: 0 8px 32px rgba(20, 23, 26, .1);--category-swatch-border: rgba(20, 23, 26, .18);--glass-recessed-bg: rgba(20, 23, 26, .04)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--color-bg: #101214;--color-ink: #f2f1ed;color-scheme:dark;--color-settled-bg: rgba(242, 241, 237, .06);--color-pending: #fbbf24;--color-pending-bg: rgba(251, 191, 36, .16);--color-pending-border: rgba(251, 191, 36, .4);--color-upcoming: #fbbf24;--color-upcoming-bg: rgba(251, 191, 36, .08);--color-upcoming-border: rgba(251, 191, 36, .26);--auth-canvas-bg: #0b0f0c;--auth-canvas-gradient: radial-gradient(640px circle at 12% 18%, rgba(139, 92, 246, .55), transparent 60%), radial-gradient(600px circle at 88% 78%, rgba(16, 185, 129, .45), transparent 60%), radial-gradient(420px circle at 72% 8%, rgba(139, 92, 246, .28), transparent 65%);--glass-bg: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .14);--glass-ink: #f2f1ed;--glass-ink-muted: rgba(242, 241, 237, .72);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .35);--category-swatch-border: transparent;--glass-recessed-bg: rgba(255, 255, 255, .06)}}.bottom-nav{display:flex;border:1px solid var(--glass-border);border-radius:999px}.sidebar-nav{display:none}.app-shell{display:contents}@media (min-width: 700px){:root{--app-max-width: 760px;--sidebar-width: 224px;--chart-max-bar-height: 160px;--donut-max-width: 280px}.app-shell{display:flex;flex:1;min-height:0}.bottom-nav{display:none}.sidebar-nav{display:flex}}:root[data-theme=dark]{--color-bg: #101214;--color-ink: #f2f1ed;color-scheme:dark;--color-settled-bg: rgba(242, 241, 237, .06);--color-pending: #fbbf24;--color-pending-bg: rgba(251, 191, 36, .16);--color-pending-border: rgba(251, 191, 36, .4);--color-upcoming: #fbbf24;--color-upcoming-bg: rgba(251, 191, 36, .08);--color-upcoming-border: rgba(251, 191, 36, .26);--auth-canvas-bg: #0b0f0c;--auth-canvas-gradient: radial-gradient(640px circle at 12% 18%, rgba(139, 92, 246, .55), transparent 60%), radial-gradient(600px circle at 88% 78%, rgba(16, 185, 129, .45), transparent 60%), radial-gradient(420px circle at 72% 8%, rgba(139, 92, 246, .28), transparent 65%);--glass-bg: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .14);--glass-ink: #f2f1ed;--glass-ink-muted: rgba(242, 241, 237, .72);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .35);--category-swatch-border: transparent;--glass-recessed-bg: rgba(255, 255, 255, .06)}:root[data-theme=light]{color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column}button{font-family:inherit}.tabular-nums{font-variant-numeric:tabular-nums}.scroll-region{scrollbar-width:none;-ms-overflow-style:none}.scroll-region::-webkit-scrollbar{display:none}