/* Sidebar styles */
.sidebar {
    width: 150px;
    background: linear-gradient(320deg, #2c3e50, #3498db);
    color: white;
    overflow: auto;
    transform: translateX(-100%);
    transition: transform 0.3s ease;
    position: fixed;
    border-radius: 20px;
    top: 85px;
    bottom: 60%;
    box-shadow: 0 6px 20px rgba(6, 4, 6, 12);
    z-index: 1000;
  }
  
  .sidebar.open {
    transform: translateX(0);
  }
  
  .sidebar-menu {
    list-style: none;
    padding: 20px;
  }
  
  .sidebar-menu li {
    margin: 15px 0;
  }
  
  .sidebar-menu a {
    color: white;
    text-decoration: none;
    display: block;
    padding: 20px;
    border-radius: 20px;
    transition: background 0.3s ease;
  }
  
  .sidebar-menu a:hover {
    background: #2c3e50;
  }
  
  /* Sidebar toggle button */
  .sidebar-toggle {
    background: #2592f8;
    color: white;
    border: none;
    padding: 20px 25px;
    cursor: pointer;
    position: fixed;
    top: 40px;
    z-index: 1100;
    border-radius: 50%;
    font-size: 18px;
    box-shadow: 0 6px 20px rgba(6, 4, 6, 12);
    transition: background 0.3s ease;
  }
  
  .sidebar-toggle:hover {
    background: #141d27;
  }
  
  /* Responsive design */
  @media (max-width: 768px) {
    .sidebar {
      width: 200px;
    }
  
    .sidebar.open + .main-content {
      margin-left: 200px;
    }
  }

  @media (width>991px) {
    .sidebar-toggle{
      display: none;
    }
  }