

  <body class="text-gray-200 text-base">
    <div class="relative">
      <!-- Sidebar Overlay -->
      <div id="sidebarOverlay" onclick="closeSidebar()"></div>

      <!-- Sidebar -->
      <aside
        id="sidebar"
        class="fixed top-0 left-0 h-screen w-64 sm:w-72 transform -translate-x-full
               glass-effect transition-transform duration-300 ease-in-out z-50"
      >
        <div class="flex flex-col h-full py-4 sm:py-6">
          <div class="flex justify-between items