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

@layer components {
  .admin-container {
    @apply container mx-auto px-4 py-6;
  }
  
  .admin-title {
    @apply text-2xl font-bold mb-6 text-gray-800;
  }
  
  .admin-card {
    @apply bg-white rounded-lg shadow-md p-6 mb-6;
  }
  
  .admin-table {
    @apply min-w-full divide-y divide-gray-200;
  }
  
  .admin-table-header {
    @apply bg-gray-50;
  }
  
  .admin-table-th {
    @apply px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider;
  }
  
  .admin-table-td {
    @apply px-6 py-4 whitespace-nowrap text-sm text-gray-500;
  }
  
  .admin-btn {
    @apply inline-flex items-center px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white;
  }
  
  .admin-btn-primary {
    @apply admin-btn bg-blue-600 hover:bg-blue-700;
  }
  
  .admin-btn-success {
    @apply admin-btn bg-green-600 hover:bg-green-700;
  }
  
  .admin-btn-warning {
    @apply admin-btn bg-yellow-600 hover:bg-yellow-700;
  }
  
  .admin-btn-danger {
    @apply admin-btn bg-red-600 hover:bg-red-700;
  }
  
  .admin-input {
    @apply mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 sm:text-sm;
  }
}