{% extends "base.html" %}
{% block title %}Admin Login — KittyRec INDEV{% endblock %}
{% block content %}
<div style="max-width:380px;margin:4rem auto">
  <div class="card">
    <div style="text-align:center;margin-bottom:2rem">
<h2 style="font-size:1.2rem;font-weight:800;margin-bottom:.2rem">Admin Panel</h2>
      <p style="color:var(--text2);font-size:.82rem">KittyRec INDEV &middot; Authorized access only</p>
    </div>
    {% if error %}
    <div class="alert alert-red">{{ error }}</div>
    {% endif %}
    <form method="POST">
      <div class="form-group">
        <label>Username</label>
        <input type="text" name="username" value="admin" autofocus required>
      </div>
      <div class="form-group">
        <label>Password</label>
        <input type="password" name="password" placeholder="••••••••" required>
      </div>
      <button type="submit" class="btn btn-primary" style="width:100%;justify-content:center;padding:.65rem">
        Sign In
      </button>
    </form>
  </div>
</div>
{% endblock %}