 right: 0;
        z-index: 100;
      }
    </style>
  </head>

  <body>
    <div x-data="{ mobileSidebarOpen: false, desktopSidebarOpen: true }">
  <!-- Page Container -->
  <div
    id="page-container"
    class="mx-auto flex min-h-screen w-full min-w-[320px] flex-col bg-white lg:ps-64"
    x-bind:class="{ 'lg:ps-64': desktopSidebarOpen }"
  >
    <!-- Page Sidebar -->
    <nav
      id="page-sidebar"
      class="fixed bottom-0 start-0 top-0 z-50 flex h-full w-80 flex-col overflow-auto bg-slate-100 tran