<!DOCTYPE html>
<html lang="en" x-data="{ sidebarOpen: false }">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><?= e($pageTitle ?? 'Admin Panel') ?> | Excellent Education Admin</title>
<link rel="icon" type="image/png" href="../assets/img/logo-icon.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=Outfit:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
<script src="https://cdn.tailwindcss.com"></script>
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/alpinejs/3.13.5/cdn.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<script>
tailwind.config = {
theme: { extend: { colors: { brand: { red:'#E31E24', green:'#2E9B38', gold:'#F5B400', black:'#0A0A0A' } },
fontFamily: { heading:['Outfit','sans-serif'], body:['Poppins','sans-serif'] } } }
}
</script>
<style>
body { font-family: 'Poppins', sans-serif; }
h1,h2,h3,h4,.heading-font { font-family: 'Outfit', sans-serif; }
[x-cloak] { display: none !important; }
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-thumb { background: #2E9B38; border-radius: 10px; }
</style>
</head>
<body class="bg-gray-50 text-gray-800">
<div class="flex min-h-screen">