Index: frontend/src/pages/Dashboard/components/DashboardSidebar.jsx
===================================================================
--- frontend/src/pages/Dashboard/components/DashboardSidebar.jsx	(revision e9a0543bbb622a2b343d1f5fe3b2df7ddb6a0bd3)
+++ frontend/src/pages/Dashboard/components/DashboardSidebar.jsx	(revision 447c39f7111f1415e8f44660911d00bb61568780)
@@ -89,5 +89,5 @@
   return (
     <Sidebar
-      className="py-6"
+      className="py-6 border-r border-white/10 bg-base-100/60 backdrop-blur-xl"
       closeButtonClassName="fixed top-4 right-4"
       collapsible="none"
@@ -114,6 +114,6 @@
                     className={
                       isActive
-                        ? "!bg-green-400 !text-black hover:!bg-green-400 active:!bg-green-400"
-                        : ""
+                        ? "bg-green-400! text-black! hover:bg-green-400! active:bg-green-400!"
+                        : "hover:bg-white/10!"
                     }
                   >
@@ -156,6 +156,6 @@
                     className={
                       isActive
-                        ? "!bg-green-400 !text-black hover:!bg-green-400 active:!bg-green-400"
-                        : ""
+                        ? "bg-green-400! text-black! hover:bg-green-400! active:bg-green-400!"
+                        : "hover:bg-white/10!"
                     }
                   >
@@ -185,5 +185,5 @@
           <Button
             variant="secondary"
-            className="w-full justify-start gap-2 !bg-green-400 !text-black hover:!bg-green-500"
+            className="w-full justify-start gap-2 bg-green-400! text-black! hover:bg-green-500!"
             type="button"
             onClick={() => setCustomOpen(true)}
Index: frontend/src/pages/Dashboard/components/DashboardTopbar.jsx
===================================================================
--- frontend/src/pages/Dashboard/components/DashboardTopbar.jsx	(revision e9a0543bbb622a2b343d1f5fe3b2df7ddb6a0bd3)
+++ frontend/src/pages/Dashboard/components/DashboardTopbar.jsx	(revision 447c39f7111f1415e8f44660911d00bb61568780)
@@ -10,5 +10,5 @@
     <>
       {/* Desktop */}
-      <div className="sticky top-0 z-30 hidden min-h-16 w-full items-center border-b border-base-300 bg-base-100 px-6 lg:flex lg:px-8">
+      <div className="sticky top-0 z-30 hidden min-h-16 w-full items-center border-b border-white/10 bg-base-100/70 px-6 backdrop-blur-xl lg:flex lg:px-8">
         <div className="mx-auto grid size-full grid-cols-1 items-center justify-end justify-items-end gap-4 lg:grid-cols-[1fr_max-content] lg:justify-between lg:justify-items-stretch">
           <div className="flex items-center gap-3"></div>
@@ -18,5 +18,5 @@
             <button
               type="button"
-              className="btn btn-ghost btn-sm"
+              className="btn btn-ghost btn-sm hover:bg-white/10 transition"
               onClick={onLogout}
               aria-label="Log out"
@@ -30,5 +30,5 @@
 
       {/* Mobile */}
-      <div className="fixed left-0 right-0 top-0 z-30 flex min-h-16 w-full items-center justify-between border-b border-base-300 bg-base-100 px-6 lg:hidden">
+      <div className="fixed left-0 right-0 top-0 z-30 flex min-h-16 w-full items-center justify-between border-b border-white/10 bg-base-100/70 px-4 backdrop-blur-xl sm:px-6 lg:hidden">
         <div className="flex items-center gap-4">
           <Link
@@ -44,5 +44,5 @@
           <button
             type="button"
-            className="btn btn-ghost btn-sm"
+            className="btn btn-ghost btn-sm hover:bg-white/10 transition"
             onClick={onLogout}
             aria-label="Log out"