body {
margin: 0;
font-family: Arial, sans-serif;
}

.container {
display: flex;
}

/* Стили для бокового меню */
.sidebar {
position: fixed; /* Ключевое свойство для фиксации */
height: 100vh; /* Высота на весь экран */
width: 250px;
background-color: #2c3e50;
color: white;
padding: 20px 0;
box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
overflow-y: auto; /* Добавляем прокрутку, если контент не помещается */
}

/* Стили для навигационного меню */
.nav-menu ul {
list-style: none;
padding: 0;
margin: 0;
}

.nav-menu li {
padding: 0;
margin: 0;
}

.nav-menu a {
display: block;
padding: 15px 20px;
color: #ecf0f1;
text-decoration: none;
transition: background-color 0.3s;
}

.nav-menu a:hover, .nav-menu a.active {
background-color: #34495e;
border-left: 4px solid #3498db;
}

/* Стили для подменю */
.submenu {
background-color: #34495e;
display: none;
}

.nav-menu li:hover .submenu {
display: block;
}

.submenu a {
padding-left: 40px;
}

/* Стили для футера бокового меню */
.sidebar-footer {
padding: 20px;
font-size: 12px;
text-align: center;
margin-top: auto;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}