<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ADMIN | Control Center</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Rajdhani:wght@500;700&display=swap');
        body {
            background-color: #020617;
            background-image: radial-gradient(circle at 50% 50%, rgba(34, 211, 238, 0.1) 0%, transparent 50%), url('https://www.transparenttextures.com/patterns/stardust.png');
            color: #e2e8f0; font-family: 'Rajdhani', sans-serif;
        }
        .glow-text { text-shadow: 0 0 10px rgba(34, 211, 238, 0.8); }
        .logo-font { font-family: 'Orbitron', sans-serif; }
    </style>
</head>
<body class="min-h-screen">

<header class="w-full border-b border-cyan-500/20 bg-slate-950/80 backdrop-blur-md sticky top-0 z-50">
    <div class="max-w-7xl mx-auto px-4 flex justify-between items-center h-16 md:h-20">
        
        <!-- Admin Logo -->
        <a href="index.php" class="logo-font text-xl md:text-2xl font-bold tracking-tighter uppercase">
            ADMIN <span class="text-cyan-400 glow-text">PANEL</span>
        </a>

        <!-- Right Side: Navigation & Admin Status -->
        <div class="flex items-center space-x-4 md:space-x-8">
            
            <!-- ফিরে যাওয়ার লিংক (Desktop Only) -->
            <a href="../index.php" class="hidden md:flex items-center text-[10px] font-black uppercase text-gray-500 hover:text-white transition-all tracking-[2px]">
                <i class="fa-solid fa-globe mr-2"></i> View Site
            </a>

            <!-- এডমিন স্ট্যাটাস -->
            <div class="flex items-center space-x-3 bg-cyan-500/5 border border-cyan-500/20 px-4 py-1.5 rounded-xl">
                <div class="hidden sm:block text-right">
                    <p class="text-[8px] uppercase font-black text-cyan-500 leading-none">Security Status</p>
                    <p class="text-[10px] font-bold text-white uppercase tracking-widest">Authorized Access</p>
                </div>
                <div class="h-8 w-8 rounded-lg bg-cyan-500 flex items-center justify-center text-black shadow-[0_0_15px_rgba(34,211,238,0.4)]">
                    <i class="fa-solid fa-user-shield"></i>
                </div>
            </div>

            <!-- এক্সিট বাটন -->
            <a href="logout.php" title="Logout" class="text-gray-500 hover:text-red-500 transition-all text-xl">
                <i class="fa-solid fa-power-off"></i>
            </a>
        </div>
    </div>
</header>