fix: style

bo/src/components/TopBar.vue

@@ -18,25 +18,6 @@ const authStore = useAuthStore()
           </div>
           <span class="font-semibold text-gray-900 dark:text-white">TimeTracker</span>
         </RouterLink>
-        
-        <!-- Navigation Tabs (only when authenticated) -->
-        <nav v-if="authStore.isAuthenticated" class="hidden md:flex items-center gap-1">
-          <RouterLink 
-            :to="{ name: 'home' }" 
-            class="px-3 py-1.5 text-sm font-medium text-black dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700 rounded-lg transition-colors"
-            active-class="bg-gray-100 dark:bg-gray-700!"
-          >
-            {{ $t('nav.chart') }}
-          </RouterLink>
-          <RouterLink 
-            :to="{ name: 'products' }" 
-            class="px-3 py-1.5 text-sm font-medium text-black dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700 rounded-lg transition-colors"
-            active-class="bg-gray-100 dark:bg-gray-700!"
-          >
-            {{ $t('nav.products') }}
-          </RouterLink>
-        </nav>
-        
         <!-- Right Side Actions -->
         <div class="flex items-center gap-2">
           <!-- Language Switcher -->

bo/src/components/TopBarLogin.vue

@@ -8,7 +8,7 @@ const authStore = useAuthStore()
 
 <template>
   <header
-    class="fixed top-0 left-0 right-0 z-50 bg-white/80 dark:bg-(--black) backdrop-blur-md border-b border-(--border-light) dark:border-(--border-dark)">
+    class="fixed top-0 left-0 right-0 z-50 bg-(--main-light)/80 dark:bg-(--black) backdrop-blur-md border-b border-(--border-light) dark:border-(--border-dark)">
     <div class="container px-4 sm:px-6 lg:px-8">
       <div class="flex items-center justify-between h-14">
         <!-- Logo -->

bo/src/components/inner/langSwitch.vue

@@ -1,5 +1,5 @@
 <template>
-  <USelectMenu v-model="locale" :items="langs" class="w-40 bg-white dark:bg-(--black) rounded-md shadow-sm  hover:none!"
+  <USelectMenu v-model="locale" :items="langs" class="w-40 bg-(--main-light) dark:bg-(--black) rounded-md shadow-sm  hover:none!"
     valueKey="iso_code" :searchInput="false">
     <template #default="{ modelValue }">
       <div class="flex items-center gap-1">