diff --git a/frontend/src/css/app.scss b/frontend/src/css/app.scss
index 1688fd5..63a47bc 100644
--- a/frontend/src/css/app.scss
+++ b/frontend/src/css/app.scss
@@ -175,3 +175,37 @@ $image-size: 80px;
 	object-fit: cover;
 	border-radius: $tooltip-radius;
 }
+
+// Remove Quasar card shadows globally
+.q-card {
+  box-shadow: none !important;
+  
+  &--bordered {
+    box-shadow: none !important;
+  }
+  
+  &--flat {
+    box-shadow: none !important;
+  }
+}
+
+// .q-drawer{
+// 	background: transparent !important;
+
+// .q-item{
+// 	color: white;
+// }
+
+// }
+
+.bg-white,
+.q-layout__section--marginal{
+	background: transparent !important;
+}
+
+footer{
+	.text-primary,
+	.text-grey{
+		color: white !important;
+	}
+}
\ No newline at end of file
diff --git a/frontend/src/layouts/MainLayout.vue b/frontend/src/layouts/MainLayout.vue
index fbbcb8d..529290a 100644
--- a/frontend/src/layouts/MainLayout.vue
+++ b/frontend/src/layouts/MainLayout.vue
@@ -678,9 +678,9 @@ export default {
 
 
 /* Custom styles for the drawer */
-.q-drawer {
+/* .q-drawer {
   box-shadow: -2px 0 12px rgba(0, 0, 0, 0.1);
-}
+} */
 
 /* Menu container for sliding panels */
 .menu-container {
diff --git a/frontend/src/pages/EditPage.vue b/frontend/src/pages/EditPage.vue
index c44b8f6..cb5c0f4 100644
--- a/frontend/src/pages/EditPage.vue
+++ b/frontend/src/pages/EditPage.vue
@@ -1645,7 +1645,6 @@ export default {
 /* Style the edit footer */
 .edit-footer {
   border-top: 1px solid rgba(0, 0, 0, 0.12);
-  box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
 }
 
 /* Ensure tabs are properly sized in footer */
@@ -1751,7 +1750,6 @@ export default {
 :deep(.vue-select-custom .vs__dropdown-menu) {
   border: 1px solid rgba(0, 0, 0, 0.12);
   border-radius: 4px;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
   background: white;
 }
 
@@ -1798,12 +1796,10 @@ export default {
   justify-content: center;
   cursor: pointer;
   transition: all 0.3s ease;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 }
 
 .person-circle:hover {
   transform: scale(1.05);
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
 }
 
 .person-initials {
@@ -1830,7 +1826,6 @@ export default {
   font-weight: bold;
   cursor: pointer;
   transition: all 0.2s ease;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
 }
 
 .person-delete:hover {
@@ -1890,7 +1885,6 @@ export default {
 .category-chip:hover,
 .tag-chip:hover {
   transform: translateY(-1px);
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
 }
 
 /* Media thumbnails styling */
@@ -1917,7 +1911,6 @@ export default {
 
 .media-thumbnail:hover {
   transform: translateY(-1px);
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
 }
 
 .audio-thumbnail .media-icon {
@@ -1966,7 +1959,6 @@ export default {
   font-weight: bold;
   cursor: pointer;
   transition: all 0.2s ease;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
 }
 
 .media-delete:hover {
@@ -1991,7 +1983,6 @@ export default {
 
 .additional-image-item:hover {
   transform: translateY(-2px);
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
 }
 
 .additional-image-thumbnail {
@@ -2051,7 +2042,6 @@ export default {
 .audio-file-item:hover,
 .video-file-item:hover {
   transform: translateY(-1px);
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
 }
 
 .audio-file-info,