{% extends "base.html" %}
{% block title %}Entrar{% endblock %}
{% block content %}
<div class="login-card">
  <div class="login-head">
    <span class="brand-mark lg">🧾</span>
    <h1>{{ app_name }}</h1>
    <p class="muted">Controle de despesas fiscais</p>
  </div>
  <form method="post" action="/login" class="form">
    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
    <label class="field">
      <span>Usuário</span>
      <input type="text" name="username" autocomplete="username" required autofocus>
    </label>
    <label class="field">
      <span>Senha</span>
      <input type="password" name="password" autocomplete="current-password" required>
    </label>
    <button type="submit" class="btn btn-primary btn-block">Entrar</button>
  </form>
</div>
{% endblock %}