diff --git a/.gitignore b/.gitignore
index e427ff3..a24a893 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,4 @@
 node_modules/
 */node_modules/
 */build/
+sessions/
diff --git a/apply.php b/apply.php
index 6cf9768..7a292fc 100644
--- a/apply.php
+++ b/apply.php
@@ -75,7 +75,7 @@ try {
     exit;
 }
 
-$to = getenv('MAIL_TO') ?: 'default-recipient@example.com'; // Fallback recipient
+$to = getenv('MAIL_TO');
 $subject = 'New FinMox Beta Application';
 
 $htmlBody = ""
diff --git a/assets/pasted-20251228-085051-8f59cd4f.png b/assets/pasted-20251228-085051-8f59cd4f.png
new file mode 100644
index 0000000..dd67e03
Binary files /dev/null and b/assets/pasted-20251228-085051-8f59cd4f.png differ
diff --git a/assets/pasted-20251228-090450-078be66c.png b/assets/pasted-20251228-090450-078be66c.png
new file mode 100644
index 0000000..17b18ea
Binary files /dev/null and b/assets/pasted-20251228-090450-078be66c.png differ
diff --git a/assets/pasted-20251228-205232-3a1e7c99.png b/assets/pasted-20251228-205232-3a1e7c99.png
new file mode 100644
index 0000000..2496d33
Binary files /dev/null and b/assets/pasted-20251228-205232-3a1e7c99.png differ
diff --git a/assets/pasted-20251228-205432-bbeacf37.png b/assets/pasted-20251228-205432-bbeacf37.png
new file mode 100644
index 0000000..f1ef876
Binary files /dev/null and b/assets/pasted-20251228-205432-bbeacf37.png differ
diff --git a/assets/pasted-20251228-205604-792bf2e9.png b/assets/pasted-20251228-205604-792bf2e9.png
new file mode 100644
index 0000000..eeba9db
Binary files /dev/null and b/assets/pasted-20251228-205604-792bf2e9.png differ
diff --git a/check_auth.php b/check_auth.php
index b0e6077..a5425d5 100644
--- a/check_auth.php
+++ b/check_auth.php
@@ -1,4 +1,5 @@
 <?php
+ini_set('session.save_path', __DIR__ . '/sessions');
 session_start();
 
 if (!isset($_SESSION['user'])) {
diff --git a/dashboard.php b/dashboard.php
index 7bb5ede..7a011e1 100644
--- a/dashboard.php
+++ b/dashboard.php
@@ -1,2 +1,232 @@
-<?php require_once 'check_auth.php'; ?>
-<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>FinMox OS — Dashboard</title> <!-- Tailwind CDN (AppWizzy-safe) --> <script src="https://cdn.tailwindcss.com"></script> <!-- Font --> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet"> <style> :root{ --ink:#0b0b0c; --paper:#fbfaf7; --warm:#f2efe7; --warm2:#ebe6da; --line: rgba(11,11,12,.08); --shadow: 0 18px 48px rgba(11,11,12,.10); --shadow2: 0 10px 26px rgba(11,11,12,.10); --radius: 26px; } html, body { height:100%; } body { font-family:'Inter',sans-serif; background: var(--paper); color: var(--ink); } .panel { border: 1px solid var(--line); border-radius: var(--radius); background: rgba(255,255,255,.70); box-shadow: var(--shadow2); backdrop-filter: blur(10px); } .panel-strong { border: 1px solid var(--line); border-radius: var(--radius); background: rgba(255,255,255,.92); box-shadow: var(--shadow); } .chip { border: 1px solid var(--line); border-radius: 999px; background: rgba(255,255,255,.78); } .hoverlift { transition: transform .18s ease, box-shadow .18s ease; } .hoverlift:hover { transform: translateY(-2px); box-shadow: var(--shadow); } .bg-warm { background: radial-gradient(1200px 520px at 20% 15%, rgba(243,236,223,.95), rgba(251,250,247,0) 60%), radial-gradient(900px 520px at 85% 20%, rgba(236,232,219,.9), rgba(251,250,247,0) 55%), radial-gradient(900px 520px at 55% 90%, rgba(241,238,230,.9), rgba(251,250,247,0) 60%), var(--paper); } /* dashboard tabs */ .dtab.active { background:#0b0b0c; color:#fff; border-color: transparent; } .section.hidden { display:none; } /* table */ .tbl { width:100%; border-collapse: separate; border-spacing: 0; overflow:hidden; border-radius: 18px; } .tbl th, .tbl td { padding: 12px 12px; font-size: 13px; } .tbl thead th { background: rgba(11,11,12,.06); text-align:left; font-weight: 700; } .tbl tbody tr { border-top: 1p<script> const fmState = { plan: 'growth', // starter | growth | enterprise tab: 'overview' }; const planRank = { starter: 1, growth: 2, enterprise: 3 }; function fmOpenTab(tab) { fmState.tab = tab; // sections const sections = document.querySelectorAll('.section'); sections.forEach(s => s.classList.add('hidden')); const main = document.getElementById(`sec-${tab}`); if (main) main.classList.remove('hidden'); // special: billing section lives in sidebar if (tab === 'billing') { const bill = document.getElementById('sec-billing'); if (bill) bill.classList.remove('hidden'); } else { const bill = document.getElementById('sec-billing'); if (bill) bill.classList.add('hidden'); } // tab styles document.querySelectorAll('.dtab').forEach(b => b.classList.remove('active')); const btn = document.querySelector(`.dtab[data-tab="${tab}"]`); if (btn) btn.classList.add('active'); window.scrollTo({ top: 0, behavior: 'smooth' }); } function fmSetPlan(plan) { fmState.plan = plan; // update badges const badge = document.getElementById('planBadge'); const planName = document.getElementById('planName'); const planLevel = document.getElementById('planLevel'); if (badge) badge.textContent = plan.charAt(0).toUpperCase() + plan.slice(1); if (planName) planName.textContent = plan.charAt(0).toUpperCase() + plan.slice(1); if (planLevel) planLevel.textContent = plan; // gate UI document.querySelectorAll('[data-requires]').forEach(node => { const req = node.getAttribute('data-requires'); const ok = planRank[plan] >= planRank[req]; node.style.display = ok ? '' : 'none'; }); fmToast(`Plan set to ${plan.toUpperCase()} (demo).`); } function fmToast(msg) { const wrap = document.getElementById('toast'); if (!wrap) return; const inner = wrap.querySelector('div'); inner.textContent = msg; wrap.classList.remove('hidden'); setTimeout(() => wrap.classList.add('hidden'), 2200); } </script><script> const demo = { roles: [ { role: 'Account Executive', status: 'Open', criteria: 'Locked v2', candidates: 128, owner: 'People Ops' }, { role: 'Sales Engineer', status: 'Open', criteria: 'Locked v1', candidates: 64, owner: 'RevOps' }, { role: 'Gov Account Manager', status: 'Pilot', criteria: 'Draft', candidates: 22, owner: 'Hiring Lead' }, ], candidates: [ { name: 'Jordan M.', role: 'Account Executive', score: 92, stage: 'Final', status: 'On track' }, { name: 'Ariana K.', role: 'Sales Engineer', score: 88, stage: 'Panel', status: 'SLA risk' }, { name: 'Devin R.', role: 'Account Executive', score: 83, stage: 'Screen', status: 'On track' }, { name: 'Mina S.', role: 'Gov Account Manager', score: 79, stage: 'Intake', status: 'Waiting' }, ], events: [ { time: 'Today 9:42a', event: 'CRITERIA_LOCKED', entity: 'Account Executive', actor: 'People Ops', notes: 'Locked v2 (scope freeze).' }, { time: 'Today 10:05a', event: 'SCORE_SUBMITTED', entity: 'Jordan M.', actor: 'Interviewer', notes: 'Score 92 + notes captured.' }, { time: 'Today 11:12a', event: 'STAGE_CHANGED', entity: 'Jordan M.', actor: 'FinMox', notes: 'Moved to Final (automation).' }, { time: 'Today 12:01p', event: 'SLA_NUDGE_SENT', entity: 'Ariana K.', actor: 'FinMox', notes: 'Feedback overdue → nudge.' }, ], sla: [ { title: 'Feedback overdue', detail: 'Sales Engineer · Panel interview', risk: 'High' }, { title: 'Schedule pending', detail: 'Account Executive · Final', risk: 'Medium' }, { title: 'Criteria draft', detail: 'Gov Account Manager · Needs lock', risk: 'Medium' }, ] }; function renderDemo() { // KPIs const roles = demo.roles.length; const candidates = demo.candidates.length; const sla = demo.sla.filter(x => x.risk === 'High' || x.risk === 'Medium').length; const kpiRoles = document.getElementById('kpiRoles'); const kpiCandidates = document.getElementById('kpiCandidates'); const kpiSla = document.getElementById('kpiSla'); if (kpiRoles) kpiRoles.textContent = roles; if (kpiCandidates) kpiCandidates.tex</script>
\ No newline at end of file
+<?php
+error_reporting(E_ALL);
+ini_set('display_errors', 1);
+session_start();
+
+// Simple auth check
+if (!isset($_SESSION['loggedin']) || $_SESSION['loggedin'] !== true) {
+    // Redirect to login page if not logged in
+    // header('Location: login.php');
+    // exit;
+}
+?>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>FinMox — Portal</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="assets/css/custom.css">
+</head>
+<body class="bg-warm">
+    <main class="max-w-7xl mx-auto p-6">
+    <!-- PORTAL / DASHBOARD PAGE -->
+    <section id="page-portal" class="page fade">
+        <section class="panel-strong p-8 lg:p-10">
+            <div class="flex flex-col lg:flex-row lg:items-start lg:justify-between gap-6">
+                <!-- Left: Welcome + controls -->
+                <div class="lg:max-w-xl">
+                    <div class="chip inline-flex px-3 py-1 text-xs">Portal</div>
+                    <h1 class="mt-5 text-4xl font-extrabold tracking-tight">FinMox Workspace</h1>
+                    <p class="mt-4 text-gray-700">
+                        Review hiring execution, decision trails, and audit-ready outputs. Your access is aligned to your plan.
+                    </p>
+                    <!-- top actions -->
+                    <div class="mt-6 flex flex-wrap gap-3">
+                        <a href="index.php" class="chip px-5 py-3 rounded-2xl text-sm hoverlift">
+                            ← Back to Website
+                        </a>
+                        <a href="#pricing" onclick="openPage('pricing'); return false;" class="bg-black text-white px-5 py-3 rounded-2xl text-sm hoverlift">
+                            Upgrade / Downgrade
+                        </a>
+                    </div>
+                    <!-- Plan card -->
+                    <div class="mt-7 panel p-6">
+                        <div class="flex items-center justify-between gap-4">
+                            <div>
+                                <div class="text-sm font-semibold">Plan</div>
+                                <div class="text-sm text-gray-600 mt-1">
+                                    <span class="chip px-2 py-1 text-xs">Growth</span>
+                                    <span class="ml-2 text-xs text-gray-500">Demo placeholder</span>
+                                </div>
+                            </div>
+                            <button type="button" class="chip px-4 py-2 rounded-2xl text-sm hoverlift" onclick="openPage('pricing')">
+                                Manage Plan
+                            </button>
+                        </div>
+                        <!-- limits -->
+                        <div class="mt-5 grid sm:grid-cols-3 gap-3">
+                            <div class="panel-strong p-4">
+                                <div class="text-xs text-gray-500">Roles / month</div>
+                                <div class="mt-2 text-xl font-extrabold">10</div>
+                            </div>
+                            <div class="panel-strong p-4">
+                                <div class="text-xs text-gray-500">Audit exports</div>
+                                <div class="mt-2 text-xl font-extrabold">25</div>
+                            </div>
+                            <div class="panel-strong p-4">
+                                <div class="text-xs text-gray-500">Automation</div>
+                                <div class="mt-2 text-xl font-extrabold">On</div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!-- Right: Portal modules -->
+                <div class="flex-1">
+                    <div class="grid md:grid-cols-2 gap-4">
+                        <!-- Module: Roles -->
+                        <div class="panel p-6">
+                            <div class="flex items-center justify-between gap-4">
+                                <h3 class="font-semibold">Open Roles</h3>
+                                <span class="chip px-3 py-1 text-xs" id="kpiRoles">0</span>
+                            </div>
+                            <div id="roles-list" class="mt-4 space-y-3">
+                                <!-- JS will render roles here -->
+                            </div>
+                        </div>
+                        <!-- Module: Candidates -->
+                        <div class="panel p-6">
+                             <div class="flex items-center justify-between gap-4">
+                                <h3 class="font-semibold">Active Candidates</h3>
+                                <span class="chip px-3 py-1 text-xs" id="kpiCandidates">0</span>
+                            </div>
+                            <div id="candidates-list" class="mt-4 space-y-3">
+                                <!-- JS will render candidates here -->
+                            </div>
+                        </div>
+                    </div>
+                     <div class="mt-4 panel p-6">
+                        <div class="flex items-center justify-between gap-4">
+                            <h3 class="font-semibold">Execution Feed</h3>
+                             <span class="chip px-3 py-1 text-xs">Live</span>
+                        </div>
+                         <div id="events-list" class="mt-4 space-y-3 text-sm">
+                             <!-- JS will render events here -->
+                         </div>
+                    </div>
+                    <div class="mt-4 panel p-6">
+                        <div class="flex items-center justify-between gap-4">
+                            <h3 class="font-semibold">Execution Risks (SLAs)</h3>
+                             <span class="chip px-3 py-1 text-xs" id="kpiSla">0</span>
+                        </div>
+                         <div id="sla-list" class="mt-4 space-y-3">
+                             <!-- JS will render SLA risks here -->
+                         </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+    </section>
+    </main>
+
+<script>
+const pages = ['home','problem','why','features','how','roi','pricing','who','trust','roadmap','faq','signin','apply','portal'];
+
+const demo = {
+    roles: [
+        { role: 'Account Executive', status: 'Open', criteria: 'Locked v2', candidates: 128, owner: 'People Ops' },
+        { role: 'Sales Engineer', status: 'Open', criteria: 'Locked v1', candidates: 64, owner: 'RevOps' },
+        { role: 'Gov Account Manager', status: 'Pilot', criteria: 'Draft', candidates: 22, owner: 'Hiring Lead' },
+    ],
+    candidates: [
+        { name: 'Jordan M.', role: 'Account Executive', score: 92, stage: 'Final', status: 'On track' },
+        { name: 'Ariana K.', role: 'Sales Engineer', score: 88, stage: 'Panel', status: 'SLA risk' },
+        { name: 'Devin R.', role: 'Account Executive', score: 83, stage: 'Screen', status: 'On track' },
+        { name: 'Mina S.', role: 'Gov Account Manager', score: 79, stage: 'Intake', status: 'Waiting' },
+    ],
+    events: [
+        { time: 'Today 9:42a', event: 'CRITERIA_LOCKED', entity: 'Account Executive', actor: 'People Ops', notes: 'Locked v2 (scope freeze).' },
+        { time: 'Today 10:05a', event: 'SCORE_SUBMITTED', entity: 'Jordan M.', actor: 'Interviewer', notes: 'Score 92 + notes captured.' },
+        { time: 'Today 11:12a', event: 'STAGE_CHANGED', entity: 'Jordan M.', actor: 'FinMox', notes: 'Moved to Final (automation).' },
+        { time: 'Today 12:01p', event: 'SLA_NUDGE_SENT', entity: 'Ariana K.', actor: 'FinMox', notes: 'Feedback overdue → nudge.' },
+    ],
+    sla: [
+        { title: 'Feedback overdue', detail: 'Sales Engineer · Panel interview', risk: 'High' },
+        { title: 'Schedule pending', detail: 'Account Executive · Final', risk: 'Medium' },
+        { title: 'Criteria draft', detail: 'Gov Account Manager · Needs lock', risk: 'Medium' },
+    ]
+};
+
+function renderDemo() {
+    // KPIs
+    const kpiRoles = document.getElementById('kpiRoles');
+    const kpiCandidates = document.getElementById('kpiCandidates');
+    const kpiSla = document.getElementById('kpiSla');
+
+    if (kpiRoles) kpiRoles.textContent = demo.roles.length;
+    if (kpiCandidates) kpiCandidates.textContent = demo.candidates.length;
+    if (kpiSla) kpiSla.textContent = demo.sla.filter(x => x.risk === 'High' || x.risk === 'Medium').length;
+
+    // Roles List
+    const rolesList = document.getElementById('roles-list');
+    if (rolesList) {
+        rolesList.innerHTML = demo.roles.map(r => `
+            <div class="panel-strong p-3">
+                <div class="flex items-center justify-between">
+                    <div class="font-semibold">${r.role}</div>
+                    <div class="text-xs chip ${r.status === 'Open' ? '' : 'bg-gray-200'}">${r.status}</div>
+                </div>
+                <div class="mt-2 text-xs text-gray-600">
+                    Criteria: ${r.criteria} · Candidates: ${r.candidates} · Owner: ${r.owner}
+                </div>
+            </div>
+        `).join('');
+    }
+
+    // Candidates List
+    const candidatesList = document.getElementById('candidates-list');
+    if (candidatesList) {
+        candidatesList.innerHTML = demo.candidates.map(c => `
+            <div class="panel-strong p-3">
+                 <div class="flex items-center justify-between">
+                    <div class="font-semibold">${c.name}</div>
+                    <div class="text-xs font-bold">${c.score}</div>
+                </div>
+                <div class="mt-2 text-xs text-gray-600">
+                    ${c.role} · Stage: ${c.stage} · Status: ${c.status}
+                </div>
+            </div>
+        `).join('');
+    }
+    
+    // Events List
+    const eventsList = document.getElementById('events-list');
+    if(eventsList) {
+        eventsList.innerHTML = demo.events.map(e => `
+            <div class="panel-strong p-3">
+                <div class="flex items-start justify-between">
+                    <div>
+                        <span class="font-semibold">${e.event}</span>
+                        <span class="text-gray-600"> · ${e.entity}</span>
+                    </div>
+                    <div class="text-xs text-gray-500">${e.time}</div>
+                </div>
+                <div class="mt-1 text-xs text-gray-700">${e.notes}</div>
+            </div>
+        `).join('');
+    }
+
+    // SLA List
+    const slaList = document.getElementById('sla-list');
+    if(slaList) {
+        slaList.innerHTML = demo.sla.map(s => `
+            <div class="panel-strong p-3">
+                 <div class="flex items-center justify-between">
+                    <div class="font-semibold">${s.title}</div>
+                    <div class="text-xs chip ${s.risk === 'High' ? 'bg-red-200' : 'bg-yellow-200'}">${s.risk}</div>
+                </div>
+                <div class="mt-1 text-xs text-gray-600">${s.detail}</div>
+            </div>
+        `).join('');
+    }
+}
+
+document.addEventListener('DOMContentLoaded', () => {
+    // This will render the demo data on the portal page
+    renderDemo();
+});
+</script>
+</body>
+</html>
diff --git a/login.php b/login.php
index 9227dca..90fe8ef 100644
--- a/login.php
+++ b/login.php
@@ -1,4 +1,5 @@
 <?php
+ini_set('session.save_path', __DIR__ . '/sessions');
 session_start();
 
 // Hardcoded credentials for demonstration.
@@ -17,6 +18,7 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
         $response['message'] = 'Please enter both email and password.';
     } elseif ($email === $valid_email && $password === $valid_password) {
         $_SESSION['user'] = ['email' => $email];
+        session_write_close(); // Force session to save
         $response['success'] = true;
     } else {
         $response['message'] = 'Invalid credentials.';
diff --git a/test_php.php b/test_php.php
new file mode 100644
index 0000000..3d2df14
--- /dev/null
+++ b/test_php.php
@@ -0,0 +1,5 @@
+<?php
+
+echo "<h1>PHP is working!</h1>";
+
+phpinfo();
\ No newline at end of file
