<nav class="main-nav">
  <a href="/<%= lang %>/" class="logo">VIANEXU</a>
  <div class="nav-r">
    <span style="font-size:13px;color:var(--dim)"><%= user.name %></span>
    <a href="/<%= lang %>/logout" class="btn btn-ghost btn-sm"><%= t.nav.signout %></a>
  </div>
</nav>
<div class="dash-sidebar">
  <div class="side-label">Tools</div>
  <% t.dashboard.tools.forEach(tool => { %>
    <a href="/<%= lang %>/dashboard<%= tool.status === 'active' ? '/'+tool.id : '' %>"
       class="side-link <%= locals.activeSection === tool.id ? 'active' : '' %> <%= tool.status !== 'active' ? 'disabled' : '' %>"
       style="<%= tool.status !== 'active' ? 'pointer-events:none;opacity:.4' : '' %>">
      <span class="icon"><%= tool.icon %></span>
      <%= tool.title %>
    </a>
  <% }) %>
  <div class="side-label" style="margin-top:auto">Account</div>
  <a href="/<%= lang %>/dashboard" class="side-link <%= !locals.activeSection ? 'active' : '' %>">
    <span class="icon">🏠</span> Dashboard
  </a>
  <a href="/<%= lang %>/logout" class="side-link">
    <span class="icon">🚪</span> <%= t.nav.signout %>
  </a>
</div>
