{% extends "base.html" %}
{% block title %}Sign in · NEXXVU{% endblock %}
{% block content %}
<div class="auth-layout">
  <section class="panel auth-panel" aria-labelledby="login-title">
    <div class="panel-heading">
      <p class="eyebrow">Secure operator access</p>
      <h1 id="login-title">Sign in to NEXXVU</h1>
      <p class="muted">Monitor ecosystem health from one operational view.</p>
    </div>
    {% if error %}<div class="alert alert-danger" role="alert">{{ error }}</div>{% endif %}
    <form class="form-stack" method="post">
      <label class="field"><span>Username</span><input name="username" autocomplete="username" required maxlength="64"></label>
      <label class="field"><span>Password</span><input type="password" name="password" autocomplete="current-password" required maxlength="256"></label>
      <button class="button button-primary" type="submit">Sign in</button>
    </form>
  </section>
</div>
{% endblock %}