@media (max-width: 768px) {
    .sidebar {
        width: 0;
        visibility: hidden;
        transition: width 0.3s ease, visibility 0.3s ease;
    }

    .sidebar.collapsed {
        width: 100%;
        visibility: visible;
    }

    .sidebar img {
        width: 20px;
        height: 100px;
    }

    .content {
        left: 0;
        width: 100%;
        transition: left 0.3s ease, width 0.3s ease;
    }

    .content.collapsed {
        left: 240px;
        width: calc(100% - 240px);
    }

    .content.hidden,
    .footer.hidden {
        display: none;
    }

    .sidebar .toggle {
        position: fixed;
        top: 10px;
        left: 10px;
        visibility: visible;
        z-index: 101; 
    }

    table {
        width: 50%;
        flex-direction: column;
        position: relative;
        display: flex;
        font-size: 6px;
    }

    footer {
        display: flex;
        flex-direction: column;
        position: relative;
        top: 50rem;
        width: 100%;
        left: 0;
    }
    
    /* Assurez-vous que le texte de la barre de navigation est visible */
    .sidebar .menu-links .nav-text {
        display: inline;
    }
}