diff --git a/src/main/resources/org/example/petshopdesktop/main-layout-view.fxml b/src/main/resources/org/example/petshopdesktop/main-layout-view.fxml
index 9637dd30..66f10afe 100644
--- a/src/main/resources/org/example/petshopdesktop/main-layout-view.fxml
+++ b/src/main/resources/org/example/petshopdesktop/main-layout-view.fxml
@@ -9,198 +9,207 @@
 <?import javafx.scene.image.ImageView?>
 <?import javafx.scene.layout.BorderPane?>
 <?import javafx.scene.layout.HBox?>
-<?import javafx.scene.layout.Region?>
 <?import javafx.scene.layout.StackPane?>
 <?import javafx.scene.layout.VBox?>
 <?import javafx.scene.text.Font?>
 
 <BorderPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="742.0" prefWidth="1069.0" xmlns="http://javafx.com/javafx/17" xmlns:fx="http://javafx.com/fxml/1" fx:controller="org.example.petshopdesktop.controllers.MainLayoutController">
    <left>
-      <ScrollPane fitToWidth="true" hbarPolicy="NEVER" style="-fx-background-color: #2C3E50; -fx-background: #2C3E50;" BorderPane.alignment="CENTER">
-         <VBox prefWidth="200.0" spacing="6.0" style="-fx-background-color: #2C3E50;">
-            <padding>
-               <Insets bottom="15.0" left="15.0" right="15.0" top="15.0" />
-            </padding>
-            <children>
-               <HBox alignment="CENTER">
-                  <ImageView fx:id="imgLogo" fitHeight="90.0" fitWidth="90.0" preserveRatio="true" onMouseClicked="#logoClicked" style="-fx-cursor: hand;">
-                     <image>
-                        <Image url="@images/leons-pet-store-badge.png" />
-                     </image>
-                  </ImageView>
-                  <VBox.margin>
-                     <Insets bottom="15.0" />
-                  </VBox.margin>
-               </HBox>
-               <Label fx:id="lblUsername" text="Name" textFill="WHITE">
-                  <font>
-                     <Font name="System Bold" size="18.0" />
-                  </font>
-               </Label>
-               <Label fx:id="lblRole" text="Leon's Petstore" textFill="#ffe66d">
-                  <font>
-                     <Font name="System" size="12.0" />
-                  </font>
-                  <padding>
-                     <Insets bottom="4.0" />
-                  </padding>
-               </Label>
-               <Separator prefWidth="200.0" style="-fx-background-color: #444444; -fx-opacity: 0.35;" />
+      <VBox prefWidth="200.0" style="-fx-background-color: #2C3E50;" BorderPane.alignment="CENTER">
+         <children>
+            <VBox spacing="6.0" style="-fx-background-color: #2C3E50;">
+               <padding>
+                  <Insets bottom="12.0" left="15.0" right="15.0" top="15.0" />
+               </padding>
+               <children>
+                  <HBox alignment="CENTER">
+                     <ImageView fx:id="imgLogo" fitHeight="90.0" fitWidth="90.0" preserveRatio="true" onMouseClicked="#logoClicked" style="-fx-cursor: hand;">
+                        <image>
+                           <Image url="@images/leons-pet-store-badge.png" />
+                        </image>
+                     </ImageView>
+                     <VBox.margin>
+                        <Insets bottom="15.0" />
+                     </VBox.margin>
+                  </HBox>
+                  <Label fx:id="lblUsername" text="Name" textFill="WHITE">
+                     <font>
+                        <Font name="System Bold" size="18.0" />
+                     </font>
+                  </Label>
+                  <Label fx:id="lblRole" text="Leon's Petstore" textFill="#ffe66d">
+                     <font>
+                        <Font name="System" size="12.0" />
+                     </font>
+                     <padding>
+                        <Insets bottom="4.0" />
+                     </padding>
+                  </Label>
+                  <Separator prefWidth="200.0" style="-fx-background-color: #444444; -fx-opacity: 0.35;" />
+               </children>
+            </VBox>
+            <ScrollPane fitToWidth="true" hbarPolicy="NEVER" style="-fx-background-color: #2C3E50; -fx-background: #2C3E50;" VBox.vgrow="ALWAYS">
+               <content>
+                  <VBox spacing="6.0" style="-fx-background-color: #2C3E50;">
+                     <padding>
+                        <Insets bottom="15.0" left="15.0" right="15.0" top="8.0" />
+                     </padding>
+                     <children>
+                        <Label text="BUSINESS" textFill="#94a3b8">
+                           <font>
+                              <Font name="System Bold" size="10.0" />
+                           </font>
+                           <padding>
+                              <Insets top="4.0" />
+                           </padding>
+                        </Label>
 
-               <Label text="BUSINESS" textFill="#94a3b8">
-                  <font>
-                     <Font name="System Bold" size="10.0" />
-                  </font>
-                  <padding>
-                     <Insets top="4.0" />
-                  </padding>
-               </Label>
+                        <Button fx:id="btnAnalytics" alignment="CENTER_LEFT" maxWidth="Infinity" mnemonicParsing="false" onAction="#btnAnalyticsClicked" style="-fx-background-color: transparent; -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Analytics" textFill="#cbd5e1">
+                           <font>
+                              <Font name="System" size="12.0" />
+                           </font>
+                           <padding>
+                              <Insets bottom="8.0" left="10.0" right="10.0" top="8.0" />
+                           </padding>
+                        </Button>
+                        <Button fx:id="btnSalesHistory" alignment="CENTER_LEFT" maxWidth="Infinity" mnemonicParsing="false" onAction="#btnSalesHistoryClicked" style="-fx-background-color: transparent; -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Sales History" textFill="#cbd5e1">
+                           <font>
+                              <Font name="System" size="12.0" />
+                           </font>
+                           <padding>
+                              <Insets bottom="8.0" left="10.0" right="10.0" top="8.0" />
+                           </padding>
+                        </Button>
+                        <Button fx:id="btnAppointments" alignment="CENTER_LEFT" maxWidth="Infinity" mnemonicParsing="false" onAction="#btnAppointmentsClicked" style="-fx-background-color: transparent; -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Appointments" textFill="#cbd5e1">
+                           <font>
+                              <Font name="System" size="12.0" />
+                           </font>
+                           <padding>
+                              <Insets bottom="8.0" left="10.0" right="10.0" top="8.0" />
+                           </padding>
+                        </Button>
+                        <Button fx:id="btnServices" alignment="CENTER_LEFT" maxWidth="Infinity" mnemonicParsing="false" onAction="#btnServicesClicked" style="-fx-background-color: transparent; -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Services" textFill="#cbd5e1">
+                           <font>
+                              <Font name="System" size="12.0" />
+                           </font>
+                           <padding>
+                              <Insets bottom="8.0" left="10.0" right="10.0" top="8.0" />
+                           </padding>
+                        </Button>
+                        <Button fx:id="btnChat" alignment="CENTER_LEFT" maxWidth="Infinity" mnemonicParsing="false" onAction="#btnChatClicked" style="-fx-background-color: transparent; -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Chat" textFill="#cbd5e1">
+                           <font>
+                              <Font name="System" size="12.0" />
+                           </font>
+                           <padding>
+                              <Insets bottom="8.0" left="10.0" right="10.0" top="8.0" />
+                           </padding>
+                        </Button>
 
-               <Button fx:id="btnAnalytics" alignment="CENTER_LEFT" mnemonicParsing="false" onAction="#btnAnalyticsClicked" maxWidth="Infinity" style="-fx-background-color: transparent; -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Analytics" textFill="#cbd5e1">
-                  <font>
-                     <Font name="System" size="12.0" />
-                  </font>
-                  <padding>
-                     <Insets bottom="8.0" left="10.0" right="10.0" top="8.0" />
-                  </padding>
-               </Button>
-               <Button fx:id="btnSalesHistory" alignment="CENTER_LEFT" mnemonicParsing="false" onAction="#btnSalesHistoryClicked" maxWidth="Infinity" style="-fx-background-color: transparent; -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Sales History" textFill="#cbd5e1">
-                  <font>
-                     <Font name="System" size="12.0" />
-                  </font>
-                  <padding>
-                     <Insets bottom="8.0" left="10.0" right="10.0" top="8.0" />
-                  </padding>
-               </Button>
-               <Button fx:id="btnAppointments" alignment="CENTER_LEFT" mnemonicParsing="false" onAction="#btnAppointmentsClicked" maxWidth="Infinity" style="-fx-background-color: transparent; -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Appointments" textFill="#cbd5e1">
-                  <font>
-                     <Font name="System" size="12.0" />
-                  </font>
-                  <padding>
-                     <Insets bottom="8.0" left="10.0" right="10.0" top="8.0" />
-                  </padding>
-               </Button>
-               <Button fx:id="btnServices" alignment="CENTER_LEFT" mnemonicParsing="false" onAction="#btnServicesClicked" maxWidth="Infinity" style="-fx-background-color: transparent; -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Services" textFill="#cbd5e1">
-                  <font>
-                     <Font name="System" size="12.0" />
-                  </font>
-                  <padding>
-                     <Insets bottom="8.0" left="10.0" right="10.0" top="8.0" />
-                  </padding>
-               </Button>
-               <Button fx:id="btnChat" alignment="CENTER_LEFT" mnemonicParsing="false" onAction="#btnChatClicked" maxWidth="Infinity" style="-fx-background-color: transparent; -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Chat" textFill="#cbd5e1">
-                  <font>
-                     <Font name="System" size="12.0" />
-                  </font>
-                  <padding>
-                     <Insets bottom="8.0" left="10.0" right="10.0" top="8.0" />
-                  </padding>
-               </Button>
+                        <Separator prefWidth="200.0" style="-fx-background-color: #444444; -fx-opacity: 0.35;" />
 
-               <Separator prefWidth="200.0" style="-fx-background-color: #444444; -fx-opacity: 0.35;" />
+                        <Label text="STORE" textFill="#94a3b8">
+                           <font>
+                              <Font name="System Bold" size="10.0" />
+                           </font>
+                           <padding>
+                              <Insets top="4.0" />
+                           </padding>
+                        </Label>
 
-               <Label text="STORE" textFill="#94a3b8">
-                  <font>
-                     <Font name="System Bold" size="10.0" />
-                  </font>
-                  <padding>
-                     <Insets top="4.0" />
-                  </padding>
-               </Label>
+                        <Button fx:id="btnPets" alignment="CENTER_LEFT" maxWidth="Infinity" mnemonicParsing="false" onAction="#btnPetsClicked" style="-fx-background-color: transparent; -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Pets" textFill="#cbd5e1">
+                           <font>
+                              <Font name="System" size="12.0" />
+                           </font>
+                           <padding>
+                              <Insets bottom="8.0" left="10.0" right="10.0" top="8.0" />
+                           </padding>
+                        </Button>
+                        <Button fx:id="btnAdoptions" alignment="CENTER_LEFT" maxWidth="Infinity" mnemonicParsing="false" onAction="#btnAdoptionsClicked" style="-fx-background-color: transparent; -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Adoptions" textFill="#cbd5e1">
+                           <font>
+                              <Font name="System" size="12.0" />
+                           </font>
+                           <padding>
+                              <Insets bottom="8.0" left="10.0" right="10.0" top="8.0" />
+                           </padding>
+                        </Button>
+                        <Button fx:id="btnProducts" alignment="CENTER_LEFT" maxWidth="Infinity" mnemonicParsing="false" onAction="#btnProductsClicked" style="-fx-background-color: transparent; -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Products" textFill="#cbd5e1">
+                           <font>
+                              <Font name="System" size="12.0" />
+                           </font>
+                           <padding>
+                              <Insets bottom="8.0" left="10.0" right="10.0" top="8.0" />
+                           </padding>
+                        </Button>
 
-               <Button fx:id="btnPets" alignment="CENTER_LEFT" mnemonicParsing="false" onAction="#btnPetsClicked" maxWidth="Infinity" style="-fx-background-color: transparent; -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Pets" textFill="#cbd5e1">
-                  <font>
-                     <Font name="System" size="12.0" />
-                  </font>
-                  <padding>
-                     <Insets bottom="8.0" left="10.0" right="10.0" top="8.0" />
-                  </padding>
-               </Button>
-               <Button fx:id="btnAdoptions" alignment="CENTER_LEFT" mnemonicParsing="false" onAction="#btnAdoptionsClicked" maxWidth="Infinity" style="-fx-background-color: transparent; -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Adoptions" textFill="#cbd5e1">
-                  <font>
-                     <Font name="System" size="12.0" />
-                  </font>
-                  <padding>
-                     <Insets bottom="8.0" left="10.0" right="10.0" top="8.0" />
-                  </padding>
-               </Button>
-               <Button fx:id="btnProducts" alignment="CENTER_LEFT" mnemonicParsing="false" onAction="#btnProductsClicked" maxWidth="Infinity" style="-fx-background-color: transparent; -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Products" textFill="#cbd5e1">
-                  <font>
-                     <Font name="System" size="12.0" />
-                  </font>
-                  <padding>
-                     <Insets bottom="8.0" left="10.0" right="10.0" top="8.0" />
-                  </padding>
-               </Button>
+                        <Separator fx:id="separatorAdmin" prefWidth="200.0" style="-fx-background-color: #444444; -fx-opacity: 0.35;" />
 
-               <Separator fx:id="separatorAdmin" prefWidth="200.0" style="-fx-background-color: #444444; -fx-opacity: 0.35;" />
+                        <Label fx:id="lblAdminSection" text="ADMIN" textFill="#94a3b8">
+                           <font>
+                              <Font name="System Bold" size="10.0" />
+                           </font>
+                           <padding>
+                              <Insets top="4.0" />
+                           </padding>
+                        </Label>
 
-               <Label fx:id="lblAdminSection" text="ADMIN" textFill="#94a3b8">
-                  <font>
-                     <Font name="System Bold" size="10.0" />
-                  </font>
-                  <padding>
-                     <Insets top="4.0" />
-                  </padding>
-               </Label>
+                        <Button fx:id="btnInventory" alignment="CENTER_LEFT" maxWidth="Infinity" mnemonicParsing="false" onAction="#btnInventoryClicked" style="-fx-background-color: transparent; -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Inventory" textFill="#cbd5e1">
+                           <font>
+                              <Font name="System" size="12.0" />
+                           </font>
+                           <padding>
+                              <Insets bottom="8.0" left="10.0" right="10.0" top="8.0" />
+                           </padding>
+                        </Button>
+                        <Button fx:id="btnSuppliers" alignment="CENTER_LEFT" maxWidth="Infinity" mnemonicParsing="false" onAction="#btnSuppliersClicked" style="-fx-background-color: transparent; -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Suppliers" textFill="#cbd5e1">
+                           <font>
+                              <Font name="System" size="12.0" />
+                           </font>
+                           <padding>
+                              <Insets bottom="8.0" left="10.0" right="10.0" top="8.0" />
+                           </padding>
+                        </Button>
+                        <Button fx:id="btnProductSuppliers" alignment="CENTER_LEFT" maxWidth="Infinity" mnemonicParsing="false" onAction="#btnProductSuppliersClicked" style="-fx-background-color: transparent; -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Product-Suppliers" textFill="#cbd5e1">
+                           <font>
+                              <Font name="System" size="12.0" />
+                           </font>
+                           <padding>
+                              <Insets bottom="8.0" left="10.0" right="10.0" top="8.0" />
+                           </padding>
+                        </Button>
+                        <Button fx:id="btnPurchaseOrders" alignment="CENTER_LEFT" maxWidth="Infinity" mnemonicParsing="false" onAction="#btnPurchaseOrdersClicked" style="-fx-background-color: transparent; -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Purchase Orders" textFill="#cbd5e1">
+                           <font>
+                              <Font name="System" size="12.0" />
+                           </font>
+                           <padding>
+                              <Insets bottom="8.0" left="10.0" right="10.0" top="8.0" />
+                           </padding>
+                        </Button>
+                        <Button fx:id="btnStaffAccounts" alignment="CENTER_LEFT" maxWidth="Infinity" mnemonicParsing="false" onAction="#btnStaffAccountsClicked" style="-fx-background-color: transparent; -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Staff Accounts" textFill="#cbd5e1">
+                           <font>
+                              <Font name="System" size="12.0" />
+                           </font>
+                           <padding>
+                              <Insets bottom="8.0" left="10.0" right="10.0" top="8.0" />
+                           </padding>
+                        </Button>
 
-               <Button fx:id="btnInventory" alignment="CENTER_LEFT" mnemonicParsing="false" onAction="#btnInventoryClicked" maxWidth="Infinity" style="-fx-background-color: transparent; -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Inventory" textFill="#cbd5e1">
-                  <font>
-                     <Font name="System" size="12.0" />
-                  </font>
-                  <padding>
-                     <Insets bottom="8.0" left="10.0" right="10.0" top="8.0" />
-                  </padding>
-               </Button>
-               <Button fx:id="btnSuppliers" alignment="CENTER_LEFT" mnemonicParsing="false" onAction="#btnSuppliersClicked" maxWidth="Infinity" style="-fx-background-color: transparent; -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Suppliers" textFill="#cbd5e1">
-                  <font>
-                     <Font name="System" size="12.0" />
-                  </font>
-                  <padding>
-                     <Insets bottom="8.0" left="10.0" right="10.0" top="8.0" />
-                  </padding>
-               </Button>
-               <Button fx:id="btnProductSuppliers" alignment="CENTER_LEFT" mnemonicParsing="false" onAction="#btnProductSuppliersClicked" maxWidth="Infinity" style="-fx-background-color: transparent; -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Product-Suppliers" textFill="#cbd5e1">
-                  <font>
-                     <Font name="System" size="12.0" />
-                  </font>
-                  <padding>
-                     <Insets bottom="8.0" left="10.0" right="10.0" top="8.0" />
-                  </padding>
-               </Button>
-               <Button fx:id="btnPurchaseOrders" alignment="CENTER_LEFT" mnemonicParsing="false" onAction="#btnPurchaseOrdersClicked" maxWidth="Infinity" style="-fx-background-color: transparent; -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Purchase Orders" textFill="#cbd5e1">
-                  <font>
-                     <Font name="System" size="12.0" />
-                  </font>
-                  <padding>
-                     <Insets bottom="8.0" left="10.0" right="10.0" top="8.0" />
-                  </padding>
-               </Button>
-               <Button fx:id="btnStaffAccounts" alignment="CENTER_LEFT" mnemonicParsing="false" onAction="#btnStaffAccountsClicked" maxWidth="Infinity" style="-fx-background-color: transparent; -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Staff Accounts" textFill="#cbd5e1">
-                  <font>
-                     <Font name="System" size="12.0" />
-                  </font>
-                  <padding>
-                     <Insets bottom="8.0" left="10.0" right="10.0" top="8.0" />
-                  </padding>
-               </Button>
-
-               <Region VBox.vgrow="ALWAYS" />
-
-               <Button fx:id="btnLogout" alignment="CENTER_LEFT" mnemonicParsing="false" onAction="#btnLogoutClicked" maxWidth="Infinity" style="-fx-background-color: rgba(255,255,255,0.08); -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Logout" textFill="#e2e8f0">
-                  <font>
-                     <Font name="System" size="12.0" />
-                  </font>
-                  <padding>
-                     <Insets bottom="8.0" left="10.0" right="10.0" top="8.0" />
-                  </padding>
-                  <VBox.margin>
-                     <Insets top="8.0" />
-                  </VBox.margin>
-               </Button>
-            </children>
-         </VBox>
-      </ScrollPane>
+                        <Button fx:id="btnLogout" alignment="CENTER_LEFT" maxWidth="Infinity" mnemonicParsing="false" onAction="#btnLogoutClicked" style="-fx-background-color: rgba(255,255,255,0.08); -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Logout" textFill="#e2e8f0">
+                           <font>
+                              <Font name="System" size="12.0" />
+                           </font>
+                           <padding>
+                              <Insets bottom="8.0" left="10.0" right="10.0" top="8.0" />
+                           </padding>
+                           <VBox.margin>
+                              <Insets top="8.0" />
+                           </VBox.margin>
+                        </Button>
+                     </children>
+                  </VBox>
+               </content>
+            </ScrollPane>
+         </children>
+      </VBox>
    </left>
    <center>
       <StackPane fx:id="spContentArea" prefHeight="150.0" prefWidth="200.0" BorderPane.alignment="CENTER" />