:root{--color-primary: #4F46E5;--color-primary-hover: #4338CA;--color-primary-light: #EEF2FF;--color-secondary: #14B8A6;--color-secondary-hover: #0D9488;--color-secondary-light: #CCFBF1;--color-success: #16A34A;--color-success-light: #DCFCE7;--color-warning: #F59E0B;--color-warning-light: #FEF3C7;--color-warning-bg: #FFFBEB;--color-critical: #DC2626;--color-critical-light: #FEE2E2;--color-critical-bg: #FEF2F2;--color-critical-border: #FECACA;--color-gray-900: #111827;--color-gray-700: #374151;--color-gray-500: #6B7280;--color-gray-200: #E5E7EB;--color-gray-100: #F3F4F6;--color-white: #FFFFFF;--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-hover) 100%);--gradient-secondary: linear-gradient(135deg, var(--color-secondary) 0%, var(--color-secondary-hover) 100%);--gradient-gray: linear-gradient(135deg, var(--color-gray-100) 0%, var(--color-gray-200) 100%);--gradient-warning-note: linear-gradient(135deg, var(--color-warning-bg) 0%, var(--color-warning-light) 100%);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .15);--shadow-secondary: 0 4px 20px rgba(20, 184, 166, .15);--overlay-white-85: rgba(255, 255, 255, .85);--overlay-white-95: rgba(255, 255, 255, .95);--overlay-white-30: rgba(255, 255, 255, .3);--overlay-white-20: rgba(255, 255, 255, .2);--overlay-white-15: rgba(255, 255, 255, .15);--overlay-warning-15: rgba(245, 158, 11, .15);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font-family:inherit}