<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>{{ config('app.name', 'Grocery SaaS') }}</title>
        @vite(['resources/css/app.css', 'resources/js/app.js'])
        <style>
            /* Custom Scrollbar for a sleeker look */
            ::-webkit-scrollbar {
                width: 8px;
            }
            ::-webkit-scrollbar-track {
                background: #f1f1f1; 
            }
            ::-webkit-scrollbar-thumb {
                background: #888; 
                border-radius: 4px;
            }
            ::-webkit-scrollbar-thumb:hover {
                background: #555; 
            }
        </style>
    </head>
    <body class="font-sans antialiased text-gray-900">
        {{ $slot }}
    </body>
</html>
