<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>StudioMCPHub Admin</title>
<style>
*{margin:0;padding:0;box-sizing:border-box}
body{background:#0a0a0f;color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;display:flex;align-items:center;justify-content:center;min-height:100vh}
.login-box{background:#12121a;border:1px solid #2a2a3a;border-radius:12px;padding:40px;width:360px;text-align:center}
.login-box h1{font-size:1.4rem;margin-bottom:8px;color:#7c5cff}
.login-box p{font-size:0.85rem;color:#888;margin-bottom:24px}
input[type=password]{width:100%;padding:12px 16px;background:#1a1a2e;border:1px solid #2a2a3a;border-radius:8px;color:#e0e0e0;font-size:1rem;margin-bottom:16px;outline:none}
input[type=password]:focus{border-color:#7c5cff}
button{width:100%;padding:12px;background:#7c5cff;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;font-weight:600}
button:hover{background:#6a4de0}
.error{color:#ff4d6a;font-size:0.85rem;margin-bottom:12px}
</style>
</head>
<body>
<div class="login-box">
<h1>StudioMCPHub Admin</h1>
<p>Enter admin password to continue</p>
{% if error %}<div class="error">{{ error }}</div>{% endif %}
<form method="POST" action="/admin/login">
<input type="password" name="password" placeholder="Admin password" autofocus required>
<button type="submit">Sign In</button>
</form>
</div>
</body>
</html>
