diff --git a/app.php b/app.php
index e3ed86b..35fbfad 100644
--- a/app.php
+++ b/app.php
@@ -186,7 +186,8 @@ function time_ago($datetime, $full = false) {
             <a href="app.php" class="btn btn-primary me-2">Home</a>
             <a href="chat.php" class="btn btn-outline-primary me-2">Chat</a>
             <a href="dashboard.php" class="btn btn-outline-primary me-2">Dashboard</a>
-            <a href="workflows.php" class="btn btn-outline-primary me-3">Workflows</a>
+            <a href="workflows.php" class="btn btn-outline-primary me-2">Workflows</a>
+            <a href="settings.php" class="btn btn-outline-primary me-3">Settings</a>
             <div class="dropdown">
                 <button class="btn btn-outline-secondary dropdown-toggle" type="button" id="userDropdown" data-bs-toggle="dropdown" aria-expanded="false">
                     <?php echo htmlspecialchars($_SESSION['username']); ?>
diff --git a/chat.php b/chat.php
index e351890..cd9b611 100644
--- a/chat.php
+++ b/chat.php
@@ -85,6 +85,7 @@ if (!is_logged_in()) {
                     <a href="app.php" class="text-sm text-gray-600 hover:text-gray-900">Home</a>
                     <a href="dashboard.php" class="text-sm text-gray-600 hover:text-gray-900">Dashboard</a>
                     <a href="workflows.php" class="text-sm text-gray-600 hover:text-gray-900">Workflows</a>
+                    <a href="settings.php" class="text-sm text-gray-600 hover:text-gray-900">Settings</a>
                     <a href="logout.php" class="text-sm text-gray-600 hover:text-gray-900">Logout</a>
                 </nav>
             </header>
diff --git a/dashboard.php b/dashboard.php
index d8c8f35..3069d0b 100644
--- a/dashboard.php
+++ b/dashboard.php
@@ -92,7 +92,8 @@ $completed_tasks = $pdo->query("SELECT COUNT(*) FROM tasks WHERE status = 'Compl
         </div>
         <nav class="d-flex align-items-center">
             <a href="app.php" class="btn btn-outline-primary me-2">Home</a>
-            <a href="workflows.php" class="btn btn-outline-primary me-3">Workflows</a>
+            <a href="workflows.php" class="btn btn-outline-primary me-2">Workflows</a>
+            <a href="settings.php" class="btn btn-outline-primary me-3">Settings</a>
             <div class="dropdown">
                 <button class="btn btn-outline-secondary dropdown-toggle" type="button" id="userDropdown" data-bs-toggle="dropdown" aria-expanded="false">
                     <?php echo htmlspecialchars($_SESSION['username']); ?>
diff --git a/edit_candidate.php b/edit_candidate.php
index a163654..e2128ef 100644
--- a/edit_candidate.php
+++ b/edit_candidate.php
@@ -70,7 +70,8 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['update_candidate']))
             <a href="app.php" class="btn btn-outline-primary me-2">Home</a>
             <a href="chat.php" class="btn btn-outline-primary me-2">Chat</a>
             <a href="dashboard.php" class="btn btn-outline-primary me-2">Dashboard</a>
-            <a href="workflows.php" class="btn btn-outline-primary me-3">Workflows</a>
+            <a href="workflows.php" class="btn btn-outline-primary me-2">Workflows</a>
+            <a href="settings.php" class="btn btn-outline-primary me-3">Settings</a>
             <div class="dropdown">
                 <button class="btn btn-outline-secondary dropdown-toggle" type="button" id="userDropdown" data-bs-toggle="dropdown" aria-expanded="false">
                     <?php echo htmlspecialchars($_SESSION['username']); ?>
diff --git a/edit_role.php b/edit_role.php
index 4be704b..deedf5a 100644
--- a/edit_role.php
+++ b/edit_role.php
@@ -100,7 +100,8 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['save_permissions']))
         <nav class="d-flex align-items-center">
             <a href="app.php" class="btn btn-outline-primary me-2">Home</a>
             <a href="dashboard.php" class="btn btn-outline-primary me-2">Dashboard</a>
-            <a href="workflows.php" class="btn btn-outline-primary me-3">Workflows</a>
+            <a href="workflows.php" class="btn btn-outline-primary me-2">Workflows</a>
+            <a href="settings.php" class="btn btn-outline-primary me-3">Settings</a>
             <div class="dropdown">
                 <button class="btn btn-outline-secondary dropdown-toggle" type="button" id="userDropdown" data-bs-toggle="dropdown" aria-expanded="false">
                     <?php echo htmlspecialchars($_SESSION['username']); ?>
diff --git a/edit_task.php b/edit_task.php
index 214fe61..0a3b91c 100644
--- a/edit_task.php
+++ b/edit_task.php
@@ -74,7 +74,8 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['update_task'])) {
             <a href="app.php" class="btn btn-outline-primary me-2">Home</a>
             <a href="chat.php" class="btn btn-outline-primary me-2">Chat</a>
             <a href="dashboard.php" class="btn btn-outline-primary me-2">Dashboard</a>
-            <a href="workflows.php" class="btn btn-outline-primary me-3">Workflows</a>
+            <a href="workflows.php" class="btn btn-outline-primary me-2">Workflows</a>
+            <a href="settings.php" class="btn btn-outline-primary me-3">Settings</a>
             <div class="dropdown">
                 <button class="btn btn-outline-secondary dropdown-toggle" type="button" id="userDropdown" data-bs-toggle="dropdown" aria-expanded="false">
                     <?php echo htmlspecialchars($_SESSION['username']); ?>
diff --git a/roles.php b/roles.php
index 4125297..63e9a69 100644
--- a/roles.php
+++ b/roles.php
@@ -56,7 +56,8 @@ $roles = $stmt->fetchAll();
         <nav class="d-flex align-items-center">
             <a href="app.php" class="btn btn-outline-primary me-2">Home</a>
             <a href="dashboard.php" class="btn btn-outline-primary me-2">Dashboard</a>
-            <a href="workflows.php" class="btn btn-outline-primary me-3">Workflows</a>
+            <a href="workflows.php" class="btn btn-outline-primary me-2">Workflows</a>
+            <a href="settings.php" class="btn btn-outline-primary me-3">Settings</a>
             <div class="dropdown">
                 <button class="btn btn-outline-secondary dropdown-toggle" type="button" id="userDropdown" data-bs-toggle="dropdown" aria-expanded="false">
                     <?php echo htmlspecialchars($_SESSION['username']); ?>
diff --git a/settings.php b/settings.php
new file mode 100644
index 0000000..1df59e6
--- /dev/null
+++ b/settings.php
@@ -0,0 +1,245 @@
+<?php
+session_start();
+if (!isset($_SESSION['user_id'])) {
+    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>Settings - FinMox</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <style>
+        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
+        * {
+            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
+        }
+        body {
+            -webkit-font-smoothing: antialiased;
+        }
+        .tab-active {
+            border-bottom-color: #000;
+            color: #000;
+            font-weight: 600;
+        }
+        .tab-inactive {
+            border-bottom-color: transparent;
+            color: #6b7280;
+        }
+    </style>
+</head>
+<body class="bg-gray-100">
+    <div class="flex h-screen bg-gray-200">
+        <!-- Sidebar -->
+        <div class="w-64 bg-white shadow-md">
+            <div class="p-6">
+                <a href="app.php">
+                    <img src="assets/pasted-20251120-051320-b2b0cdfa.png" alt="FinMox Logo" style="height: 32px;">
+                </a>
+            </div>
+            <nav class="mt-6">
+                <a href="dashboard.php" class="block py-2.5 px-4 rounded transition duration-200 hover:bg-gray-200 text-gray-700">Dashboard</a>
+                <a href="chat.php" class="block py-2.5 px-4 rounded transition duration-200 hover:bg-gray-200 text-gray-700">Chat</a>
+                <a href="workflows.php" class="block py-2.5 px-4 rounded transition duration-200 hover:bg-gray-200 text-gray-700">Workflows</a>
+                <a href="roles.php" class="block py-2.5 px-4 rounded transition duration-200 hover:bg-gray-200 text-gray-700">Roles</a>
+                <a href="settings.php" class="block py-2.5 px-4 rounded transition duration-200 bg-gray-200 text-gray-900 font-semibold">Settings</a>
+                <a href="logout.php" class="block py-2.5 px-4 rounded transition duration-200 hover:bg-gray-200 text-gray-700">Logout</a>
+            </nav>
+        </div>
+
+        <!-- Main content -->
+        <div class="flex-1 flex flex-col overflow-hidden">
+            <header class="flex justify-between items-center p-6 bg-white border-b">
+                <h1 class="text-2xl font-bold text-gray-900">Settings</h1>
+                <div>
+                    <!-- Any header content can go here -->
+                </div>
+            </header>
+            <main class="flex-1 overflow-x-hidden overflow-y-auto bg-gray-100 p-6">
+                <div>
+                    <div class="border-b border-gray-200">
+                        <nav class="-mb-px flex space-x-8" aria-label="Tabs">
+                            <button onclick="changeTab('profile')" id="tab-profile" class="whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm tab-active">Company Profile</button>
+                            <button onclick="changeTab('integrations')" id="tab-integrations" class="whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm tab-inactive">Integrations</button>
+                            <button onclick="changeTab('team')" id="tab-team" class="whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm tab-inactive">Team Members</button>
+                            <button onclick="changeTab('billing')" id="tab-billing" class="whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm tab-inactive">Billing</button>
+                        </nav>
+                    </div>
+
+                    <!-- Tab Content -->
+                    <div id="content-profile" class="mt-6">
+                        <div class="bg-white shadow rounded-lg p-6">
+                            <h2 class="text-xl font-semibold mb-4">Company Profile</h2>
+                            <form>
+                                <div class="mb-4">
+                                    <label for="company-name" class="block text-sm font-medium text-gray-700">Company Name</label>
+                                    <input type="text" id="company-name" class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-black focus:ring-black sm:text-sm" placeholder="FinMox">
+                                </div>
+                                <div class="mb-4">
+                                    <label for="logo-upload" class="block text-sm font-medium text-gray-700">Company Logo</label>
+                                    <div class="mt-1 flex items-center">
+                                        <span class="inline-block h-12 w-12 rounded-full overflow-hidden bg-gray-100">
+                                            <img src="assets/pasted-20251120-051320-b2b0cdfa.png" alt="Current Logo">
+                                        </span>
+                                        <input type="file" id="logo-upload" class="ml-5 bg-white py-2 px-3 border border-gray-300 rounded-md shadow-sm text-sm leading-4 font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-black">
+                                    </div>
+                                </div>
+                                <div class="mb-4">
+                                    <label for="timezone" class="block text-sm font-medium text-gray-700">Timezone</label>
+                                    <select id="timezone" class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-black focus:ring-black sm:text-sm">
+                                        <option>Pacific Standard Time (PST)</option>
+                                        <option selected>Eastern Standard Time (EST)</option>
+                                    </select>
+                                </div>
+                                <div class="mb-4">
+                                    <label for="date-format" class="block text-sm font-medium text-gray-700">Date Format</label>
+                                    <select id="date-format" class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-black focus:ring-black sm:text-sm">
+                                        <option>MM/DD/YYYY</option>
+                                        <option>DD/MM/YYYY</option>
+                                        <option selected>YYYY-MM-DD</option>
+                                    </select>
+                                </div>
+                                <div class="flex justify-end">
+                                    <button type="submit" class="bg-black text-white px-4 py-2 rounded-lg text-sm font-medium">Save Changes</button>
+                                </div>
+                            </form>
+                        </div>
+                    </div>
+
+                    <div id="content-integrations" class="hidden mt-6">
+                        <div class="bg-white shadow rounded-lg p-6">
+                            <h2 class="text-xl font-semibold mb-4">Integrations</h2>
+                            <div class="space-y-4">
+                                <!-- Gmail -->
+                                <div class="flex items-center justify-between p-4 border rounded-lg">
+                                    <div class="flex items-center gap-4">
+                                        <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/7e/Gmail_icon_%282020%29.svg/1200px-Gmail_icon_%282020%29.svg.png" alt="Gmail" class="h-8 w-8">
+                                        <span class="font-medium">Gmail</span>
+                                    </div>
+                                    <div class="flex items-center gap-4">
+                                        <span class="text-sm text-green-600 font-semibold">Connected</span>
+                                        <button class="bg-gray-200 text-gray-700 px-4 py-2 rounded-lg text-sm font-medium">Configure</button>
+                                    </div>
+                                </div>
+                                <!-- Slack -->
+                                <div class="flex items-center justify-between p-4 border rounded-lg">
+                                    <div class="flex items-center gap-4">
+                                        <img src="https://upload.wikimedia.org/wikipedia/commons/d/d5/Slack_icon_2019.svg" alt="Slack" class="h-8 w-8">
+                                        <span class="font-medium">Slack</span>
+                                    </div>
+                                    <div class="flex items-center gap-4">
+                                        <span class="text-sm text-gray-500">Not Connected</span>
+                                        <button class="bg-black text-white px-4 py-2 rounded-lg text-sm font-medium">Connect</button>
+                                    </div>
+                                </div>
+                                <!-- Google Calendar -->
+                                <div class="flex items-center justify-between p-4 border rounded-lg">
+                                    <div class="flex items-center gap-4">
+                                        <img src="https://upload.wikimedia.org/wikipedia/commons/a/a5/Google_Calendar_icon_%282020%29.svg" alt="Google Calendar" class="h-8 w-8">
+                                        <span class="font-medium">Google Calendar</span>
+                                    </div>
+                                    <div class="flex items-center gap-4">
+                                        <span class="text-sm text-green-600 font-semibold">Connected</span>
+                                        <button class="bg-gray-200 text-gray-700 px-4 py-2 rounded-lg text-sm font-medium">Configure</button>
+                                    </div>
+                                </div>
+                                <!-- Generic ATS -->
+                                <div class="flex items-center justify-between p-4 border rounded-lg">
+                                    <div class="flex items-center gap-4">
+                                        <svg class="h-8 w-8 text-gray-400" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path></svg>
+                                        <span class="font-medium">Your ATS</span>
+                                    </div>
+                                    <div class="flex items-center gap-4">
+                                        <span class="text-sm text-gray-500">Not Connected</span>
+                                        <button class="bg-black text-white px-4 py-2 rounded-lg text-sm font-medium">Connect</button>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div id="content-team" class="hidden mt-6">
+                        <div class="bg-white shadow rounded-lg">
+                            <div class="flex justify-between items-center p-6">
+                                <h2 class="text-xl font-semibold">Team Members</h2>
+                                <button class="bg-black text-white px-4 py-2 rounded-lg text-sm font-medium">Invite Team Member</button>
+                            </div>
+                            <table class="min-w-full divide-y divide-gray-200">
+                                <thead class="bg-gray-50">
+                                    <tr>
+                                        <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Name</th>
+                                        <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Email</th>
+                                        <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Role</th>
+                                        <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Status</th>
+                                        <th scope="col" class="relative px-6 py-3"><span class="sr-only">Edit</span></th>
+                                    </tr>
+                                </thead>
+                                <tbody class="bg-white divide-y divide-gray-200">
+                                    <tr>
+                                        <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">Admin User</td>
+                                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">admin@finmox.com</td>
+                                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">Admin</td>
+                                        <td class="px-6 py-4 whitespace-nowrap"><span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">Active</span></td>
+                                        <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium"><a href="#" class="text-indigo-600 hover:text-indigo-900">Edit</a></td>
+                                    </tr>
+                                    <!-- More users... -->
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+
+                    <div id="content-billing" class="hidden mt-6">
+                        <div class="bg-white shadow rounded-lg p-6">
+                            <h2 class="text-xl font-semibold mb-4">Billing</h2>
+                            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+                                <!-- Current Plan -->
+                                <div class="bg-gray-50 rounded-lg p-6">
+                                    <h3 class="font-semibold text-gray-900">Current Plan</h3>
+                                    <p class="mt-2 text-3xl font-bold text-gray-900">Pro Plan</p>
+                                    <p class="mt-1 text-sm text-gray-500">$99 / month</p>
+                                    <button class="mt-4 w-full bg-black text-white px-4 py-2 rounded-lg text-sm font-medium">Upgrade Plan</button>
+                                </div>
+                                <!-- Usage -->
+                                <div class="bg-gray-50 rounded-lg p-6">
+                                    <h3 class="font-semibold text-gray-900">Usage this month</h3>
+                                    <ul class="mt-4 space-y-2 text-sm">
+                                        <li class="flex justify-between"><span>Team Members</span><span>1/10</span></li>
+                                        <li class="flex justify-between"><span>Workflows</span><span>5/20</span></li>
+                                        <li class="flex justify-between"><span>API Calls</span><span>1,203 / 10,000</span></li>
+                                    </ul>
+                                </div>
+                            </div>
+                            <div class="mt-6">
+                                <h3 class="font-semibold text-gray-900">Payment Method</h3>
+                                <div class="mt-4 flex items-center justify-between p-4 border rounded-lg">
+                                    <div class="flex items-center gap-4">
+                                        <img src="https://upload.wikimedia.org/wikipedia/commons/a/a4/Visa_Inc._logo.svg" alt="Visa" class="h-6">
+                                        <span class="font-medium">Visa ending in 1234</span>
+                                    </div>
+                                    <button class="bg-gray-200 text-gray-700 px-4 py-2 rounded-lg text-sm font-medium">Update</button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </main>
+        </div>
+    </div>
+    <script>
+        function changeTab(tabName) {
+            const tabs = ['profile', 'integrations', 'team', 'billing'];
+            tabs.forEach(tab => {
+                document.getElementById('tab-' + tab).classList.remove('tab-active');
+                document.getElementById('tab-' + tab).classList.add('tab-inactive');
+                document.getElementById('content-' + tab).classList.add('hidden');
+            });
+            document.getElementById('tab-' + tabName).classList.add('tab-active');
+            document.getElementById('tab-' + tabName).classList.remove('tab-inactive');
+            document.getElementById('content-' + tabName).classList.remove('hidden');
+        }
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/workflows.php b/workflows.php
index 98f68a1..6da617c 100644
--- a/workflows.php
+++ b/workflows.php
@@ -128,6 +128,7 @@ $workflows = $stmt->fetchAll();
                         <a href="app.php" class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Home</a>
                         <a href="dashboard.php" class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Dashboard</a>
                         <a href="workflows.php" class="bg-gray-900 text-white px-3 py-2 rounded-md text-sm font-medium" aria-current="page">Workflows</a>
+                        <a href="settings.php" class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Settings</a>
                         
                         <!-- User Dropdown -->
                         <div class="relative ml-3">
@@ -165,6 +166,7 @@ $workflows = $stmt->fetchAll();
                 <a href="app.php" class="text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Home</a>
                 <a href="dashboard.php" class="text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Dashboard</a>
                 <a href="workflows.php" class="bg-gray-900 text-white block px-3 py-2 rounded-md text-base font-medium" aria-current="page">Workflows</a>
+                <a href="settings.php" class="text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Settings</a>
             </div>
             <div class="pt-4 pb-3 border-t border-gray-700">
                 <div class="flex items-center px-5">