@layer components {
  .admin-sidebar {
    @apply fixed left-0 top-0 z-50 h-screen w-64 bg-white border-r border-gray-200;
  }

  .admin-sidebar-content {
    @apply h-full overflow-y-auto px-4 py-6;
  }

  .admin-sidebar-brand {
    @apply mb-6 flex items-center border-b border-gray-200 pb-4;
  }

  .admin-sidebar-nav {
    @apply space-y-2;
  }

  .admin-sidebar-link {
    @apply flex items-center rounded-lg p-3 text-base text-gray-900 hover:bg-gray-100;
  }

  .admin-sidebar-link.active {
    @apply bg-blue-50 text-blue-700;
  }

  .admin-header {
    @apply bg-white border-b border-gray-200 px-8 py-4;
  }

  .admin-content {
    @apply ml-64 min-h-screen bg-gray-50;
  }

  .stat-card {
    @apply rounded-lg border border-gray-200 bg-white p-6 shadow-sm hover:shadow transition-shadow duration-200;
  }

  .admin-table-container {
    @apply overflow-hidden rounded-lg border border-gray-200 bg-white shadow-sm;
  }

  .admin-table {
    @apply w-full;
  }

  .admin-table th {
    @apply bg-gray-50 px-6 py-3 text-left text-xs font-medium uppercase tracking-wider text-gray-500;
  }

  .admin-table td {
    @apply border-t border-gray-200 px-6 py-4 text-sm text-gray-900;
  }

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