Garima1030/mediaforensics-platform

1@tailwind base;2@tailwind components;3@tailwind utilities;4 5@layer base {6  * { box-sizing: border-box; }7 8  body {9    @apply bg-surface-950 text-surface-100 font-sans antialiased;10    background-image:11      radial-gradient(ellipse 80% 50% at 50% -20%, rgba(26,184,126,0.08), transparent),12      radial-gradient(ellipse 60% 40% at 80% 80%, rgba(13,149,102,0.05), transparent);13    min-height: 100vh;14  }15 16  ::-webkit-scrollbar { width: 4px; height: 4px; }17  ::-webkit-scrollbar-track { background: transparent; }18  ::-webkit-scrollbar-thumb { @apply bg-surface-700 rounded-full; }19}20 21@layer components {22  .card {23    @apply bg-surface-900 border border-surface-800 rounded-2xl;24  }25 26  .btn-primary {27    @apply bg-brand-500 hover:bg-brand-600 text-white font-medium px-4 py-2 rounded-xl28           transition-all duration-200 flex items-center gap-2 text-sm;29  }30 31  .btn-ghost {32    @apply bg-transparent hover:bg-surface-800 text-surface-300 hover:text-surface-10033           border border-surface-700 font-medium px-4 py-2 rounded-xl34           transition-all duration-200 flex items-center gap-2 text-sm;35  }36 37  .verdict-fake       { @apply bg-red-500/10 text-red-400 border border-red-500/20; }38  .verdict-suspicious { @apply bg-amber-500/10 text-amber-400 border border-amber-500/20; }39  .verdict-authentic  { @apply bg-brand-500/10 text-brand-400 border border-brand-500/20; }40 41  .nav-link {42    @apply flex items-center gap-3 px-3 py-2.5 rounded-xl text-sm font-medium43           text-surface-400 hover:text-surface-100 hover:bg-surface-80044           transition-all duration-150 cursor-pointer;45  }46 47  .nav-link.active {48    @apply bg-brand-500/10 text-brand-400;49  }50}51