:root{--primary-50: #EFF6FF;--primary-100: #DBEAFE;--primary-200: #BFDBFE;--primary-500: #3B82F6;--primary-600: #2563EB;--primary-700: #1D4ED8;--success-50: #ECFDF5;--success-100: #D1FAE5;--success-500: #10B981;--success-600: #059669;--success-700: #047857;--warning-50: #FFFBEB;--warning-100: #FEF3C7;--warning-500: #F59E0B;--warning-600: #D97706;--danger-50: #FEF2F2;--danger-100: #FEE2E2;--danger-500: #EF4444;--danger-600: #DC2626;--danger-700: #B91C1C;--purple-50: #F5F3FF;--purple-100: #EDE9FE;--purple-500: #8B5CF6;--purple-600: #7C3AED;--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;--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;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--gray-50);min-height:100vh;color:var(--gray-700);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:500;transition:all .15s ease-in-out}button:hover{transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background-color:#2563eb;color:#fff}.btn-primary:hover{background-color:#1d4ed8;box-shadow:0 4px 6px #2563eb40}.btn-secondary{background-color:#fff;color:#374151;border:1px solid #D1D5DB}.btn-secondary:hover{background-color:#f9fafb}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover{background-color:#dc2626;box-shadow:0 4px 6px #ef444440}.btn-outlined-primary{background-color:#eff6ff;border:1px solid #2563EB;color:#2563eb;padding:10px 20px;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .15s ease-in-out}.btn-outlined-primary:hover{background-color:#dbeafe;border-color:#1d4ed8;color:#1d4ed8}.btn-outlined-success{background-color:#ecfdf5;border:1px solid #10B981;color:#10b981;padding:10px 20px;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .15s ease-in-out}.btn-outlined-success:hover{background-color:#d1fae5;border-color:#059669;color:#059669}.btn-outlined-danger{background-color:#fef2f2;border:1px solid #EF4444;color:#ef4444;padding:10px 20px;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .15s ease-in-out}.btn-outlined-danger:hover{background-color:#fee2e2;border-color:#dc2626;color:#dc2626}.btn-outlined-warning{background-color:#fff7ed;border:1px solid #F97316;color:#f97316;padding:10px 20px;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .15s ease-in-out}.btn-outlined-warning:hover{background-color:#ffedd5;border-color:#ea580c;color:#ea580c}.btn-outlined-secondary{background-color:#f9fafb;border:1px solid #D1D5DB;color:#6b7280;padding:10px 20px;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .15s ease-in-out}.btn-outlined-secondary:hover{background-color:#f3f4f6;border-color:#9ca3af;color:#374151}input,textarea,select{width:100%;padding:10px 14px;border:1px solid #D1D5DB;border-radius:6px;font-size:14px;transition:all .15s ease-in-out;background:#fff;color:#374151}input:focus,textarea:focus,select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}input::placeholder,textarea::placeholder{color:#9ca3af}.card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;border:1px solid #E5E7EB}.container{max-width:1200px;margin:0 auto;padding:20px}h1,h2,h3{color:#111827;margin-bottom:16px;font-weight:700;line-height:1.2}h1{font-size:36px}h2{font-size:28px}h3{font-size:20px;font-weight:600}.text-muted{color:#6b7280;font-size:14px}.alert{padding:16px;border-radius:8px;margin-bottom:16px;border-left:4px solid}.alert-success{background-color:#d1fae5;color:#065f46;border-color:#10b981}.alert-error{background-color:#fee2e2;color:#991b1b;border-color:#ef4444}.spinner{border:4px solid #E5E7EB;border-top:4px solid #2563EB;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:20px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 400px){body{font-size:14px}button{padding:10px 18px;font-size:14px}input,textarea,select{padding:10px;font-size:14px}.card{padding:16px}.container{padding:10px}h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}}@media (max-width: 320px){body{font-size:13px}button{padding:8px 14px;font-size:13px}input,textarea,select{padding:8px;font-size:13px}h1{font-size:22px}h2{font-size:18px}h3{font-size:16px}}