    <div class="mb-6 flex justify-between items-center">
        <div>
            <h1 class="text-2xl font-bold dark:text-white flex items-center gap-2">
                <span class="text-blue-500">⚖️</span> Trinity Appeals
            </h1>
            <p class="text-gray-500 dark:text-gray-400 text-sm">Review ban appeals submitted via the public form</p>
        </div>
    </div>

    <div id="appeals-container" hx-get="/admin/appeals/list" hx-trigger="load, every 30s">
        <div class="flex items-center justify-center h-64">
            <div class="text-center">
                <div class="text-4xl mb-4 animate-pulse">⏳</div>
                <p class="text-gray-500 dark:text-gray-400">Loading appeals...</p>
            </div>
        </div>
    </div>
