@tailwind base;
@tailwind components;
@tailwind utilities;

body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }

@layer base {
  ::-webkit-scrollbar { width: 8px; height: 8px; }
  ::-webkit-scrollbar-track { background: transparent; }
  ::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
  ::-webkit-scrollbar-thumb:hover { background: #94a3b8; }
}

.gradient-blue { background: linear-gradient(135deg, #1e40af, #3b82f6, #60a5fa); }
.gradient-purple { background: linear-gradient(135deg, #6d28d9, #8b5cf6, #a78bfa); }
.gradient-green { background: linear-gradient(135deg, #047857, #10b981, #34d399); }
.gradient-orange { background: linear-gradient(135deg, #c2410c, #f97316, #fb923c); }
.gradient-pink { background: linear-gradient(135deg, #be185d, #ec4899, #f472b6); }
.gradient-teal { background: linear-gradient(135deg, #0f766e, #14b8a6, #2dd4bf); }
.gradient-indigo { background: linear-gradient(135deg, #4338ca, #6366f1, #818cf8); }
.gradient-red { background: linear-gradient(135deg, #b91c1c, #ef4444, #f87171); }

.card-enter { animation: cardIn 0.2s ease-out; }
@keyframes cardIn {
  from { opacity: 0; transform: translateY(-8px); }
  to { opacity: 1; transform: translateY(0); }
}