    <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-yellow-500">⚠️</span> Recovery Mission Control
            </h1>
            <p class="text-gray-500 dark:text-gray-400 text-sm">Manage Task #87 cancellations and at-risk MRR</p>
        </div>
        <div class="space-x-3">
            <button class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-md text-sm font-medium shadow transition-colors">
                📧 Email All At-Risk
            </button>
        </div>
    </div>

    <div id="grace-container" hx-get="/admin/grace/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 At-Risk Subscriptions...</p>
            </div>
        </div>
    </div>
