:root{--primary: #1B6B93;--primary-dark: #145374;--primary-light: #E8F4F8;--primary-50: #f0f7fa;--primary-100: #d6ecf3;--primary-600: #1B6B93;--primary-700: #145374;--accent: #22896E;--accent-light: #E6F5F0;--success: #1B8A5A;--success-light: #E6F5EF;--gray-50: #F8FAFC;--gray-100: #F1F5F9;--gray-200: #E2E8F0;--gray-300: #CBD5E1;--gray-400: #94A3B8;--gray-500: #64748B;--gray-600: #475569;--gray-700: #334155;--gray-800: #1E293B;--gray-900: #0F172A;--danger: #DC2626;--danger-light: #FEF2F2;--warning: #D97706;--warning-light: #FFFBEB;--info: #0284C7;--info-light: #F0F9FF;--bg-page: #F7F9FC;--bg-card: #FFFFFF;--bg-elevated: #FFFFFF;--border-default: #E2E8F0;--border-hover: #CBD5E1;--border-focus: var(--primary);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .04);--font-family: "Inter", -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;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--border-radius-sm: var(--radius-md);--border-radius-md: var(--radius-lg);--border-radius-lg: var(--radius-xl);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg-page);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;background-color:var(--bg-page);min-height:100vh;font-family:var(--font-family);color:var(--gray-800);line-height:1.6}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.app-container{max-width:1040px;margin:0 auto;padding:0 1.5rem}