Новый экранчик для обзора дашей

frontend/src/lib/components/layout/Sidebar.svelte

@@ -184,7 +184,7 @@
 
 <!-- Sidebar -->
 <div
-  class="bg-white border-r border-gray-200 flex flex-col h-screen fixed left-0 top-0 z-30 transition-[width] duration-200 ease-in-out
+  class="fixed left-0 top-0 z-30 flex h-screen flex-col border-r border-slate-200 bg-white shadow-sm transition-[width] duration-200 ease-in-out
     {isExpanded ? 'w-sidebar' : 'w-sidebar-collapsed'}
     {isMobileOpen
     ? 'translate-x-0 w-sidebar'
@@ -192,7 +192,7 @@
 >
   <!-- Header -->
   <div
-    class="flex items-center p-4 border-b border-gray-200 {isExpanded
+    class="flex items-center border-b border-slate-200 p-4 {isExpanded
       ? 'justify-between'
       : 'justify-center'}"
   >
@@ -214,7 +214,7 @@
       <div>
         <!-- Category Header -->
         <div
-          class="flex items-center justify-between px-4 py-3 cursor-pointer transition-colors hover:bg-gray-100
+          class="flex cursor-pointer items-center justify-between px-4 py-3 transition-colors hover:bg-slate-100
             {activeCategory === category.id
             ? 'bg-primary-light text-primary md:border-r-2 md:border-primary'
             : ''}"