/*
  File: admin.css
  Purpose: Admin-specific styles for MathTuro LMS
  Used by: All admin pages
*/

/* ============================================
   ADMIN THEME COLORS
   ============================================ */
:root {
  --admin-red: #dc2626;
  --admin-red-dark: #b91c1c;
  --admin-red-light: #ef4444;
}

/* ============================================
   ADMIN SIDEBAR
   ============================================ */
.sidebar-link:hover, 
.sidebar-link.active {
  background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%);
  color: white;
}

.sidebar-link.active {
  box-shadow: 0 4px 15px rgba(220, 38, 38, 0.3);
}

/* ============================================
   ADMIN CARDS
   ============================================ */
.action-card {
  transition: all 0.3s ease;
}

.action-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.15);
}

.admin-stat-card {
  border-left: 4px solid var(--admin-red);
  transition: all 0.3s ease;
}

.admin-stat-card:hover {
  box-shadow: 0 10px 25px -5px rgba(220, 38, 38, 0.15);
}

/* ============================================
   ADMIN BUTTONS
   ============================================ */
.btn-admin {
  background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%);
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  transition: all 0.2s ease;
}

.btn-admin:hover {
  background: linear-gradient(135deg, #b91c1c 0%, #dc2626 100%);
  box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3);
}

.btn-danger {
  background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%);
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  transition: all 0.2s ease;
}

.btn-danger:hover {
  background: linear-gradient(135deg, #b91c1c 0%, #dc2626 100%);
  box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3);
}

/* ============================================
   USER MANAGEMENT
   ============================================ */
.user-card {
  transition: all 0.3s ease;
  border-left: 3px solid transparent;
}

.user-card:hover {
  border-left-color: var(--admin-red);
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
}

.user-role-admin {
  background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%);
  color: white;
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
}

.user-role-teacher {
  background: linear-gradient(135deg, #910568 0%, #720455 100%);
  color: white;
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
}

.user-role-student {
  background: linear-gradient(135deg, #005801 0%, #22c55e 100%);
  color: white;
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
}

/* ============================================
   ADMIN TABLE
   ============================================ */
.admin-table {
  width: 100%;
  border-collapse: collapse;
}

.admin-table th {
  background: linear-gradient(135deg, #fee2e2 0%, #fef2f2 100%);
  padding: 0.75rem 1rem;
  text-align: left;
  font-weight: 600;
  color: #991b1b;
  border-bottom: 2px solid #fca5a5;
}

.admin-table td {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #e5e7eb;
}

.admin-table tr:hover {
  background: #fef2f2;
}

/* ============================================
   ACTIVITY LOG
   ============================================ */
.activity-log-item {
  padding: 1rem;
  border-left: 3px solid #e5e7eb;
  transition: all 0.2s ease;
}

.activity-log-item:hover {
  border-left-color: var(--admin-red);
  background: #fef2f2;
}

.activity-log-item.warning {
  border-left-color: #f59e0b;
  background: #fffbeb;
}

.activity-log-item.error {
  border-left-color: #dc2626;
  background: #fef2f2;
}

.activity-log-item.success {
  border-left-color: #22c55e;
  background: #f0fdf4;
}

/* ============================================
   ADMIN CHARTS
   ============================================ */
.chart-bar {
  transition: height 0.5s ease, background-color 0.3s ease;
}

.chart-bar:hover {
  filter: brightness(1.1);
}

/* ============================================
   ADMIN BADGES
   ============================================ */
.badge-admin {
  background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%);
  color: white;
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
}

/* ============================================
   ADMIN CUSTOM SCROLLBAR
   ============================================ */
::-webkit-scrollbar-thumb { 
  background: #dc2626; 
}
::-webkit-scrollbar-thumb:hover { 
  background: #b91c1c; 
}

/* ============================================
   ADMIN ALERTS
   ============================================ */
.admin-alert {
  padding: 1rem;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}

.admin-alert.danger {
  background: #fef2f2;
  border: 1px solid #fca5a5;
  color: #991b1b;
}

.admin-alert.warning {
  background: #fffbeb;
  border: 1px solid #fcd34d;
  color: #92400e;
}

.admin-alert.info {
  background: #eff6ff;
  border: 1px solid #93c5fd;
  color: #1e40af;
}