/* Admin Dashboard Styles — Reuses seller dashboard layout patterns */
body.dashboard { background-color: #F5F5F5; }

.dashboard-sidebar { display: none; }
@media (min-width: 1024px) {
  .dashboard-sidebar { display: flex; flex-direction: column; position: fixed; top: 0; left: 0; bottom: 0; width: var(--sidebar-width); background: var(--color-card-background); border-right: 1px solid var(--color-border); z-index: var(--z-index-sticky); overflow-y: auto; }
  .dashboard-main { margin-left: var(--sidebar-width); padding: var(--space-24); }
}
.sidebar-header { display: flex; align-items: center; gap: var(--space-8); padding: var(--space-20) var(--space-16); border-bottom: 1px solid var(--color-border); font-weight: var(--font-weight-bold); }
.sidebar-nav { flex: 1; padding: var(--space-8) 0; }
.sidebar-link { display: flex; align-items: center; gap: var(--space-8); padding: var(--space-12) var(--space-16); font-size: var(--font-size-description); color: var(--color-text-secondary); text-decoration: none; transition: all var(--transition-fast); }
.sidebar-link:hover, .sidebar-link.active { background-color: #F0FDF9; color: var(--color-primary); }
.sidebar-footer { border-top: 1px solid var(--color-border); padding: var(--space-8) 0; }

@media (max-width: 1023px) {
  .dashboard-sidebar.open { display: flex; position: fixed; top: 0; left: 0; bottom: 0; width: 280px; z-index: var(--z-index-modal); box-shadow: var(--shadow-elevated); }
}

.dashboard-page { display: none; }
.dashboard-page.active { display: block; }
.page-title { font-size: var(--font-size-heading-3); font-weight: var(--font-weight-bold); margin-bottom: var(--space-20); }

.stats-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-12); }
@media (min-width: 768px) { .stats-grid { grid-template-columns: repeat(4, 1fr); } }

@media (min-width: 1024px) { #menuToggle { display: none; } }