.hamburger-menu {
position: fixed;
top: 20px;
left: 20px;
z-index: 1000;
cursor: pointer;
color: #0d6efd;
}

.sidebar {
position: fixed;
top: 0;
left: -300px;
width: 300px;
height: 100%;
background: #2c3e50;
color: white;
transition: left 0.3s ease;
z-index: 999;
padding-top: 60px;
}

.sidebar.open {
left: 0;
}

.sidebar ul {
list-style: none;
padding: 0;
margin: 0;
}

.sidebar li {
padding: 15px 20px;
border-bottom: 1px solid #34495e;
}

.sidebar li a {
color: white;
text-decoration: none;
display: block;
}
.sidebar li:hover {
background: #34495e;
}