MiscCorpo/static/header/header.html

<!-- static/header/header.html -->
<header class="app-header">
  <nav class="header-nav">
    <div class="nav-container">
      <!-- Left: Brand -->
      <div class="nav-left">
        <a href="/" class="nav-brand">KYLONG.</a>
      </div>

      <!-- Center: Navigation -->
      <div class="nav-center">
        <ul class="nav-links">
          <li>
            <a href="/" class="nav-link" data-nav="transcription">Phiên Âm</a>
          </li>
          <li>
            <a href="/scraperZLibrary" class="nav-link" data-nav="scraper">Z-Library</a>
          </li>
        </ul>
      </div>

      <!-- Right: Utility -->
      <div class="nav-right">
        <span class="status-badge"><span class="dot"></span> Online</span>
      </div>
    </div>
  </nav>
</header>