diff --git a/services/arbiter-3.0/src/routes/admin/audit.js b/services/arbiter-3.0/src/routes/admin/audit.js
new file mode 100644
index 0000000..772122f
--- /dev/null
+++ b/services/arbiter-3.0/src/routes/admin/audit.js
@@ -0,0 +1,38 @@
+const express = require('express');
+const router = express.Router();
+const db = require('../../database');
+
+router.get('/', (req, res) => {
+    res.render('admin/audit/index', { title: 'Admin Audit Log' });
+});
+
+router.get('/feed', async (req, res) => {
+    const page = parseInt(req.query.page) || 1;
+    const limit = 20;
+    const offset = (page - 1) * limit;
+    const filterType = req.query.type || '';
+
+    let query = `
+        SELECT id, admin_discord_id, admin_username, action_type, target_identifier, details, performed_at 
+        FROM admin_audit_log
+    `;
+    const params = [];
+
+    if (filterType) {
+        query += ` WHERE action_type = $1 `;
+        params.push(filterType);
+    }
+
+    query += ` ORDER BY performed_at DESC LIMIT $${params.length + 1} OFFSET $${params.length + 2}`;
+    params.push(limit, offset);
+
+    try {
+        const { rows: logs } = await db.query(query, params);
+        res.render('admin/audit/_feed', { logs, page, filterType });
+    } catch (error) {
+        console.error("Audit Log Error:", error);
+        res.status(500).send("<div class='text-red-500 p-4'>Error loading audit logs.</div>");
+    }
+});
+
+module.exports = router;
diff --git a/services/arbiter-3.0/src/routes/admin/grace.js b/services/arbiter-3.0/src/routes/admin/grace.js
new file mode 100644
index 0000000..a97be19
--- /dev/null
+++ b/services/arbiter-3.0/src/routes/admin/grace.js
@@ -0,0 +1,96 @@
+const express = require('express');
+const router = express.Router();
+const db = require('../../database');
+const { TIER_INFO } = require('./constants');
+
+// Shell Route
+router.get('/', (req, res) => {
+    res.render('admin/grace/index', { title: 'Grace Period Dashboard' });
+});
+
+// HTMX Polling Endpoint (Stats + Table)
+router.get('/list', async (req, res) => {
+    try {
+        // 1. Fetch At-Risk Subscribers
+        const { rows: atRisk } = await db.query(`
+            SELECT 
+                u.minecraft_username,
+                u.discord_id,
+                s.tier_level,
+                s.mrr_value,
+                s.grace_period_started_at,
+                s.grace_period_ends_at,
+                s.payment_failure_reason,
+                EXTRACT(EPOCH FROM (s.grace_period_ends_at - NOW())) as seconds_remaining
+            FROM subscriptions s
+            JOIN users u ON s.discord_id = u.discord_id
+            WHERE s.status = 'grace_period'
+            ORDER BY s.grace_period_ends_at ASC;
+        `);
+
+        // 2. Fetch High-Level Stats
+        const totalAtRiskMrr = atRisk.reduce((sum, sub) => sum + parseFloat(sub.mrr_value || 0), 0);
+        const atRiskCount = atRisk.length;
+
+        // 3. Render the Partial
+        res.render('admin/grace/_list', { 
+            atRisk, 
+            totalAtRiskMrr, 
+            atRiskCount, 
+            TIER_INFO 
+        });
+    } catch (error) {
+        console.error("Grace Period List Error:", error);
+        res.status(500).send("<tr><td colspan='6' class='text-center text-red-500'>Error loading data.</td></tr>");
+    }
+});
+
+// Action: Extend Grace Period by 24 Hours
+router.post('/:discord_id/extend', async (req, res) => {
+    const { discord_id } = req.params;
+    const adminId = req.user.id;
+    const adminUsername = req.user.username;
+
+    try {
+        await db.query(`
+            UPDATE subscriptions 
+            SET grace_period_ends_at = grace_period_ends_at + INTERVAL '24 hours'
+            WHERE discord_id = $1 AND status = 'grace_period'
+        `, [discord_id]);
+
+        await db.query(`
+            INSERT INTO admin_audit_log (admin_discord_id, admin_username, action_type, target_identifier, details)
+            VALUES ($1, $2, 'extend_grace_period', $3, '{"extension": "24h"}')
+        `, [adminId, adminUsername, discord_id]);
+
+        res.send(`<span class="text-green-500 font-bold text-sm">✅ Extended 24h</span>`);
+    } catch (error) {
+        res.status(500).send(`<span class="text-red-500 font-bold text-sm">❌ Error</span>`);
+    }
+});
+
+// Action: Convert to Manual Payment (Resolves Grace Period)
+router.post('/:discord_id/manual', async (req, res) => {
+    const { discord_id } = req.params;
+    const adminId = req.user.id;
+    const adminUsername = req.user.username;
+
+    try {
+        await db.query(`
+            UPDATE subscriptions 
+            SET status = 'active', grace_period_started_at = NULL, grace_period_ends_at = NULL
+            WHERE discord_id = $1
+        `, [discord_id]);
+
+        await db.query(`
+            INSERT INTO admin_audit_log (admin_discord_id, admin_username, action_type, target_identifier, details)
+            VALUES ($1, $2, 'manual_payment_override', $3, '{"reason": "admin_override"}')
+        `, [adminId, adminUsername, discord_id]);
+
+        res.send(`<span class="text-purple-500 font-bold text-sm">✅ Activated</span>`);
+    } catch (error) {
+        res.status(500).send(`<span class="text-red-500 font-bold text-sm">❌ Error</span>`);
+    }
+});
+
+module.exports = router;
diff --git a/services/arbiter-3.0/src/routes/admin/index.js b/services/arbiter-3.0/src/routes/admin/index.js
index 1ed060c..6b682f9 100644
--- a/services/arbiter-3.0/src/routes/admin/index.js
+++ b/services/arbiter-3.0/src/routes/admin/index.js
@@ -6,6 +6,9 @@ const { requireTrinityAccess } = require('./middleware');
 const playersRouter = require('./players');
 const serversRouter = require('./servers');
 const financialsRouter = require('./financials');
+const graceRouter = require('./grace');
+const auditRouter = require('./audit');
+const rolesRouter = require('./roles');
 
 router.use(requireTrinityAccess);
 
@@ -20,5 +23,8 @@ router.get('/dashboard', (req, res) => {
 router.use('/players', playersRouter);
 router.use('/servers', serversRouter);
 router.use('/financials', financialsRouter);
+router.use('/grace', graceRouter);
+router.use('/audit', auditRouter);
+router.use('/roles', rolesRouter);
 
 module.exports = router;
diff --git a/services/arbiter-3.0/src/routes/admin/roles.js b/services/arbiter-3.0/src/routes/admin/roles.js
new file mode 100644
index 0000000..d9990ea
--- /dev/null
+++ b/services/arbiter-3.0/src/routes/admin/roles.js
@@ -0,0 +1,99 @@
+const express = require('express');
+const router = express.Router();
+const db = require('../../database');
+const { getRoleMappings } = require('../../utils/roleMappings'); // From Arbiter 3.0
+const { TIER_INFO } = require('./constants');
+
+router.get('/', (req, res) => {
+    res.render('admin/roles/index', { title: 'Discord Role Audit' });
+});
+
+router.get('/mismatches', async (req, res) => {
+    try {
+        const client = req.app.locals.client;
+        const guild = client.guilds.cache.get(process.env.GUILD_ID);
+        if (!guild) throw new Error("Discord Guild not found in cache.");
+
+        const mappings = getRoleMappings();
+        
+        // Reverse mappings to match TIER to ROLE ID based on your existing logic
+        // Assuming your JSON maps "product-slug" -> "role_id"
+        // And your webhooks mapped "product-slug" -> tier_level
+        // *You may need to adapt this map based on your exact role-mappings.json structure*
+        const TIER_TO_ROLE = {
+            1: mappings['the-awakened'],
+            5: mappings['tier-elemental'],
+            10: mappings['tier-knight'],
+            15: mappings['tier-master'],
+            20: mappings['tier-legend'],
+            105: mappings['frost-elemental'],
+            // Add remaining mappings...
+            499: mappings['the-sovereign']
+        };
+
+        const { rows: activeSubs } = await db.query(`
+            SELECT u.discord_id, u.minecraft_username, s.tier_level
+            FROM subscriptions s
+            JOIN users u ON s.discord_id = u.discord_id
+            WHERE s.status IN ('active', 'lifetime', 'grace_period')
+        `);
+
+        const mismatches = [];
+
+        for (const sub of activeSubs) {
+            const expectedRoleId = TIER_TO_ROLE[sub.tier_level];
+            if (!expectedRoleId) continue;
+
+            try {
+                const member = await guild.members.fetch(sub.discord_id);
+                const hasRole = member.roles.cache.has(expectedRoleId);
+                
+                if (!hasRole) {
+                    mismatches.push({
+                        discord_id: sub.discord_id,
+                        username: sub.minecraft_username || 'Unknown',
+                        tier_name: TIER_INFO[sub.tier_level]?.name || 'Unknown',
+                        expected_role: expectedRoleId
+                    });
+                }
+            } catch (err) {
+                // User might have left the server
+                mismatches.push({
+                    discord_id: sub.discord_id,
+                    username: sub.minecraft_username || 'Unknown',
+                    tier_name: TIER_INFO[sub.tier_level]?.name || 'Unknown',
+                    expected_role: 'User left Discord server'
+                });
+            }
+        }
+
+        res.render('admin/roles/_mismatches', { mismatches });
+    } catch (error) {
+        console.error("Role Audit Error:", error);
+        res.status(500).send("<div class='text-red-500 p-4'>Error communicating with Discord API.</div>");
+    }
+});
+
+// Resync Individual
+router.post('/resync/:discord_id', async (req, res) => {
+    const { expected_role } = req.body;
+    try {
+        const client = req.app.locals.client;
+        const guild = client.guilds.cache.get(process.env.GUILD_ID);
+        const member = await guild.members.fetch(req.params.discord_id);
+        
+        await member.roles.add(expected_role);
+        
+        // Log it!
+        await db.query(`
+            INSERT INTO admin_audit_log (admin_discord_id, admin_username, action_type, target_identifier, details)
+            VALUES ($1, $2, 'manual_role_assign', $3, $4)
+        `, [req.user.id, req.user.username, req.params.discord_id, JSON.stringify({ assigned_role: expected_role })]);
+
+        res.send(`<span class="text-green-500 font-bold">✅ Fixed</span>`);
+    } catch (error) {
+        res.send(`<span class="text-red-500 font-bold">❌ Failed</span>`);
+    }
+});
+
+module.exports = router;
diff --git a/services/arbiter-3.0/src/views/admin/audit/_feed.ejs b/services/arbiter-3.0/src/views/admin/audit/_feed.ejs
new file mode 100644
index 0000000..f92e104
--- /dev/null
+++ b/services/arbiter-3.0/src/views/admin/audit/_feed.ejs
@@ -0,0 +1,53 @@
+<div class="divide-y divide-gray-200 dark:divide-gray-700">
+    <% if (logs.length === 0) { %>
+        <div class="p-8 text-center text-gray-500">No audit logs found for this criteria.</div>
+    <% } %>
+
+    <% logs.forEach(log => { 
+        let icon = '📝';
+        let colorClass = 'text-blue-500 bg-blue-100 dark:bg-blue-900/30';
+        
+        if (log.action_type.includes('grace') || log.action_type.includes('payment')) {
+            icon = '💰'; colorClass = 'text-green-500 bg-green-100 dark:bg-green-900/30';
+        } else if (log.action_type.includes('sync') || log.action_type.includes('whitelist')) {
+            icon = '⚡'; colorClass = 'text-purple-500 bg-purple-100 dark:bg-purple-900/30';
+        } else if (log.action_type.includes('ban') || log.action_type.includes('remove')) {
+            icon = '🚨'; colorClass = 'text-red-500 bg-red-100 dark:bg-red-900/30';
+        }
+    %>
+    <div class="p-4 flex gap-4 hover:bg-gray-50 dark:hover:bg-gray-800/50 transition-colors">
+        <div class="mt-1">
+            <div class="w-8 h-8 rounded-full flex items-center justify-center text-sm <%= colorClass %>">
+                <%= icon %>
+            </div>
+        </div>
+        <div class="flex-1">
+            <div class="flex justify-between items-start">
+                <div>
+                    <span class="font-bold dark:text-white"><%= log.admin_username || 'Trinity Member' %></span>
+                    <span class="text-gray-500 dark:text-gray-400 text-sm mx-1">performed</span>
+                    <span class="font-mono text-xs bg-gray-100 dark:bg-gray-800 px-2 py-1 rounded dark:text-gray-300"><%= log.action_type %></span>
+                </div>
+                <span class="text-xs text-gray-400"><%= new Date(log.performed_at).toLocaleString() %></span>
+            </div>
+            <div class="mt-2 text-sm text-gray-600 dark:text-gray-300">
+                <strong>Target:</strong> <span class="font-mono text-xs"><%= log.target_identifier || 'Global' %></span>
+            </div>
+            <% if (log.details) { %>
+            <div class="mt-2 text-xs font-mono bg-gray-50 dark:bg-gray-900 p-2 rounded text-gray-500 dark:text-gray-400 overflow-x-auto">
+                <%= typeof log.details === 'object' ? JSON.stringify(log.details) : log.details %>
+            </div>
+            <% } %>
+        </div>
+    </div>
+    <% }) %>
+</div>
+
+<div class="p-4 bg-gray-50 dark:bg-gray-800/50 border-t border-gray-200 dark:border-gray-700 text-center">
+    <button hx-get="/admin/audit/feed?page=<%= page + 1 %>&type=<%= filterType %>" 
+            hx-target="#audit-feed" 
+            hx-swap="outerHTML"
+            class="text-sm font-medium text-blue-600 hover:text-blue-700 dark:text-blue-400">
+        Load Older Logs ↓
+    </button>
+</div>
diff --git a/services/arbiter-3.0/src/views/admin/audit/index.ejs b/services/arbiter-3.0/src/views/admin/audit/index.ejs
new file mode 100644
index 0000000..ff8b4d2
--- /dev/null
+++ b/services/arbiter-3.0/src/views/admin/audit/index.ejs
@@ -0,0 +1,28 @@
+<%- include('../../layout', { body: `
+    <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>⚖️</span> Accountability Audit
+            </h1>
+            <p class="text-gray-500 dark:text-gray-400 text-sm">Permanent record of Trinity operations</p>
+        </div>
+        <div>
+            <select name="type" 
+                    hx-get="/admin/audit/feed" 
+                    hx-target="#audit-feed"
+                    class="bg-gray-50 dark:bg-gray-800 border border-gray-300 dark:border-gray-600 rounded-md px-4 py-2 text-sm">
+                <option value="">All Actions</option>
+                <option value="extend_grace_period">Grace Period Extensions</option>
+                <option value="manual_payment_override">Manual Payments</option>
+                <option value="server_sync">Forced Syncs</option>
+                <option value="whitelist_toggle">Whitelist Toggles</option>
+            </select>
+        </div>
+    </div>
+
+    <div class="bg-white dark:bg-darkcard rounded-lg border border-gray-200 dark:border-gray-700 shadow-sm overflow-hidden">
+        <div id="audit-feed" hx-get="/admin/audit/feed" hx-trigger="load">
+            <div class="p-8 text-center text-gray-500 animate-pulse">Loading secure audit logs...</div>
+        </div>
+    </div>
+`}) %>
diff --git a/services/arbiter-3.0/src/views/admin/grace/_list.ejs b/services/arbiter-3.0/src/views/admin/grace/_list.ejs
new file mode 100644
index 0000000..2074cd0
--- /dev/null
+++ b/services/arbiter-3.0/src/views/admin/grace/_list.ejs
@@ -0,0 +1,88 @@
+<div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
+    <div class="bg-white dark:bg-darkcard rounded-lg p-6 border border-gray-200 dark:border-gray-700 shadow-sm border-l-4 border-l-yellow-500">
+        <h3 class="text-gray-500 dark:text-gray-400 text-sm font-medium">Total At-Risk MRR</h3>
+        <p class="text-3xl font-bold text-yellow-600 dark:text-yellow-500 mt-2">$<%= totalAtRiskMrr.toFixed(2) %></p>
+    </div>
+    <div class="bg-white dark:bg-darkcard rounded-lg p-6 border border-gray-200 dark:border-gray-700 shadow-sm border-l-4 border-l-red-500">
+        <h3 class="text-gray-500 dark:text-gray-400 text-sm font-medium">Subscribers in Grace</h3>
+        <p class="text-3xl font-bold dark:text-white mt-2"><%= atRiskCount %></p>
+    </div>
+    <div class="bg-white dark:bg-darkcard rounded-lg p-6 border border-gray-200 dark:border-gray-700 shadow-sm border-l-4 border-l-green-500">
+        <h3 class="text-gray-500 dark:text-gray-400 text-sm font-medium">7-Day Recovery Rate</h3>
+        <p class="text-3xl font-bold dark:text-white mt-2">--%</p>
+        <p class="text-xs text-gray-500 mt-1">Metrics gathering in progress...</p>
+    </div>
+</div>
+
+<div class="bg-white dark:bg-darkcard rounded-lg border border-gray-200 dark:border-gray-700 shadow-sm overflow-hidden">
+    <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 border-b border-gray-200 dark:border-gray-700">
+                <tr>
+                    <th class="px-6 py-3 font-medium">Player</th>
+                    <th class="px-6 py-3 font-medium">Tier & MRR</th>
+                    <th class="px-6 py-3 font-medium">Failure Reason</th>
+                    <th class="px-6 py-3 font-medium">Time Remaining</th>
+                    <th class="px-6 py-3 font-medium text-right">Actions</th>
+                </tr>
+            </thead>
+            <tbody>
+                <% if (atRisk.length === 0) { %>
+                    <tr>
+                        <td colspan="5" class="px-6 py-12 text-center text-gray-500">
+                            <span class="text-2xl block mb-2">🎉</span>
+                            No subscribers in grace period. MRR is secure!
+                        </td>
+                    </tr>
+                <% } %>
+
+                <% atRisk.forEach(sub => { 
+                    const hoursRemaining = Math.max(0, Math.floor(sub.seconds_remaining / 3600));
+                    let timeColor = 'text-green-500';
+                    let timeBg = 'bg-green-100 dark:bg-green-900/30';
+                    if (hoursRemaining <= 48) { timeColor = 'text-yellow-600 dark:text-yellow-500'; timeBg = 'bg-yellow-100 dark:bg-yellow-900/30'; }
+                    if (hoursRemaining <= 24) { timeColor = 'text-red-600 dark:text-red-500'; timeBg = 'bg-red-100 dark:bg-red-900/30'; }
+                    
+                    const tierName = TIER_INFO[sub.tier_level]?.name || 'Unknown';
+                %>
+                <tr class="border-b border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800/50">
+                    <td class="px-6 py-4">
+                        <div class="font-bold dark:text-white"><%= sub.minecraft_username || 'Unlinked' %></div>
+                        <div class="text-xs text-gray-500 font-mono mt-1"><%= sub.discord_id %></div>
+                    </td>
+                    <td class="px-6 py-4">
+                        <div class="font-medium dark:text-gray-200"><%= tierName %></div>
+                        <div class="text-xs text-gray-500 font-mono mt-1">$<%= parseFloat(sub.mrr_value).toFixed(2) %>/mo</div>
+                    </td>
+                    <td class="px-6 py-4">
+                        <span class="px-2 py-1 text-xs rounded bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-gray-300">
+                            <%= sub.payment_failure_reason || 'Card Declined' %>
+                        </span>
+                    </td>
+                    <td class="px-6 py-4">
+                        <span class="px-3 py-1.5 rounded-full text-xs font-bold flex items-center gap-2 w-max <%= timeBg %> <%= timeColor %>">
+                            <span class="w-2 h-2 rounded-full <%= timeColor.replace('text-', 'bg-') %> animate-pulse"></span>
+                            <%= hoursRemaining %>h remaining
+                        </span>
+                    </td>
+                    <td class="px-6 py-4 text-right">
+                        <div class="flex items-center justify-end gap-2" id="actions-<%= sub.discord_id %>">
+                            <button hx-post="/admin/grace/<%= sub.discord_id %>/manual"
+                                    hx-target="#actions-<%= sub.discord_id %>"
+                                    hx-confirm="Convert to active manual payment?"
+                                    class="px-3 py-1.5 bg-purple-100 text-purple-700 hover:bg-purple-200 dark:bg-purple-900/30 dark:text-purple-400 rounded text-xs font-medium transition-colors">
+                                Manual Pay
+                            </button>
+                            <button hx-post="/admin/grace/<%= sub.discord_id %>/extend"
+                                    hx-target="#actions-<%= sub.discord_id %>"
+                                    class="px-3 py-1.5 bg-yellow-100 text-yellow-700 hover:bg-yellow-200 dark:bg-yellow-900/30 dark:text-yellow-400 rounded text-xs font-medium transition-colors">
+                                +24h
+                            </button>
+                        </div>
+                    </td>
+                </tr>
+                <% }) %>
+            </tbody>
+        </table>
+    </div>
+</div>
diff --git a/services/arbiter-3.0/src/views/admin/grace/index.ejs b/services/arbiter-3.0/src/views/admin/grace/index.ejs
new file mode 100644
index 0000000..41fd828
--- /dev/null
+++ b/services/arbiter-3.0/src/views/admin/grace/index.ejs
@@ -0,0 +1,24 @@
+<%- include('../../layout', { body: `
+    <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>
+`}) %>
diff --git a/services/arbiter-3.0/src/views/admin/roles/_mismatches.ejs b/services/arbiter-3.0/src/views/admin/roles/_mismatches.ejs
new file mode 100644
index 0000000..2df0e57
--- /dev/null
+++ b/services/arbiter-3.0/src/views/admin/roles/_mismatches.ejs
@@ -0,0 +1,40 @@
+<% if (mismatches.length === 0) { %>
+    <div class="p-8 text-center text-green-500 font-bold text-lg">
+        🎉 Perfect Sync! No role mismatches found.
+    </div>
+<% } else { %>
+    <table class="w-full text-sm text-left">
+        <thead class="bg-gray-50 dark:bg-gray-800 text-gray-600 dark:text-gray-400 border-b border-gray-200 dark:border-gray-700">
+            <tr>
+                <th class="px-6 py-3 font-medium">Player</th>
+                <th class="px-6 py-3 font-medium">Expected Tier</th>
+                <th class="px-6 py-3 font-medium">Missing Role ID</th>
+                <th class="px-6 py-3 font-medium text-right">Action</th>
+            </tr>
+        </thead>
+        <tbody class="divide-y divide-gray-200 dark:divide-gray-700">
+            <% mismatches.forEach(m => { %>
+            <tr class="hover:bg-gray-50 dark:hover:bg-gray-800/50">
+                <td class="px-6 py-4">
+                    <div class="font-bold dark:text-white"><%= m.username %></div>
+                    <div class="text-xs text-gray-500 font-mono"><%= m.discord_id %></div>
+                </td>
+                <td class="px-6 py-4 dark:text-gray-300 font-medium"><%= m.tier_name %></td>
+                <td class="px-6 py-4 font-mono text-xs text-red-500"><%= m.expected_role %></td>
+                <td class="px-6 py-4 text-right" id="action-<%= m.discord_id %>">
+                    <% if (m.expected_role.includes('left')) { %>
+                        <span class="text-gray-500 text-xs italic">User left server</span>
+                    <% } else { %>
+                        <button hx-post="/admin/roles/resync/<%= m.discord_id %>"
+                                hx-vals='{"expected_role": "<%= m.expected_role %>"}'
+                                hx-target="#action-<%= m.discord_id %>"
+                                class="px-3 py-1.5 bg-blue-100 text-blue-700 hover:bg-blue-200 dark:bg-blue-900/30 dark:text-blue-400 rounded text-xs font-medium transition-colors">
+                            Fix Role
+                        </button>
+                    <% } %>
+                </td>
+            </tr>
+            <% }) %>
+        </tbody>
+    </table>
+<% } %>
diff --git a/services/arbiter-3.0/src/views/admin/roles/index.ejs b/services/arbiter-3.0/src/views/admin/roles/index.ejs
new file mode 100644
index 0000000..d97799c
--- /dev/null
+++ b/services/arbiter-3.0/src/views/admin/roles/index.ejs
@@ -0,0 +1,23 @@
+<%- include('../../layout', { body: `
+    <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> Role Diagnostics
+            </h1>
+            <p class="text-gray-500 dark:text-gray-400 text-sm">Find and fix Discord role mismatches</p>
+        </div>
+        <div>
+            <button hx-get="/admin/roles/mismatches" 
+                    hx-target="#mismatch-container"
+                    class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-md text-sm font-medium shadow transition-colors">
+                🔍 Run Diagnostic Scan
+            </button>
+        </div>
+    </div>
+
+    <div class="bg-white dark:bg-darkcard rounded-lg border border-gray-200 dark:border-gray-700 shadow-sm overflow-hidden">
+        <div id="mismatch-container" class="p-8 text-center text-gray-500">
+            Click "Run Diagnostic Scan" to query the Discord API. (This takes a few seconds).
+        </div>
+    </div>
+`}) %>