@layer components {

/* Admin Dashboard Styles */

.admin-page {
    max-width: var(--container-md);
    margin: 0 auto;
    padding: var(--spacing-md);
}

.admin-section {
    margin-bottom: var(--spacing-xl);
}

.admin-section__title {
    font-size: var(--font-xl);
    font-weight: var(--font-bold);
    margin-bottom: var(--spacing-md);
    color: var(--color-primary);
}

/* Access Denied */

.access-denied {
    text-align: center;
    padding: var(--spacing-xl);
    max-width: 400px;
    margin: 0 auto;
}

.access-denied p {
    font-size: var(--font-lg);
    color: var(--color-text-light);
    margin-bottom: var(--spacing-md);
}

.access-denied a {
    color: var(--color-primary);
    text-decoration: none;
    font-weight: var(--font-semibold);
}

.access-denied a:hover {
    text-decoration: underline;
}

/* Reuse existing chart styles from stats.css */
.admin-section .chart-section {
    margin-top: var(--spacing-md);
}

.admin-section .chart-section h3 {
    font-size: var(--font-base);
    color: var(--color-text-secondary);
    margin-top: 0;
    margin-bottom: var(--spacing-md);
}

}