    <div class="mb-6 flex justify-between items-center">
        <div>
            <h1 class="text-2xl font-bold dark:text-white">Server Matrix</h1>
            <p class="text-gray-500 dark:text-gray-400 text-sm">Real-time status and whitelist controls</p>
        </div>
        <div class="space-x-3">
            <button hx-post="/admin/servers/sync-all/tx1" 
                    hx-swap="innerHTML" 
                    hx-target="#sync-result"
                    class="bg-fire hover:bg-orange-600 text-white px-4 py-2 rounded-md text-sm font-medium shadow transition-colors">
                🔥 Sync All Dallas
            </button>
            <button hx-post="/admin/servers/sync-all/nc1" 
                    hx-swap="innerHTML" 
                    hx-target="#sync-result"
                    class="bg-frost hover:bg-cyan-600 text-white px-4 py-2 rounded-md text-sm font-medium shadow transition-colors">
                ❄️ Sync All Charlotte
            </button>
            <span id="sync-result" class="text-sm ml-2"></span>
        </div>
    </div>

    <div hx-get="/admin/servers/matrix" 
         hx-trigger="load, every 15s" 
         class="w-full">
        
        <div class="flex items-center justify-center h-64">
            <div class="text-center">
                <div class="text-4xl mb-4 animate-spin">⏳</div>
                <p class="text-gray-500 dark:text-gray-400">Loading Fleet Telemetry...</p>
            </div>
        </div>

    </div>
