.custom-scrollbar::-webkit-scrollbar {
        width: 8px;
      }
      .custom-scrollbar::-webkit-scrollbar-track {
        background: #262626;
      }
      .custom-scrollbar::-webkit-scrollbar-thumb {
        background: #525252;
        border-radius: 4px;
      }
      .custom-scrollbar::-webkit-scrollbar-thumb:hover {
        background: #737373;
      }

      /* Prevent body overflow */
      html,
      body {
        height: 100%;
        overflow: hidden;
      }

      @media (max-width: 767px) {
        .sidebar-overlay {
          position: fixed;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background-color: rgba(0, 0, 0, 0.5);
          z-index: 40;
        }
        
        .sidebar-mobile {
          position: fixed;
          top: 0;
          left: 0;
          height: 100vh;
          width: 280px;
          z-index: 50;
          transform: translateX(-100%);
          transition: transform 0.4s ease-in-out;
        }
        
        .sidebar-mobile.show {
          transform: translateX(0);
        }
      }