/* Mobile menu styles */
@media (max-width: 991.98px) {
    .app-sidebar {
        position: fixed;
        top: 0;
        right: -300px;
        bottom: 0;
        width: 300px;
        z-index: 107;
        background: #ffffff;
        box-shadow: 0 0 28px 0 rgba(82, 63, 105, 0.13);
        transition: all 0.3s ease;
        overflow-y: auto;
    }

    .mobile-sidebar-on .app-sidebar {
        right: 0;
    }

    .mobile-sidebar-on #kt_app_page::before {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 106;
    }

    body.menu-mobile-show {
        overflow: hidden;
    }

    /* Adjust header for mobile */
    .app-header {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 105;
        background: #fff;
    }

    .app-main {
        margin-top: 65px;
    }
}