    <div class="bg-white dark:bg-darkcard rounded-lg shadow-sm border border-gray-200 dark:border-gray-700">
        <div class="p-4 border-b border-gray-200 dark:border-gray-700 flex justify-between items-center">
            <input type="text" 
                   name="search" 
                   placeholder="Search players..." 
                   class="bg-gray-50 dark:bg-gray-800 border border-gray-300 dark:border-gray-600 rounded-md px-4 py-2 text-sm w-64"
                   hx-get="/admin/players/table" 
                   hx-trigger="keyup changed delay:500ms" 
                   hx-target="#player-table-body">
            
            <div class="space-x-2">
                <a href="/admin/players/export" class="bg-gray-100 dark:bg-gray-700 px-4 py-2 rounded-md text-sm hover:bg-gray-200 dark:hover:bg-gray-600 inline-block">📤 Export CSV</a>
                <button class="bg-gray-100 dark:bg-gray-700 px-4 py-2 rounded-md text-sm hover:bg-gray-200 dark:hover:bg-gray-600">📥 Import CSV</button>
            </div>
        </div>

        <div class="overflow-x-auto">
            <table class="w-full text-sm text-left">
                <thead class="bg-gray-50 dark:bg-gray-800 text-gray-600 dark:text-gray-400">
                    <tr>
                        <th class="px-6 py-3 font-medium">Discord ID</th>
                        <th class="px-6 py-3 font-medium">Minecraft Profile</th>
                        <th class="px-6 py-3 font-medium">Subscription Tier</th>
                        <th class="px-6 py-3 font-medium">Status</th>
                        <th class="px-6 py-3 font-medium text-right">Actions</th>
                    </tr>
                </thead>
                <tbody id="player-table-body" 
                       hx-get="/admin/players/table" 
                       hx-trigger="load">
                    <tr><td colspan="5" class="px-6 py-8 text-center text-gray-500">Loading players...</td></tr>
                </tbody>
            </table>
        </div>
    </div>
