<header class="topbar">
  <div class="container topbar-inner">
    <a class="brand" href="/">🏆 <%= appName %></a>
    <nav class="nav">
      <% if (user) { %>
        <% if (user.rol === 'admin') { %>
          <a href="/admin">Admin</a>
          <a href="/admin/usuarios">Usuarios</a>
          <a href="/admin/pagos">Pagos</a>
          <a href="/admin/historial-pagos">Historial</a>
        <% } else { %>
          <a href="/dashboard">Mi panel</a>
          <a href="/leaderboard">Posiciones</a>
        <% } %>
        <span class="nav-user"><%= user.nombre %></span>
        <form action="/logout" method="post" class="inline">
          <input type="hidden" name="_csrf" value="<%= csrfToken %>" />
          <button class="btn btn-ghost btn-sm" type="submit">Salir</button>
        </form>
      <% } else { %>
        <a href="/login">Entrar</a>
        <a href="/register">Crear cuenta</a>
      <% } %>
    </nav>
  </div>
</header>
