/* Tablet Responsive */
@media (max-width: 1024px) {
    :root {
        --sidebar-width: 0px;
        /* Hide sidebar by default on smaller screens */
    }

    .sidebar {
        transform: translateX(-100%);
    }

    .sidebar.active {
        transform: translateX(0);
        width: 260px;
        box-shadow: var(--shadow-lg);
    }

    .main-content {
        margin-left: 0;
    }

    .grid-row.top-cards {
        grid-template-columns: repeat(2, 1fr);
    }

    .grid-row.middle-section {
        grid-template-columns: 1fr;
    }

    .grid-row.bottom-section {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .grid-row.top-cards {
        grid-template-columns: 1fr;
    }

    .grid-row.bottom-section {
        grid-template-columns: 1fr;
    }

    .header-left .breadcrumb {
        display: none;
        /* Hide breadcrumb on mobile to save space */
    }

    .page-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .performance-card .card-body {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 1.5rem;
    }

    .search-box {
        display: none;
        /* Hide search on mobile */
    }
}