<!DOCTYPE html>
<html lang="bn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>MBN Admin Dashboard - Mymensingh Blood Network</title>
    <link href="https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@400;500;600;700&display=swap" rel="stylesheet">
    <script src="https://cdn.tailwindcss.com"></script>
    <style>body { font-family: 'Hind Siliguri', sans-serif; }</style>
</head>
<body class="bg-slate-100 text-slate-800">

<div class="min-h-screen flex items-center justify-center p-4">
    <div class="bg-white p-8 rounded-2xl shadow-xl w-full max-w-md border-t-4 border-red-600">
        <div class="text-center mb-6">
            <h1 class="text-2xl font-bold text-red-600">MBN Admin Portal</h1>
            <p class="text-sm text-slate-500">ময়মনসিংহ ব্লাড নেটওয়ার্ক প্রশাসন প্যানেল</p>
        </div>
                <form method="POST" class="space-y-4">
            <div>
                <label class="block text-sm font-medium mb-1">ইউজারনেম / ইমেইল</label>
                <input type="text" name="username" class="w-full px-4 py-2 border rounded-lg focus:ring-2 focus:ring-red-500" required>
            </div>
            <div>
                <label class="block text-sm font-medium mb-1">পাসওয়ার্ড</label>
                <input type="password" name="password" class="w-full px-4 py-2 border rounded-lg focus:ring-2 focus:ring-red-500" required>
            </div>
            <button type="submit" name="admin_login" class="w-full bg-red-600 text-white py-2.5 rounded-lg font-semibold hover:bg-red-700 transition">প্রবেশ করুন</button>
            <p class="text-xs text-center text-slate-400 mt-2">ডিফল্ট অ্যাডমিন: mbn_admin / admin123</p>
        </form>
    </div>
</div>

</body>
</html>
