.badge { @apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-semibold; }
.badge-green { @apply bg-emerald-500/15 text-emerald-400; }
.badge-yellow { @apply bg-amber-500/15 text-amber-400; }
.badge-blue { @apply bg-blue-500/15 text-blue-400; }
.badge-red { @apply bg-red-500/15 text-red-400; }
.badge-gray { @apply bg-slate-500/15 text-slate-400; }
.nav-link { @apply flex items-center gap-2 px-3 py-2 rounded-lg text-sm text-slate-300 hover:bg-slate-800 hover:text-white transition; }
.nav-link.active { @apply bg-indigo-600/20 text-indigo-300; }
.card { @apply bg-slate-900/60 border border-slate-800 rounded-2xl p-5; }
.btn-primary { @apply bg-indigo-600 hover:bg-indigo-500 text-white px-4 py-2 rounded-lg text-sm font-medium transition; }
.btn-secondary { @apply border border-slate-700 hover:border-slate-500 px-4 py-2 rounded-lg text-sm transition; }
.btn-danger { @apply bg-red-600/80 hover:bg-red-600 text-white px-3 py-1.5 rounded-lg text-xs font-medium; }