<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Taiko Web Admin Login</title>
    <link href="{{config.basedir}}src/css/admin.css" rel="stylesheet">
    <style>
        body { font-family: sans-serif; display: flex; justify-content: center; align-items: center; height: 100vh; background: #eee; margin: 0; }
        .container { background: white; padding: 20px; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.1); text-align: center; }
        input { padding: 10px; margin: 10px 0; display: block; width: 200px; }
        button { padding: 10px; width: 100%; background: #333; color: white; border: none; cursor: pointer; }
        button:hover { background: #555; }
    </style>
</head>
<body>
    <div class="container">
        <h1>Admin Login</h1>
        <form method="POST">
            <input type="password" name="password" placeholder="Password" required>
            <button type="submit">Login</button>
            {% if error %}
            <p style="color: red">{{ error }}</p>
            {% endif %}
        </form>
    </div>
</body>
</html>