.sidebar-content {
    position: absolute; /* Обеспечивает относительное позиционирование для дочерних элементов */
    height: 100%; /* Убедитесь, что контейнер имеет высоту, чтобы блок с информацией мог быть прижат к низу */
}

.metismenu {
    margin-bottom: 80px; /* Оставляем место для блока с информацией */
}


.account-info {
position: inherit;
bottom: 0;
left: 0;
background-color: #f8f9fa;
padding: 15px;
border-top-right-radius: 10px;
box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
width: 300px; /* Width of the sidebar */
transition: width 0.3s, opacity 0.3s;
}

.account-info-content {
display: block;
}

.account-info-icon {
display: none;
}

.account-info.hidden .account-info-content {
display: none;
}

.account-info.hidden .account-info-icon {
display: block;
}

.account-info-content p, .account-info-content a {
margin: 0;
font-size: 14px;
}

.account-info-content a {
display: block;
margin-top: 10px;
color: #007bff;
text-decoration: none;
}

.account-info-content a:hover {
text-decoration: underline;
}

.account-info-icon a {
display: block;
font-size: 24px;
color: #007bff;
text-decoration: none;
}