{{-- User Footer --}}
<footer class="mt-auto px-6 py-4 border-t border-surface-200 dark:border-surface-700
               text-xs text-surface-400 dark:text-surface-500 flex flex-col sm:flex-row
               items-center justify-between gap-2">
    <span>
        &copy; {{ date('Y') }} <span class="text-surface-600 dark:text-surface-300 font-medium">{{ config('app.name') }}</span>.
        All rights reserved.
    </span>
    <span>
        Built with
        <a href="https://laravel.com" target="_blank" rel="noopener"
           class="text-primary-500 hover:underline">Laravel</a>
        &amp;
        <a href="https://tailwindcss.com" target="_blank" rel="noopener"
           class="text-primary-500 hover:underline">Tailwind CSS</a>
    </span>
</footer>