:root{--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;--text-xs: .75rem;--text-sm: .875rem;--text-base: .9375rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.75rem;--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.65;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 24px;--color-christine-50: #fef7ec;--color-christine-100: #fceac9;--color-christine-200: #f8d38f;--color-christine-300: #f5b754;--color-christine-400: #f29e2d;--color-christine-500: #df7513;--color-christine-600: #d0590f;--color-christine-700: #ad3d10;--color-christine-800: #8c2f14;--color-christine-900: #742813;--color-christine-950: #421206;--bg-app: #FEFBF2;--bg-app-gradient: linear-gradient(165deg, #FEFBF2 0%, #FEFBF2 60%, #faf6e8 100%);--bg-main: #ffffff;--bg-elevated: #ffffff;--bg-muted: #FDF3DC;--bg-sidebar: #18181b;--border: #e4e4e7;--border-muted: #f4f4f5;--text: #09090b;--text-secondary: #52525b;--text-muted: #71717a;--text-inverse: #fafafa;--accent: #D08327;--accent-hover: #B87020;--accent-muted: #FDF3DC;--danger: #b91c1c;--danger-muted: #fef2f2;--success: #047857;--success-muted: #d1fae5;--shadow-sm: 0 1px 2px rgba(208, 131, 39, .04);--shadow-md: 0 4px 12px rgba(208, 131, 39, .06), 0 2px 4px rgba(208, 131, 39, .04);--shadow-lg: 0 12px 24px rgba(208, 131, 39, .08), 0 4px 8px rgba(208, 131, 39, .04);--glass-bg: rgba(254, 251, 242, .82);--glass-bg-strong: rgba(254, 251, 242, .94);--glass-border: rgba(254, 251, 242, .95);--glass-shadow: 0 8px 32px rgba(208, 131, 39, .06);--glass-blur: 12px;--sidebar-bg: #ffffff;--sidebar-border: #e4e4e7;--sidebar-logo-text: #18181b;--sidebar-section-text: #71717a;--sidebar-nav-text: #3f3f46;--sidebar-nav-hover-bg: #f4f4f5;--sidebar-nav-hover-text: #18181b;--sidebar-nav-active-bg: #f4f4f5;--sidebar-nav-active-text: #18181b}[data-theme=dark]{--bg-app: #1a1610;--bg-app-gradient: linear-gradient(165deg, #1a1610 0%, #1e1a12 60%, #221e14 100%);--bg-main: #211d14;--bg-elevated: #2a2418;--bg-muted: #2e2819;--bg-sidebar: #161210;--border: #3a3222;--border-muted: #2e2819;--text: #f5f0e8;--text-secondary: #c4b896;--text-muted: #8a7d64;--text-inverse: #1a1610;--accent: #f29e2d;--accent-hover: #f5b754;--accent-muted: #2e2210;--danger: #f87171;--danger-muted: #2d1212;--success: #34d399;--success-muted: #0d2e22;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4), 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 24px rgba(0, 0, 0, .5), 0 4px 8px rgba(0, 0, 0, .3);--glass-bg: rgba(30, 26, 18, .72);--glass-bg-strong: rgba(30, 26, 18, .92);--glass-border: rgba(255, 255, 255, .07);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4);--glass-blur: 16px;--sidebar-bg: #1e1a12;--sidebar-border: #3a3222;--sidebar-logo-text: #f5f0e8;--sidebar-section-text: #8a7d64;--sidebar-nav-text: #c4b896;--sidebar-nav-hover-bg: #2e2819;--sidebar-nav-hover-text: #f5f0e8;--sidebar-nav-active-bg: #2e2819;--sidebar-nav-active-text: #f5f0e8}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg-app);background-image:var(--bg-app-gradient);background-attachment:fixed;color:var(--text)}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}#root{min-height:100vh}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes staggerFadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spinning{animation:spin 1s linear infinite}@media(prefers-reduced-motion:reduce){.spinning{animation-duration:2.5s}}