{% load static %}
<div class="d-flex justify-content-between align-items-center flex-wrap gap-2 w-100">
  <div>
    <strong style="color:#1e293b;">
      <i class="bi bi-shield-fill-check me-1" style="color:#1565c0;"></i>
      MARCH MATRIX
    </strong>
    <span style="color:#64748b;"> — Military Attendance Management System</span>
  </div>
  <div style="color:#94a3b8; font-size:11.5px;">
    &copy; {% now "Y" %}
    <a href="#" class="text-decoration-none" style="color:#1565c0;">FNF Planet</a>.
    All rights reserved.
    &nbsp;|&nbsp;
    <a href="{% url 'user_manual' %}" class="text-decoration-none" style="color:#1565c0;">
      <i class="bi bi-book me-1"></i>User Manual
    </a>
  </div>
</div>