<!-- Sidebar Navigation -->
<div class="sidebar w-64 bg-primary-500 dark:bg-primary-600 text-white flex flex-col">
  <div class="p-4 flex items-center justify-between border-b border-primary-400 dark:border-primary-500">
    <div class="flex items-center">
      <img src="img/logo.jpg" alt="University Logo" class="w-10 h-10 rounded-full mr-3">
      <h1 class="font-bold text-xl">Athenian University</h1>
    </div>
    <button class="sidebar-close p-2 lg:hidden">
      <i class="fas fa-times text-xl"></i>
    </button>
  </div>
  <nav class="flex-1 p-4 space-y-2">
    <a href="#" class="flex items-center p-3 rounded-lg hover:bg-primary-600 dark:hover:bg-primary-700">
      <i class="fas fa-home mr-3"></i>
      <span>Dashboard</span>
    </a>
    <a href="#" class="flex items-center p-3 rounded-lg bg-primary-600 dark:bg-primary-700">
      <i class="fas fa-users mr-3"></i>
      <span>User Management</span>
    </a>
    <a href="vendor.php" class="flex items-center p-3 rounded-lg hover:bg-primary-600 dark:hover:bg-primary-700">
      <i class="fas fa-store mr-3"></i>
      <span>Vendors</span>
    </a>
    <a href="#" class="flex items-center p-3 rounded-lg hover:bg-primary-600 dark:hover:bg-primary-700">
      <i class="fas fa-money-bill-wave mr-3"></i>
      <span>Transactions</span>
    </a>
    <a href="#" class="flex items-center p-3 rounded-lg hover:bg-primary-600 dark:hover:bg-primary-700">
      <i class="fas fa-chart-pie mr-3"></i>
      <span>Reports</span>
    </a>
    <a href="#" class="flex items-center p-3 rounded-lg hover:bg-primary-600 dark:hover:bg-primary-700">
      <i class="fas fa-cog mr-3"></i>
      <span>Settings</span>
    </a>
  </nav>
  <div class="p-4 border-t border-primary-400 dark:border-primary-500">
    <div class="flex items-center">
      <div class="w-10 h-10 bg-white rounded-full flex items-center justify-center mr-3 text-primary-500">
        <i class="fas fa-user-shield"></i>
      </div>
      <div>
        <p class="font-medium">Admin User</p>
        <p class="text-xs text-primary-100 dark:text-primary-200">Super Admin</p>
      </div>
    </div>
  </div>
</div>