diff --git a/public/app.js b/public/app.js
index c8a1882..2e0192c 100644
--- a/public/app.js
+++ b/public/app.js
@@ -1,128 +1,88 @@
 /**
  * Microsoft Rewards Bot Dashboard - Frontend JavaScript
- * 
- * Handles real-time updates, charts, bot control, and UI interactions
  */
 
-// ============================================================================
-// State Management
-// ============================================================================
-
+// State
 const state = {
     isRunning: false,
     autoScroll: true,
     logs: [],
     accounts: [],
-    stats: {
-        totalAccounts: 0,
-        totalPoints: 0,
-        completed: 0,
-        errors: 0,
-        startTime: null
-    },
-    pointsHistory: [],
-    activityStats: {},
+    stats: { totalAccounts: 0, totalPoints: 0, completed: 0, errors: 0, startTime: null },
     currentLogFilter: 'all',
     ws: null,
-    reconnectAttempts: 0,
-    maxReconnectAttempts: 10,
-    reconnectDelay: 1000
+    reconnectAttempts: 0
 }
 
-// Chart instances
 let pointsChart = null
 let activityChart = null
 
-// ============================================================================
-// Initialization
-// ============================================================================
-
+// Initialize on DOM ready
 document.addEventListener('DOMContentLoaded', () => {
-    initializeWebSocket()
-    initializeCharts()
+    initWebSocket()
+    initCharts()
     loadInitialData()
     startUptimeTimer()
-    loadThemePreference()
+    loadTheme()
 })
 
-// ============================================================================
-// WebSocket Connection
-// ============================================================================
-
-function initializeWebSocket() {
+// WebSocket
+function initWebSocket() {
     const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:'
-    const wsUrl = `${protocol}//${window.location.host}`
+    const wsUrl = protocol + '//' + window.location.host
 
     try {
         state.ws = new WebSocket(wsUrl)
 
-        state.ws.onopen = () => {
+        state.ws.onopen = function () {
             updateConnectionStatus(true)
             state.reconnectAttempts = 0
-            state.reconnectDelay = 1000
-            console.log('[WS] Connected to dashboard server')
+            console.log('[WS] Connected')
         }
 
-        state.ws.onmessage = (event) => {
+        state.ws.onmessage = function (event) {
             try {
-                const data = JSON.parse(event.data)
-                handleWebSocketMessage(data)
-            } catch (error) {
-                console.error('[WS] Failed to parse message:', error)
+                handleWsMessage(JSON.parse(event.data))
+            } catch (e) {
+                console.error('[WS] Parse error:', e)
             }
         }
 
-        state.ws.onclose = () => {
+        state.ws.onclose = function () {
             updateConnectionStatus(false)
-            console.log('[WS] Connection closed, attempting reconnect...')
             attemptReconnect()
         }
 
-        state.ws.onerror = (error) => {
-            console.error('[WS] Error:', error)
+        state.ws.onerror = function (e) {
+            console.error('[WS] Error:', e)
         }
-    } catch (error) {
-        console.error('[WS] Failed to connect:', error)
+    } catch (e) {
+        console.error('[WS] Failed:', e)
         attemptReconnect()
     }
 }
 
 function attemptReconnect() {
-    if (state.reconnectAttempts >= state.maxReconnectAttempts) {
-        showToast('Connection lost. Please refresh the page.', 'error')
+    if (state.reconnectAttempts >= 10) {
+        showToast('Connection lost. Please refresh.', 'error')
         return
     }
-
     state.reconnectAttempts++
-    state.reconnectDelay = Math.min(state.reconnectDelay * 1.5, 30000)
-
-    setTimeout(() => {
-        console.log(`[WS] Reconnect attempt ${state.reconnectAttempts}/${state.maxReconnectAttempts}`)
-        initializeWebSocket()
-    }, state.reconnectDelay)
+    setTimeout(initWebSocket, Math.min(1000 * Math.pow(1.5, state.reconnectAttempts), 30000))
 }
 
-function handleWebSocketMessage(data) {
-    // Handle init message with all initial data
+function handleWsMessage(data) {
     if (data.type === 'init' && data.data) {
-        if (data.data.logs) {
-            data.data.logs.forEach(log => addLogEntry(log))
-        }
-        if (data.data.status) {
-            updateBotStatus(data.data.status)
-        }
-        if (data.data.accounts) {
-            renderAccounts(data.data.accounts)
-        }
+        if (data.data.logs) data.data.logs.forEach(addLogEntry)
+        if (data.data.status) updateBotStatus(data.data.status)
+        if (data.data.accounts) renderAccounts(data.data.accounts)
         return
     }
 
-    // Handle payload format (from state listener) or data format (from broadcast)
     const payload = data.payload || data.data || data
 
     switch (data.type) {
         case 'log':
-            // Handle both { log: {...} } and direct log object
             addLogEntry(payload.log || payload)
             break
         case 'status':
@@ -138,30 +98,23 @@ function handleWebSocketMessage(data) {
         case 'accounts':
             renderAccounts(payload)
             break
-        case 'points':
-            updatePointsHistory(payload)
-            break
-        case 'activity':
-            updateActivityStats(payload)
-            break
-        default:
-            console.log('[WS] Unknown message type:', data.type)
     }
 }
 
 function updateConnectionStatus(connected) {
-    const statusEl = document.getElementById('connectionStatus')
-    if (statusEl) {
-        statusEl.className = `connection-status ${connected ? 'connected' : 'disconnected'}`
-        statusEl.innerHTML = `<i class="fas fa-circle"></i> ${connected ? 'Connected' : 'Disconnected'}`
+    const el = document.getElementById('connectionStatus')
+    if (el) {
+        el.className = 'connection-status ' + (connected ? 'connected' : 'disconnected')
+        el.innerHTML = '<i class="fas fa-circle"></i> ' + (connected ? 'Connected' : 'Disconnected')
     }
 }
 
-// ============================================================================
-// Charts Initialization
-// ============================================================================
-
-function initializeCharts() {
+// Charts
+function initCharts() {
+    if (typeof Chart === 'undefined') {
+        console.warn('Chart.js not loaded')
+        return
+    }
     initPointsChart()
     initActivityChart()
 }
@@ -179,7 +132,7 @@ function initPointsChart() {
         data: {
             labels: generateDateLabels(7),
             datasets: [{
-                label: 'Points Earned',
+                label: 'Points',
                 data: generatePlaceholderData(7),
                 borderColor: '#58a6ff',
                 backgroundColor: gradient,
@@ -187,59 +140,16 @@ function initPointsChart() {
                 fill: true,
                 tension: 0.4,
                 pointRadius: 4,
-                pointHoverRadius: 6,
-                pointBackgroundColor: '#58a6ff',
-                pointBorderColor: '#0d1117',
-                pointBorderWidth: 2
+                pointBackgroundColor: '#58a6ff'
             }]
         },
         options: {
             responsive: true,
             maintainAspectRatio: false,
-            interaction: {
-                intersect: false,
-                mode: 'index'
-            },
-            plugins: {
-                legend: {
-                    display: false
-                },
-                tooltip: {
-                    backgroundColor: '#161b22',
-                    titleColor: '#f0f6fc',
-                    bodyColor: '#8b949e',
-                    borderColor: '#30363d',
-                    borderWidth: 1,
-                    padding: 12,
-                    displayColors: false,
-                    callbacks: {
-                        label: (context) => `${context.parsed.y.toLocaleString()} points`
-                    }
-                }
-            },
+            plugins: { legend: { display: false } },
             scales: {
-                x: {
-                    grid: {
-                        color: '#21262d',
-                        drawBorder: false
-                    },
-                    ticks: {
-                        color: '#8b949e',
-                        font: { size: 11 }
-                    }
-                },
-                y: {
-                    grid: {
-                        color: '#21262d',
-                        drawBorder: false
-                    },
-                    ticks: {
-                        color: '#8b949e',
-                        font: { size: 11 },
-                        callback: (value) => value.toLocaleString()
-                    },
-                    beginAtZero: true
-                }
+                x: { grid: { color: '#21262d' }, ticks: { color: '#8b949e' } },
+                y: { grid: { color: '#21262d' }, ticks: { color: '#8b949e' }, beginAtZero: true }
             }
         }
     })
@@ -255,16 +165,9 @@ function initActivityChart() {
             labels: ['Searches', 'Daily Set', 'Punch Cards', 'Quizzes', 'Other'],
             datasets: [{
                 data: [45, 25, 15, 10, 5],
-                backgroundColor: [
-                    '#58a6ff',
-                    '#3fb950',
-                    '#d29922',
-                    '#a371f7',
-                    '#39c5cf'
-                ],
+                backgroundColor: ['#58a6ff', '#3fb950', '#d29922', '#a371f7', '#39c5cf'],
                 borderColor: '#161b22',
-                borderWidth: 3,
-                hoverOffset: 8
+                borderWidth: 3
             }]
         },
         options: {
@@ -274,24 +177,7 @@ function initActivityChart() {
             plugins: {
                 legend: {
                     position: 'right',
-                    labels: {
-                        color: '#8b949e',
-                        font: { size: 11 },
-                        padding: 15,
-                        usePointStyle: true,
-                        pointStyle: 'circle'
-                    }
-                },
-                tooltip: {
-                    backgroundColor: '#161b22',
-                    titleColor: '#f0f6fc',
-                    bodyColor: '#8b949e',
-                    borderColor: '#30363d',
-                    borderWidth: 1,
-                    padding: 12,
-                    callbacks: {
-                        label: (context) => `${context.label}: ${context.parsed}%`
-                    }
+                    labels: { color: '#8b949e', font: { size: 11 } }
                 }
             }
         }
@@ -301,15 +187,14 @@ function initActivityChart() {
 function generateDateLabels(days) {
     const labels = []
     for (let i = days - 1; i >= 0; i--) {
-        const date = new Date()
-        date.setDate(date.getDate() - i)
-        labels.push(date.toLocaleDateString('en-US', { month: 'short', day: 'numeric' }))
+        const d = new Date()
+        d.setDate(d.getDate() - i)
+        labels.push(d.toLocaleDateString('en-US', { month: 'short', day: 'numeric' }))
     }
     return labels
 }
 
 function generatePlaceholderData(count) {
-    // Generate realistic-looking placeholder data
     const data = []
     let base = 150
     for (let i = 0; i < count; i++) {
@@ -320,11 +205,9 @@ function generatePlaceholderData(count) {
 }
 
 function setChartPeriod(period, btn) {
-    // Update button states
-    document.querySelectorAll('.period-btn').forEach(b => b.classList.remove('active'))
+    document.querySelectorAll('.period-btn').forEach((b) => { b.classList.remove('active') })
     btn.classList.add('active')
 
-    // Update chart data
     const days = period === '7d' ? 7 : 30
     if (pointsChart) {
         pointsChart.data.labels = generateDateLabels(days)
@@ -333,165 +216,130 @@ function setChartPeriod(period, btn) {
     }
 }
 
-// ============================================================================
 // Data Loading
-// ============================================================================
-
-async function loadInitialData() {
-    try {
-        const [statusRes, accountsRes] = await Promise.all([
-            fetch('/api/status'),
-            fetch('/api/accounts')
-        ])
-
-        if (statusRes.ok) {
-            const status = await statusRes.json()
-            updateBotStatus(status)
-        }
-
-        if (accountsRes.ok) {
-            const accounts = await accountsRes.json()
-            renderAccounts(accounts)
-        }
-    } catch (error) {
-        console.error('Failed to load initial data:', error)
-    }
+function loadInitialData() {
+    fetch('/api/status').then((r) => { return r.json() }).then(updateBotStatus).catch(() => { })
+    fetch('/api/accounts').then((r) => { return r.json() }).then(renderAccounts).catch(() => { })
 }
 
-async function refreshData() {
-    const btn = document.querySelector('[onclick="refreshData()"]')
-    if (btn) {
-        btn.querySelector('i').classList.add('fa-spin')
-    }
-
-    await loadInitialData()
-
+function refreshData() {
+    var btn = document.querySelector('[onclick="refreshData()"] i')
+    if (btn) btn.classList.add('fa-spin')
+    loadInitialData()
     setTimeout(() => {
-        if (btn) {
-            btn.querySelector('i').classList.remove('fa-spin')
-        }
+        if (btn) btn.classList.remove('fa-spin')
         showToast('Data refreshed', 'success')
     }, 500)
 }
 
-// ============================================================================
 // Bot Control
-// ============================================================================
-
-async function startBot() {
-    try {
-        updateButtonStates(true)
-        const response = await fetch('/api/start', { method: 'POST' })
-        const result = await response.json()
-
-        if (response.ok) {
-            state.isRunning = true
-            state.stats.startTime = Date.now()
-            updateBotStatus({ running: true })
-            showToast('Bot started successfully', 'success')
-        } else {
+function startBot() {
+    updateButtonStates(true)
+    fetch('/api/start', { method: 'POST' })
+        .then((r) => { return r.json() })
+        .then((result) => {
+            if (result.success || result.pid) {
+                state.isRunning = true
+                state.stats.startTime = Date.now()
+                updateBotStatus({ running: true })
+                showToast('Bot started', 'success')
+            } else {
+                updateButtonStates(false)
+                showToast(result.error || 'Failed to start', 'error')
+            }
+        })
+        .catch((e) => {
             updateButtonStates(false)
-            showToast(result.error || 'Failed to start bot', 'error')
-        }
-    } catch (error) {
-        updateButtonStates(false)
-        showToast('Failed to start bot: ' + error.message, 'error')
-    }
+            showToast('Failed: ' + e.message, 'error')
+        })
 }
 
-async function stopBot() {
-    try {
-        const response = await fetch('/api/stop', { method: 'POST' })
-        const result = await response.json()
-
-        if (response.ok) {
-            state.isRunning = false
-            updateBotStatus({ running: false })
-            showToast('Bot stopped', 'info')
-        } else {
-            showToast(result.error || 'Failed to stop bot', 'error')
-        }
-    } catch (error) {
-        showToast('Failed to stop bot: ' + error.message, 'error')
-    }
+function stopBot() {
+    fetch('/api/stop', { method: 'POST' })
+        .then((r) => { return r.json() })
+        .then((result) => {
+            if (result.success) {
+                state.isRunning = false
+                updateBotStatus({ running: false })
+                showToast('Bot stopped', 'info')
+            } else {
+                showToast(result.error || 'Failed to stop', 'error')
+            }
+        })
+        .catch((e) => {
+            showToast('Failed: ' + e.message, 'error')
+        })
 }
 
-async function restartBot() {
-    try {
-        showToast('Restarting bot...', 'info')
-        const response = await fetch('/api/restart', { method: 'POST' })
-        const result = await response.json()
-
-        if (response.ok) {
-            state.stats.startTime = Date.now()
-            showToast('Bot restarted successfully', 'success')
-        } else {
-            showToast(result.error || 'Failed to restart bot', 'error')
-        }
-    } catch (error) {
-        showToast('Failed to restart bot: ' + error.message, 'error')
-    }
+function restartBot() {
+    showToast('Restarting...', 'info')
+    fetch('/api/restart', { method: 'POST' })
+        .then((r) => { return r.json() })
+        .then((result) => {
+            if (result.success) {
+                state.stats.startTime = Date.now()
+                showToast('Bot restarted', 'success')
+            } else {
+                showToast(result.error || 'Failed to restart', 'error')
+            }
+        })
+        .catch((e) => {
+            showToast('Failed: ' + e.message, 'error')
+        })
 }
 
-async function resetJobState() {
-    showModal(
-        'Reset Job State',
-        '<p>This will clear all completed task records for today, allowing the bot to re-run all activities.</p><p style="color: var(--accent-orange); margin-top: 1rem;"><i class="fas fa-exclamation-triangle"></i> This action cannot be undone.</p>',
+function resetJobState() {
+    showModal('Reset Job State',
+        '<p>This will clear all completed task records for today.</p>' +
+        '<p style="color: var(--accent-orange); margin-top: 1rem;">' +
+        '<i class="fas fa-exclamation-triangle"></i> This cannot be undone.</p>',
         [
-            { text: 'Cancel', class: 'btn btn-secondary', onclick: 'closeModal()' },
-            { text: 'Reset', class: 'btn btn-danger', onclick: 'confirmResetJobState()' }
+            { text: 'Cancel', cls: 'btn btn-secondary', action: 'closeModal()' },
+            { text: 'Reset', cls: 'btn btn-danger', action: 'confirmResetJobState()' }
         ]
     )
 }
 
-async function confirmResetJobState() {
+function confirmResetJobState() {
     closeModal()
-    try {
-        const response = await fetch('/api/reset-state', { method: 'POST' })
-        const result = await response.json()
-
-        if (response.ok) {
-            showToast('Job state reset successfully', 'success')
-            state.stats.completed = 0
-            state.stats.errors = 0
-            updateStatsDisplay()
-        } else {
-            showToast(result.error || 'Failed to reset state', 'error')
-        }
-    } catch (error) {
-        showToast('Failed to reset state: ' + error.message, 'error')
-    }
+    fetch('/api/reset-state', { method: 'POST' })
+        .then((r) => { return r.json() })
+        .then((result) => {
+            if (result.success) {
+                showToast('Job state reset', 'success')
+                state.stats.completed = 0
+                state.stats.errors = 0
+                updateStatsDisplay()
+            } else {
+                showToast(result.error || 'Failed to reset', 'error')
+            }
+        })
+        .catch((e) => {
+            showToast('Failed: ' + e.message, 'error')
+        })
 }
 
 function updateButtonStates(running) {
-    const btnStart = document.getElementById('btnStart')
-    const btnStop = document.getElementById('btnStop')
-
+    var btnStart = document.getElementById('btnStart')
+    var btnStop = document.getElementById('btnStop')
     if (btnStart) btnStart.disabled = running
     if (btnStop) btnStop.disabled = !running
 }
 
-// ============================================================================
 // Status Updates
-// ============================================================================
-
 function updateBotStatus(status) {
     state.isRunning = status.running
     updateButtonStates(status.running)
 
-    const badge = document.getElementById('statusBadge')
+    var badge = document.getElementById('statusBadge')
     if (badge) {
-        badge.className = `status-badge ${status.running ? 'status-running' : 'status-stopped'}`
-        badge.innerHTML = `<i class="fas fa-circle"></i><span>${status.running ? 'RUNNING' : 'STOPPED'}</span>`
+        badge.className = 'status-badge ' + (status.running ? 'status-running' : 'status-stopped')
+        badge.innerHTML = '<i class="fas fa-circle"></i><span>' + (status.running ? 'RUNNING' : 'STOPPED') + '</span>'
     }
 
     if (status.startTime) {
         state.stats.startTime = new Date(status.startTime).getTime()
     }
-
-    if (status.memory) {
-        document.getElementById('memory').textContent = formatBytes(status.memory)
-    }
 }
 
 function updateStats(stats) {
@@ -499,46 +347,29 @@ function updateStats(stats) {
     if (stats.totalPoints !== undefined) state.stats.totalPoints = stats.totalPoints
     if (stats.completed !== undefined) state.stats.completed = stats.completed
     if (stats.errors !== undefined) state.stats.errors = stats.errors
-
     updateStatsDisplay()
 }
 
 function updateStatsDisplay() {
-    document.getElementById('totalAccounts').textContent = state.stats.totalAccounts
-    document.getElementById('totalPoints').textContent = state.stats.totalPoints.toLocaleString()
-    document.getElementById('completed').textContent = state.stats.completed
-    document.getElementById('errors').textContent = state.stats.errors
-
-    // Update accounts badge
-    const badge = document.getElementById('accountsBadge')
-    if (badge) badge.textContent = state.stats.totalAccounts
+    var el
+    el = document.getElementById('totalAccounts')
+    if (el) el.textContent = state.stats.totalAccounts
+    el = document.getElementById('totalPoints')
+    if (el) el.textContent = state.stats.totalPoints.toLocaleString()
+    el = document.getElementById('completed')
+    if (el) el.textContent = state.stats.completed
+    el = document.getElementById('errors')
+    if (el) el.textContent = state.stats.errors
+    el = document.getElementById('accountsBadge')
+    if (el) el.textContent = state.stats.totalAccounts
 }
 
-function updatePointsHistory(data) {
-    if (pointsChart && data.labels && data.values) {
-        pointsChart.data.labels = data.labels
-        pointsChart.data.datasets[0].data = data.values
-        pointsChart.update('none')
-    }
-}
-
-function updateActivityStats(data) {
-    if (activityChart && data.labels && data.values) {
-        activityChart.data.labels = data.labels
-        activityChart.data.datasets[0].data = data.values
-        activityChart.update('none')
-    }
-}
-
-// ============================================================================
-// Accounts Management
-// ============================================================================
-
+// Accounts
 function renderAccounts(accounts) {
     state.accounts = accounts
     state.stats.totalAccounts = accounts.length
 
-    const container = document.getElementById('accountsList')
+    var container = document.getElementById('accountsList')
     if (!container) return
 
     if (accounts.length === 0) {
@@ -546,32 +377,31 @@ function renderAccounts(accounts) {
         return
     }
 
-    container.innerHTML = accounts.map(account => {
-        const initial = (account.email || 'U')[0].toUpperCase()
-        const displayEmail = account.email ? maskEmail(account.email) : 'Unknown'
-        const statusClass = account.status || 'pending'
-        const statusText = statusClass.charAt(0).toUpperCase() + statusClass.slice(1)
-
-        return `
-            <div class="account-item" data-email="${account.email || ''}">
-                <div class="account-info">
-                    <div class="account-avatar">${initial}</div>
-                    <span class="account-email">${displayEmail}</span>
-                </div>
-                <span class="account-status ${statusClass}">${statusText}</span>
-            </div>
-        `
-    }).join('')
+    var html = ''
+    accounts.forEach((account) => {
+        var initial = (account.email || 'U')[0].toUpperCase()
+        var displayEmail = account.email ? maskEmail(account.email) : 'Unknown'
+        var statusClass = account.status || 'pending'
+        var statusText = statusClass.charAt(0).toUpperCase() + statusClass.slice(1)
 
+        html += '<div class="account-item" data-email="' + (account.email || '') + '">' +
+            '<div class="account-info">' +
+            '<div class="account-avatar">' + initial + '</div>' +
+            '<span class="account-email">' + displayEmail + '</span>' +
+            '</div>' +
+            '<span class="account-status ' + statusClass + '">' + statusText + '</span>' +
+            '</div>'
+    })
+    container.innerHTML = html
     updateStatsDisplay()
 }
 
 function updateAccountStatus(data) {
-    const accountEl = document.querySelector(`.account-item[data-email="${data.email}"]`)
+    var accountEl = document.querySelector('.account-item[data-email="' + data.email + '"]')
     if (accountEl) {
-        const statusEl = accountEl.querySelector('.account-status')
+        var statusEl = accountEl.querySelector('.account-status')
         if (statusEl) {
-            statusEl.className = `account-status ${data.status}`
+            statusEl.className = 'account-status ' + data.status
             statusEl.textContent = data.status.charAt(0).toUpperCase() + data.status.slice(1)
         }
     }
@@ -579,95 +409,87 @@ function updateAccountStatus(data) {
 
 function maskEmail(email) {
     if (!email) return 'Unknown'
-    const [local, domain] = email.split('@')
-    if (!domain) return email
-    const masked = local.length > 3
-        ? local.slice(0, 2) + '***' + local.slice(-1)
-        : local[0] + '***'
-    return `${masked}@${domain}`
+    var parts = email.split('@')
+    if (parts.length < 2) return email
+    var local = parts[0]
+    var domain = parts[1]
+    var masked = local.length > 3 ? local.slice(0, 2) + '***' + local.slice(-1) : local[0] + '***'
+    return masked + '@' + domain
 }
 
-// ============================================================================
 // Logging
-// ============================================================================
-
 function addLogEntry(log) {
-    const container = document.getElementById('logsContainer')
+    var container = document.getElementById('logsContainer')
     if (!container) return
 
-    // Remove empty state message
-    const emptyMsg = container.querySelector('.log-empty')
+    var emptyMsg = container.querySelector('.log-empty')
     if (emptyMsg) emptyMsg.remove()
 
-    // Normalize log format (server uses 'title' and 'platform', frontend uses 'source')
-    const normalizedLog = {
+    var normalizedLog = {
         timestamp: log.timestamp || new Date().toISOString(),
         level: log.level || 'log',
         source: log.source || log.title || 'BOT',
-        message: log.message || '',
-        platform: log.platform
+        message: log.message || ''
     }
 
-    // Store log
     state.logs.push(normalizedLog)
 
-    // Check filter
     if (state.currentLogFilter !== 'all' && normalizedLog.level !== state.currentLogFilter) {
         return
     }
 
-    // Create log entry
-    const entry = document.createElement('div')
+    var entry = document.createElement('div')
     entry.className = 'log-entry'
-    entry.innerHTML = `
-        <span class="log-time">${formatTime(normalizedLog.timestamp)}</span>
-        <span class="log-level ${normalizedLog.level}">${normalizedLog.level}</span>
-        <span class="log-source">[${normalizedLog.source}]</span>
-        <span class="log-message">${escapeHtml(normalizedLog.message)}</span>
+    entry.innerHTML = '<span class="log-time">' + formatTime(normalizedLog.timestamp) + '</span>' +
+        '<span class="log-level ' + normalizedLog.level + '">' + normalizedLog.level + '</span>' +
+        '<span class="log-source">[' + normalizedLog.source + ']</span>' +
+        '<span class="log-message">' + escapeHtml(normalizedLog.message) + '</span>'
+
+    container.appendChild(entry)
+
+    while (container.children.length > 500) {
+        container.removeChild(container.firstChild)
+    }
 
-    // Auto-scroll
     if (state.autoScroll) {
         container.scrollTop = container.scrollHeight
     }
 }
 
 function filterLogs() {
-    const filter = document.getElementById('logFilter')
+    var filter = document.getElementById('logFilter')
     if (!filter) return
 
     state.currentLogFilter = filter.value
 
-    const container = document.getElementById('logsContainer')
+    var container = document.getElementById('logsContainer')
     if (!container) return
 
-    // Clear and re-render
     container.innerHTML = ''
 
-    const filteredLogs = state.currentLogFilter === 'all'
+    var filtered = state.currentLogFilter === 'all'
         ? state.logs
-        : state.logs.filter(log => log.level === state.currentLogFilter)
+        : state.logs.filter((log) => { return log.level === state.currentLogFilter })
 
-    if (filteredLogs.length === 0) {
+    if (filtered.length === 0) {
         container.innerHTML = '<div class="log-empty">No logs to display</div>'
         return
     }
 
-    filteredLogs.forEach(log => {
-        const entry = document.createElement('div')
+    filtered.forEach((log) => {
+        var entry = document.createElement('div')
         entry.className = 'log-entry'
-        entry.innerHTML = `
-        < span class="log-time" > ${ formatTime(log.timestamp || new Date()) }</span >
-            <span class="log-level ${log.level || 'log'}">${log.level || 'log'}</span>
-            <span class="log-source">[${log.source || 'BOT'}]</span>
-            <span class="log-message">${escapeHtml(log.message || '')}</span>
-    `
+        entry.innerHTML = '<span class="log-time">' + formatTime(log.timestamp) + '</span>' +
+            '<span class="log-level ' + log.level + '">' + log.level + '</span>' +
+            '<span class="log-source">[' + log.source + ']</span>' +
+            '<span class="log-message">' + escapeHtml(log.message) + '</span>'
         container.appendChild(entry)
     })
 }
 
 function clearLogs() {
     state.logs = []
-    const container = document.getElementById('logsContainer')
+    var container = document.getElementById('logsContainer')
     if (container) {
         container.innerHTML = '<div class="log-empty">No logs to display</div>'
     }
@@ -676,55 +498,41 @@ function clearLogs() {
 
 function toggleAutoScroll() {
     state.autoScroll = !state.autoScroll
-    const btn = document.getElementById('btnAutoScroll')
+    var btn = document.getElementById('btnAutoScroll')
     if (btn) {
         btn.classList.toggle('btn-primary', state.autoScroll)
         btn.classList.toggle('btn-secondary', !state.autoScroll)
     }
-    showToast(`Auto - scroll ${ state.autoScroll ? 'enabled' : 'disabled' } `, 'info')
+    showToast('Auto-scroll ' + (state.autoScroll ? 'enabled' : 'disabled'), 'info')
 }
 
-// ============================================================================
 // Quick Actions
-// ============================================================================
-
 function runSingleAccount() {
     if (state.accounts.length === 0) {
         showToast('No accounts available', 'warning')
         return
     }
 
-    const options = state.accounts.map(a =>
-        `< option value = "${a.email}" > ${ maskEmail(a.email) }</option > `
-    ).join('')
+    var options = state.accounts.map((a) => {
+        return '<option value="' + a.email + '">' + maskEmail(a.email) + '</option>'
+    }).join('')
 
-    showModal(
-        'Run Single Account',
-        `< p style = "margin-bottom: 1rem;" > Select an account to run:</p >
-        <select id="singleAccountSelect" class="log-filter" style="width: 100%; padding: 0.5rem;">
-            ${options}
-        </select>`,
+    showModal('Run Single Account',
+        '<p style="margin-bottom: 1rem;">Select an account to run:</p>' +
+        '<select id="singleAccountSelect" class="log-filter" style="width: 100%; padding: 0.5rem;">' +
+        options + '</select>',
         [
-            { text: 'Cancel', class: 'btn btn-secondary', onclick: 'closeModal()' },
-            { text: 'Run', class: 'btn btn-primary', onclick: 'executeSingleAccount()' }
+            { text: 'Cancel', cls: 'btn btn-secondary', action: 'closeModal()' },
+            { text: 'Run', cls: 'btn btn-primary', action: 'executeSingleAccount()' }
         ]
     )
 }
 
-async function executeSingleAccount() {
-    const select = document.getElementById('singleAccountSelect')
+function executeSingleAccount() {
+    var select = document.getElementById('singleAccountSelect')
     if (!select) return
-
-    const email = select.value
     closeModal()
-
-    try {
-        showToast(`Running account: ${ maskEmail(email) } `, 'info')
-        // API call would go here
-        // await fetch('/api/run-single', { method: 'POST', body: JSON.stringify({ email }) })
-    } catch (error) {
-        showToast('Failed to run account: ' + error.message, 'error')
-    }
+    showToast('Running account: ' + maskEmail(select.value), 'info')
 }
 
 function exportLogs() {
@@ -733,18 +541,17 @@ function exportLogs() {
         return
     }
 
-    const logText = state.logs.map(log =>
-        `[${ formatTime(log.timestamp) }][${ log.level?.toUpperCase() || 'LOG' }][${ log.source || 'BOT' }] ${ log.message } `
-    ).join('\n')
+    var logText = state.logs.map((log) => {
+        return '[' + formatTime(log.timestamp) + '] [' + (log.level || 'LOG').toUpperCase() + '] [' + (log.source || 'BOT') + '] ' + log.message
+    }).join('\n')
 
-    const blob = new Blob([logText], { type: 'text/plain' })
-    const url = URL.createObjectURL(blob)
-    const a = document.createElement('a')
+    var blob = new Blob([logText], { type: 'text/plain' })
+    var url = URL.createObjectURL(blob)
+    var a = document.createElement('a')
     a.href = url
-    a.download = `rewards - bot - logs - ${ new Date().toISOString().slice(0, 10) }.txt`
+    a.download = 'rewards-bot-logs-' + new Date().toISOString().slice(0, 10) + '.txt'
     a.click()
     URL.revokeObjectURL(url)
-
     showToast('Logs exported', 'success')
 }
 
@@ -756,106 +563,85 @@ function viewHistory() {
     showToast('History viewer coming soon', 'info')
 }
 
-// ============================================================================
 // UI Utilities
-// ============================================================================
-
-function showToast(message, type = 'info') {
-    const container = document.getElementById('toastContainer')
+function showToast(message, type) {
+    type = type || 'info'
+    var container = document.getElementById('toastContainer')
     if (!container) return
 
-    const toast = document.createElement('div')
-    toast.className = `toast ${ type } `
+    var toast = document.createElement('div')
+    toast.className = 'toast ' + type
 
-    const icons = {
+    var icons = {
         success: 'fa-check-circle',
         error: 'fa-times-circle',
         warning: 'fa-exclamation-circle',
         info: 'fa-info-circle'
     }
 
-    toast.innerHTML = `
-        < i class="fas ${icons[type] || icons.info}" ></i >
-            <span>${message}</span>
-    `
-
+    toast.innerHTML = '<i class="fas ' + (icons[type] || icons.info) + '"></i><span>' + message + '</span>'
     container.appendChild(toast)
 
     setTimeout(() => {
         toast.style.animation = 'slideIn 0.3s ease reverse'
-        setTimeout(() => toast.remove(), 300)
+        setTimeout(() => { toast.remove() }, 300)
     }, 4000)
 }
 
-function showModal(title, body, buttons = []) {
-    const modal = document.getElementById('modal')
-    const modalTitle = document.getElementById('modalTitle')
-    const modalBody = document.getElementById('modalBody')
-    const modalFooter = document.getElementById('modalFooter')
+function showModal(title, body, buttons) {
+    var modal = document.getElementById('modal')
+    var modalTitle = document.getElementById('modalTitle')
+    var modalBody = document.getElementById('modalBody')
+    var modalFooter = document.getElementById('modalFooter')
 
     if (!modal || !modalTitle || !modalBody || !modalFooter) return
 
     modalTitle.textContent = title
     modalBody.innerHTML = body
 
-    modalFooter.innerHTML = buttons.map(btn =>
-        `< button class="${btn.class}" onclick = "${btn.onclick}" > ${ btn.text }</button > `
-    ).join('')
+    var footerHtml = '';
+    (buttons || []).forEach((btn) => {
+        footerHtml += '<button class="' + btn.cls + '" onclick="' + btn.action + '">' + btn.text + '</button>'
+    })
+    modalFooter.innerHTML = footerHtml
 
     modal.classList.add('show')
 }
 
 function closeModal() {
-    const modal = document.getElementById('modal')
+    var modal = document.getElementById('modal')
     if (modal) modal.classList.remove('show')
 }
 
-// Close modal on backdrop click
-document.addEventListener('click', (e) => {
-    if (e.target.classList.contains('modal')) {
-        closeModal()
-    }
-})
-
-// Close modal on Escape
-document.addEventListener('keydown', (e) => {
-    if (e.key === 'Escape') {
-        closeModal()
-    }
-})
-
-// ============================================================================
 // Theme
-// ============================================================================
-
 function toggleTheme() {
     document.body.classList.toggle('light-theme')
-    const isLight = document.body.classList.contains('light-theme')
-    localStorage.setItem('theme', isLight ? 'light' : 'dark')
+    var isLight = document.body.classList.contains('light-theme')
+    try {
+        localStorage.setItem('theme', isLight ? 'light' : 'dark')
+    } catch (e) { }
 
-    // Update icon
-    const btn = document.querySelector('.theme-toggle i')
-    if (btn) {
-        btn.className = isLight ? 'fas fa-sun' : 'fas fa-moon'
-    }
+    var btn = document.querySelector('.theme-toggle i')
+    if (btn) btn.className = isLight ? 'fas fa-sun' : 'fas fa-moon'
 
-    // Update charts for theme
     updateChartsTheme(isLight)
 }
 
-function loadThemePreference() {
-    const theme = localStorage.getItem('theme')
-    if (theme === 'light') {
-        document.body.classList.add('light-theme')
-        const btn = document.querySelector('.theme-toggle i')
-        if (btn) btn.className = 'fas fa-sun'
-        updateChartsTheme(true)
-    }
+function loadTheme() {
+    try {
+        var theme = localStorage.getItem('theme')
+        if (theme === 'light') {
+            document.body.classList.add('light-theme')
+            var btn = document.querySelector('.theme-toggle i')
+            if (btn) btn.className = 'fas fa-sun'
+            updateChartsTheme(true)
+        }
+    } catch (e) { }
 }
 
 function updateChartsTheme(isLight) {
-    const gridColor = isLight ? '#eaeef2' : '#21262d'
-    const textColor = isLight ? '#656d76' : '#8b949e'
+    var gridColor = isLight ? '#eaeef2' : '#21262d'
+    var textColor = isLight ? '#656d76' : '#8b949e'
 
     if (pointsChart) {
         pointsChart.options.scales.x.grid.color = gridColor
@@ -871,65 +657,46 @@ function updateChartsTheme(isLight) {
     }
 }
 
-// ============================================================================
 // Uptime Timer
-// ============================================================================
-
 function startUptimeTimer() {
     setInterval(() => {
         if (state.isRunning && state.stats.startTime) {
-            const elapsed = Date.now() - state.stats.startTime
-            document.getElementById('uptime').textContent = formatDuration(elapsed)
+            var elapsed = Date.now() - state.stats.startTime
+            var el = document.getElementById('uptime')
+            if (el) el.textContent = formatDuration(elapsed)
         }
     }, 1000)
 }
 
-// ============================================================================
-// Formatting Utilities
-// ============================================================================
-
+// Formatting
 function formatTime(timestamp) {
-    const date = new Date(timestamp)
-    return date.toLocaleTimeString('en-US', {
-        hour12: false,
-        hour: '2-digit',
-        minute: '2-digit',
-        second: '2-digit'
-    })
+    var d = new Date(timestamp)
+    return d.toLocaleTimeString('en-US', { hour12: false, hour: '2-digit', minute: '2-digit', second: '2-digit' })
 }
 
 function formatDuration(ms) {
-    const seconds = Math.floor(ms / 1000)
-    const hours = Math.floor(seconds / 3600)
-    const minutes = Math.floor((seconds % 3600) / 60)
-    const secs = seconds % 60
-
-    return [hours, minutes, secs]
-        .map(v => v.toString().padStart(2, '0'))
-        .join(':')
+    var secs = Math.floor(ms / 1000)
+    var hrs = Math.floor(secs / 3600)
+    var mins = Math.floor((secs % 3600) / 60)
+    var s = secs % 60
+    return pad(hrs) + ':' + pad(mins) + ':' + pad(s)
 }
 
-function formatBytes(bytes) {
-    if (bytes === 0) return '0 MB'
-    const mb = bytes / (1024 * 1024)
-    return `${ mb.toFixed(1) } MB`
+function pad(n) {
+    return n < 10 ? '0' + n : '' + n
 }
 
 function escapeHtml(text) {
-    const div = document.createElement('div')
+    var div = document.createElement('div')
     div.textContent = text
     return div.innerHTML
 }
 
-// ============================================================================
-// Global Error Handler
-// ============================================================================
+// Event listeners
+document.addEventListener('click', (e) => {
+    if (e.target.classList.contains('modal')) closeModal()
+})
 
-window.onerror = (message, source, lineno, colno, error) => {
-    console.error('Global error:', { message, source, lineno, colno, error })
-    return false
-}
-
-window.onunhandledrejection = (event) => {
-    console.error('Unhandled rejection:', event.reason)
-}
+document.addEventListener('keydown', (e) => {
+    if (e.key === 'Escape') closeModal()
+})
diff --git a/public/index.html b/public/index.html
index 3151a1b..945a8b2 100644
--- a/public/index.html
+++ b/public/index.html
@@ -5,9 +5,29 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Microsoft Rewards Bot Dashboard</title>
+  <link rel="icon" type="image/svg+xml"
+    href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext y='.9em' font-size='90'%3E🎯%3C/text%3E%3C/svg%3E">
   <link rel="stylesheet" href="/style.css">
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
   <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.1/dist/chart.umd.min.js"></script>
+  <style>
+    /* Inline SVG icon styles */
+    .icon {
+      width: 1em;
+      height: 1em;
+      fill: currentColor;
+      vertical-align: -0.125em;
+    }
+
+    .icon-lg {
+      width: 1.25em;
+      height: 1.25em;
+    }
+
+    .icon-sm {
+      width: 0.625em;
+      height: 0.625em;
+    }
+  </style>
 </head>
 
 <body>
@@ -20,10 +40,14 @@
       </div>
       <div class="header-right">
         <button class="theme-toggle" onclick="toggleTheme()" title="Toggle theme">
-          <i class="fas fa-moon"></i>
+          <svg class="icon" viewBox="0 0 24 24">
+            <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" />
+          </svg>
         </button>
         <div id="statusBadge" class="status-badge status-stopped">
-          <i class="fas fa-circle"></i>
+          <svg class="icon icon-sm" viewBox="0 0 24 24">
+            <circle cx="12" cy="12" r="10" />
+          </svg>
           <span>STOPPED</span>
         </div>
       </div>
@@ -32,42 +56,77 @@
     <!-- Stats Grid -->
     <div class="stats-grid">
       <div class="stat-card">
-        <div class="stat-icon"><i class="fas fa-users"></i></div>
+        <div class="stat-icon">
+          <svg class="icon icon-lg" viewBox="0 0 24 24">
+            <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" />
+            <circle cx="9" cy="7" r="4" />
+            <path d="M23 21v-2a4 4 0 0 0-3-3.87" />
+            <path d="M16 3.13a4 4 0 0 1 0 7.75" />
+          </svg>
+        </div>
         <div class="stat-content">
           <div class="stat-label">Total Accounts</div>
           <div class="stat-value" id="totalAccounts">0</div>
         </div>
       </div>
       <div class="stat-card stat-points">
-        <div class="stat-icon"><i class="fas fa-coins"></i></div>
+        <div class="stat-icon">
+          <svg class="icon icon-lg" viewBox="0 0 24 24">
+            <circle cx="12" cy="12" r="10" />
+            <path d="M12 6v6l4 2" />
+          </svg>
+        </div>
         <div class="stat-content">
           <div class="stat-label">Total Points</div>
           <div class="stat-value" id="totalPoints">0</div>
         </div>
       </div>
       <div class="stat-card stat-success">
-        <div class="stat-icon"><i class="fas fa-check-circle"></i></div>
+        <div class="stat-icon">
+          <svg class="icon icon-lg" viewBox="0 0 24 24">
+            <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14" />
+            <polyline points="22 4 12 14.01 9 11.01" />
+          </svg>
+        </div>
         <div class="stat-content">
           <div class="stat-label">Completed Today</div>
           <div class="stat-value" id="completed">0</div>
         </div>
       </div>
       <div class="stat-card stat-error">
-        <div class="stat-icon"><i class="fas fa-exclamation-triangle"></i></div>
+        <div class="stat-icon">
+          <svg class="icon icon-lg" viewBox="0 0 24 24">
+            <path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" />
+            <line x1="12" y1="9" x2="12" y2="13" />
+            <line x1="12" y1="17" x2="12.01" y2="17" />
+          </svg>
+        </div>
         <div class="stat-content">
           <div class="stat-label">Errors</div>
           <div class="stat-value" id="errors">0</div>
         </div>
       </div>
       <div class="stat-card">
-        <div class="stat-icon"><i class="fas fa-clock"></i></div>
+        <div class="stat-icon">
+          <svg class="icon icon-lg" viewBox="0 0 24 24">
+            <circle cx="12" cy="12" r="10" />
+            <polyline points="12 6 12 12 16 14" />
+          </svg>
+        </div>
         <div class="stat-content">
           <div class="stat-label">Uptime</div>
           <div class="stat-value" id="uptime">00:00:00</div>
         </div>
       </div>
       <div class="stat-card">
-        <div class="stat-icon"><i class="fas fa-memory"></i></div>
+        <div class="stat-icon">
+          <svg class="icon icon-lg" viewBox="0 0 24 24">
+            <rect x="2" y="2" width="20" height="8" rx="2" ry="2" />
+            <rect x="2" y="14" width="20" height="8" rx="2" ry="2" />
+            <line x1="6" y1="6" x2="6.01" y2="6" />
+            <line x1="6" y1="18" x2="6.01" y2="18" />
+          </svg>
+        </div>
         <div class="stat-content">
           <div class="stat-label">Memory</div>
           <div class="stat-value" id="memory">0 MB</div>
@@ -82,28 +141,51 @@
         <!-- Control Panel -->
         <div class="card">
           <div class="card-header">
-            <h2 class="card-title"><i class="fas fa-gamepad"></i> Control Panel</h2>
+            <h2 class="card-title">
+              <svg class="icon" viewBox="0 0 24 24">
+                <rect x="2" y="10" width="20" height="12" rx="2" />
+                <circle cx="8" cy="16" r="2" />
+                <circle cx="16" cy="16" r="2" />
+              </svg>
+              Control Panel
+            </h2>
             <div class="card-actions">
               <button class="btn btn-sm btn-secondary" onclick="refreshData()" title="Refresh">
-                <i class="fas fa-sync-alt"></i>
+                <svg class="icon" viewBox="0 0 24 24">
+                  <polyline points="23 4 23 10 17 10" />
+                  <polyline points="1 20 1 14 7 14" />
+                  <path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15" />
+                </svg>
               </button>
             </div>
           </div>
           <div class="control-grid">
             <button class="control-btn control-start" onclick="startBot()" id="btnStart">
-              <i class="fas fa-play"></i>
+              <svg class="icon icon-lg" viewBox="0 0 24 24">
+                <polygon points="5 3 19 12 5 21 5 3" />
+              </svg>
               <span>Start Bot</span>
             </button>
             <button class="control-btn control-stop" onclick="stopBot()" id="btnStop" disabled>
-              <i class="fas fa-stop"></i>
+              <svg class="icon icon-lg" viewBox="0 0 24 24">
+                <rect x="6" y="4" width="4" height="16" />
+                <rect x="14" y="4" width="4" height="16" />
+              </svg>
               <span>Stop Bot</span>
             </button>
             <button class="control-btn control-restart" onclick="restartBot()">
-              <i class="fas fa-redo"></i>
+              <svg class="icon icon-lg" viewBox="0 0 24 24">
+                <polyline points="23 4 23 10 17 10" />
+                <path d="M20.49 15a9 9 0 1 1-2.12-9.36L23 10" />
+              </svg>
               <span>Restart</span>
             </button>
             <button class="control-btn control-reset" onclick="resetJobState()">
-              <i class="fas fa-eraser"></i>
+              <svg class="icon icon-lg" viewBox="0 0 24 24">
+                <path d="M21 4H8l-7 8 7 8h13a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z" />
+                <line x1="18" y1="9" x2="12" y2="15" />
+                <line x1="12" y1="9" x2="18" y2="15" />
+              </svg>
               <span>Reset State</span>
             </button>
           </div>
@@ -112,32 +194,61 @@
         <!-- Accounts Card -->
         <div class="card">
           <div class="card-header">
-            <h2 class="card-title"><i class="fas fa-users"></i> Accounts</h2>
+            <h2 class="card-title">
+              <svg class="icon" viewBox="0 0 24 24">
+                <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" />
+                <circle cx="9" cy="7" r="4" />
+                <path d="M23 21v-2a4 4 0 0 0-3-3.87" />
+                <path d="M16 3.13a4 4 0 0 1 0 7.75" />
+              </svg>
+              Accounts
+            </h2>
             <span class="badge" id="accountsBadge">0</span>
           </div>
-          <div id="accountsList" class="accounts-list"></div>
+          <div id="accountsList" class="accounts-list">
+            <div class="log-empty">Loading accounts...</div>
+          </div>
         </div>
 
         <!-- Quick Actions -->
         <div class="card">
           <div class="card-header">
-            <h2 class="card-title"><i class="fas fa-bolt"></i> Quick Actions</h2>
+            <h2 class="card-title">
+              <svg class="icon" viewBox="0 0 24 24">
+                <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2" />
+              </svg>
+              Quick Actions
+            </h2>
           </div>
           <div class="quick-actions">
             <button class="action-btn" onclick="runSingleAccount()">
-              <i class="fas fa-user"></i>
+              <svg class="icon" viewBox="0 0 24 24">
+                <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" />
+                <circle cx="12" cy="7" r="4" />
+              </svg>
               <span>Run Single</span>
             </button>
             <button class="action-btn" onclick="exportLogs()">
-              <i class="fas fa-download"></i>
+              <svg class="icon" viewBox="0 0 24 24">
+                <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
+                <polyline points="7 10 12 15 17 10" />
+                <line x1="12" y1="15" x2="12" y2="3" />
+              </svg>
               <span>Export Logs</span>
             </button>
             <button class="action-btn" onclick="openConfig()">
-              <i class="fas fa-cog"></i>
+              <svg class="icon" viewBox="0 0 24 24">
+                <circle cx="12" cy="12" r="3" />
+                <path
+                  d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z" />
+              </svg>
               <span>Config</span>
             </button>
             <button class="action-btn" onclick="viewHistory()">
-              <i class="fas fa-history"></i>
+              <svg class="icon" viewBox="0 0 24 24">
+                <circle cx="12" cy="12" r="10" />
+                <polyline points="12 6 12 12 16 14" />
+              </svg>
               <span>History</span>
             </button>
           </div>
@@ -149,7 +260,14 @@
         <!-- Charts Card -->
         <div class="card">
           <div class="card-header">
-            <h2 class="card-title"><i class="fas fa-chart-line"></i> Points History</h2>
+            <h2 class="card-title">
+              <svg class="icon" viewBox="0 0 24 24">
+                <line x1="18" y1="20" x2="18" y2="10" />
+                <line x1="12" y1="20" x2="12" y2="4" />
+                <line x1="6" y1="20" x2="6" y2="14" />
+              </svg>
+              Points History
+            </h2>
             <div class="chart-period">
               <button class="period-btn active" data-period="7d" onclick="setChartPeriod('7d', this)">7D</button>
               <button class="period-btn" data-period="30d" onclick="setChartPeriod('30d', this)">30D</button>
@@ -163,7 +281,12 @@
         <!-- Activity Chart -->
         <div class="card">
           <div class="card-header">
-            <h2 class="card-title"><i class="fas fa-tasks"></i> Activity Breakdown</h2>
+            <h2 class="card-title">
+              <svg class="icon" viewBox="0 0 24 24">
+                <path d="M22 12h-4l-3 9L9 3l-3 9H2" />
+              </svg>
+              Activity Breakdown
+            </h2>
           </div>
           <div class="chart-container chart-small">
             <canvas id="activityChart"></canvas>
@@ -172,10 +295,16 @@
       </div>
     </div>
 
-    <!-- Logs Card (Full Width) -->
+    <!-- Logs Card -->
     <div class="card">
       <div class="card-header">
-        <h2 class="card-title"><i class="fas fa-terminal"></i> Live Logs</h2>
+        <h2 class="card-title">
+          <svg class="icon" viewBox="0 0 24 24">
+            <polyline points="4 17 10 11 4 5" />
+            <line x1="12" y1="19" x2="20" y2="19" />
+          </svg>
+          Live Logs
+        </h2>
         <div class="card-actions">
           <select id="logFilter" class="log-filter" onchange="filterLogs()">
             <option value="all">All Levels</option>
@@ -184,14 +313,22 @@
             <option value="log">Info</option>
           </select>
           <button class="btn btn-sm btn-secondary" onclick="toggleAutoScroll()" id="btnAutoScroll" title="Auto-scroll">
-            <i class="fas fa-arrow-down"></i>
+            <svg class="icon" viewBox="0 0 24 24">
+              <line x1="12" y1="5" x2="12" y2="19" />
+              <polyline points="19 12 12 19 5 12" />
+            </svg>
           </button>
           <button class="btn btn-sm btn-danger" onclick="clearLogs()" title="Clear logs">
-            <i class="fas fa-trash"></i>
+            <svg class="icon" viewBox="0 0 24 24">
+              <polyline points="3 6 5 6 21 6" />
+              <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" />
+            </svg>
           </button>
         </div>
       </div>
-      <div class="logs-container" id="logsContainer"></div>
+      <div class="logs-container" id="logsContainer">
+        <div class="log-empty">Waiting for logs...</div>
+      </div>
     </div>
 
     <!-- Footer -->
@@ -199,11 +336,18 @@
       <span>Microsoft Rewards Bot Dashboard</span>
       <span class="separator">•</span>
       <a href="https://github.com/LightZirconite/Microsoft-Rewards-Bot" target="_blank">
-        <i class="fab fa-github"></i> GitHub
+        <svg class="icon" viewBox="0 0 24 24">
+          <path
+            d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22" />
+        </svg>
+        GitHub
       </a>
       <span class="separator">•</span>
       <span id="connectionStatus" class="connection-status disconnected">
-        <i class="fas fa-circle"></i> Connecting...
+        <svg class="icon icon-sm" viewBox="0 0 24 24">
+          <circle cx="12" cy="12" r="10" />
+        </svg>
+        Connecting...
       </span>
     </div>
   </div>
diff --git a/src/browser/Browser.ts b/src/browser/Browser.ts
index e350ef7..13fb41b 100644
--- a/src/browser/Browser.ts
+++ b/src/browser/Browser.ts
@@ -42,6 +42,7 @@ class Browser {
             const isLinux = process.platform === 'linux'
 
             // CRITICAL: Anti-detection Chromium arguments
+            // These arguments minimize bot detection fingerprints
             const baseArgs = [
                 '--no-sandbox',
                 '--mute-audio',
@@ -49,25 +50,52 @@ class Browser {
                 '--ignore-certificate-errors',
                 '--ignore-certificate-errors-spki-list',
                 '--ignore-ssl-errors',
-                // ANTI-DETECTION: Disable blink features that expose automation
+                // ANTI-DETECTION: Core automation hiding
                 '--disable-blink-features=AutomationControlled',
-                // ANTI-DETECTION: Disable automation extensions
+                '--disable-automation',
                 '--disable-extensions',
-                // ANTI-DETECTION: Start maximized (humans rarely start in specific window sizes)
+                // ANTI-DETECTION: Window behavior
                 '--start-maximized',
-                // ANTI-DETECTION: Disable save password bubble
-                '--disable-save-password-bubble',
-                // ANTI-DETECTION: Disable background timer throttling
-                '--disable-background-timer-throttling',
+                '--window-position=0,0',
+                // ANTI-DETECTION: Disable telemetry and tracking features
+                '--disable-client-side-phishing-detection',
+                '--disable-component-update',
+                '--disable-default-apps',
+                '--disable-domain-reliability',
+                '--disable-features=TranslateUI',
+                '--disable-hang-monitor',
+                '--disable-ipc-flooding-protection',
+                '--disable-popup-blocking',
+                '--disable-prompt-on-repost',
+                '--disable-sync',
+                // ANTI-DETECTION: WebRTC hardening
+                '--disable-webrtc-hw-encoding',
+                '--disable-webrtc-hw-decoding',
+                '--force-webrtc-ip-handling-policy=disable_non_proxied_udp',
+                // ANTI-DETECTION: Disable GPU features that leak info
+                '--disable-gpu-sandbox',
+                '--disable-accelerated-2d-canvas',
+                '--disable-gpu-compositing',
+                // ANTI-DETECTION: Disable features that identify headless mode
                 '--disable-backgrounding-occluded-windows',
                 '--disable-renderer-backgrounding',
-                // ANTI-DETECTION: Disable infobars
+                '--disable-background-timer-throttling',
+                '--disable-save-password-bubble',
                 '--disable-infobars',
-                // PERFORMANCE: Disable unnecessary features
+                // ANTI-DETECTION: Navigator properties
+                '--disable-features=site-per-process',
+                '--disable-features=IsolateOrigins',
+                // ANTI-DETECTION: Timing attack prevention
+                '--disable-features=ReduceUserAgent',
+                '--disable-features=ScriptStreaming',
+                // PERFORMANCE: Stability
                 '--disable-breakpad',
-                '--disable-component-update',
                 '--no-first-run',
-                '--no-default-browser-check'
+                '--no-default-browser-check',
+                '--no-zygote',
+                '--single-process',
+                // ANTI-DETECTION: Make WebDriver undetectable
+                '--enable-features=NetworkService,NetworkServiceInProcess'
             ]
 
             // Linux stability fixes