:root{--primary-color: #1e3a8a;--secondary-color: #3b82f6;--success-color: #10b981;--danger-color: #ef4444;--warning-color: #f59e0b;--light-bg: #f8fafc;--card-bg: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--border-color: #e2e8f0;--sidebar-width: 260px;--primary-blue: #0f1a4f;--secondary-blue: #1a2980;--accent-teal: #26d0ce;--accent-light: #4dffea;--white: #ffffff;--off-white: #f8f9fa;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--black: #000000;--success: #10b981;--success-light: rgba(16, 185, 129, .1);--warning: #f59e0b;--warning-light: rgba(245, 158, 11, .1);--danger: #ef4444;--danger-light: rgba(239, 68, 68, .1);--info: #3b82f6;--info-light: rgba(59, 130, 246, .1);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--font-xs: 12px;--font-sm: 13px;--font-base: 14px;--font-lg: 16px;--font-xl: 18px;--font-2xl: 20px;--font-3xl: 24px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;list-style:none;box-sizing:border-box}html,body{height:100%;font-size:14px}body{margin:0;background:linear-gradient(135deg,#f0f2f5 0%,#e6f7ff 100%);color:var(--text-primary)}#app{min-height:100vh;font-size:14px}