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

body {
  margin: 0;
  font-family: 'Pretendard', 'Malgun Gothic', -apple-system, BlinkMacSystemFont, sans-serif;
  background-color: #f1f5f9;
  color: #1e293b;
}

.sidebar-item {
  @apply flex items-center gap-3 px-4 py-2.5 text-sm text-slate-400 hover:bg-slate-800 hover:text-white rounded-lg cursor-pointer transition-colors;
}

.sidebar-item.active {
  @apply bg-blue-700 text-white;
}

.card {
  @apply bg-white rounded-xl shadow-sm border border-slate-100 p-5;
}

.btn-primary {
  @apply px-4 py-2 bg-blue-600 text-white text-sm font-medium rounded-lg hover:bg-blue-700 transition-colors;
}

.btn-secondary {
  @apply px-4 py-2 bg-slate-100 text-slate-700 text-sm font-medium rounded-lg hover:bg-slate-200 transition-colors;
}

.badge {
  @apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium;
}

.table-header {
  @apply px-4 py-3 text-left text-xs font-semibold text-slate-500 uppercase tracking-wider;
}

.table-cell {
  @apply px-4 py-3 text-sm text-slate-700;
}