Adopt logistics visual system across webapp

app/layouts/topnav.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="min-h-screen flex flex-col bg-base-300">
+  <div class="min-h-screen flex flex-col manager-logistics-shell">
     <AiChatSidebar
       :open="isChatOpen"
       :width="chatWidth"
@@ -121,7 +121,7 @@ const {
 } = useHeroScroll()
 
 // Theme state
-const theme = useState<'cupcake' | 'night'>('theme', () => 'cupcake')
+const theme = useState<'silk' | 'night'>('theme', () => 'silk')
 
 // User data state (shared across layouts)
 interface SelectedLocation {
@@ -313,7 +313,7 @@ const onClickSignOut = () => {
   signOut(siteUrl)
 }
 
-const applyTheme = (value: 'cupcake' | 'night') => {
+const applyTheme = (value: 'silk' | 'night') => {
   if (import.meta.client) {
     document.documentElement.setAttribute('data-theme', value)
     localStorage.setItem('theme', value)
@@ -322,8 +322,8 @@ const applyTheme = (value: 'cupcake' | 'night') => {
 
 onMounted(() => {
   const stored = import.meta.client ? localStorage.getItem('theme') : null
-  if (stored === 'night' || stored === 'cupcake') {
-    theme.value = stored as 'cupcake' | 'night'
+  if (stored === 'night' || stored === 'silk') {
+    theme.value = stored as 'silk' | 'night'
   }
   applyTheme(theme.value)
 })
@@ -331,7 +331,7 @@ onMounted(() => {
 watch(theme, (value) => applyTheme(value))
 
 const toggleTheme = () => {
-  theme.value = theme.value === 'night' ? 'cupcake' : 'night'
+  theme.value = theme.value === 'night' ? 'silk' : 'night'
 }
 
 // Search handler for Quote mode - triggers search via shared state