<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Admin Panel</title>

    
    <script src="https://cdn.tailwindcss.com"></script>

    
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        maroon: {
                            950: '#2b0f12'
                        }
                    }
                }
            }
        }
    </script>
</head>

<body class="bg-gradient-to-br from-gray-100 to-gray-200 font-sans">

<div class="flex min-h-screen">

    
    @include('admin.layouts.sidebar')

    
    <main class="flex-1 p-8">
        @yield('content')
    </main>

</div>

</body>
</html>
