:root{--font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-xl: 20px;--border-radius-2xl: 24px;--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out;--color-success: #10B981;--color-error: #EF4444;--color-warning: #F59E0B;--color-info: #3B82F6}body.theme-dark{--color-primary: #4a90e2;--color-primary-dark: #1f3f75;--color-primary-light: #7b61ff;--color-on-primary: #ffffff;--color-black: #050505;--color-gray-900: #101010;--color-gray-800: #1a1a1a;--color-gray-700: #252525;--color-gray-600: #383838;--color-gray-500: #595959;--color-gray-400: #7a7a7a;--color-gray-300: #a0a0a0;--color-gray-200: #c7c7c7;--color-gray-100: #f5f5f5;--color-white: #ffffff;--color-text-primary: #f5f5f5;--color-text-secondary: rgba(255, 255, 255, .75);--color-text-muted: rgba(255, 255, 255, .6);--app-background: radial-gradient(circle at top left, #1f1f1f 0%, #0f0f0f 55%, #050505 100%);--surface-primary: #0f0f0f;--surface-secondary: #141414;--surface-card: rgba(20, 20, 20, .95);--surface-sidebar: #1a1a1a;--surface-overlay: rgba(10, 10, 10, .92);--surface-menu: rgba(10, 10, 10, .96);--surface-input: rgba(255, 255, 255, .06);--surface-hover: rgba(255, 255, 255, .06);--surface-active: rgba(74, 144, 226, .18);--border-color: rgba(255, 255, 255, .08);--border-strong: #2a2a2a;--gradient-primary: radial-gradient(circle at top left, #1f1f1f 0%, #0f0f0f 55%, #050505 100%);--gradient-card: linear-gradient(145deg, rgba(31, 41, 55, .8) 0%, rgba(17, 24, 39, .9) 100%);--gradient-button: linear-gradient(135deg, #4a90e2 0%, #7b61ff 100%);--gradient-button-hover: linear-gradient(135deg, #7b61ff 0%, #4a90e2 100%);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .25);--shadow-md: 0 8px 16px rgba(0, 0, 0, .25);--shadow-lg: 0 14px 28px rgba(0, 0, 0, .35);--shadow-xl: 0 24px 48px rgba(0, 0, 0, .45);--shadow-glow: 0 0 20px rgba(74, 144, 226, .4);--shadow-glow-strong: 0 0 26px rgba(74, 144, 226, .55);--scrollbar-track: #1e1e1e;--scrollbar-thumb: #333333;--fab-background: var(--gradient-button);--fab-shadow: var(--shadow-xl), var(--shadow-glow)}body.theme-light{--color-primary: #012ca2;--color-primary-dark: #001d74;--color-primary-light: #2d4ddf;--color-on-primary: #ffffff;--color-black: #000000;--color-gray-900: #171819;--color-gray-800: #1f2023;--color-gray-700: #2b2c30;--color-gray-600: #3f4045;--color-gray-500: #5b5d62;--color-gray-400: #7b7d83;--color-gray-300: #a0a2a8;--color-gray-200: #dcd7d1;--color-gray-100: #f2eeec;--color-white: #ffffff;--color-text-primary: #171819;--color-text-secondary: #2c2d31;--color-text-muted: #5a5b60;--app-background: linear-gradient(135deg, #f2eeec 0%, #ffffff 100%);--surface-primary: #f2eeec;--surface-secondary: #f7f5f3;--surface-card: #ffffff;--surface-sidebar: #f9f8f6;--surface-overlay: rgba(255, 255, 255, .92);--surface-menu: rgba(255, 255, 255, .96);--surface-input: rgba(1, 44, 162, .04);--surface-hover: rgba(1, 44, 162, .08);--surface-active: rgba(1, 44, 162, .16);--border-color: rgba(1, 44, 162, .12);--border-strong: rgba(23, 24, 25, .08);--gradient-primary: linear-gradient(135deg, #f2eeec 0%, #ffffff 100%);--gradient-card: linear-gradient(145deg, rgba(255, 255, 255, .95) 0%, rgba(242, 238, 236, .9) 100%);--gradient-button: linear-gradient(135deg, #012ca2 0%, #2d4ddf 100%);--gradient-button-hover: linear-gradient(135deg, #2d4ddf 0%, #012ca2 100%);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 8px 18px rgba(1, 44, 162, .12);--shadow-lg: 0 14px 28px rgba(1, 44, 162, .14);--shadow-xl: 0 24px 48px rgba(1, 44, 162, .16);--shadow-glow: 0 0 18px rgba(1, 44, 162, .25);--shadow-glow-strong: 0 0 28px rgba(1, 44, 162, .35);--scrollbar-track: #e7e3df;--scrollbar-thumb: #c7c2bb;--fab-background: var(--gradient-button);--fab-shadow: var(--shadow-xl), var(--shadow-glow)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text-primary);background:var(--app-background);min-height:100vh;overflow-x:hidden;transition:background var(--transition-slow),color var(--transition-slow);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--border-radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}::selection{background:var(--color-primary);color:var(--color-white)}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.2;color:var(--color-text-primary)}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}