diff --git a/images/manageLogo.png b/images/manageLogo.png
new file mode 100644
index 00000000..45a6df66
Binary files /dev/null and b/images/manageLogo.png differ
diff --git a/index.html b/index.html
index cd34c108..57cb709b 100644
--- a/index.html
+++ b/index.html
@@ -141,13 +141,9 @@
 
 <header>
     <div class="container">
-        
-
         <div class="logo">
             <img src="images/logo2-w.webp" alt="Ambulance Monitoring System Logo" style="width:50px; height:auto;">
-           
         </div>
-
         
         <nav class="menu">
             <ul>
diff --git a/manage.html b/manage.html
index 744bd9e1..c1e2ed9c 100644
--- a/manage.html
+++ b/manage.html
@@ -5,19 +5,20 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Manage Status</title>
     <link rel="stylesheet" href="src/css/manage.css">
-    <link rel="stylesheet" href="src/css/hospital.css"> <!-- Ensures consistent styling -->
     <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCKR3agIMLtauzDhz4fCu3heww0BV_81H4" async defer></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
 </head>
 <body>
     <header>
         <nav class="navbar">
             <div class="navbar-logo">
-                <h2>Hospital Management System</h2>
+                <img src="./images/manageLogo.png"></img>
+                <h2 style="display: flex;">ambu<p style="color: #3DBDEC;">Flow</p></h2>
             </div>
             <ul class="navbar-links">
                 <li><a href="hospital.html">Dashboard</a></li>
                 <li><a href="manage.html">Manage Status</a></li>
-                <li><a href="#">Logout</a></li>
+                <li id="logout"><a><i class="fa-solid fa-right-from-bracket"></i></a></li>
             </ul>
         </nav>
     </header>
@@ -31,10 +32,10 @@ <h1>Manage Status</h1>
             </div>
 
             <!-- Manage Driver Section -->
-            <section id="manageDriverSection" class="manage-section hidden">
-                <h2 id="driverFormTitle">Add Driver</h2>
+            <section id="manageDriverSection" class="manage-section">
+                <h2 id="driverFormTitle" style="margin-bottom: 20px;">Add Driver</h2>
                 <form id="driverForm">
-                    <input type="hidden" id="driverIndex" name="driverIndex">
+                    <input type="text" id="driverIndex" name="driverIndex" hidden>
                     
                     <div class="form-group">
                         <label for="driverName">Driver Name:</label>
@@ -60,15 +61,15 @@ <h2 id="driverFormTitle">Add Driver</h2>
                         <input type="text" id="driverLocation" name="driverLocation" placeholder="e.g., Location XYZ" required>
                     </div>
                     <p class="button-container">
-                        <button type="submit" class="submit-btn save">Save Driver</button>
-                        <button type="button" class="submit-btn cancel" id="cancelDriverBtn">Cancel</button>
+                        <button type="submit" class="submit-btn save" style="padding: 20px; font-weight: 600;">Save Driver</button>
+                        <button type="button" class="submit-btn cancel" id="cancelDriverBtn" style="padding: 20px; font-weight: 600;">Cancel</button>
                     </p>
                 </form>
             </section>
 
             <!-- Manage Ambulance Section -->
             <section id="manageAmbulanceSection" class="manage-section hidden">
-                <h2 id="ambulanceFormTitle">Add Ambulance</h2>
+                <h2 id="ambulanceFormTitle" style="margin-bottom: 20px;">Add Ambulance</h2>
                 <form id="ambulanceForm">
                     <input type="hidden" id="ambulanceIndex" name="ambulanceIndex">
                     
@@ -91,8 +92,8 @@ <h2 id="ambulanceFormTitle">Add Ambulance</h2>
                         <input type="text" id="ambulanceLocation" name="ambulanceLocation" placeholder="e.g., Location ABC" required>
                     </div>
                     <p class="button-container">
-                        <button type="submit" class="submit-btn save">Save Ambulance</button>
-                        <button type="button" class="submit-btn cancel" id="cancelAmbulanceBtn">Cancel</button>
+                        <button type="submit" class="submit-btn save" style="padding: 20px; font-weight: 600;">Save Ambulance</button>
+                        <button type="button" class="submit-btn cancel" id="cancelAmbulanceBtn" style="padding: 20px; font-weight: 600;">Cancel</button>
                     </p>
                 </form>
             </section>
@@ -289,6 +290,14 @@ <h2 id="ambulanceFormTitle">Add Ambulance</h2>
                 }
             }
         };
+
+        document.getElementById('logout').addEventListener('click', () => {
+            cf = confirm('Are you sure you want to logout?');
+            if (cf) {
+                window.location.href = 'index.html';
+                alert("Logged out successfully!");
+            } else return
+        });
     </script>
 </body>
 </html>
\ No newline at end of file
diff --git a/src/css/manage.css b/src/css/manage.css
index 2e15b0d7..cb2d2130 100644
--- a/src/css/manage.css
+++ b/src/css/manage.css
@@ -1,214 +1,259 @@
+@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
+
 /* Manage Container */
+* {
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: "Poppins", sans-serif;
+}
+
+input,
+select,
+button {
+  font-family: "Poppins", sans-serif;
+}
+
+#logout:hover {
+  cursor: pointer;
+}
+
 .manage-container {
-    background-color: #ffffff;
-    padding: 50px;
-    border-radius: 25px;
-    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
-    max-width: 1000px;
-    width: 95%;
-    margin: 50px auto;
-    flex: 1;
+  background-color: #ffffff;
+  padding: 50px;
+  border-radius: 25px;
+  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
+  max-width: 1000px;
+  width: 95%;
+  margin: 50px auto;
+  flex: 1;
+  color: #1a2938;
 }
 
 /* Manage Options Buttons */
 .manage-options {
-    display: flex;
-    justify-content: center;
-    gap: 25px; /* Increased gap for better spacing */
-    margin-bottom: 50px;
+  display: flex;
+  justify-content: center;
+  gap: 25px; /* Increased gap for better spacing */
+  margin-bottom: 50px;
 }
 
 .manage-btn {
-    background-color: #e67e22;
-    color: white;
-    padding: 20px 35px;
-    border: none;
-    border-radius: 15px;
-    cursor: pointer;
-    font-size: 20px;
-    transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
-    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
+  background-color: #1a2938;
+  color: #3dbdec;
+  font-weight: 600;
+  padding: 20px 35px;
+  border: none;
+  border-radius: 15px;
+  cursor: pointer;
+  font-size: 20px;
+  transition: background-color 0.3s ease, transform 0.2s ease,
+    box-shadow 0.3s ease;
+  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
 }
 
 .manage-btn:hover {
-    background-color: #d35400;
-    transform: scale(1.05);
-    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
+  background-color: #92c4d6;
+  color: #1a2938;
+  transform: scale(1.05);
+  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
 }
 
 /* Manage Sections Enhancements */
 .manage-section {
-    display: none;
-    background-color: #ecf0f1;
-    padding: 35px;
-    border-radius: 20px;
-    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
-    transform: translateY(-15px);
+  display: none;
+  background-color: #ecf0f1;
+  padding: 35px;
+  border-radius: 20px;
+  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
+  transform: translateY(-15px);
 }
 
 .manage-section.active {
-    display: block;
-    opacity: 1;
-    visibility: visible;
-    transform: translateY(0);
+  display: block;
+  opacity: 1;
+  visibility: visible;
+  transform: translateY(0);
 }
 
 /* Forms Styling Improvements */
 form {
-    display: flex;
-    flex-direction: column;
+  display: flex;
+  flex-direction: column;
 }
 
 .form-group {
-    margin-bottom: 30px;
+  margin-bottom: 30px;
 }
 
 label {
-    margin-bottom: 10px;
-    font-weight: 700;
-    color: #2c3e50;
-    font-size: 18px;
+  margin-bottom: 10px;
+  font-weight: 700;
+  color: #2c3e50;
+  font-size: 18px;
 }
 
 input[type="text"],
 input[type="tel"],
 select {
-    padding: 15px 20px;
-    margin-bottom: 10px;
-    border: 1px solid #bdc3c7;
-    border-radius: 10px;
-    font-size: 18px;
-    transition: border-color 0.3s ease, box-shadow 0.3s ease;
+  padding: 15px 20px;
+  margin-bottom: 10px;
+  border: 1px solid #bdc3c7;
+  border-radius: 10px;
+  font-size: 18px;
+  transition: border-color 0.3s ease, box-shadow 0.3s ease;
 }
 
 input[type="text"]:focus,
 input[type="tel"]:focus,
 select:focus {
-    border-color: #e67e22;
-    outline: none;
-    box-shadow: 0 0 10px rgba(231, 76, 60, 0.5);
+  border-color: #2c3e50;
+  outline: none;
+  box-shadow: 0 0 10px rgba(44, 62, 80, 0.5);
 }
 
 /* Enhanced Submit Button */
 .submit-btn {
-    background-color: #3498db;
-    color: white;
-    padding: 18px 35px;
-    border: none;
-    border-radius: 15px;
-    cursor: pointer;
-    font-size: 20px;
-    transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
-    align-self: flex-start;
-    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
+  background-color: #3498db;
+  color: white;
+  padding: 30px;
+  border: none;
+  border-radius: 15px;
+  cursor: pointer;
+  font-size: 20px;
+  transition: background-color 0.3s ease, transform 0.2s ease,
+    box-shadow 0.3s ease;
+  align-self: flex-start;
+  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
 }
 
 .submit-btn:hover {
-    background-color: #2980b9;
-    transform: scale(1.05);
-    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
+  background-color: #2980b9;
+  transform: scale(1.05);
+  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
 }
 
 /* Responsive Design */
 @media (max-width: 768px) {
-    .manage-container {
-        padding: 30px;
-        max-width: 100%;
-    }
+  .manage-container {
+    padding: 30px;
+    max-width: 100%;
+  }
 
-    .manage-options {
-        flex-direction: column;
-        align-items: stretch;
-        gap: 15px;
-    }
+  .manage-options {
+    flex-direction: column;
+    align-items: stretch;
+    gap: 15px;
+  }
 
-    .manage-btn {
-        width: 100%;
-        margin: 10px 0;
-    }
+  .manage-btn {
+    width: 100%;
+    margin: 10px 0;
+  }
 
-    .submit-btn {
-        width: 100%;
-        text-align: center;
-    }
+  .submit-btn {
+    width: 100%;
+    text-align: center;
+  }
 }
 
 .button-container {
-    display: flex;
-    justify-content: center;
-    gap: 20px; /* space between the buttons */
-    margin-top: 20px;
-  }
+  display: flex;
+  justify-content: center;
+  gap: 20px; /* space between the buttons */
+  margin-top: 20px;
+}
 
-  .submit-btn {
-    padding: 10px 20px;
-    border: none;
-    border-radius: 5px;
-    font-size: 16px;
-    color: white;
-    cursor: pointer;
-    transition: background-color 0.3s ease;
-  }
+.submit-btn {
+  padding: 10px 20px;
+  border: none;
+  border-radius: 5px;
+  font-size: 16px;
+  color: white;
+  cursor: pointer;
+  transition: background-color 0.3s ease;
+}
 
-  .submit-btn.save {
-    background-color: #3498db; /* primary color */
-  }
+.submit-btn.save {
+  background-color: #3498db; /* primary color */
+}
 
-  .submit-btn.save:hover {
-    background-color: #2980b9; /* darker on hover */
-  }
+.submit-btn.save:hover {
+  background-color: #2980b9; /* darker on hover */
+}
 
-  .submit-btn.cancel {
-    background-color: #e74c3c; /* cancel color */
-  }
+.submit-btn.cancel {
+  background-color: #e74c3c; /* cancel color */
+}
 
-  .submit-btn.cancel:hover {
-    background-color: #c0392b; /* darker on hover */
-  }
+.submit-btn.cancel:hover {
+  background-color: #c0392b; /* darker on hover */
+}
 
 /* Navbar Enhancements */
 .navbar {
-    background-color: #34495e;
-    padding: 20px 40px;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    border-radius: 0 0 20px 20px;
-    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
+  background-color: #34495e;
+  padding: 20px 40px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
+}
+
+.navbar img {
+  height: 50px;
+  margin-right: 10px;
+}
+
+.navbar-logo {
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
 
 .navbar-logo h2 {
-    color: #ecf0f1;
-    margin: 0;
-    font-size: 24px;
+  color: #ecf0f1;
+  margin: 0;
+  font-size: 24px;
 }
 
 .navbar-links {
-    list-style: none;
-    display: flex;
-    gap: 25px;
+  list-style: none;
+  display: flex;
+  gap: 25px;
+  font-weight: 400;
+}
+
+.navbar-links li {
+  font-weight: 400;
 }
 
 .navbar-links a {
-    color: #ecf0f1;
-    text-decoration: none;
-    font-size: 18px;
-    transition: color 0.3s ease;
+  color: #ecf0f1;
+  text-decoration: none;
+  font-weight: 600;
+  font-size: 18px;
+  transition: color 0.3s ease;
 }
 
 .navbar-links a:hover {
-    color: #e67e22;
+  text-decoration: underline;
+  text-underline-offset: 5px;
+  color: #3dbdec;
+  text-decoration-thickness: 3px;
 }
 
 /* Enhance Dashboard Layout */
 /* Adjusting body to accommodate dashboard layout */
 body {
-    display: flex;
-    flex-direction: column;
-    min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
 }
 
 /* Update manage-container to take remaining space */
 .manage-container {
-    flex: 1;
-}
\ No newline at end of file
+  flex: 1;
+}
