:root{--spacing-0: 0;--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;--font-family-base: "Inter", system-ui, -apple-system, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;--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;--font-size-5xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.2;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--radius-none: 0;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-base: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--transition-fast: .15s ease-out;--transition-base: .2s ease-out;--transition-slow: .3s ease-out;--transition-slower: .5s ease-out;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--color-white: #ffffff;--color-black: #000000;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-success: #10b981;--color-success-light: #d1fae5;--color-success-dark: #059669;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-warning-dark: #d97706;--color-error: #ef4444;--color-error-light: #fee2e2;--color-error-dark: #dc2626;--color-info: #3b82f6;--color-info-light: #dbeafe;--color-info-dark: #2563eb;--hover-card-translate: translateY(-4px);--hover-card-shadow: var(--shadow-xl);--hover-btn-translate: translateY(-2px);--hover-btn-shadow: var(--shadow-lg);--hover-scale: scale(1.05);--hover-scale-subtle: scale(1.02);--btn-padding-x: var(--spacing-4);--btn-padding-y: var(--spacing-2);--btn-border-radius: var(--radius-lg);--btn-font-weight: var(--font-weight-semibold);--btn-transition: all var(--transition-base);--card-padding: var(--spacing-6);--card-border-radius: var(--radius-xl);--card-shadow: var(--shadow-md);--card-shadow-hover: var(--shadow-xl);--card-border-color: var(--color-gray-200);--input-padding-x: var(--spacing-3);--input-padding-y: var(--spacing-2);--input-border-radius: var(--radius-md);--input-border-color: var(--color-gray-300);--input-focus-ring: 0 0 0 3px var(--color-primary-light);--badge-padding-x: var(--spacing-2);--badge-padding-y: var(--spacing-1);--badge-border-radius: var(--radius-full);--badge-font-size: var(--font-size-xs);--spinner-size: 20px;--spinner-border-width: 3px;--spinner-bg-color: var(--color-gray-200);--spinner-active-color: var(--color-primary);--spinner-animation-duration: 1s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{width:var(--spinner-size);height:var(--spinner-size);border:var(--spinner-border-width) solid var(--spinner-bg-color);border-top-color:var(--spinner-active-color);border-radius:50%;animation:spin var(--spinner-animation-duration) linear infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn var(--transition-slow) ease-in forwards}.hover-card{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-card:hover{transform:var(--hover-card-translate);box-shadow:var(--hover-card-shadow)}.hover-btn{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-btn:hover{transform:var(--hover-btn-translate);box-shadow:var(--hover-btn-shadow)}.hover-scale{transition:transform var(--transition-base)}.hover-scale:hover{transform:var(--hover-scale)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hover-card:hover,.hover-btn:hover,.hover-scale:hover{transform:none!important}}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-family-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--brand-page-background);color:var(--brand-text-color);scrollbar-color:var(--color-gray-400) var(--color-gray-100)}#root{min-height:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--radius-base)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}