/* ===== Admin Dashboard Styles ===== */
.admin-body{ font-family: var(--font-body); background: var(--color-gray-100); min-height: 100vh; }.admin-sidebar{ position: fixed; left: 0; top: 0; bottom: 0; width: 260px; background: var(--color-primary-dark); color: var(--color-white); padding: var(--space-6); z-index: 100; }.admin-sidebar-logo{ font-family: var(--font-heading); font-size: var(--text-xl); font-weight: 700; margin-bottom: var(--space-8); display: flex; align-items: center; gap: var(--space-3); }.admin-sidebar-logo .nav-logo-icon{ width: 36px; height: 36px; background: var(--color-accent); border-radius: var(--radius-md); display: flex; align-items: center; justify-content: center; color: var(--color-gray-900); font-weight: 700; }.admin-nav{ list-style: none; padding: 0; }.admin-nav li{ margin-bottom: var(--space-2); }.admin-nav a{ display: flex; align-items: center; gap: var(--space-3); padding: var(--space-3) var(--space-4); border-radius: var(--radius-md); color: rgba(255,255,255,0.7); font-size: var(--text-sm); transition: all var(--transition-fast); text-decoration: none; }.admin-nav a:hover, .admin-nav a.active{ background: rgba(255,255,255,0.1); color: var(--color-white); }.admin-main{ margin-left: 260px; padding: var(--space-6); }.admin-header{ display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--space-6); }.admin-header h1, .admin-header .lvl-h1{ font-size: var(--text-2xl); margin: 0; }.admin-stats{ display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-6); margin-bottom: var(--space-8); }.admin-stat-card{ background: var(--color-white); border-radius: var(--radius-xl); padding: var(--space-6); box-shadow: var(--shadow-md); }.admin-stat-card h3, .admin-stat-card .lvl-h3{ font-size: var(--text-sm); color: var(--color-gray-500); text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: var(--space-2); }.admin-stat-card .stat-value{ font-family: var(--font-heading); font-size: var(--text-3xl); font-weight: 700; color: var(--color-primary); }.admin-table{ width: 100%; background: var(--color-white); border-radius: var(--radius-xl); box-shadow: var(--shadow-md); overflow: hidden; }.admin-table table{ width: 100%; border-collapse: collapse; }.admin-table th{ background: var(--color-gray-100); padding: var(--space-4) var(--space-6); text-align: left; font-size: var(--text-sm); font-weight: 600; color: var(--color-gray-600); text-transform: uppercase; letter-spacing: 0.05em; }.admin-table td{ padding: var(--space-4) var(--space-6); border-bottom: 1px solid var(--color-gray-100); font-size: var(--text-sm); color: var(--color-gray-700); }.admin-table tr:last-child td{ border-bottom: none; }.badge-status{ display: inline-flex; padding: var(--space-1) var(--space-3); border-radius: var(--radius-full); font-size: var(--text-xs); font-weight: 600; }.badge-pending{ background: #FEF3C7; color: #92400E; }.badge-confirmed{ background: #D1FAE5; color: #065F46; }.badge-completed{ background: #DBEAFE; color: #1E40AF; }.badge-cancelled{ background: #FEE2E2; color: #991B1B; }.admin-btn{ padding: var(--space-2) var(--space-4); border-radius: var(--radius-md); font-size: var(--text-sm); font-weight: 600; cursor: pointer; border: none; transition: all var(--transition-fast); }.admin-btn-sm{ padding: var(--space-1) var(--space-3); font-size: var(--text-xs); }.admin-btn-primary{ background: var(--color-primary); color: var(--color-white); }.admin-btn-outline{ background: transparent; border: 1px solid var(--color-gray-200); color: var(--color-gray-600); }@media (max-width: 768px){.admin-sidebar{ display: none; }.admin-main{ margin-left: 0; }.admin-stats{ grid-template-columns: repeat(2, 1fr); } }