:root{--color-matcha-300: #84e7a5;--color-matcha-600: #078a52;--color-matcha-800: #02492a;--color-slushie-300: #6ee0ff;--color-slushie-500: #3bd3fd;--color-slushie-800: #0089ad;--color-lemon-400: #f8cc65;--color-lemon-500: #fbbd41;--color-lemon-700: #d08a11;--color-lemon-800: #9d6a09;--color-ube-300: #c1b0ff;--color-ube-800: #43089f;--color-ube-900: #32037d;--color-pomegranate-400: #fc7981;--color-blueberry-800: #01418d;--color-dragonfruit: #e84393;--bg-default: #faf9f7;--bg-paper: #ffffff;--bg-hover: #f5f2ed;--bg-tertiary: #f5f2ed;--text-primary: #000000;--text-secondary: #9f9b93;--text-tertiary: #55534e;--border-primary: #dad4c8;--border-light: #eee9df;--border-cool: #e6e8ec;--shadow-clay: rgba(0, 0, 0, .1) 0px 1px 1px, rgba(0, 0, 0, .04) 0px -1px 1px inset, rgba(0, 0, 0, .05) 0px -.5px 1px;--shadow-hover: rgba(0, 0, 0, .15) 0px 8px 24px, rgba(0, 0, 0, .06) 0px -1px 1px inset;--shadow-hard: rgb(0, 0, 0) -7px 7px;--color-primary-main: var(--color-matcha-600);--color-primary-light: var(--color-matcha-300);--color-primary-dark: var(--color-matcha-800);--color-secondary-main: var(--color-slushie-500);--color-secondary-dark: var(--color-slushie-800);--color-success-main: var(--color-matcha-600);--color-warning-main: var(--color-lemon-500);--color-warning-light: var(--color-lemon-400);--color-warning-dark: var(--color-lemon-700);--color-error-main: var(--color-pomegranate-400);--color-error-light: #fda4a8;--color-error-dark: #c0505a;--color-primary-overlay-hover: rgba(7, 138, 82, .06);--color-primary-overlay-selected: rgba(7, 138, 82, .08);--color-primary-overlay-selected-hover: rgba(7, 138, 82, .12);--color-impersonation-bg: #f59e0b;--color-impersonation-border: #d97706;--color-impersonation-text: #1c1917;--color-impersonation-chip-bg: #fde68a;--color-impersonation-chip-text: #92400e;--color-impersonation-exit-bg: #dc2626;--color-impersonation-exit-bg-hover: #b91c1c;--color-impersonation-exit-text: #ffffff;--spacing-unit: 8px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 20px;--layout-sidebar-width: 280px;--layout-auth-card-width: 400px;--font-family: "Inter", "Roobert", "Arial", sans-serif;--font-size-h1: 3.75rem;--line-height-h1: 1;--tracking-h1: -2.4px;--weight-h1: 600;--font-size-h2: 2.75rem;--line-height-h2: 1.1;--tracking-h2: -1.32px;--weight-h2: 600;--font-size-h3: 2rem;--line-height-h3: 1.1;--tracking-h3: -.64px;--weight-h3: 600;--font-size-h4: 1.5rem;--line-height-h4: 1.2;--tracking-h4: -.4px;--weight-h4: 600;--font-size-h5: 1.25rem;--line-height-h5: 1.4;--tracking-h5: -.4px;--weight-h5: 600;--font-size-h6: 1.125rem;--line-height-h6: 1.5;--tracking-h6: -.16px;--weight-h6: 500;--font-size-body1: 1rem;--line-height-body1: 1.5;--font-size-body2: .875rem;--line-height-body2: 1.5;--tracking-body2: -.14px;--font-size-caption: .75rem;--line-height-caption: 1.5;--font-size-overline: .75rem;--tracking-overline: 1.08px;--weight-overline: 600}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg-default: #0c0e14;--bg-paper: #181a22;--bg-tertiary: #1f222c;--bg-elevated: #252836;--bg-hover: #2a2d3a;--text-primary: #f0ece4;--text-secondary: #9f9b93;--text-tertiary: #6b6760;--border-primary: #2a2d3a;--border-secondary: #353845;--border-hover: #4a4d5a;--shadow-clay: rgba(0, 0, 0, .3) 0px 1px 3px, rgba(0, 0, 0, .15) 0px -1px 1px inset, rgba(0, 0, 0, .1) 0px -.5px 1px;--shadow-hover: rgba(0, 0, 0, .45) 0px 8px 24px, rgba(0, 0, 0, .15) 0px -1px 1px inset;--color-primary-main: var(--color-matcha-300);--color-primary-light: var(--color-matcha-300);--color-primary-dark: var(--color-matcha-800);--color-primary-overlay-hover: rgba(132, 231, 165, .08);--color-primary-overlay-selected: rgba(132, 231, 165, .12);--color-primary-overlay-selected-hover: rgba(132, 231, 165, .18)}}:root[data-theme=dark]{--bg-default: #0c0e14;--bg-paper: #181a22;--bg-tertiary: #1f222c;--bg-elevated: #252836;--bg-hover: #2a2d3a;--text-primary: #f0ece4;--text-secondary: #9f9b93;--text-tertiary: #6b6760;--border-primary: #2a2d3a;--border-secondary: #353845;--border-hover: #4a4d5a;--shadow-clay: rgba(0, 0, 0, .3) 0px 1px 3px, rgba(0, 0, 0, .15) 0px -1px 1px inset, rgba(0, 0, 0, .1) 0px -.5px 1px;--shadow-hover: rgba(0, 0, 0, .45) 0px 8px 24px, rgba(0, 0, 0, .15) 0px -1px 1px inset;--color-primary-main: var(--color-matcha-300);--color-primary-light: var(--color-matcha-300);--color-primary-dark: var(--color-matcha-800);--color-primary-overlay-hover: rgba(132, 231, 165, .08);--color-primary-overlay-selected: rgba(132, 231, 165, .12);--color-primary-overlay-selected-hover: rgba(132, 231, 165, .18)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background-color:var(--bg-default);color:var(--text-primary);font-family:var(--font-family)}