:root{--safe-top: env(safe-area-inset-top);--bg: oklch(97% .008 233);--surface: oklch(99% .003 233);--surface-alt: oklch(95.5% .011 233);--surface-disabled: oklch(93% .012 233);--border: oklch(89% .015 233);--text: oklch(23% .021 233);--muted: oklch(48% .021 233);--text-inverse: oklch(99% .003 233);--primary: oklch(56% .135 233);--primary-hover: oklch(50% .145 233);--primary-dark: oklch(46% .15 233);--primary-soft: oklch(92% .04 233);--primary-alpha: oklch(56% .135 233 / 16%);--on-primary: oklch(99% .003 233);--focus: oklch(60% .16 233);--danger: oklch(58% .19 25);--success: oklch(60% .135 152);--warning: oklch(74% .15 75);--card-border: oklch(74% .06 233);--input-border: oklch(82% .02 233);--placeholder: oklch(62% .02 233);--overlay-bg: oklch(20% .02 233 / 45%);--sticky-bg: oklch(99% .003 233 / 85%);--lock-bg: oklch(96% .01 233 / 85%);--auth-gradient: linear-gradient(135deg, oklch(85% .05 233 / 35%) 0%, oklch(92% .04 233 / 18%) 45%, oklch(97% .008 233) 80%);--icon-gradient: linear-gradient(135deg, oklch(70% .11 233) 0%, oklch(52% .145 233) 100%);--chart-cat-1: #0080b6;--chart-cat-2: #eb6834;--chart-cat-3: #1baf7a;--chart-cat-4: #eda100;--chart-cat-5: #e87ba4;--chart-cat-6: #008300;--chart-cat-7: #4a3aa7;--chart-cat-8: #e34948;--chart-other: #526068;--chart-axis: #526068;--chart-grid: #d2dde3;--chart-tooltip-bg: #fafcfd;--chart-tooltip-text: #131f25;--chart-warning-line: #e19b1b;--danger-soft-bg: oklch(94% .03 25);--danger-soft-bg-hover: oklch(90% .05 25);--danger-soft-text: oklch(46% .18 25);--success-soft-bg: oklch(94% .035 152);--success-soft-border: oklch(80% .08 152);--success-soft-text: oklch(42% .11 152);--warning-soft-bg: oklch(94% .04 75);--space-3xs: .25rem;--space-2xs: .5rem;--space-xs: .75rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 2.5rem;--space-2xl: 4rem;--z-base: 1;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-modal: 400;--z-toast: 500;--radius-card: 12px;--radius-input: 10px;--radius-pill: 999px;--shadow-card: 0 1px 2px oklch(23% .021 233 / .05);--shadow-card-hover: 0 8px 20px -10px oklch(56% .135 233 / .28);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--dur-micro: .12s;--dur-short: .22s;--dur-long: .42s;--font-body: "Geist", ui-sans-serif, system-ui, sans-serif;--font-display: "Satoshi", "Geist", ui-sans-serif, system-ui, sans-serif;--font-outlier: "Fredoka", ui-sans-serif, system-ui, sans-serif}[data-theme=dark]{--bg: oklch(17% .016 233);--surface: oklch(22% .018 233);--surface-alt: oklch(20% .017 233);--surface-disabled: oklch(27% .018 233);--border: oklch(33% .02 233);--text: oklch(93% .012 233);--muted: oklch(68% .02 233);--text-inverse: oklch(17% .016 233);--primary: oklch(68% .11 233);--primary-hover: oklch(74% .1 233);--primary-dark: oklch(74% .1 233);--primary-soft: oklch(30% .045 233);--primary-alpha: oklch(68% .11 233 / 14%);--on-primary: oklch(14% .02 233);--focus: oklch(72% .13 233);--danger: oklch(68% .17 25);--success: oklch(70% .13 152);--warning: oklch(78% .14 75);--card-border: oklch(40% .06 233);--input-border: oklch(38% .02 233);--placeholder: oklch(52% .02 233);--overlay-bg: oklch(10% .01 233 / 60%);--sticky-bg: oklch(22% .018 233 / 90%);--lock-bg: oklch(20% .017 233 / 90%);--auth-gradient: linear-gradient(135deg, oklch(40% .06 233 / 28%) 0%, oklch(30% .04 233 / 14%) 45%, oklch(17% .016 233) 80%);--chart-cat-1: #2d9bcc;--chart-cat-2: #d95926;--chart-cat-3: #199e70;--chart-cat-4: #c98500;--chart-cat-5: #d55181;--chart-cat-6: #008300;--chart-cat-7: #9085e9;--chart-cat-8: #e66767;--chart-other: #8d9ba3;--chart-axis: #8d9ba3;--chart-grid: #2b373e;--chart-tooltip-bg: #121c22;--chart-tooltip-text: #e0e9ef;--chart-warning-line: #eba941;--danger-soft-bg: oklch(68% .17 25 / 14%);--danger-soft-bg-hover: oklch(68% .17 25 / 24%);--danger-soft-text: oklch(80% .13 25);--success-soft-bg: oklch(70% .13 152 / 13%);--success-soft-border: oklch(70% .13 152 / 30%);--success-soft-text: oklch(84% .12 152);--warning-soft-bg: oklch(78% .14 75 / 16%);--shadow-card: 0 1px 2px oklch(0% 0 0 / .3);--shadow-card-hover: 0 8px 20px -10px oklch(0% 0 0 / .45)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);overflow-x:clip}#root{padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}input,textarea,select{font-size:16px!important;font-family:inherit}input:focus{outline:none;border-color:var(--focus)}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.15s!important;animation-iteration-count:1!important;transition-duration:.15s!important}}