/* Global Layout & Responsive Utilities */

.container-wide {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 2rem;
}

.grid-responsive {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
}

/* Responsive Hide/Show */
@media (max-width: 1024px) {
    .sidebar {
        transform: translateX(-100%);
        transition: transform 0.3s ease;
    }

    .sidebar.open {
        transform: translateX(0);
    }

    .admin-main {
        margin-left: 0;
        padding: 1.5rem;
    }
}

@media (max-width: 768px) {
    .pt-32 {
        pt-20;
    }

    h1 {
        font-size: 2.5rem;
    }

    .card {
        padding: 1.5rem;
    }
}

/* Utility Classes */
.shadow-heavy {
    box-shadow: var(--shadow-heavy);
}

.shadow-soft {
    box-shadow: var(--shadow-soft);
}

.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}