Billing Navigation Sidebar

<div class="bg-white w-64 border-r border-gray-200 h-full overflow-y-auto">
  <style>@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');</style>
  <div class="font-inter p-4">
    <h2 class="text-lg font-semibold text-gray-900 mb-6">Billing</h2>
    <nav class="space-y-2">
      <a href="#" class="flex items-center px-3 py-2 text-sm font-medium
        text-blue-600 bg-blue-50 rounded-lg hover:bg-blue-100
        transition-colors">Overview</a>
      <a href="#" class="flex items-center px-3 py-2 text-sm font-medium
        text-gray-700 rounded-lg hover:bg-gray-50 transition-colors">Payment methods</a>
      <a href="#" class="flex items-center px-3 py-2 text-sm font-medium
        text-gray-700 rounded-lg hover:bg-gray-50 transition-colors">Billing history</a>
      <a href="#" class="flex items-center px-3 py-2 text-sm font-medium
        text-gray-700 rounded-lg hover:bg-gray-50 transition-colors">Preferences</a>
    </nav>
  </div>
</div>