diff --git a/lang/ar/navigation.php b/lang/ar/navigation.php
index 586a2bb..4b51d18 100644
--- a/lang/ar/navigation.php
+++ b/lang/ar/navigation.php
@@ -6,7 +6,6 @@ return [
     'settings' => 'الإعدادات',
     'profile' => 'الملف الشخصي',
     'password' => 'كلمة المرور',
-    'appearance' => 'المظهر',
     'two_factor' => 'المصادقة الثنائية',
     'logout' => 'تسجيل الخروج',
     'login' => 'تسجيل الدخول',
diff --git a/lang/en/navigation.php b/lang/en/navigation.php
index 9497290..88368f5 100644
--- a/lang/en/navigation.php
+++ b/lang/en/navigation.php
@@ -6,7 +6,6 @@ return [
     'settings' => 'Settings',
     'profile' => 'Profile',
     'password' => 'Password',
-    'appearance' => 'Appearance',
     'two_factor' => 'Two-Factor Authentication',
     'logout' => 'Log Out',
     'login' => 'Login',
diff --git a/resources/css/app.css b/resources/css/app.css
index 8ffb8eb..d1c0fc7 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -9,8 +9,6 @@
 @source '../../vendor/livewire/flux-pro/stubs/**/*.blade.php';
 @source '../../vendor/livewire/flux/stubs/**/*.blade.php';
 
-@custom-variant dark (&:where(.dark, .dark *));
-
 @theme {
     /* Font definitions - to be updated in typography story */
     --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
@@ -72,14 +70,6 @@
     --color-warning: #F39C12;
 }
 
-@layer theme {
-    .dark {
-        --color-accent: var(--color-white);
-        --color-accent-content: var(--color-white);
-        --color-accent-foreground: var(--color-neutral-800);
-    }
-}
-
 @layer base {
 
     *,
@@ -91,6 +81,112 @@
     }
 }
 
+/* ==========================================================================
+   Flux UI Light Mode Overrides
+   Ensure proper text visibility after dark mode removal
+   ========================================================================== */
+
+/* Flux Headings - ensure dark text */
+[data-flux-heading] {
+    color: rgb(24 24 27) !important;
+}
+
+/* Flux Text/Subheading - ensure readable gray */
+[data-flux-text],
+[data-flux-subheading] {
+    color: rgb(113 113 122) !important;
+}
+
+/* Navlist group headings */
+[data-flux-navlist-group] > div:first-child {
+    color: rgb(113 113 122) !important;
+}
+
+/* Navlist items */
+[data-flux-navlist-item] {
+    color: rgb(63 63 70) !important;
+}
+
+[data-flux-navlist-item]:hover {
+    color: rgb(24 24 27) !important;
+    background-color: rgb(244 244 245) !important;
+}
+
+[data-flux-navlist-item][data-current="true"],
+[data-flux-navlist-item][aria-current="page"] {
+    color: rgb(24 24 27) !important;
+    background-color: rgb(244 244 245) !important;
+}
+
+/* Flux Menu items */
+[data-flux-menu-item] {
+    color: rgb(63 63 70) !important;
+}
+
+[data-flux-menu-item]:hover {
+    color: rgb(24 24 27) !important;
+    background-color: rgb(244 244 245) !important;
+}
+
+/* Flux Modal content */
+[data-flux-modal] {
+    background-color: rgb(255 255 255) !important;
+    color: rgb(24 24 27) !important;
+}
+
+/* Flux Dropdown/Select */
+[data-flux-menu],
+[data-flux-listbox] {
+    background-color: rgb(255 255 255) !important;
+    border-color: rgb(228 228 231) !important;
+}
+
+/* Flux Profile text */
+[data-flux-profile] span {
+    color: rgb(63 63 70) !important;
+}
+
+/* Flux Badge - ensure text is visible */
+[data-flux-badge] {
+    color: rgb(255 255 255) !important;
+}
+
+/* Flux Badge variants with proper contrast */
+[data-flux-badge][data-variant="outline"] {
+    color: rgb(63 63 70) !important;
+}
+
+/* Flux Callout text */
+[data-flux-callout],
+[data-flux-callout] * {
+    color: rgb(63 63 70) !important;
+}
+
+[data-flux-callout-heading] {
+    color: rgb(24 24 27) !important;
+}
+
+/* Flux Table cells */
+[data-flux-table] td,
+[data-flux-table] th {
+    color: rgb(63 63 70) !important;
+}
+
+[data-flux-table] th {
+    color: rgb(24 24 27) !important;
+}
+
+/* Flux Card content */
+[data-flux-card] {
+    background-color: rgb(255 255 255) !important;
+    color: rgb(63 63 70) !important;
+}
+
+/* Flux Separator */
+[data-flux-separator] {
+    background-color: rgb(228 228 231) !important;
+}
+
 /* ==========================================================================
    Logo Badge Styling (Story 12.2)
    Creates "seal/stamp" effect for logo on Dark Charcoal backgrounds
@@ -673,7 +769,7 @@ img, video, iframe {
 }
 
 .timeline-line {
-    @apply absolute top-0 bottom-0 w-0.5 bg-zinc-200 dark:bg-zinc-700;
+    @apply absolute top-0 bottom-0 w-0.5 bg-zinc-200;
     @apply start-4 sm:start-6;
 }
 
diff --git a/resources/views/components/layouts/app/header.blade.php b/resources/views/components/layouts/app/header.blade.php
index e98fb07..7b4d83f 100644
--- a/resources/views/components/layouts/app/header.blade.php
+++ b/resources/views/components/layouts/app/header.blade.php
@@ -1,10 +1,10 @@
 <!DOCTYPE html>
-<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" class="dark">
+<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
     <head>
         @include('partials.head')
     </head>
-    <body class="min-h-screen bg-white dark:bg-zinc-800">
-        <flux:header container class="border-b border-zinc-200 bg-zinc-50 dark:border-zinc-700 dark:bg-zinc-900">
+    <body class="min-h-screen bg-white">
+        <flux:header container class="border-b border-zinc-200 bg-zinc-50">
             <flux:sidebar.toggle class="lg:hidden" icon="bars-2" inset="left" />
 
             <a href="{{ route('dashboard') }}" class="ms-2 me-5 flex items-center space-x-2 rtl:space-x-reverse lg:ms-0" wire:navigate>
@@ -56,7 +56,7 @@
                             <div class="flex items-center gap-2 px-1 py-1.5 text-start text-sm">
                                 <span class="relative flex h-8 w-8 shrink-0 overflow-hidden rounded-lg">
                                     <span
-                                        class="flex h-full w-full items-center justify-center rounded-lg bg-neutral-200 text-black dark:bg-neutral-700 dark:text-white"
+                                        class="flex h-full w-full items-center justify-center rounded-lg bg-neutral-200 text-black"
                                     >
                                         {{ auth()->user()->initials() }}
                                     </span>
@@ -89,7 +89,7 @@
         </flux:header>
 
         <!-- Mobile Menu -->
-        <flux:sidebar stashable sticky class="lg:hidden border-e border-zinc-200 bg-zinc-50 dark:border-zinc-700 dark:bg-zinc-900">
+        <flux:sidebar stashable sticky class="lg:hidden border-e border-zinc-200 bg-zinc-50">
             <flux:sidebar.toggle class="lg:hidden" icon="x-mark" />
 
             <a href="{{ route('dashboard') }}" class="ms-1 flex items-center space-x-2 rtl:space-x-reverse" wire:navigate>
diff --git a/resources/views/components/layouts/app/sidebar.blade.php b/resources/views/components/layouts/app/sidebar.blade.php
index ab4bdf5..77ae456 100644
--- a/resources/views/components/layouts/app/sidebar.blade.php
+++ b/resources/views/components/layouts/app/sidebar.blade.php
@@ -1,15 +1,15 @@
 <!DOCTYPE html>
-<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" dir="{{ app()->getLocale() === 'ar' ? 'rtl' : 'ltr' }}" class="dark">
+<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" dir="{{ app()->getLocale() === 'ar' ? 'rtl' : 'ltr' }}">
     <head>
         @include('partials.head')
     </head>
-    <body class="min-h-screen bg-white dark:bg-zinc-800" style="font-family: var(--font-{{ app()->getLocale() === 'ar' ? 'arabic' : 'english' }})">
+    <body class="min-h-screen bg-white" style="font-family: var(--font-{{ app()->getLocale() === 'ar' ? 'arabic' : 'english' }})">
         <!-- Skip to content link for keyboard accessibility -->
         <a href="#main-content" class="skip-link" data-test="skip-to-content">
             {{ __('accessibility.skip_to_content') }}
         </a>
 
-        <flux:sidebar sticky stashable class="border-e border-zinc-200 bg-zinc-50 dark:border-zinc-700 dark:bg-zinc-900">
+        <flux:sidebar sticky stashable class="border-e border-zinc-200 bg-zinc-50 text-zinc-800">
             <flux:sidebar.toggle class="lg:hidden" icon="x-mark" />
 
             @php
@@ -179,7 +179,7 @@
                 <div class="px-3 py-2">
                     <a
                         href="{{ route('admin.bookings.pending') }}"
-                        class="relative inline-flex items-center rounded-lg p-2 text-zinc-600 transition-colors hover:bg-zinc-100 dark:text-zinc-400 dark:hover:bg-zinc-800"
+                        class="relative inline-flex items-center rounded-lg p-2 text-zinc-600 transition-colors hover:bg-zinc-100"
                         wire:navigate
                     >
                         <flux:icon name="bell" class="h-5 w-5" />
@@ -222,7 +222,7 @@
                             <div class="flex items-center gap-2 px-1 py-1.5 text-start text-sm">
                                 <span class="relative flex h-8 w-8 shrink-0 overflow-hidden rounded-lg">
                                     <span
-                                        class="flex h-full w-full items-center justify-center rounded-lg bg-neutral-200 text-black dark:bg-neutral-700 dark:text-white"
+                                        class="flex h-full w-full items-center justify-center rounded-lg bg-neutral-200 text-black"
                                     >
                                         {{ auth()->user()->initials() }}
                                     </span>
@@ -266,7 +266,7 @@
                 @endphp
                 <a
                     href="{{ route('admin.bookings.pending') }}"
-                    class="relative inline-flex items-center rounded-lg p-2 text-zinc-600 transition-colors hover:bg-zinc-100 dark:text-zinc-400 dark:hover:bg-zinc-800"
+                    class="relative inline-flex items-center rounded-lg p-2 text-zinc-600 transition-colors hover:bg-zinc-100"
                     wire:navigate
                 >
                     <flux:icon name="bell" class="h-5 w-5" />
@@ -293,7 +293,7 @@
                             <div class="flex items-center gap-2 px-1 py-1.5 text-start text-sm">
                                 <span class="relative flex h-8 w-8 shrink-0 overflow-hidden rounded-lg">
                                     <span
-                                        class="flex h-full w-full items-center justify-center rounded-lg bg-neutral-200 text-black dark:bg-neutral-700 dark:text-white"
+                                        class="flex h-full w-full items-center justify-center rounded-lg bg-neutral-200 text-black"
                                     >
                                         {{ auth()->user()->initials() }}
                                     </span>
diff --git a/resources/views/components/layouts/auth/card.blade.php b/resources/views/components/layouts/auth/card.blade.php
index 22db925..5239e65 100644
--- a/resources/views/components/layouts/auth/card.blade.php
+++ b/resources/views/components/layouts/auth/card.blade.php
@@ -3,7 +3,7 @@
     <head>
         @include('partials.head')
     </head>
-    <body class="min-h-screen bg-neutral-100 antialiased dark:bg-linear-to-b dark:from-neutral-950 dark:to-neutral-900" style="font-family: var(--font-{{ app()->getLocale() === 'ar' ? 'arabic' : 'english' }})">
+    <body class="min-h-screen bg-neutral-100 antialiased" style="font-family: var(--font-{{ app()->getLocale() === 'ar' ? 'arabic' : 'english' }})">
         <!-- Skip to content link for keyboard accessibility -->
         <a href="#main-content" class="skip-link" data-test="skip-to-content">
             {{ __('accessibility.skip_to_content') }}
@@ -22,7 +22,7 @@
                 </a>
 
                 <div class="flex flex-col gap-6">
-                    <div class="rounded-xl border bg-white dark:bg-stone-950 dark:border-stone-800 text-stone-800 shadow-xs">
+                    <div class="rounded-xl border bg-white text-stone-800 shadow-xs">
                         <div class="px-10 py-8">{{ $slot }}</div>
                     </div>
                 </div>
diff --git a/resources/views/components/layouts/auth/simple.blade.php b/resources/views/components/layouts/auth/simple.blade.php
index 6519834..a4f2ffd 100644
--- a/resources/views/components/layouts/auth/simple.blade.php
+++ b/resources/views/components/layouts/auth/simple.blade.php
@@ -3,7 +3,7 @@
     <head>
         @include('partials.head')
     </head>
-    <body class="min-h-screen bg-white antialiased dark:bg-linear-to-b dark:from-neutral-950 dark:to-neutral-900" style="font-family: var(--font-{{ app()->getLocale() === 'ar' ? 'arabic' : 'english' }})">
+    <body class="min-h-screen bg-white antialiased" style="font-family: var(--font-{{ app()->getLocale() === 'ar' ? 'arabic' : 'english' }})">
         <!-- Skip to content link for keyboard accessibility -->
         <a href="#main-content" class="skip-link" data-test="skip-to-content">
             {{ __('accessibility.skip_to_content') }}
diff --git a/resources/views/components/settings/layout.blade.php b/resources/views/components/settings/layout.blade.php
index dca245b..21b01e0 100644
--- a/resources/views/components/settings/layout.blade.php
+++ b/resources/views/components/settings/layout.blade.php
@@ -6,7 +6,6 @@
             @if (Laravel\Fortify\Features::canManageTwoFactorAuthentication())
                 <flux:navlist.item :href="route('two-factor.show')" wire:navigate>{{ __('Two-Factor Auth') }}</flux:navlist.item>
             @endif
-            <flux:navlist.item :href="route('appearance.edit')" wire:navigate>{{ __('Appearance') }}</flux:navlist.item>
         </flux:navlist>
     </div>
 
diff --git a/resources/views/dashboard.blade.php b/resources/views/dashboard.blade.php
index 5b4558d..a790f74 100644
--- a/resources/views/dashboard.blade.php
+++ b/resources/views/dashboard.blade.php
@@ -1,18 +1,18 @@
 <x-layouts.app :title="__('Dashboard')">
     <div class="flex h-full w-full flex-1 flex-col gap-4 rounded-xl">
         <div class="grid auto-rows-min gap-4 md:grid-cols-3">
-            <div class="relative aspect-video overflow-hidden rounded-xl border border-neutral-200 dark:border-neutral-700">
-                <x-placeholder-pattern class="absolute inset-0 size-full stroke-gray-900/20 dark:stroke-neutral-100/20" />
+            <div class="relative aspect-video overflow-hidden rounded-xl border border-neutral-200">
+                <x-placeholder-pattern class="absolute inset-0 size-full stroke-gray-900/20" />
             </div>
-            <div class="relative aspect-video overflow-hidden rounded-xl border border-neutral-200 dark:border-neutral-700">
-                <x-placeholder-pattern class="absolute inset-0 size-full stroke-gray-900/20 dark:stroke-neutral-100/20" />
+            <div class="relative aspect-video overflow-hidden rounded-xl border border-neutral-200">
+                <x-placeholder-pattern class="absolute inset-0 size-full stroke-gray-900/20" />
             </div>
-            <div class="relative aspect-video overflow-hidden rounded-xl border border-neutral-200 dark:border-neutral-700">
-                <x-placeholder-pattern class="absolute inset-0 size-full stroke-gray-900/20 dark:stroke-neutral-100/20" />
+            <div class="relative aspect-video overflow-hidden rounded-xl border border-neutral-200">
+                <x-placeholder-pattern class="absolute inset-0 size-full stroke-gray-900/20" />
             </div>
         </div>
-        <div class="relative h-full flex-1 overflow-hidden rounded-xl border border-neutral-200 dark:border-neutral-700">
-            <x-placeholder-pattern class="absolute inset-0 size-full stroke-gray-900/20 dark:stroke-neutral-100/20" />
+        <div class="relative h-full flex-1 overflow-hidden rounded-xl border border-neutral-200">
+            <x-placeholder-pattern class="absolute inset-0 size-full stroke-gray-900/20" />
         </div>
     </div>
 </x-layouts.app>
diff --git a/resources/views/flux/navlist/group.blade.php b/resources/views/flux/navlist/group.blade.php
index 5e691a2..93a98ad 100644
--- a/resources/views/flux/navlist/group.blade.php
+++ b/resources/views/flux/navlist/group.blade.php
@@ -13,7 +13,7 @@
 >
     <button
         type="button"
-        class="group/disclosure-button mb-[2px] flex h-10 w-full items-center rounded-lg text-zinc-500 hover:bg-zinc-800/5 hover:text-zinc-800 lg:h-8 dark:text-white/80 dark:hover:bg-white/[7%] dark:hover:text-white"
+        class="group/disclosure-button mb-[2px] flex h-10 w-full items-center rounded-lg text-zinc-500 hover:bg-zinc-800/5 hover:text-zinc-800 lg:h-8"
     >
         <div class="ps-3 pe-4">
             <flux:icon.chevron-down class="hidden size-3! group-data-open/disclosure-button:block" />
@@ -24,7 +24,7 @@
     </button>
 
     <div class="relative hidden space-y-[2px] ps-7 data-open:block" @if ($expanded === true) data-open @endif>
-        <div class="absolute inset-y-[3px] start-0 ms-4 w-px bg-zinc-200 dark:bg-white/30"></div>
+        <div class="absolute inset-y-[3px] start-0 ms-4 w-px bg-zinc-200"></div>
 
         {{ $slot }}
     </div>
diff --git a/resources/views/livewire/admin/audit-logs.blade.php b/resources/views/livewire/admin/audit-logs.blade.php
index 01e0b88..146db3a 100644
--- a/resources/views/livewire/admin/audit-logs.blade.php
+++ b/resources/views/livewire/admin/audit-logs.blade.php
@@ -131,7 +131,7 @@ new class extends Component
     <div class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4 mb-6">
         <div>
             <flux:heading size="xl">{{ __('audit.audit_logs') }}</flux:heading>
-            <p class="text-sm text-zinc-500 dark:text-zinc-400 mt-1">{{ __('audit.audit_logs_description') }}</p>
+            <p class="text-sm text-zinc-500 mt-1">{{ __('audit.audit_logs_description') }}</p>
         </div>
         <flux:button wire:click="exportCsv" icon="arrow-down-tray">
             {{ __('audit.export_csv') }}
@@ -139,7 +139,7 @@ new class extends Component
     </div>
 
     <!-- Filters -->
-    <div class="bg-white dark:bg-zinc-800 rounded-lg p-4 border border-zinc-200 dark:border-zinc-700 mb-6">
+    <div class="bg-white rounded-lg p-4 border border-zinc-200 mb-6">
         <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-4">
             <flux:field>
                 <flux:select wire:model.live="actionFilter">
@@ -188,7 +188,7 @@ new class extends Component
     </div>
 
     <!-- Sort Headers -->
-    <div class="hidden lg:flex bg-zinc-100 dark:bg-zinc-700 rounded-t-lg px-4 py-2 text-sm font-medium text-zinc-600 dark:text-zinc-300 gap-4 mb-0">
+    <div class="hidden lg:flex bg-zinc-100 rounded-t-lg px-4 py-2 text-sm font-medium text-zinc-600 gap-4 mb-0">
         <span class="w-40">{{ __('audit.timestamp') }}</span>
         <span class="w-32">{{ __('audit.admin') }}</span>
         <span class="w-28">{{ __('audit.action') }}</span>
@@ -200,18 +200,18 @@ new class extends Component
     <!-- Logs List -->
     <div class="space-y-0">
         @forelse($logs as $log)
-            <div wire:key="log-{{ $log->id }}" class="bg-white dark:bg-zinc-800 p-4 border border-zinc-200 dark:border-zinc-700 {{ $loop->first ? 'rounded-t-lg lg:rounded-t-none' : '' }} {{ $loop->last ? 'rounded-b-lg' : '' }} {{ !$loop->first ? 'border-t-0' : '' }}">
+            <div wire:key="log-{{ $log->id }}" class="bg-white p-4 border border-zinc-200 {{ $loop->first ? 'rounded-t-lg lg:rounded-t-none' : '' }} {{ $loop->last ? 'rounded-b-lg' : '' }} {{ !$loop->first ? 'border-t-0' : '' }}">
                 <div class="flex flex-col lg:flex-row lg:items-center gap-4">
                     <!-- Timestamp -->
                     <div class="lg:w-40">
-                        <div class="text-sm font-medium text-zinc-900 dark:text-zinc-100">
+                        <div class="text-sm font-medium text-zinc-900">
                             {{ $log->created_at->translatedFormat(app()->getLocale() === 'ar' ? 'd/m/Y H:i' : 'm/d/Y H:i') }}
                         </div>
                     </div>
 
                     <!-- Admin -->
                     <div class="lg:w-32">
-                        <div class="text-sm text-zinc-900 dark:text-zinc-100">
+                        <div class="text-sm text-zinc-900">
                             {{ $log->admin?->name ?? __('audit.system') }}
                         </div>
                     </div>
@@ -234,14 +234,14 @@ new class extends Component
 
                     <!-- Target -->
                     <div class="flex-1">
-                        <div class="text-sm text-zinc-900 dark:text-zinc-100">
+                        <div class="text-sm text-zinc-900">
                             {{ __("audit.target_{$log->target_type}") }} #{{ $log->target_id }}
                         </div>
                     </div>
 
                     <!-- IP Address -->
                     <div class="lg:w-36">
-                        <div class="text-sm text-zinc-500 dark:text-zinc-400 font-mono">
+                        <div class="text-sm text-zinc-500 font-mono">
                             {{ $log->ip_address }}
                         </div>
                     </div>
@@ -255,7 +255,7 @@ new class extends Component
                 </div>
             </div>
         @empty
-            <div class="text-center py-12 text-zinc-500 dark:text-zinc-400 bg-white dark:bg-zinc-800 rounded-lg border border-zinc-200 dark:border-zinc-700">
+            <div class="text-center py-12 text-zinc-500 bg-white rounded-lg border border-zinc-200">
                 <flux:icon name="clipboard-document-list" class="w-12 h-12 mx-auto mb-4" />
                 <p>{{ $actionFilter || $targetFilter || $dateFrom || $dateTo || $search ? __('audit.no_results') : __('audit.no_logs_found') }}</p>
             </div>
@@ -274,38 +274,38 @@ new class extends Component
 
                 <div class="grid grid-cols-2 gap-4 text-sm">
                     <div>
-                        <span class="font-medium text-zinc-500 dark:text-zinc-400">{{ __('audit.timestamp') }}:</span>
-                        <span class="ms-2 text-zinc-900 dark:text-zinc-100">{{ $selectedLog->created_at->format('Y-m-d H:i:s') }}</span>
+                        <span class="font-medium text-zinc-500">{{ __('audit.timestamp') }}:</span>
+                        <span class="ms-2 text-zinc-900">{{ $selectedLog->created_at->format('Y-m-d H:i:s') }}</span>
                     </div>
                     <div>
-                        <span class="font-medium text-zinc-500 dark:text-zinc-400">{{ __('audit.admin') }}:</span>
-                        <span class="ms-2 text-zinc-900 dark:text-zinc-100">{{ $selectedLog->admin?->name ?? __('audit.system') }}</span>
+                        <span class="font-medium text-zinc-500">{{ __('audit.admin') }}:</span>
+                        <span class="ms-2 text-zinc-900">{{ $selectedLog->admin?->name ?? __('audit.system') }}</span>
                     </div>
                     <div>
-                        <span class="font-medium text-zinc-500 dark:text-zinc-400">{{ __('audit.action') }}:</span>
-                        <span class="ms-2 text-zinc-900 dark:text-zinc-100">{{ __("audit.action_{$selectedLog->action}") }}</span>
+                        <span class="font-medium text-zinc-500">{{ __('audit.action') }}:</span>
+                        <span class="ms-2 text-zinc-900">{{ __("audit.action_{$selectedLog->action}") }}</span>
                     </div>
                     <div>
-                        <span class="font-medium text-zinc-500 dark:text-zinc-400">{{ __('audit.target') }}:</span>
-                        <span class="ms-2 text-zinc-900 dark:text-zinc-100">{{ __("audit.target_{$selectedLog->target_type}") }} #{{ $selectedLog->target_id }}</span>
+                        <span class="font-medium text-zinc-500">{{ __('audit.target') }}:</span>
+                        <span class="ms-2 text-zinc-900">{{ __("audit.target_{$selectedLog->target_type}") }} #{{ $selectedLog->target_id }}</span>
                     </div>
                     <div class="col-span-2">
-                        <span class="font-medium text-zinc-500 dark:text-zinc-400">{{ __('audit.ip_address') }}:</span>
-                        <span class="ms-2 text-zinc-900 dark:text-zinc-100 font-mono">{{ $selectedLog->ip_address }}</span>
+                        <span class="font-medium text-zinc-500">{{ __('audit.ip_address') }}:</span>
+                        <span class="ms-2 text-zinc-900 font-mono">{{ $selectedLog->ip_address }}</span>
                     </div>
                 </div>
 
                 @if($selectedLog->old_values)
                     <div>
-                        <strong class="text-zinc-700 dark:text-zinc-300">{{ __('audit.old_values') }}:</strong>
-                        <pre class="bg-zinc-100 dark:bg-zinc-900 p-3 rounded-lg text-sm overflow-auto mt-2 text-zinc-800 dark:text-zinc-200" dir="ltr">{{ json_encode($selectedLog->old_values, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE) }}</pre>
+                        <strong class="text-zinc-700">{{ __('audit.old_values') }}:</strong>
+                        <pre class="bg-zinc-100 p-3 rounded-lg text-sm overflow-auto mt-2 text-zinc-800" dir="ltr">{{ json_encode($selectedLog->old_values, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE) }}</pre>
                     </div>
                 @endif
 
                 @if($selectedLog->new_values)
                     <div>
-                        <strong class="text-zinc-700 dark:text-zinc-300">{{ __('audit.new_values') }}:</strong>
-                        <pre class="bg-zinc-100 dark:bg-zinc-900 p-3 rounded-lg text-sm overflow-auto mt-2 text-zinc-800 dark:text-zinc-200" dir="ltr">{{ json_encode($selectedLog->new_values, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE) }}</pre>
+                        <strong class="text-zinc-700">{{ __('audit.new_values') }}:</strong>
+                        <pre class="bg-zinc-100 p-3 rounded-lg text-sm overflow-auto mt-2 text-zinc-800" dir="ltr">{{ json_encode($selectedLog->new_values, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE) }}</pre>
                     </div>
                 @endif
 
diff --git a/resources/views/livewire/admin/bookings/pending.blade.php b/resources/views/livewire/admin/bookings/pending.blade.php
index 2c73bf1..7b29899 100644
--- a/resources/views/livewire/admin/bookings/pending.blade.php
+++ b/resources/views/livewire/admin/bookings/pending.blade.php
@@ -182,7 +182,7 @@ new class extends Component
     @endif
 
     <!-- Filters -->
-    <div class="bg-white dark:bg-zinc-800 rounded-lg p-4 border border-zinc-200 dark:border-zinc-700 mb-6">
+    <div class="bg-white rounded-lg p-4 border border-zinc-200 mb-6">
         <div class="flex flex-col sm:flex-row gap-4 items-end">
             <flux:field class="flex-1">
                 <flux:label>{{ __('admin.date_from') }}</flux:label>
@@ -205,7 +205,7 @@ new class extends Component
     <!-- Bookings List -->
     <div class="space-y-4">
         @forelse($bookings as $booking)
-            <div wire:key="booking-{{ $booking->id }}" class="bg-white dark:bg-zinc-800 rounded-lg p-4 border border-zinc-200 dark:border-zinc-700">
+            <div wire:key="booking-{{ $booking->id }}" class="bg-white rounded-lg p-4 border border-zinc-200">
                 <div class="flex flex-col lg:flex-row lg:items-start justify-between gap-4">
                     <!-- Booking Info -->
                     <div class="flex-1">
@@ -213,7 +213,7 @@ new class extends Component
                             @if($booking->isGuest())
                                 <flux:badge color="amber" size="sm">{{ __('admin.guest') }}</flux:badge>
                             @endif
-                            <span class="font-semibold text-zinc-900 dark:text-zinc-100">
+                            <span class="font-semibold text-zinc-900">
                                 {{ $booking->getClientName() }}
                             </span>
                             <flux:badge variant="warning" size="sm">
@@ -221,7 +221,7 @@ new class extends Component
                             </flux:badge>
                         </div>
 
-                        <div class="grid grid-cols-1 sm:grid-cols-2 gap-2 text-sm text-zinc-600 dark:text-zinc-400">
+                        <div class="grid grid-cols-1 sm:grid-cols-2 gap-2 text-sm text-zinc-600">
                             <div class="flex items-center gap-2">
                                 <flux:icon name="calendar" class="w-4 h-4" />
                                 {{ \Carbon\Carbon::parse($booking->booking_date)->translatedFormat('l, d M Y') }}
@@ -242,7 +242,7 @@ new class extends Component
                             </div>
                         </div>
 
-                        <p class="mt-3 text-sm text-zinc-600 dark:text-zinc-400 line-clamp-2">
+                        <p class="mt-3 text-sm text-zinc-600 line-clamp-2">
                             {{ Str::limit($booking->problem_summary, 150) }}
                         </p>
                     </div>
@@ -279,7 +279,7 @@ new class extends Component
                 </div>
             </div>
         @empty
-            <div class="text-center py-12 text-zinc-500 dark:text-zinc-400 bg-white dark:bg-zinc-800 rounded-lg border border-zinc-200 dark:border-zinc-700">
+            <div class="text-center py-12 text-zinc-500 bg-white rounded-lg border border-zinc-200">
                 <flux:icon name="inbox" class="w-12 h-12 mx-auto mb-4" />
                 <p>{{ __('admin.no_pending_bookings') }}</p>
             </div>
diff --git a/resources/views/livewire/admin/bookings/review.blade.php b/resources/views/livewire/admin/bookings/review.blade.php
index 1012379..66420f4 100644
--- a/resources/views/livewire/admin/bookings/review.blade.php
+++ b/resources/views/livewire/admin/bookings/review.blade.php
@@ -210,7 +210,7 @@ new class extends Component
     @endif
 
     <!-- Client/Guest Information -->
-    <div class="bg-white dark:bg-zinc-800 rounded-lg p-6 border border-zinc-200 dark:border-zinc-700 mb-6">
+    <div class="bg-white rounded-lg p-6 border border-zinc-200 mb-6">
         <div class="flex items-center gap-2 mb-4">
             <flux:heading size="lg">{{ __('admin.client_information') }}</flux:heading>
             @if($consultation->isGuest())
@@ -220,22 +220,22 @@ new class extends Component
 
         <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
             <div>
-                <p class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('admin.client_name') }}</p>
-                <p class="font-medium text-zinc-900 dark:text-zinc-100">
+                <p class="text-sm text-zinc-500">{{ __('admin.client_name') }}</p>
+                <p class="font-medium text-zinc-900">
                     {{ $consultation->getClientName() }}
                 </p>
             </div>
             <div>
-                <p class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('admin.client_email') }}</p>
-                <p class="font-medium text-zinc-900 dark:text-zinc-100">
+                <p class="text-sm text-zinc-500">{{ __('admin.client_email') }}</p>
+                <p class="font-medium text-zinc-900">
                     <a href="mailto:{{ $consultation->getClientEmail() }}" class="text-primary hover:underline">
                         {{ $consultation->getClientEmail() }}
                     </a>
                 </p>
             </div>
             <div>
-                <p class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('admin.client_phone') }}</p>
-                <p class="font-medium text-zinc-900 dark:text-zinc-100">
+                <p class="text-sm text-zinc-500">{{ __('admin.client_phone') }}</p>
+                <p class="font-medium text-zinc-900">
                     @if($consultation->getClientPhone())
                         <a href="tel:{{ $consultation->getClientPhone() }}" class="text-primary hover:underline">
                             {{ $consultation->getClientPhone() }}
@@ -247,8 +247,8 @@ new class extends Component
             </div>
             @unless($consultation->isGuest())
             <div>
-                <p class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('admin.client_type') }}</p>
-                <p class="font-medium text-zinc-900 dark:text-zinc-100">
+                <p class="text-sm text-zinc-500">{{ __('admin.client_type') }}</p>
+                <p class="font-medium text-zinc-900">
                     {{ ucfirst($consultation->user?->user_type?->value ?? '-') }}
                 </p>
             </div>
@@ -257,30 +257,30 @@ new class extends Component
     </div>
 
     <!-- Booking Details -->
-    <div class="bg-white dark:bg-zinc-800 rounded-lg p-6 border border-zinc-200 dark:border-zinc-700 mb-6">
+    <div class="bg-white rounded-lg p-6 border border-zinc-200 mb-6">
         <flux:heading size="lg" class="mb-4">{{ __('admin.booking_details') }}</flux:heading>
 
         <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
             <div>
-                <p class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('admin.requested_date') }}</p>
-                <p class="font-medium text-zinc-900 dark:text-zinc-100">
+                <p class="text-sm text-zinc-500">{{ __('admin.requested_date') }}</p>
+                <p class="font-medium text-zinc-900">
                     {{ \Carbon\Carbon::parse($consultation->booking_date)->translatedFormat('l, d M Y') }}
                 </p>
             </div>
             <div>
-                <p class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('admin.requested_time') }}</p>
-                <p class="font-medium text-zinc-900 dark:text-zinc-100">
+                <p class="text-sm text-zinc-500">{{ __('admin.requested_time') }}</p>
+                <p class="font-medium text-zinc-900">
                     {{ \Carbon\Carbon::parse($consultation->booking_time)->format('g:i A') }}
                 </p>
             </div>
             <div>
-                <p class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('admin.submission_date') }}</p>
-                <p class="font-medium text-zinc-900 dark:text-zinc-100">
+                <p class="text-sm text-zinc-500">{{ __('admin.submission_date') }}</p>
+                <p class="font-medium text-zinc-900">
                     {{ $consultation->created_at->translatedFormat('d M Y, g:i A') }}
                 </p>
             </div>
             <div>
-                <p class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('admin.current_status') }}</p>
+                <p class="text-sm text-zinc-500">{{ __('admin.current_status') }}</p>
                 <flux:badge :variant="match($consultation->status) {
                     ConsultationStatus::Pending => 'warning',
                     ConsultationStatus::Approved => 'success',
@@ -293,8 +293,8 @@ new class extends Component
         </div>
 
         <div>
-            <p class="text-sm text-zinc-500 dark:text-zinc-400 mb-2">{{ __('admin.problem_summary') }}</p>
-            <p class="text-zinc-900 dark:text-zinc-100 whitespace-pre-wrap">
+            <p class="text-sm text-zinc-500 mb-2">{{ __('admin.problem_summary') }}</p>
+            <p class="text-zinc-900 whitespace-pre-wrap">
                 {{ $consultation->problem_summary }}
             </p>
         </div>
@@ -302,17 +302,17 @@ new class extends Component
 
     <!-- Consultation History -->
     @if($consultationHistory->count() > 0)
-        <div class="bg-white dark:bg-zinc-800 rounded-lg p-6 border border-zinc-200 dark:border-zinc-700 mb-6">
+        <div class="bg-white rounded-lg p-6 border border-zinc-200 mb-6">
             <flux:heading size="lg" class="mb-4">{{ __('admin.consultation_history') }}</flux:heading>
 
             <div class="space-y-3">
                 @foreach($consultationHistory as $history)
-                    <div class="flex items-center justify-between p-3 bg-zinc-50 dark:bg-zinc-700 rounded-lg">
+                    <div class="flex items-center justify-between p-3 bg-zinc-50 rounded-lg">
                         <div>
-                            <p class="font-medium text-zinc-900 dark:text-zinc-100">
+                            <p class="font-medium text-zinc-900">
                                 {{ \Carbon\Carbon::parse($history->booking_date)->translatedFormat('d M Y') }}
                             </p>
-                            <p class="text-sm text-zinc-500 dark:text-zinc-400">
+                            <p class="text-sm text-zinc-500">
                                 {{ $history->consultation_type?->value ?? '-' }}
                             </p>
                         </div>
@@ -350,7 +350,7 @@ new class extends Component
             <flux:heading size="lg">{{ __('admin.approve_booking') }}</flux:heading>
 
             <!-- Client Info Summary -->
-            <div class="bg-zinc-50 dark:bg-zinc-700 p-4 rounded-lg">
+            <div class="bg-zinc-50 p-4 rounded-lg">
                 <p><strong>{{ __('admin.client') }}:</strong> {{ $consultation->getClientName() }}</p>
                 <p><strong>{{ __('admin.date') }}:</strong> {{ \Carbon\Carbon::parse($consultation->booking_date)->translatedFormat('l, d M Y') }}</p>
                 <p><strong>{{ __('admin.time') }}:</strong> {{ \Carbon\Carbon::parse($consultation->booking_time)->format('g:i A') }}</p>
@@ -405,7 +405,7 @@ new class extends Component
             <flux:heading size="lg">{{ __('admin.reject_booking') }}</flux:heading>
 
             <!-- Client Info Summary -->
-            <div class="bg-zinc-50 dark:bg-zinc-700 p-4 rounded-lg">
+            <div class="bg-zinc-50 p-4 rounded-lg">
                 <p><strong>{{ __('admin.client') }}:</strong> {{ $consultation->getClientName() }}</p>
                 <p><strong>{{ __('admin.date') }}:</strong> {{ \Carbon\Carbon::parse($consultation->booking_date)->translatedFormat('l, d M Y') }}</p>
                 <p><strong>{{ __('admin.time') }}:</strong> {{ \Carbon\Carbon::parse($consultation->booking_time)->format('g:i A') }}</p>
diff --git a/resources/views/livewire/admin/clients/company/create.blade.php b/resources/views/livewire/admin/clients/company/create.blade.php
index c62f4dc..40c3efc 100644
--- a/resources/views/livewire/admin/clients/company/create.blade.php
+++ b/resources/views/livewire/admin/clients/company/create.blade.php
@@ -87,10 +87,10 @@ new class extends Component {
 
     <div class="mb-6">
         <flux:heading size="xl">{{ __('clients.create_company') }}</flux:heading>
-        <flux:text class="mt-1 text-zinc-500 dark:text-zinc-400">{{ __('clients.company_clients') }}</flux:text>
+        <flux:text class="mt-1 text-zinc-500">{{ __('clients.company_clients') }}</flux:text>
     </div>
 
-    <div class="rounded-lg border border-zinc-200 bg-white p-6 dark:border-zinc-700 dark:bg-zinc-800">
+    <div class="rounded-lg border border-zinc-200 bg-white p-6">
         <form wire:submit="create" class="space-y-6">
             <div class="grid gap-6 sm:grid-cols-2">
                 <flux:field>
@@ -174,7 +174,7 @@ new class extends Component {
                 </flux:field>
             </div>
 
-            <div class="flex items-center justify-end gap-4 border-t border-zinc-200 pt-6 dark:border-zinc-700">
+            <div class="flex items-center justify-end gap-4 border-t border-zinc-200 pt-6">
                 <flux:button variant="ghost" :href="route('admin.clients.company.index')" wire:navigate>
                     {{ __('clients.cancel') }}
                 </flux:button>
diff --git a/resources/views/livewire/admin/clients/company/edit.blade.php b/resources/views/livewire/admin/clients/company/edit.blade.php
index f222a10..8b0c0d1 100644
--- a/resources/views/livewire/admin/clients/company/edit.blade.php
+++ b/resources/views/livewire/admin/clients/company/edit.blade.php
@@ -111,10 +111,10 @@ new class extends Component {
 
     <div class="mb-6">
         <flux:heading size="xl">{{ __('clients.edit_company') }}</flux:heading>
-        <flux:text class="mt-1 text-zinc-500 dark:text-zinc-400">{{ $client->company_name }}</flux:text>
+        <flux:text class="mt-1 text-zinc-500">{{ $client->company_name }}</flux:text>
     </div>
 
-    <div class="rounded-lg border border-zinc-200 bg-white p-6 dark:border-zinc-700 dark:bg-zinc-800">
+    <div class="rounded-lg border border-zinc-200 bg-white p-6">
         <form wire:submit="update" class="space-y-6">
             <div class="grid gap-6 sm:grid-cols-2">
                 <flux:field>
@@ -210,7 +210,7 @@ new class extends Component {
                 </flux:field>
             </div>
 
-            <div class="flex items-center justify-end gap-4 border-t border-zinc-200 pt-6 dark:border-zinc-700">
+            <div class="flex items-center justify-end gap-4 border-t border-zinc-200 pt-6">
                 <flux:button variant="ghost" :href="route('admin.clients.company.index')" wire:navigate>
                     {{ __('clients.cancel') }}
                 </flux:button>
diff --git a/resources/views/livewire/admin/clients/company/index.blade.php b/resources/views/livewire/admin/clients/company/index.blade.php
index 1690696..e1c089d 100644
--- a/resources/views/livewire/admin/clients/company/index.blade.php
+++ b/resources/views/livewire/admin/clients/company/index.blade.php
@@ -55,7 +55,7 @@ new class extends Component {
     <div class="page-header mb-6">
         <div>
             <flux:heading size="xl" class="text-xl sm:text-2xl">{{ __('clients.company_clients') }}</flux:heading>
-            <flux:text class="mt-1 text-zinc-500 dark:text-zinc-400">{{ __('clients.clients') }}</flux:text>
+            <flux:text class="mt-1 text-zinc-500">{{ __('clients.clients') }}</flux:text>
         </div>
         <div class="header-actions">
             <flux:button :href="route('admin.users.export')" wire:navigate icon="arrow-down-tray" class="w-full sm:w-auto justify-center">
@@ -67,7 +67,7 @@ new class extends Component {
         </div>
     </div>
 
-    <div class="mb-6 rounded-lg border border-zinc-200 bg-white p-4 dark:border-zinc-700 dark:bg-zinc-800">
+    <div class="mb-6 rounded-lg border border-zinc-200 bg-white p-4">
         <div class="flex flex-col gap-4 sm:flex-row sm:items-end">
             <div class="flex-1">
                 <flux:input
@@ -101,50 +101,50 @@ new class extends Component {
         </div>
     </div>
 
-    <div class="overflow-hidden rounded-lg border border-zinc-200 bg-white dark:border-zinc-700 dark:bg-zinc-800">
+    <div class="overflow-hidden rounded-lg border border-zinc-200 bg-white">
         <div class="table-scroll-wrapper">
-            <table class="min-w-full divide-y divide-zinc-200 dark:divide-zinc-700">
-                <thead class="bg-zinc-50 dark:bg-zinc-900">
+            <table class="min-w-full divide-y divide-zinc-200">
+                <thead class="bg-zinc-50">
                     <tr>
-                        <th class="px-6 py-3 text-start text-xs font-medium uppercase tracking-wider text-zinc-500 dark:text-zinc-400">
+                        <th class="px-6 py-3 text-start text-xs font-medium uppercase tracking-wider text-zinc-500">
                             {{ __('clients.company_name') }}
                         </th>
-                        <th class="px-6 py-3 text-start text-xs font-medium uppercase tracking-wider text-zinc-500 dark:text-zinc-400">
+                        <th class="px-6 py-3 text-start text-xs font-medium uppercase tracking-wider text-zinc-500">
                             {{ __('clients.contact_person') }}
                         </th>
-                        <th class="px-6 py-3 text-start text-xs font-medium uppercase tracking-wider text-zinc-500 dark:text-zinc-400">
+                        <th class="px-6 py-3 text-start text-xs font-medium uppercase tracking-wider text-zinc-500">
                             {{ __('clients.email') }}
                         </th>
-                        <th class="px-6 py-3 text-start text-xs font-medium uppercase tracking-wider text-zinc-500 dark:text-zinc-400">
+                        <th class="px-6 py-3 text-start text-xs font-medium uppercase tracking-wider text-zinc-500">
                             {{ __('clients.registration_number') }}
                         </th>
-                        <th class="px-6 py-3 text-start text-xs font-medium uppercase tracking-wider text-zinc-500 dark:text-zinc-400">
+                        <th class="px-6 py-3 text-start text-xs font-medium uppercase tracking-wider text-zinc-500">
                             {{ __('clients.status') }}
                         </th>
-                        <th class="px-6 py-3 text-start text-xs font-medium uppercase tracking-wider text-zinc-500 dark:text-zinc-400">
+                        <th class="px-6 py-3 text-start text-xs font-medium uppercase tracking-wider text-zinc-500">
                             {{ __('clients.created_at') }}
                         </th>
-                        <th class="px-6 py-3 text-end text-xs font-medium uppercase tracking-wider text-zinc-500 dark:text-zinc-400">
+                        <th class="px-6 py-3 text-end text-xs font-medium uppercase tracking-wider text-zinc-500">
                             {{ __('clients.actions') }}
                         </th>
                     </tr>
                 </thead>
-                <tbody class="divide-y divide-zinc-200 bg-white dark:divide-zinc-700 dark:bg-zinc-800">
+                <tbody class="divide-y divide-zinc-200 bg-white">
                     @forelse ($clients as $client)
                         <tr wire:key="client-{{ $client->id }}">
                             <td class="whitespace-nowrap px-6 py-4">
                                 <div class="flex items-center gap-3">
                                     <flux:avatar size="sm" :name="$client->company_name" />
-                                    <span class="font-medium text-zinc-900 dark:text-zinc-100">{{ $client->company_name }}</span>
+                                    <span class="font-medium text-zinc-900">{{ $client->company_name }}</span>
                                 </div>
                             </td>
-                            <td class="whitespace-nowrap px-6 py-4 text-zinc-600 dark:text-zinc-400">
+                            <td class="whitespace-nowrap px-6 py-4 text-zinc-600">
                                 {{ $client->contact_person_name }}
                             </td>
-                            <td class="whitespace-nowrap px-6 py-4 text-zinc-600 dark:text-zinc-400">
+                            <td class="whitespace-nowrap px-6 py-4 text-zinc-600">
                                 {{ $client->email }}
                             </td>
-                            <td class="whitespace-nowrap px-6 py-4 text-zinc-600 dark:text-zinc-400">
+                            <td class="whitespace-nowrap px-6 py-4 text-zinc-600">
                                 {{ $client->company_cert_number }}
                             </td>
                             <td class="whitespace-nowrap px-6 py-4">
@@ -154,7 +154,7 @@ new class extends Component {
                                     <flux:badge color="red" size="sm">{{ __('clients.deactivated') }}</flux:badge>
                                 @endif
                             </td>
-                            <td class="whitespace-nowrap px-6 py-4 text-zinc-600 dark:text-zinc-400">
+                            <td class="whitespace-nowrap px-6 py-4 text-zinc-600">
                                 {{ $client->created_at->format('Y-m-d') }}
                             </td>
                             <td class="whitespace-nowrap px-6 py-4 text-end">
@@ -183,7 +183,7 @@ new class extends Component {
                             <td colspan="7" class="px-6 py-12 text-center">
                                 <div class="flex flex-col items-center">
                                     <flux:icon name="building-office" class="mb-4 h-12 w-12 text-zinc-400" />
-                                    <flux:text class="text-zinc-500 dark:text-zinc-400">
+                                    <flux:text class="text-zinc-500">
                                         @if ($search || $statusFilter)
                                             {{ __('clients.no_companies_match') }}
                                         @else
@@ -204,7 +204,7 @@ new class extends Component {
         </div>
 
         @if ($clients->hasPages())
-            <div class="border-t border-zinc-200 bg-zinc-50 px-6 py-4 dark:border-zinc-700 dark:bg-zinc-900">
+            <div class="border-t border-zinc-200 bg-zinc-50 px-6 py-4">
                 {{ $clients->links() }}
             </div>
         @endif
diff --git a/resources/views/livewire/admin/clients/company/show.blade.php b/resources/views/livewire/admin/clients/company/show.blade.php
index 68b87b6..f299c72 100644
--- a/resources/views/livewire/admin/clients/company/show.blade.php
+++ b/resources/views/livewire/admin/clients/company/show.blade.php
@@ -29,7 +29,7 @@ new class extends Component {
             </flux:button>
         </div>
         <div class="flex flex-wrap gap-2">
-            <flux:button variant="ghost" class="border border-amber-500 text-amber-600 hover:bg-amber-50 dark:text-amber-400 dark:hover:bg-amber-900/20" x-data x-on:click="$flux.modal('convert-to-individual').show()" icon="user">
+            <flux:button variant="ghost" class="border border-amber-500 text-amber-600 hover:bg-amber-50" x-data x-on:click="$flux.modal('convert-to-individual').show()" icon="user">
                 {{ __('clients.convert_to_individual') }}
             </flux:button>
             <flux:button variant="primary" :href="route('admin.clients.company.edit', $client)" wire:navigate icon="pencil">
@@ -40,14 +40,14 @@ new class extends Component {
 
     <div class="mb-6">
         <flux:heading size="xl">{{ __('clients.company_profile') }}</flux:heading>
-        <flux:text class="mt-1 text-zinc-500 dark:text-zinc-400">{{ $client->company_name }}</flux:text>
+        <flux:text class="mt-1 text-zinc-500">{{ $client->company_name }}</flux:text>
     </div>
 
     <div class="grid gap-6 lg:grid-cols-3">
         {{-- Company Information --}}
         <div class="lg:col-span-2">
-            <div class="rounded-lg border border-zinc-200 bg-white dark:border-zinc-700 dark:bg-zinc-800">
-                <div class="border-b border-zinc-200 px-6 py-4 dark:border-zinc-700">
+            <div class="rounded-lg border border-zinc-200 bg-white">
+                <div class="border-b border-zinc-200 px-6 py-4">
                     <flux:heading size="lg">{{ __('clients.company_information') }}</flux:heading>
                 </div>
                 <div class="p-6">
@@ -56,37 +56,37 @@ new class extends Component {
                         <div class="flex-1">
                             <div class="grid gap-6 sm:grid-cols-2">
                                 <div>
-                                    <flux:text class="text-sm font-medium text-zinc-500 dark:text-zinc-400">{{ __('clients.company_name') }}</flux:text>
-                                    <flux:text class="mt-1 text-zinc-900 dark:text-zinc-100">{{ $client->company_name }}</flux:text>
+                                    <flux:text class="text-sm font-medium text-zinc-500">{{ __('clients.company_name') }}</flux:text>
+                                    <flux:text class="mt-1 text-zinc-900">{{ $client->company_name }}</flux:text>
                                 </div>
                                 <div>
-                                    <flux:text class="text-sm font-medium text-zinc-500 dark:text-zinc-400">{{ __('clients.registration_number') }}</flux:text>
-                                    <flux:text class="mt-1 text-zinc-900 dark:text-zinc-100">{{ $client->company_cert_number }}</flux:text>
+                                    <flux:text class="text-sm font-medium text-zinc-500">{{ __('clients.registration_number') }}</flux:text>
+                                    <flux:text class="mt-1 text-zinc-900">{{ $client->company_cert_number }}</flux:text>
                                 </div>
                                 <div>
-                                    <flux:text class="text-sm font-medium text-zinc-500 dark:text-zinc-400">{{ __('clients.contact_person_name') }}</flux:text>
-                                    <flux:text class="mt-1 text-zinc-900 dark:text-zinc-100">{{ $client->contact_person_name }}</flux:text>
+                                    <flux:text class="text-sm font-medium text-zinc-500">{{ __('clients.contact_person_name') }}</flux:text>
+                                    <flux:text class="mt-1 text-zinc-900">{{ $client->contact_person_name }}</flux:text>
                                 </div>
                                 <div>
-                                    <flux:text class="text-sm font-medium text-zinc-500 dark:text-zinc-400">{{ __('clients.contact_person_id') }}</flux:text>
-                                    <flux:text class="mt-1 text-zinc-900 dark:text-zinc-100">{{ $client->contact_person_id }}</flux:text>
+                                    <flux:text class="text-sm font-medium text-zinc-500">{{ __('clients.contact_person_id') }}</flux:text>
+                                    <flux:text class="mt-1 text-zinc-900">{{ $client->contact_person_id }}</flux:text>
                                 </div>
                                 <div>
-                                    <flux:text class="text-sm font-medium text-zinc-500 dark:text-zinc-400">{{ __('clients.email') }}</flux:text>
-                                    <flux:text class="mt-1 text-zinc-900 dark:text-zinc-100">{{ $client->email }}</flux:text>
+                                    <flux:text class="text-sm font-medium text-zinc-500">{{ __('clients.email') }}</flux:text>
+                                    <flux:text class="mt-1 text-zinc-900">{{ $client->email }}</flux:text>
                                 </div>
                                 <div>
-                                    <flux:text class="text-sm font-medium text-zinc-500 dark:text-zinc-400">{{ __('clients.phone') }}</flux:text>
-                                    <flux:text class="mt-1 text-zinc-900 dark:text-zinc-100">{{ $client->phone }}</flux:text>
+                                    <flux:text class="text-sm font-medium text-zinc-500">{{ __('clients.phone') }}</flux:text>
+                                    <flux:text class="mt-1 text-zinc-900">{{ $client->phone }}</flux:text>
                                 </div>
                                 <div>
-                                    <flux:text class="text-sm font-medium text-zinc-500 dark:text-zinc-400">{{ __('clients.preferred_language') }}</flux:text>
-                                    <flux:text class="mt-1 text-zinc-900 dark:text-zinc-100">
+                                    <flux:text class="text-sm font-medium text-zinc-500">{{ __('clients.preferred_language') }}</flux:text>
+                                    <flux:text class="mt-1 text-zinc-900">
                                         {{ $client->preferred_language === 'ar' ? __('clients.arabic') : __('clients.english') }}
                                     </flux:text>
                                 </div>
                                 <div>
-                                    <flux:text class="text-sm font-medium text-zinc-500 dark:text-zinc-400">{{ __('clients.status') }}</flux:text>
+                                    <flux:text class="text-sm font-medium text-zinc-500">{{ __('clients.status') }}</flux:text>
                                     <div class="mt-1">
                                         @if ($client->status === UserStatus::Active)
                                             <flux:badge color="green">{{ __('clients.active') }}</flux:badge>
@@ -96,12 +96,12 @@ new class extends Component {
                                     </div>
                                 </div>
                                 <div>
-                                    <flux:text class="text-sm font-medium text-zinc-500 dark:text-zinc-400">{{ __('clients.member_since') }}</flux:text>
-                                    <flux:text class="mt-1 text-zinc-900 dark:text-zinc-100">{{ $client->created_at->format('Y-m-d') }}</flux:text>
+                                    <flux:text class="text-sm font-medium text-zinc-500">{{ __('clients.member_since') }}</flux:text>
+                                    <flux:text class="mt-1 text-zinc-900">{{ $client->created_at->format('Y-m-d') }}</flux:text>
                                 </div>
                                 <div>
-                                    <flux:text class="text-sm font-medium text-zinc-500 dark:text-zinc-400">{{ __('clients.user_type') }}</flux:text>
-                                    <flux:text class="mt-1 text-zinc-900 dark:text-zinc-100">{{ __('clients.company') }}</flux:text>
+                                    <flux:text class="text-sm font-medium text-zinc-500">{{ __('clients.user_type') }}</flux:text>
+                                    <flux:text class="mt-1 text-zinc-900">{{ __('clients.company') }}</flux:text>
                                 </div>
                             </div>
                         </div>
@@ -113,34 +113,34 @@ new class extends Component {
         {{-- Stats Sidebar --}}
         <div class="space-y-6">
             {{-- Consultation Summary --}}
-            <div class="rounded-lg border border-zinc-200 bg-white dark:border-zinc-700 dark:bg-zinc-800">
-                <div class="border-b border-zinc-200 px-6 py-4 dark:border-zinc-700">
+            <div class="rounded-lg border border-zinc-200 bg-white">
+                <div class="border-b border-zinc-200 px-6 py-4">
                     <flux:heading size="lg">{{ __('clients.consultation_history') }}</flux:heading>
                 </div>
                 <div class="p-6">
                     <div class="space-y-4">
                         <div class="flex items-center justify-between">
-                            <flux:text class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('clients.total_consultations') }}</flux:text>
+                            <flux:text class="text-sm text-zinc-500">{{ __('clients.total_consultations') }}</flux:text>
                             <flux:badge color="zinc">{{ $client->consultations_count }}</flux:badge>
                         </div>
                         <div class="flex items-center justify-between">
-                            <flux:text class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('clients.pending_consultations') }}</flux:text>
+                            <flux:text class="text-sm text-zinc-500">{{ __('clients.pending_consultations') }}</flux:text>
                             <flux:badge color="yellow">{{ $client->pending_consultations_count }}</flux:badge>
                         </div>
                         <div class="flex items-center justify-between">
-                            <flux:text class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('clients.completed_consultations') }}</flux:text>
+                            <flux:text class="text-sm text-zinc-500">{{ __('clients.completed_consultations') }}</flux:text>
                             <flux:badge color="green">{{ $client->completed_consultations_count }}</flux:badge>
                         </div>
                     </div>
                     @if ($client->consultations_count > 0)
-                        <div class="mt-4 border-t border-zinc-200 pt-4 dark:border-zinc-700">
-                            <flux:text class="text-sm text-zinc-500 dark:text-zinc-400">
+                        <div class="mt-4 border-t border-zinc-200 pt-4">
+                            <flux:text class="text-sm text-zinc-500">
                                 {{ __('clients.view_all_consultations') }}
                             </flux:text>
                         </div>
                     @else
-                        <div class="mt-4 border-t border-zinc-200 pt-4 dark:border-zinc-700">
-                            <flux:text class="text-sm text-zinc-500 dark:text-zinc-400">
+                        <div class="mt-4 border-t border-zinc-200 pt-4">
+                            <flux:text class="text-sm text-zinc-500">
                                 {{ __('clients.no_consultations') }}
                             </flux:text>
                         </div>
@@ -149,30 +149,30 @@ new class extends Component {
             </div>
 
             {{-- Timeline Summary --}}
-            <div class="rounded-lg border border-zinc-200 bg-white dark:border-zinc-700 dark:bg-zinc-800">
-                <div class="border-b border-zinc-200 px-6 py-4 dark:border-zinc-700">
+            <div class="rounded-lg border border-zinc-200 bg-white">
+                <div class="border-b border-zinc-200 px-6 py-4">
                     <flux:heading size="lg">{{ __('clients.timeline_history') }}</flux:heading>
                 </div>
                 <div class="p-6">
                     <div class="space-y-4">
                         <div class="flex items-center justify-between">
-                            <flux:text class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('clients.total_timelines') }}</flux:text>
+                            <flux:text class="text-sm text-zinc-500">{{ __('clients.total_timelines') }}</flux:text>
                             <flux:badge color="zinc">{{ $client->timelines_count }}</flux:badge>
                         </div>
                         <div class="flex items-center justify-between">
-                            <flux:text class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('clients.active_timelines') }}</flux:text>
+                            <flux:text class="text-sm text-zinc-500">{{ __('clients.active_timelines') }}</flux:text>
                             <flux:badge color="blue">{{ $client->active_timelines_count }}</flux:badge>
                         </div>
                     </div>
                     @if ($client->timelines_count > 0)
-                        <div class="mt-4 border-t border-zinc-200 pt-4 dark:border-zinc-700">
-                            <flux:text class="text-sm text-zinc-500 dark:text-zinc-400">
+                        <div class="mt-4 border-t border-zinc-200 pt-4">
+                            <flux:text class="text-sm text-zinc-500">
                                 {{ __('clients.view_all_timelines') }}
                             </flux:text>
                         </div>
                     @else
-                        <div class="mt-4 border-t border-zinc-200 pt-4 dark:border-zinc-700">
-                            <flux:text class="text-sm text-zinc-500 dark:text-zinc-400">
+                        <div class="mt-4 border-t border-zinc-200 pt-4">
+                            <flux:text class="text-sm text-zinc-500">
                                 {{ __('clients.no_timelines') }}
                             </flux:text>
                         </div>
@@ -183,7 +183,7 @@ new class extends Component {
     </div>
 
     {{-- Lifecycle Actions Section --}}
-    <div class="mt-6 rounded-lg border border-zinc-200 bg-white p-6 dark:border-zinc-700 dark:bg-zinc-800">
+    <div class="mt-6 rounded-lg border border-zinc-200 bg-white p-6">
         <flux:heading size="lg" class="mb-4">{{ __('clients.account_actions') }}</flux:heading>
         <livewire:admin.clients.lifecycle-actions :client="$client" />
     </div>
diff --git a/resources/views/livewire/admin/clients/consultation-history.blade.php b/resources/views/livewire/admin/clients/consultation-history.blade.php
index d037c17..3563e44 100644
--- a/resources/views/livewire/admin/clients/consultation-history.blade.php
+++ b/resources/views/livewire/admin/clients/consultation-history.blade.php
@@ -54,41 +54,41 @@ new class extends Component
     <div class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4 mb-6">
         <div>
             <flux:heading size="xl">{{ __('admin.client_consultations') }}</flux:heading>
-            <p class="text-sm text-zinc-500 dark:text-zinc-400 mt-1">{{ $user->full_name }}</p>
+            <p class="text-sm text-zinc-500 mt-1">{{ $user->full_name }}</p>
         </div>
     </div>
 
     <!-- Statistics -->
     <div class="grid grid-cols-2 sm:grid-cols-4 gap-4 mb-6">
-        <div class="bg-white dark:bg-zinc-800 rounded-lg p-4 border border-zinc-200 dark:border-zinc-700 text-center">
-            <p class="text-2xl font-bold text-zinc-900 dark:text-zinc-100">{{ $statistics['total'] }}</p>
-            <p class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('admin.total_consultations') }}</p>
+        <div class="bg-white rounded-lg p-4 border border-zinc-200 text-center">
+            <p class="text-2xl font-bold text-zinc-900">{{ $statistics['total'] }}</p>
+            <p class="text-sm text-zinc-500">{{ __('admin.total_consultations') }}</p>
         </div>
-        <div class="bg-white dark:bg-zinc-800 rounded-lg p-4 border border-zinc-200 dark:border-zinc-700 text-center">
-            <p class="text-2xl font-bold text-green-600 dark:text-green-400">{{ $statistics['completed'] }}</p>
-            <p class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('admin.completed_consultations') }}</p>
+        <div class="bg-white rounded-lg p-4 border border-zinc-200 text-center">
+            <p class="text-2xl font-bold text-green-600">{{ $statistics['completed'] }}</p>
+            <p class="text-sm text-zinc-500">{{ __('admin.completed_consultations') }}</p>
         </div>
-        <div class="bg-white dark:bg-zinc-800 rounded-lg p-4 border border-zinc-200 dark:border-zinc-700 text-center">
-            <p class="text-2xl font-bold text-red-600 dark:text-red-400">{{ $statistics['cancelled'] }}</p>
-            <p class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('admin.cancelled_consultations') }}</p>
+        <div class="bg-white rounded-lg p-4 border border-zinc-200 text-center">
+            <p class="text-2xl font-bold text-red-600">{{ $statistics['cancelled'] }}</p>
+            <p class="text-sm text-zinc-500">{{ __('admin.cancelled_consultations') }}</p>
         </div>
-        <div class="bg-white dark:bg-zinc-800 rounded-lg p-4 border border-zinc-200 dark:border-zinc-700 text-center">
-            <p class="text-2xl font-bold text-amber-600 dark:text-amber-400">{{ $statistics['no_show'] }}</p>
-            <p class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('admin.no_show_consultations') }}</p>
+        <div class="bg-white rounded-lg p-4 border border-zinc-200 text-center">
+            <p class="text-2xl font-bold text-amber-600">{{ $statistics['no_show'] }}</p>
+            <p class="text-sm text-zinc-500">{{ __('admin.no_show_consultations') }}</p>
         </div>
     </div>
 
     <!-- Consultations List -->
     <div class="space-y-4">
         @forelse($consultations as $consultation)
-            <div wire:key="consultation-{{ $consultation->id }}" class="bg-white dark:bg-zinc-800 rounded-lg p-4 border border-zinc-200 dark:border-zinc-700">
+            <div wire:key="consultation-{{ $consultation->id }}" class="bg-white rounded-lg p-4 border border-zinc-200">
                 <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-4">
                     <div class="flex-1">
                         <div class="flex items-center gap-3 mb-2">
-                            <span class="font-medium text-zinc-900 dark:text-zinc-100">
+                            <span class="font-medium text-zinc-900">
                                 {{ $consultation->booking_date->translatedFormat('l, d M Y') }}
                             </span>
-                            <span class="text-zinc-500 dark:text-zinc-400">
+                            <span class="text-zinc-500">
                                 {{ \Carbon\Carbon::parse($consultation->booking_time)->format('g:i A') }}
                             </span>
                         </div>
@@ -127,7 +127,7 @@ new class extends Component
                         </div>
 
                         @if($consultation->problem_summary)
-                            <p class="mt-2 text-sm text-zinc-600 dark:text-zinc-400 line-clamp-2">
+                            <p class="mt-2 text-sm text-zinc-600 line-clamp-2">
                                 {{ Str::limit($consultation->problem_summary, 150) }}
                             </p>
                         @endif
@@ -144,7 +144,7 @@ new class extends Component
                 </div>
             </div>
         @empty
-            <div class="text-center py-12 text-zinc-500 dark:text-zinc-400 bg-white dark:bg-zinc-800 rounded-lg border border-zinc-200 dark:border-zinc-700">
+            <div class="text-center py-12 text-zinc-500 bg-white rounded-lg border border-zinc-200">
                 <flux:icon name="inbox" class="w-12 h-12 mx-auto mb-4" />
                 <p>{{ __('admin.no_consultations') }}</p>
             </div>
diff --git a/resources/views/livewire/admin/clients/convert-to-company-modal.blade.php b/resources/views/livewire/admin/clients/convert-to-company-modal.blade.php
index 52f8098..5ba3524 100644
--- a/resources/views/livewire/admin/clients/convert-to-company-modal.blade.php
+++ b/resources/views/livewire/admin/clients/convert-to-company-modal.blade.php
@@ -99,7 +99,7 @@ new class extends Component {
         <div class="space-y-6">
             <div>
                 <flux:heading size="lg">{{ __('clients.convert_to_company') }}</flux:heading>
-                <flux:text class="mt-2 text-zinc-600 dark:text-zinc-400">
+                <flux:text class="mt-2 text-zinc-600">
                     {{ __('clients.convert_to_company_description') }}
                 </flux:text>
             </div>
@@ -146,18 +146,18 @@ new class extends Component {
                         <flux:callout.text>{{ __('clients.confirm_conversion_to_company_message') }}</flux:callout.text>
                     </flux:callout>
 
-                    <div class="rounded-lg border border-zinc-200 p-4 dark:border-zinc-700">
+                    <div class="rounded-lg border border-zinc-200 p-4">
                         <div class="space-y-2 text-sm">
                             <div class="flex justify-between">
-                                <span class="text-zinc-500 dark:text-zinc-400">{{ __('clients.company_name') }}:</span>
+                                <span class="text-zinc-500">{{ __('clients.company_name') }}:</span>
                                 <span class="font-medium">{{ $company_name }}</span>
                             </div>
                             <div class="flex justify-between">
-                                <span class="text-zinc-500 dark:text-zinc-400">{{ __('clients.registration_number') }}:</span>
+                                <span class="text-zinc-500">{{ __('clients.registration_number') }}:</span>
                                 <span class="font-medium">{{ $company_cert_number }}</span>
                             </div>
                             <div class="flex justify-between">
-                                <span class="text-zinc-500 dark:text-zinc-400">{{ __('clients.contact_person_name') }}:</span>
+                                <span class="text-zinc-500">{{ __('clients.contact_person_name') }}:</span>
                                 <span class="font-medium">{{ $contact_person_name }}</span>
                             </div>
                         </div>
diff --git a/resources/views/livewire/admin/clients/convert-to-individual-modal.blade.php b/resources/views/livewire/admin/clients/convert-to-individual-modal.blade.php
index c6008c7..23e7ce0 100644
--- a/resources/views/livewire/admin/clients/convert-to-individual-modal.blade.php
+++ b/resources/views/livewire/admin/clients/convert-to-individual-modal.blade.php
@@ -93,7 +93,7 @@ new class extends Component {
         <div class="space-y-6">
             <div>
                 <flux:heading size="lg">{{ __('clients.convert_to_individual') }}</flux:heading>
-                <flux:text class="mt-2 text-zinc-600 dark:text-zinc-400">
+                <flux:text class="mt-2 text-zinc-600">
                     {{ __('clients.convert_to_individual_description') }}
                 </flux:text>
             </div>
@@ -132,14 +132,14 @@ new class extends Component {
                         <flux:callout.text>{{ __('clients.confirm_conversion_to_individual_message') }}</flux:callout.text>
                     </flux:callout>
 
-                    <div class="rounded-lg border border-zinc-200 p-4 dark:border-zinc-700">
+                    <div class="rounded-lg border border-zinc-200 p-4">
                         <div class="space-y-2 text-sm">
                             <div class="flex justify-between">
-                                <span class="text-zinc-500 dark:text-zinc-400">{{ __('clients.full_name') }}:</span>
+                                <span class="text-zinc-500">{{ __('clients.full_name') }}:</span>
                                 <span class="font-medium">{{ $full_name }}</span>
                             </div>
                             <div class="flex justify-between">
-                                <span class="text-zinc-500 dark:text-zinc-400">{{ __('clients.national_id') }}:</span>
+                                <span class="text-zinc-500">{{ __('clients.national_id') }}:</span>
                                 <span class="font-medium">{{ $national_id }}</span>
                             </div>
                         </div>
diff --git a/resources/views/livewire/admin/clients/individual/create.blade.php b/resources/views/livewire/admin/clients/individual/create.blade.php
index ec90808..d4d0a2e 100644
--- a/resources/views/livewire/admin/clients/individual/create.blade.php
+++ b/resources/views/livewire/admin/clients/individual/create.blade.php
@@ -80,10 +80,10 @@ new class extends Component {
 
     <div class="mb-6">
         <flux:heading size="xl">{{ __('clients.create_client') }}</flux:heading>
-        <flux:text class="mt-1 text-zinc-500 dark:text-zinc-400">{{ __('clients.individual_clients') }}</flux:text>
+        <flux:text class="mt-1 text-zinc-500">{{ __('clients.individual_clients') }}</flux:text>
     </div>
 
-    <div class="rounded-lg border border-zinc-200 bg-white p-6 dark:border-zinc-700 dark:bg-zinc-800">
+    <div class="rounded-lg border border-zinc-200 bg-white p-6">
         <form wire:submit="create" class="space-y-6">
             <div class="grid gap-6 sm:grid-cols-2">
                 <flux:field>
@@ -147,7 +147,7 @@ new class extends Component {
                 </flux:field>
             </div>
 
-            <div class="flex items-center justify-end gap-4 border-t border-zinc-200 pt-6 dark:border-zinc-700">
+            <div class="flex items-center justify-end gap-4 border-t border-zinc-200 pt-6">
                 <flux:button variant="ghost" :href="route('admin.clients.individual.index')" wire:navigate>
                     {{ __('clients.cancel') }}
                 </flux:button>
diff --git a/resources/views/livewire/admin/clients/individual/edit.blade.php b/resources/views/livewire/admin/clients/individual/edit.blade.php
index acf0073..f8e3540 100644
--- a/resources/views/livewire/admin/clients/individual/edit.blade.php
+++ b/resources/views/livewire/admin/clients/individual/edit.blade.php
@@ -102,10 +102,10 @@ new class extends Component {
 
     <div class="mb-6">
         <flux:heading size="xl">{{ __('clients.edit_client') }}</flux:heading>
-        <flux:text class="mt-1 text-zinc-500 dark:text-zinc-400">{{ $client->full_name }}</flux:text>
+        <flux:text class="mt-1 text-zinc-500">{{ $client->full_name }}</flux:text>
     </div>
 
-    <div class="rounded-lg border border-zinc-200 bg-white p-6 dark:border-zinc-700 dark:bg-zinc-800">
+    <div class="rounded-lg border border-zinc-200 bg-white p-6">
         <form wire:submit="update" class="space-y-6">
             <div class="grid gap-6 sm:grid-cols-2">
                 <flux:field>
@@ -181,7 +181,7 @@ new class extends Component {
                 </flux:field>
             </div>
 
-            <div class="flex items-center justify-end gap-4 border-t border-zinc-200 pt-6 dark:border-zinc-700">
+            <div class="flex items-center justify-end gap-4 border-t border-zinc-200 pt-6">
                 <flux:button variant="ghost" :href="route('admin.clients.individual.index')" wire:navigate>
                     {{ __('clients.cancel') }}
                 </flux:button>
diff --git a/resources/views/livewire/admin/clients/individual/index.blade.php b/resources/views/livewire/admin/clients/individual/index.blade.php
index f6fe92f..92faf95 100644
--- a/resources/views/livewire/admin/clients/individual/index.blade.php
+++ b/resources/views/livewire/admin/clients/individual/index.blade.php
@@ -55,7 +55,7 @@ new class extends Component {
     <div class="page-header mb-6">
         <div>
             <flux:heading size="xl" class="text-xl sm:text-2xl">{{ __('clients.individual_clients') }}</flux:heading>
-            <flux:text class="mt-1 text-zinc-500 dark:text-zinc-400">{{ __('clients.clients') }}</flux:text>
+            <flux:text class="mt-1 text-zinc-500">{{ __('clients.clients') }}</flux:text>
         </div>
         <div class="header-actions">
             <flux:button :href="route('admin.users.export')" wire:navigate icon="arrow-down-tray" class="w-full sm:w-auto justify-center">
@@ -67,7 +67,7 @@ new class extends Component {
         </div>
     </div>
 
-    <div class="mb-6 rounded-lg border border-zinc-200 bg-white p-4 dark:border-zinc-700 dark:bg-zinc-800">
+    <div class="mb-6 rounded-lg border border-zinc-200 bg-white p-4">
         <div class="flex flex-col gap-4 sm:flex-row sm:items-end">
             <div class="flex-1">
                 <flux:input
@@ -101,50 +101,50 @@ new class extends Component {
         </div>
     </div>
 
-    <div class="overflow-hidden rounded-lg border border-zinc-200 bg-white dark:border-zinc-700 dark:bg-zinc-800">
+    <div class="overflow-hidden rounded-lg border border-zinc-200 bg-white">
         <div class="table-scroll-wrapper">
-            <table class="min-w-full divide-y divide-zinc-200 dark:divide-zinc-700">
-                <thead class="bg-zinc-50 dark:bg-zinc-900">
+            <table class="min-w-full divide-y divide-zinc-200">
+                <thead class="bg-zinc-50">
                     <tr>
-                        <th class="px-6 py-3 text-start text-xs font-medium uppercase tracking-wider text-zinc-500 dark:text-zinc-400">
+                        <th class="px-6 py-3 text-start text-xs font-medium uppercase tracking-wider text-zinc-500">
                             {{ __('clients.full_name') }}
                         </th>
-                        <th class="px-6 py-3 text-start text-xs font-medium uppercase tracking-wider text-zinc-500 dark:text-zinc-400">
+                        <th class="px-6 py-3 text-start text-xs font-medium uppercase tracking-wider text-zinc-500">
                             {{ __('clients.email') }}
                         </th>
-                        <th class="px-6 py-3 text-start text-xs font-medium uppercase tracking-wider text-zinc-500 dark:text-zinc-400">
+                        <th class="px-6 py-3 text-start text-xs font-medium uppercase tracking-wider text-zinc-500">
                             {{ __('clients.national_id') }}
                         </th>
-                        <th class="px-6 py-3 text-start text-xs font-medium uppercase tracking-wider text-zinc-500 dark:text-zinc-400">
+                        <th class="px-6 py-3 text-start text-xs font-medium uppercase tracking-wider text-zinc-500">
                             {{ __('clients.phone') }}
                         </th>
-                        <th class="px-6 py-3 text-start text-xs font-medium uppercase tracking-wider text-zinc-500 dark:text-zinc-400">
+                        <th class="px-6 py-3 text-start text-xs font-medium uppercase tracking-wider text-zinc-500">
                             {{ __('clients.status') }}
                         </th>
-                        <th class="px-6 py-3 text-start text-xs font-medium uppercase tracking-wider text-zinc-500 dark:text-zinc-400">
+                        <th class="px-6 py-3 text-start text-xs font-medium uppercase tracking-wider text-zinc-500">
                             {{ __('clients.created_at') }}
                         </th>
-                        <th class="px-6 py-3 text-end text-xs font-medium uppercase tracking-wider text-zinc-500 dark:text-zinc-400">
+                        <th class="px-6 py-3 text-end text-xs font-medium uppercase tracking-wider text-zinc-500">
                             {{ __('clients.actions') }}
                         </th>
                     </tr>
                 </thead>
-                <tbody class="divide-y divide-zinc-200 bg-white dark:divide-zinc-700 dark:bg-zinc-800">
+                <tbody class="divide-y divide-zinc-200 bg-white">
                     @forelse ($clients as $client)
                         <tr wire:key="client-{{ $client->id }}">
                             <td class="whitespace-nowrap px-6 py-4">
                                 <div class="flex items-center gap-3">
                                     <flux:avatar size="sm" :name="$client->full_name" />
-                                    <span class="font-medium text-zinc-900 dark:text-zinc-100">{{ $client->full_name }}</span>
+                                    <span class="font-medium text-zinc-900">{{ $client->full_name }}</span>
                                 </div>
                             </td>
-                            <td class="whitespace-nowrap px-6 py-4 text-zinc-600 dark:text-zinc-400">
+                            <td class="whitespace-nowrap px-6 py-4 text-zinc-600">
                                 {{ $client->email }}
                             </td>
-                            <td class="whitespace-nowrap px-6 py-4 text-zinc-600 dark:text-zinc-400">
+                            <td class="whitespace-nowrap px-6 py-4 text-zinc-600">
                                 {{ $client->national_id }}
                             </td>
-                            <td class="whitespace-nowrap px-6 py-4 text-zinc-600 dark:text-zinc-400">
+                            <td class="whitespace-nowrap px-6 py-4 text-zinc-600">
                                 {{ $client->phone }}
                             </td>
                             <td class="whitespace-nowrap px-6 py-4">
@@ -154,7 +154,7 @@ new class extends Component {
                                     <flux:badge color="red" size="sm">{{ __('clients.deactivated') }}</flux:badge>
                                 @endif
                             </td>
-                            <td class="whitespace-nowrap px-6 py-4 text-zinc-600 dark:text-zinc-400">
+                            <td class="whitespace-nowrap px-6 py-4 text-zinc-600">
                                 {{ $client->created_at->format('Y-m-d') }}
                             </td>
                             <td class="whitespace-nowrap px-6 py-4 text-end">
@@ -183,7 +183,7 @@ new class extends Component {
                             <td colspan="7" class="px-6 py-12 text-center">
                                 <div class="flex flex-col items-center">
                                     <flux:icon name="users" class="mb-4 h-12 w-12 text-zinc-400" />
-                                    <flux:text class="text-zinc-500 dark:text-zinc-400">
+                                    <flux:text class="text-zinc-500">
                                         @if ($search || $statusFilter)
                                             {{ __('clients.no_clients_match') }}
                                         @else
@@ -204,7 +204,7 @@ new class extends Component {
         </div>
 
         @if ($clients->hasPages())
-            <div class="border-t border-zinc-200 bg-zinc-50 px-6 py-4 dark:border-zinc-700 dark:bg-zinc-900">
+            <div class="border-t border-zinc-200 bg-zinc-50 px-6 py-4">
                 {{ $clients->links() }}
             </div>
         @endif
diff --git a/resources/views/livewire/admin/clients/individual/show.blade.php b/resources/views/livewire/admin/clients/individual/show.blade.php
index d4a7382..710fda2 100644
--- a/resources/views/livewire/admin/clients/individual/show.blade.php
+++ b/resources/views/livewire/admin/clients/individual/show.blade.php
@@ -29,7 +29,7 @@ new class extends Component {
             </flux:button>
         </div>
         <div class="flex flex-wrap gap-2">
-            <flux:button variant="ghost" class="border border-amber-500 text-amber-600 hover:bg-amber-50 dark:text-amber-400 dark:hover:bg-amber-900/20" x-data x-on:click="$flux.modal('convert-to-company').show()" icon="building-office">
+            <flux:button variant="ghost" class="border border-amber-500 text-amber-600 hover:bg-amber-50" x-data x-on:click="$flux.modal('convert-to-company').show()" icon="building-office">
                 {{ __('clients.convert_to_company') }}
             </flux:button>
             <flux:button variant="primary" :href="route('admin.clients.individual.edit', $client)" wire:navigate icon="pencil">
@@ -40,14 +40,14 @@ new class extends Component {
 
     <div class="mb-6">
         <flux:heading size="xl">{{ __('clients.client_profile') }}</flux:heading>
-        <flux:text class="mt-1 text-zinc-500 dark:text-zinc-400">{{ $client->full_name }}</flux:text>
+        <flux:text class="mt-1 text-zinc-500">{{ $client->full_name }}</flux:text>
     </div>
 
     <div class="grid gap-6 lg:grid-cols-3">
         {{-- Client Information --}}
         <div class="lg:col-span-2">
-            <div class="rounded-lg border border-zinc-200 bg-white dark:border-zinc-700 dark:bg-zinc-800">
-                <div class="border-b border-zinc-200 px-6 py-4 dark:border-zinc-700">
+            <div class="rounded-lg border border-zinc-200 bg-white">
+                <div class="border-b border-zinc-200 px-6 py-4">
                     <flux:heading size="lg">{{ __('clients.client_information') }}</flux:heading>
                 </div>
                 <div class="p-6">
@@ -56,29 +56,29 @@ new class extends Component {
                         <div class="flex-1">
                             <div class="grid gap-6 sm:grid-cols-2">
                                 <div>
-                                    <flux:text class="text-sm font-medium text-zinc-500 dark:text-zinc-400">{{ __('clients.full_name') }}</flux:text>
-                                    <flux:text class="mt-1 text-zinc-900 dark:text-zinc-100">{{ $client->full_name }}</flux:text>
+                                    <flux:text class="text-sm font-medium text-zinc-500">{{ __('clients.full_name') }}</flux:text>
+                                    <flux:text class="mt-1 text-zinc-900">{{ $client->full_name }}</flux:text>
                                 </div>
                                 <div>
-                                    <flux:text class="text-sm font-medium text-zinc-500 dark:text-zinc-400">{{ __('clients.national_id') }}</flux:text>
-                                    <flux:text class="mt-1 text-zinc-900 dark:text-zinc-100">{{ $client->national_id }}</flux:text>
+                                    <flux:text class="text-sm font-medium text-zinc-500">{{ __('clients.national_id') }}</flux:text>
+                                    <flux:text class="mt-1 text-zinc-900">{{ $client->national_id }}</flux:text>
                                 </div>
                                 <div>
-                                    <flux:text class="text-sm font-medium text-zinc-500 dark:text-zinc-400">{{ __('clients.email') }}</flux:text>
-                                    <flux:text class="mt-1 text-zinc-900 dark:text-zinc-100">{{ $client->email }}</flux:text>
+                                    <flux:text class="text-sm font-medium text-zinc-500">{{ __('clients.email') }}</flux:text>
+                                    <flux:text class="mt-1 text-zinc-900">{{ $client->email }}</flux:text>
                                 </div>
                                 <div>
-                                    <flux:text class="text-sm font-medium text-zinc-500 dark:text-zinc-400">{{ __('clients.phone') }}</flux:text>
-                                    <flux:text class="mt-1 text-zinc-900 dark:text-zinc-100">{{ $client->phone }}</flux:text>
+                                    <flux:text class="text-sm font-medium text-zinc-500">{{ __('clients.phone') }}</flux:text>
+                                    <flux:text class="mt-1 text-zinc-900">{{ $client->phone }}</flux:text>
                                 </div>
                                 <div>
-                                    <flux:text class="text-sm font-medium text-zinc-500 dark:text-zinc-400">{{ __('clients.preferred_language') }}</flux:text>
-                                    <flux:text class="mt-1 text-zinc-900 dark:text-zinc-100">
+                                    <flux:text class="text-sm font-medium text-zinc-500">{{ __('clients.preferred_language') }}</flux:text>
+                                    <flux:text class="mt-1 text-zinc-900">
                                         {{ $client->preferred_language === 'ar' ? __('clients.arabic') : __('clients.english') }}
                                     </flux:text>
                                 </div>
                                 <div>
-                                    <flux:text class="text-sm font-medium text-zinc-500 dark:text-zinc-400">{{ __('clients.status') }}</flux:text>
+                                    <flux:text class="text-sm font-medium text-zinc-500">{{ __('clients.status') }}</flux:text>
                                     <div class="mt-1">
                                         @if ($client->status === UserStatus::Active)
                                             <flux:badge color="green">{{ __('clients.active') }}</flux:badge>
@@ -88,12 +88,12 @@ new class extends Component {
                                     </div>
                                 </div>
                                 <div>
-                                    <flux:text class="text-sm font-medium text-zinc-500 dark:text-zinc-400">{{ __('clients.member_since') }}</flux:text>
-                                    <flux:text class="mt-1 text-zinc-900 dark:text-zinc-100">{{ $client->created_at->format('Y-m-d') }}</flux:text>
+                                    <flux:text class="text-sm font-medium text-zinc-500">{{ __('clients.member_since') }}</flux:text>
+                                    <flux:text class="mt-1 text-zinc-900">{{ $client->created_at->format('Y-m-d') }}</flux:text>
                                 </div>
                                 <div>
-                                    <flux:text class="text-sm font-medium text-zinc-500 dark:text-zinc-400">{{ __('clients.user_type') }}</flux:text>
-                                    <flux:text class="mt-1 text-zinc-900 dark:text-zinc-100">{{ __('clients.individual') }}</flux:text>
+                                    <flux:text class="text-sm font-medium text-zinc-500">{{ __('clients.user_type') }}</flux:text>
+                                    <flux:text class="mt-1 text-zinc-900">{{ __('clients.individual') }}</flux:text>
                                 </div>
                             </div>
                         </div>
@@ -105,34 +105,34 @@ new class extends Component {
         {{-- Stats Sidebar --}}
         <div class="space-y-6">
             {{-- Consultation Summary --}}
-            <div class="rounded-lg border border-zinc-200 bg-white dark:border-zinc-700 dark:bg-zinc-800">
-                <div class="border-b border-zinc-200 px-6 py-4 dark:border-zinc-700">
+            <div class="rounded-lg border border-zinc-200 bg-white">
+                <div class="border-b border-zinc-200 px-6 py-4">
                     <flux:heading size="lg">{{ __('clients.consultation_history') }}</flux:heading>
                 </div>
                 <div class="p-6">
                     <div class="space-y-4">
                         <div class="flex items-center justify-between">
-                            <flux:text class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('clients.total_consultations') }}</flux:text>
+                            <flux:text class="text-sm text-zinc-500">{{ __('clients.total_consultations') }}</flux:text>
                             <flux:badge color="zinc">{{ $client->consultations_count }}</flux:badge>
                         </div>
                         <div class="flex items-center justify-between">
-                            <flux:text class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('clients.pending_consultations') }}</flux:text>
+                            <flux:text class="text-sm text-zinc-500">{{ __('clients.pending_consultations') }}</flux:text>
                             <flux:badge color="yellow">{{ $client->pending_consultations_count }}</flux:badge>
                         </div>
                         <div class="flex items-center justify-between">
-                            <flux:text class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('clients.completed_consultations') }}</flux:text>
+                            <flux:text class="text-sm text-zinc-500">{{ __('clients.completed_consultations') }}</flux:text>
                             <flux:badge color="green">{{ $client->completed_consultations_count }}</flux:badge>
                         </div>
                     </div>
                     @if ($client->consultations_count > 0)
-                        <div class="mt-4 border-t border-zinc-200 pt-4 dark:border-zinc-700">
-                            <flux:text class="text-sm text-zinc-500 dark:text-zinc-400">
+                        <div class="mt-4 border-t border-zinc-200 pt-4">
+                            <flux:text class="text-sm text-zinc-500">
                                 {{ __('clients.view_all_consultations') }}
                             </flux:text>
                         </div>
                     @else
-                        <div class="mt-4 border-t border-zinc-200 pt-4 dark:border-zinc-700">
-                            <flux:text class="text-sm text-zinc-500 dark:text-zinc-400">
+                        <div class="mt-4 border-t border-zinc-200 pt-4">
+                            <flux:text class="text-sm text-zinc-500">
                                 {{ __('clients.no_consultations') }}
                             </flux:text>
                         </div>
@@ -141,30 +141,30 @@ new class extends Component {
             </div>
 
             {{-- Timeline Summary --}}
-            <div class="rounded-lg border border-zinc-200 bg-white dark:border-zinc-700 dark:bg-zinc-800">
-                <div class="border-b border-zinc-200 px-6 py-4 dark:border-zinc-700">
+            <div class="rounded-lg border border-zinc-200 bg-white">
+                <div class="border-b border-zinc-200 px-6 py-4">
                     <flux:heading size="lg">{{ __('clients.timeline_history') }}</flux:heading>
                 </div>
                 <div class="p-6">
                     <div class="space-y-4">
                         <div class="flex items-center justify-between">
-                            <flux:text class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('clients.total_timelines') }}</flux:text>
+                            <flux:text class="text-sm text-zinc-500">{{ __('clients.total_timelines') }}</flux:text>
                             <flux:badge color="zinc">{{ $client->timelines_count }}</flux:badge>
                         </div>
                         <div class="flex items-center justify-between">
-                            <flux:text class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('clients.active_timelines') }}</flux:text>
+                            <flux:text class="text-sm text-zinc-500">{{ __('clients.active_timelines') }}</flux:text>
                             <flux:badge color="blue">{{ $client->active_timelines_count }}</flux:badge>
                         </div>
                     </div>
                     @if ($client->timelines_count > 0)
-                        <div class="mt-4 border-t border-zinc-200 pt-4 dark:border-zinc-700">
-                            <flux:text class="text-sm text-zinc-500 dark:text-zinc-400">
+                        <div class="mt-4 border-t border-zinc-200 pt-4">
+                            <flux:text class="text-sm text-zinc-500">
                                 {{ __('clients.view_all_timelines') }}
                             </flux:text>
                         </div>
                     @else
-                        <div class="mt-4 border-t border-zinc-200 pt-4 dark:border-zinc-700">
-                            <flux:text class="text-sm text-zinc-500 dark:text-zinc-400">
+                        <div class="mt-4 border-t border-zinc-200 pt-4">
+                            <flux:text class="text-sm text-zinc-500">
                                 {{ __('clients.no_timelines') }}
                             </flux:text>
                         </div>
@@ -175,7 +175,7 @@ new class extends Component {
     </div>
 
     {{-- Lifecycle Actions Section --}}
-    <div class="mt-6 rounded-lg border border-zinc-200 bg-white p-6 dark:border-zinc-700 dark:bg-zinc-800">
+    <div class="mt-6 rounded-lg border border-zinc-200 bg-white p-6">
         <flux:heading size="lg" class="mb-4">{{ __('clients.account_actions') }}</flux:heading>
         <livewire:admin.clients.lifecycle-actions :client="$client" />
     </div>
diff --git a/resources/views/livewire/admin/clients/lifecycle-actions.blade.php b/resources/views/livewire/admin/clients/lifecycle-actions.blade.php
index 2d2bc57..4151c38 100644
--- a/resources/views/livewire/admin/clients/lifecycle-actions.blade.php
+++ b/resources/views/livewire/admin/clients/lifecycle-actions.blade.php
@@ -220,11 +220,11 @@ new class extends Component {
 
         {{-- Deactivate/Reactivate Button --}}
         @if ($client->isActive())
-            <flux:button variant="ghost" class="text-amber-600 hover:bg-amber-50 dark:text-amber-400 dark:hover:bg-amber-900/20" icon="pause-circle" wire:click="openDeactivateModal">
+            <flux:button variant="ghost" class="text-amber-600 hover:bg-amber-50" icon="pause-circle" wire:click="openDeactivateModal">
                 {{ __('clients.deactivate') }}
             </flux:button>
         @else
-            <flux:button variant="ghost" class="text-green-600 hover:bg-green-50 dark:text-green-400 dark:hover:bg-green-900/20" icon="play-circle" wire:click="openReactivateModal">
+            <flux:button variant="ghost" class="text-green-600 hover:bg-green-50" icon="play-circle" wire:click="openReactivateModal">
                 {{ __('clients.reactivate') }}
             </flux:button>
         @endif
@@ -246,7 +246,7 @@ new class extends Component {
                 <flux:callout.text>{{ __('clients.deactivate_warning') }}</flux:callout.text>
             </flux:callout>
 
-            <div class="text-sm text-zinc-600 dark:text-zinc-400">
+            <div class="text-sm text-zinc-600">
                 <p class="mb-2">{{ __('clients.deactivate_effects') }}:</p>
                 <ul class="list-disc ps-5 space-y-1">
                     <li>{{ __('clients.deactivate_effect_login') }}</li>
@@ -278,7 +278,7 @@ new class extends Component {
                 <flux:callout.text>{{ __('clients.reactivate_message') }}</flux:callout.text>
             </flux:callout>
 
-            <div class="text-sm text-zinc-600 dark:text-zinc-400">
+            <div class="text-sm text-zinc-600">
                 <p class="mb-2">{{ __('clients.reactivate_effects') }}:</p>
                 <ul class="list-disc ps-5 space-y-1">
                     <li>{{ __('clients.reactivate_effect_login') }}</li>
@@ -310,7 +310,7 @@ new class extends Component {
                 <flux:callout.text>{{ __('clients.delete_warning') }}</flux:callout.text>
             </flux:callout>
 
-            <div class="text-sm text-zinc-600 dark:text-zinc-400">
+            <div class="text-sm text-zinc-600">
                 <p class="mb-2">{{ __('clients.will_be_deleted') }}:</p>
                 <ul class="list-disc ps-5 space-y-1">
                     <li>{{ __('clients.delete_item_consultations') }}</li>
@@ -348,7 +348,7 @@ new class extends Component {
                 <flux:callout.text>{{ __('clients.reset_password_message') }}</flux:callout.text>
             </flux:callout>
 
-            <div class="text-sm text-zinc-600 dark:text-zinc-400">
+            <div class="text-sm text-zinc-600">
                 <p class="mb-2">{{ __('clients.reset_password_effects') }}:</p>
                 <ul class="list-disc ps-5 space-y-1">
                     <li>{{ __('clients.reset_password_effect_generate') }}</li>
diff --git a/resources/views/livewire/admin/consultations/export-consultations.blade.php b/resources/views/livewire/admin/consultations/export-consultations.blade.php
index 318aa8e..c9f67d9 100644
--- a/resources/views/livewire/admin/consultations/export-consultations.blade.php
+++ b/resources/views/livewire/admin/consultations/export-consultations.blade.php
@@ -185,11 +185,11 @@ new class extends Component {
     <div class="mb-6 flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
         <div>
             <flux:heading size="xl">{{ __('export.export_consultations') }}</flux:heading>
-            <flux:text class="mt-1 text-zinc-500 dark:text-zinc-400">{{ __('export.export_consultations_description') }}</flux:text>
+            <flux:text class="mt-1 text-zinc-500">{{ __('export.export_consultations_description') }}</flux:text>
         </div>
     </div>
 
-    <div class="mb-6 rounded-lg border border-zinc-200 bg-white p-6 dark:border-zinc-700 dark:bg-zinc-800">
+    <div class="mb-6 rounded-lg border border-zinc-200 bg-white p-6">
         <flux:heading size="lg" class="mb-4">{{ __('export.filters_applied') }}</flux:heading>
 
         <div class="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-5">
@@ -243,11 +243,11 @@ new class extends Component {
         @endif
     </div>
 
-    <div class="rounded-lg border border-zinc-200 bg-white p-6 dark:border-zinc-700 dark:bg-zinc-800">
+    <div class="rounded-lg border border-zinc-200 bg-white p-6">
         <div class="flex flex-col items-center justify-between gap-4 sm:flex-row">
             <div>
-                <flux:text class="text-zinc-600 dark:text-zinc-400">
-                    {{ __('export.total_records') }}: <span class="font-semibold text-zinc-900 dark:text-zinc-100">{{ $previewCount }}</span>
+                <flux:text class="text-zinc-600">
+                    {{ __('export.total_records') }}: <span class="font-semibold text-zinc-900">{{ $previewCount }}</span>
                 </flux:text>
             </div>
 
@@ -279,9 +279,9 @@ new class extends Component {
         </div>
 
         @if ($previewCount === 0)
-            <div class="mt-6 rounded-lg bg-zinc-50 p-8 text-center dark:bg-zinc-900">
+            <div class="mt-6 rounded-lg bg-zinc-50 p-8 text-center">
                 <flux:icon name="calendar" class="mx-auto mb-4 h-12 w-12 text-zinc-400" />
-                <flux:text class="text-zinc-500 dark:text-zinc-400">{{ __('export.no_consultations_match') }}</flux:text>
+                <flux:text class="text-zinc-500">{{ __('export.no_consultations_match') }}</flux:text>
             </div>
         @endif
     </div>
diff --git a/resources/views/livewire/admin/consultations/index.blade.php b/resources/views/livewire/admin/consultations/index.blade.php
index d14684e..8e17d49 100644
--- a/resources/views/livewire/admin/consultations/index.blade.php
+++ b/resources/views/livewire/admin/consultations/index.blade.php
@@ -206,7 +206,7 @@ new class extends Component
     <div class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4 mb-6">
         <div>
             <flux:heading size="xl">{{ __('admin.consultations') }}</flux:heading>
-            <p class="text-sm text-zinc-500 dark:text-zinc-400 mt-1">{{ __('admin.consultations_description') }}</p>
+            <p class="text-sm text-zinc-500 mt-1">{{ __('admin.consultations_description') }}</p>
         </div>
     </div>
 
@@ -223,7 +223,7 @@ new class extends Component
     @endif
 
     <!-- Filters -->
-    <div class="bg-white dark:bg-zinc-800 rounded-lg p-4 border border-zinc-200 dark:border-zinc-700 mb-6">
+    <div class="bg-white rounded-lg p-4 border border-zinc-200 mb-6">
         <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-4">
             <flux:field>
                 <flux:input
@@ -290,15 +290,15 @@ new class extends Component
     </div>
 
     <!-- Sort Headers -->
-    <div class="hidden lg:flex bg-zinc-100 dark:bg-zinc-700 rounded-t-lg px-4 py-2 text-sm font-medium text-zinc-600 dark:text-zinc-300 gap-4 mb-0">
-        <button wire:click="sort('booking_date')" class="flex items-center gap-1 w-32 hover:text-zinc-900 dark:hover:text-white">
+    <div class="hidden lg:flex bg-zinc-100 rounded-t-lg px-4 py-2 text-sm font-medium text-zinc-600 gap-4 mb-0">
+        <button wire:click="sort('booking_date')" class="flex items-center gap-1 w-32 hover:text-zinc-900">
             {{ __('admin.date') }}
             @if($sortBy === 'booking_date')
                 <flux:icon name="{{ $sortDir === 'asc' ? 'chevron-up' : 'chevron-down' }}" class="w-4 h-4" />
             @endif
         </button>
         <span class="flex-1">{{ __('admin.client') }}</span>
-        <button wire:click="sort('status')" class="flex items-center gap-1 w-24 hover:text-zinc-900 dark:hover:text-white">
+        <button wire:click="sort('status')" class="flex items-center gap-1 w-24 hover:text-zinc-900">
             {{ __('admin.current_status') }}
             @if($sortBy === 'status')
                 <flux:icon name="{{ $sortDir === 'asc' ? 'chevron-up' : 'chevron-down' }}" class="w-4 h-4" />
@@ -311,14 +311,14 @@ new class extends Component
     <!-- Consultations List -->
     <div class="space-y-0">
         @forelse($consultations as $consultation)
-            <div wire:key="consultation-{{ $consultation->id }}" class="bg-white dark:bg-zinc-800 p-4 border border-zinc-200 dark:border-zinc-700 {{ $loop->first ? 'rounded-t-lg lg:rounded-t-none' : '' }} {{ $loop->last ? 'rounded-b-lg' : '' }} {{ !$loop->first ? 'border-t-0' : '' }}">
+            <div wire:key="consultation-{{ $consultation->id }}" class="bg-white p-4 border border-zinc-200 {{ $loop->first ? 'rounded-t-lg lg:rounded-t-none' : '' }} {{ $loop->last ? 'rounded-b-lg' : '' }} {{ !$loop->first ? 'border-t-0' : '' }}">
                 <div class="flex flex-col lg:flex-row lg:items-center gap-4">
                     <!-- Date/Time -->
                     <div class="lg:w-32">
-                        <div class="text-sm font-medium text-zinc-900 dark:text-zinc-100">
+                        <div class="text-sm font-medium text-zinc-900">
                             {{ \Carbon\Carbon::parse($consultation->booking_date)->translatedFormat('d M Y') }}
                         </div>
-                        <div class="text-xs text-zinc-500 dark:text-zinc-400">
+                        <div class="text-xs text-zinc-500">
                             {{ \Carbon\Carbon::parse($consultation->booking_time)->format('g:i A') }}
                         </div>
                     </div>
@@ -326,14 +326,14 @@ new class extends Component
                     <!-- Client Info -->
                     <div class="flex-1">
                         <div class="flex items-center gap-2 mb-1">
-                            <a href="{{ route('admin.consultations.show', $consultation) }}" class="font-semibold text-zinc-900 dark:text-zinc-100 hover:text-blue-600 dark:hover:text-blue-400" wire:navigate>
+                            <a href="{{ route('admin.consultations.show', $consultation) }}" class="font-semibold text-zinc-900 hover:text-blue-600" wire:navigate>
                                 {{ $consultation->user?->full_name ?? __('common.unknown') }}
                             </a>
                             <flux:badge size="sm" variant="{{ $consultation->consultation_type === \App\Enums\ConsultationType::Paid ? 'primary' : 'outline' }}">
                                 {{ $consultation->consultation_type->label() }}
                             </flux:badge>
                         </div>
-                        <div class="text-sm text-zinc-500 dark:text-zinc-400">
+                        <div class="text-sm text-zinc-500">
                             {{ $consultation->user?->email ?? '-' }}
                         </div>
                     </div>
@@ -444,7 +444,7 @@ new class extends Component
                 </div>
             </div>
         @empty
-            <div class="text-center py-12 text-zinc-500 dark:text-zinc-400 bg-white dark:bg-zinc-800 rounded-lg border border-zinc-200 dark:border-zinc-700">
+            <div class="text-center py-12 text-zinc-500 bg-white rounded-lg border border-zinc-200">
                 <flux:icon name="inbox" class="w-12 h-12 mx-auto mb-4" />
                 <p>{{ __('admin.no_consultations') }}</p>
             </div>
diff --git a/resources/views/livewire/admin/consultations/show.blade.php b/resources/views/livewire/admin/consultations/show.blade.php
index 958e2ac..692aa20 100644
--- a/resources/views/livewire/admin/consultations/show.blade.php
+++ b/resources/views/livewire/admin/consultations/show.blade.php
@@ -350,24 +350,24 @@ new class extends Component
         <!-- Main Details -->
         <div class="lg:col-span-2 space-y-6">
             <!-- Booking Info -->
-            <div class="bg-white dark:bg-zinc-800 rounded-lg p-6 border border-zinc-200 dark:border-zinc-700">
+            <div class="bg-white rounded-lg p-6 border border-zinc-200">
                 <flux:heading size="lg" class="mb-4">{{ __('admin.booking_details') }}</flux:heading>
 
                 <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
                     <div>
-                        <dt class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('admin.requested_date') }}</dt>
-                        <dd class="text-zinc-900 dark:text-zinc-100 font-medium">
+                        <dt class="text-sm text-zinc-500">{{ __('admin.requested_date') }}</dt>
+                        <dd class="text-zinc-900 font-medium">
                             {{ $consultation->booking_date->translatedFormat('l, d M Y') }}
                         </dd>
                     </div>
                     <div>
-                        <dt class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('admin.requested_time') }}</dt>
-                        <dd class="text-zinc-900 dark:text-zinc-100 font-medium">
+                        <dt class="text-sm text-zinc-500">{{ __('admin.requested_time') }}</dt>
+                        <dd class="text-zinc-900 font-medium">
                             {{ \Carbon\Carbon::parse($consultation->booking_time)->format('g:i A') }}
                         </dd>
                     </div>
                     <div>
-                        <dt class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('admin.current_status') }}</dt>
+                        <dt class="text-sm text-zinc-500">{{ __('admin.current_status') }}</dt>
                         <dd>
                             @php
                                 $statusVariant = match($consultation->status) {
@@ -385,7 +385,7 @@ new class extends Component
                         </dd>
                     </div>
                     <div>
-                        <dt class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('admin.consultation_type') }}</dt>
+                        <dt class="text-sm text-zinc-500">{{ __('admin.consultation_type') }}</dt>
                         <dd>
                             <flux:badge variant="{{ $consultation->consultation_type === \App\Enums\ConsultationType::Paid ? 'primary' : 'outline' }}">
                                 {{ $consultation->consultation_type->label() }}
@@ -395,16 +395,16 @@ new class extends Component
                 </div>
 
                 @if($consultation->problem_summary)
-                    <div class="mt-4 pt-4 border-t border-zinc-200 dark:border-zinc-700">
-                        <dt class="text-sm text-zinc-500 dark:text-zinc-400 mb-2">{{ __('admin.problem_summary') }}</dt>
-                        <dd class="text-zinc-900 dark:text-zinc-100">{{ $consultation->problem_summary }}</dd>
+                    <div class="mt-4 pt-4 border-t border-zinc-200">
+                        <dt class="text-sm text-zinc-500 mb-2">{{ __('admin.problem_summary') }}</dt>
+                        <dd class="text-zinc-900">{{ $consultation->problem_summary }}</dd>
                     </div>
                 @endif
             </div>
 
             <!-- Payment Info (for paid consultations) -->
             @if($consultation->consultation_type === \App\Enums\ConsultationType::Paid)
-                <div class="bg-white dark:bg-zinc-800 rounded-lg p-6 border border-zinc-200 dark:border-zinc-700">
+                <div class="bg-white rounded-lg p-6 border border-zinc-200">
                     <div class="flex justify-between items-center mb-4">
                         <flux:heading size="lg">{{ __('admin.payment_details') }}</flux:heading>
                         @if($consultation->payment_status === \App\Enums\PaymentStatus::Pending)
@@ -421,13 +421,13 @@ new class extends Component
 
                     <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
                         <div>
-                            <dt class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('admin.payment_amount') }}</dt>
-                            <dd class="text-zinc-900 dark:text-zinc-100 font-medium">
+                            <dt class="text-sm text-zinc-500">{{ __('admin.payment_amount') }}</dt>
+                            <dd class="text-zinc-900 font-medium">
                                 {{ number_format($consultation->payment_amount, 2) }} {{ __('common.currency') }}
                             </dd>
                         </div>
                         <div>
-                            <dt class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('admin.payment_status') }}</dt>
+                            <dt class="text-sm text-zinc-500">{{ __('admin.payment_status') }}</dt>
                             <dd>
                                 @php
                                     $paymentVariant = match($consultation->payment_status) {
@@ -443,8 +443,8 @@ new class extends Component
                         </div>
                         @if($consultation->payment_received_at)
                             <div>
-                                <dt class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('admin.payment_received_at') }}</dt>
-                                <dd class="text-zinc-900 dark:text-zinc-100">
+                                <dt class="text-sm text-zinc-500">{{ __('admin.payment_received_at') }}</dt>
+                                <dd class="text-zinc-900">
                                     {{ $consultation->payment_received_at->translatedFormat('d M Y, g:i A') }}
                                 </dd>
                             </div>
@@ -454,7 +454,7 @@ new class extends Component
             @endif
 
             <!-- Admin Notes -->
-            <div class="bg-white dark:bg-zinc-800 rounded-lg p-6 border border-zinc-200 dark:border-zinc-700">
+            <div class="bg-white rounded-lg p-6 border border-zinc-200">
                 <flux:heading size="lg" class="mb-4">{{ __('admin.admin_notes') }}</flux:heading>
 
                 <!-- Add Note Form -->
@@ -479,7 +479,7 @@ new class extends Component
                 <!-- Notes List -->
                 <div class="space-y-4">
                     @forelse($consultation->admin_notes ?? [] as $index => $note)
-                        <div wire:key="note-{{ $index }}" class="p-4 bg-zinc-50 dark:bg-zinc-700/50 rounded-lg">
+                        <div wire:key="note-{{ $index }}" class="p-4 bg-zinc-50 rounded-lg">
                             @if($editingNoteIndex === $index)
                                 <flux:field>
                                     <flux:textarea
@@ -499,8 +499,8 @@ new class extends Component
                                     </flux:button>
                                 </div>
                             @else
-                                <p class="text-zinc-900 dark:text-zinc-100 mb-2">{{ $note['text'] }}</p>
-                                <div class="flex justify-between items-center text-xs text-zinc-500 dark:text-zinc-400">
+                                <p class="text-zinc-900 mb-2">{{ $note['text'] }}</p>
+                                <div class="flex justify-between items-center text-xs text-zinc-500">
                                     <span>
                                         {{ __('admin.added_by') }}: {{ $adminUsers[$note['admin_id']] ?? __('common.unknown') }}
                                         @if(isset($note['updated_at']))
@@ -525,7 +525,7 @@ new class extends Component
                             @endif
                         </div>
                     @empty
-                        <p class="text-zinc-500 dark:text-zinc-400 text-center py-4">{{ __('admin.no_notes') }}</p>
+                        <p class="text-zinc-500 text-center py-4">{{ __('admin.no_notes') }}</p>
                     @endforelse
                 </div>
             </div>
@@ -534,30 +534,30 @@ new class extends Component
         <!-- Sidebar -->
         <div class="space-y-6">
             <!-- Client Info -->
-            <div class="bg-white dark:bg-zinc-800 rounded-lg p-6 border border-zinc-200 dark:border-zinc-700">
+            <div class="bg-white rounded-lg p-6 border border-zinc-200">
                 <flux:heading size="lg" class="mb-4">{{ __('admin.client_information') }}</flux:heading>
 
                 @if($consultation->user)
                     <div class="space-y-3">
                         <div>
-                            <dt class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('admin.client_name') }}</dt>
-                            <dd class="text-zinc-900 dark:text-zinc-100 font-medium">
+                            <dt class="text-sm text-zinc-500">{{ __('admin.client_name') }}</dt>
+                            <dd class="text-zinc-900 font-medium">
                                 {{ $consultation->user->full_name }}
                             </dd>
                         </div>
                         <div>
-                            <dt class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('admin.client_email') }}</dt>
-                            <dd class="text-zinc-900 dark:text-zinc-100">{{ $consultation->user->email }}</dd>
+                            <dt class="text-sm text-zinc-500">{{ __('admin.client_email') }}</dt>
+                            <dd class="text-zinc-900">{{ $consultation->user->email }}</dd>
                         </div>
                         @if($consultation->user->phone)
                             <div>
-                                <dt class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('admin.client_phone') }}</dt>
-                                <dd class="text-zinc-900 dark:text-zinc-100">{{ $consultation->user->phone }}</dd>
+                                <dt class="text-sm text-zinc-500">{{ __('admin.client_phone') }}</dt>
+                                <dd class="text-zinc-900">{{ $consultation->user->phone }}</dd>
                             </div>
                         @endif
                     </div>
 
-                    <div class="mt-4 pt-4 border-t border-zinc-200 dark:border-zinc-700">
+                    <div class="mt-4 pt-4 border-t border-zinc-200">
                         <flux:button
                             href="{{ route('admin.clients.consultation-history', $consultation->user) }}"
                             variant="ghost"
@@ -569,13 +569,13 @@ new class extends Component
                         </flux:button>
                     </div>
                 @else
-                    <p class="text-zinc-500 dark:text-zinc-400">{{ __('messages.client_account_not_found') }}</p>
+                    <p class="text-zinc-500">{{ __('messages.client_account_not_found') }}</p>
                 @endif
             </div>
 
             <!-- Status Actions -->
             @if($consultation->status === \App\Enums\ConsultationStatus::Approved)
-                <div class="bg-white dark:bg-zinc-800 rounded-lg p-6 border border-zinc-200 dark:border-zinc-700">
+                <div class="bg-white rounded-lg p-6 border border-zinc-200">
                     <flux:heading size="lg" class="mb-4">{{ __('common.actions') }}</flux:heading>
 
                     <div class="space-y-2">
@@ -613,7 +613,7 @@ new class extends Component
             @endif
 
             @if($consultation->status === \App\Enums\ConsultationStatus::Pending)
-                <div class="bg-white dark:bg-zinc-800 rounded-lg p-6 border border-zinc-200 dark:border-zinc-700">
+                <div class="bg-white rounded-lg p-6 border border-zinc-200">
                     <flux:heading size="lg" class="mb-4">{{ __('common.actions') }}</flux:heading>
 
                     <flux:button
@@ -635,9 +635,9 @@ new class extends Component
         <div class="p-6">
             <flux:heading size="lg" class="mb-4">{{ __('admin.reschedule_consultation') }}</flux:heading>
 
-            <div class="mb-4 p-4 bg-zinc-50 dark:bg-zinc-700/50 rounded-lg">
-                <p class="text-sm text-zinc-500 dark:text-zinc-400 mb-1">{{ __('admin.current_schedule') }}</p>
-                <p class="text-zinc-900 dark:text-zinc-100 font-medium">
+            <div class="mb-4 p-4 bg-zinc-50 rounded-lg">
+                <p class="text-sm text-zinc-500 mb-1">{{ __('admin.current_schedule') }}</p>
+                <p class="text-zinc-900 font-medium">
                     {{ $consultation->booking_date->translatedFormat('l, d M Y') }}
                     {{ __('admin.to') }}
                     {{ \Carbon\Carbon::parse($consultation->booking_time)->format('g:i A') }}
@@ -663,7 +663,7 @@ new class extends Component
                             @endforeach
                         </flux:select>
                     @else
-                        <p class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('admin.no_slots_available') }}</p>
+                        <p class="text-sm text-zinc-500">{{ __('admin.no_slots_available') }}</p>
                     @endif
                     @error('newTime')
                         <flux:error>{{ $message }}</flux:error>
diff --git a/resources/views/livewire/admin/dashboard.blade.php b/resources/views/livewire/admin/dashboard.blade.php
index 496af58..8c9261e 100644
--- a/resources/views/livewire/admin/dashboard.blade.php
+++ b/resources/views/livewire/admin/dashboard.blade.php
@@ -187,106 +187,106 @@ new class extends Component
 <div>
     <div class="mb-6">
         <flux:heading size="xl" class="text-xl sm:text-2xl">{{ __('admin_metrics.title') }}</flux:heading>
-        <flux:text class="mt-1 text-zinc-500 dark:text-zinc-400">{{ __('admin_metrics.subtitle') }}</flux:text>
+        <flux:text class="mt-1 text-zinc-500">{{ __('admin_metrics.subtitle') }}</flux:text>
     </div>
 
     <div class="stats-grid">
         {{-- User Metrics Card --}}
-        <div class="rounded-lg border border-zinc-200 bg-white p-6 dark:border-zinc-700 dark:bg-zinc-800">
+        <div class="rounded-lg border border-zinc-200 bg-white p-6">
             <div class="mb-4 flex items-center gap-3">
-                <div class="flex h-10 w-10 items-center justify-center rounded-lg bg-[#0A1F44] text-white dark:bg-[#D4AF37] dark:text-zinc-900">
+                <div class="flex h-10 w-10 items-center justify-center rounded-lg bg-[#0A1F44] text-white">
                     <flux:icon name="users" class="h-5 w-5" />
                 </div>
                 <flux:heading size="lg">{{ __('admin_metrics.clients') }}</flux:heading>
             </div>
             <div class="space-y-3">
                 <div class="flex items-center justify-between">
-                    <flux:text class="text-zinc-600 dark:text-zinc-400">{{ __('admin_metrics.total_active') }}</flux:text>
-                    <span class="text-xl font-semibold text-zinc-900 dark:text-zinc-100">{{ $userMetrics['total_active'] }}</span>
+                    <flux:text class="text-zinc-600">{{ __('admin_metrics.total_active') }}</flux:text>
+                    <span class="text-xl font-semibold text-zinc-900">{{ $userMetrics['total_active'] }}</span>
                 </div>
                 <div class="flex items-center justify-between">
-                    <flux:text class="text-zinc-600 dark:text-zinc-400">{{ __('admin_metrics.individual') }}</flux:text>
-                    <span class="font-medium text-zinc-700 dark:text-zinc-300">{{ $userMetrics['individual'] }}</span>
+                    <flux:text class="text-zinc-600">{{ __('admin_metrics.individual') }}</flux:text>
+                    <span class="font-medium text-zinc-700">{{ $userMetrics['individual'] }}</span>
                 </div>
                 <div class="flex items-center justify-between">
-                    <flux:text class="text-zinc-600 dark:text-zinc-400">{{ __('admin_metrics.company') }}</flux:text>
-                    <span class="font-medium text-zinc-700 dark:text-zinc-300">{{ $userMetrics['company'] }}</span>
+                    <flux:text class="text-zinc-600">{{ __('admin_metrics.company') }}</flux:text>
+                    <span class="font-medium text-zinc-700">{{ $userMetrics['company'] }}</span>
                 </div>
-                <div class="border-t border-zinc-200 pt-3 dark:border-zinc-700">
+                <div class="border-t border-zinc-200 pt-3">
                     <div class="flex items-center justify-between">
-                        <flux:text class="text-zinc-600 dark:text-zinc-400">{{ __('admin_metrics.deactivated') }}</flux:text>
-                        <span class="font-medium text-zinc-500 dark:text-zinc-400">{{ $userMetrics['deactivated'] }}</span>
+                        <flux:text class="text-zinc-600">{{ __('admin_metrics.deactivated') }}</flux:text>
+                        <span class="font-medium text-zinc-500">{{ $userMetrics['deactivated'] }}</span>
                     </div>
                 </div>
                 <div class="flex items-center justify-between">
-                    <flux:text class="text-zinc-600 dark:text-zinc-400">{{ __('admin_metrics.new_this_month') }}</flux:text>
+                    <flux:text class="text-zinc-600">{{ __('admin_metrics.new_this_month') }}</flux:text>
                     <flux:badge color="lime" size="sm">{{ $userMetrics['new_this_month'] }}</flux:badge>
                 </div>
             </div>
         </div>
 
         {{-- Booking Metrics Card --}}
-        <div class="rounded-lg border border-zinc-200 bg-white p-6 dark:border-zinc-700 dark:bg-zinc-800">
+        <div class="rounded-lg border border-zinc-200 bg-white p-6">
             <div class="mb-4 flex items-center gap-3">
-                <div class="flex h-10 w-10 items-center justify-center rounded-lg bg-[#0A1F44] text-white dark:bg-[#D4AF37] dark:text-zinc-900">
+                <div class="flex h-10 w-10 items-center justify-center rounded-lg bg-[#0A1F44] text-white">
                     <flux:icon name="calendar" class="h-5 w-5" />
                 </div>
                 <flux:heading size="lg">{{ __('admin_metrics.consultations') }}</flux:heading>
             </div>
             <div class="space-y-3">
                 <div class="flex items-center justify-between">
-                    <flux:text class="text-zinc-600 dark:text-zinc-400">{{ __('admin_metrics.pending_requests') }}</flux:text>
+                    <flux:text class="text-zinc-600">{{ __('admin_metrics.pending_requests') }}</flux:text>
                     <flux:badge color="amber" size="sm">{{ $bookingMetrics['pending'] }}</flux:badge>
                 </div>
                 <div class="flex items-center justify-between">
-                    <flux:text class="text-zinc-600 dark:text-zinc-400">{{ __('admin_metrics.today') }}</flux:text>
-                    <span class="font-medium text-zinc-700 dark:text-zinc-300">{{ $bookingMetrics['today'] }}</span>
+                    <flux:text class="text-zinc-600">{{ __('admin_metrics.today') }}</flux:text>
+                    <span class="font-medium text-zinc-700">{{ $bookingMetrics['today'] }}</span>
                 </div>
                 <div class="flex items-center justify-between">
-                    <flux:text class="text-zinc-600 dark:text-zinc-400">{{ __('admin_metrics.this_week') }}</flux:text>
-                    <span class="font-medium text-zinc-700 dark:text-zinc-300">{{ $bookingMetrics['this_week'] }}</span>
+                    <flux:text class="text-zinc-600">{{ __('admin_metrics.this_week') }}</flux:text>
+                    <span class="font-medium text-zinc-700">{{ $bookingMetrics['this_week'] }}</span>
                 </div>
                 <div class="flex items-center justify-between">
-                    <flux:text class="text-zinc-600 dark:text-zinc-400">{{ __('admin_metrics.this_month') }}</flux:text>
-                    <span class="font-medium text-zinc-700 dark:text-zinc-300">{{ $bookingMetrics['this_month'] }}</span>
+                    <flux:text class="text-zinc-600">{{ __('admin_metrics.this_month') }}</flux:text>
+                    <span class="font-medium text-zinc-700">{{ $bookingMetrics['this_month'] }}</span>
                 </div>
-                <div class="border-t border-zinc-200 pt-3 dark:border-zinc-700">
+                <div class="border-t border-zinc-200 pt-3">
                     <div class="flex items-center justify-between">
-                        <flux:text class="text-zinc-600 dark:text-zinc-400">{{ __('admin_metrics.free') }}</flux:text>
-                        <span class="font-medium text-zinc-700 dark:text-zinc-300">{{ $bookingMetrics['free'] }}</span>
+                        <flux:text class="text-zinc-600">{{ __('admin_metrics.free') }}</flux:text>
+                        <span class="font-medium text-zinc-700">{{ $bookingMetrics['free'] }}</span>
                     </div>
                     <div class="mt-2 flex items-center justify-between">
-                        <flux:text class="text-zinc-600 dark:text-zinc-400">{{ __('admin_metrics.paid') }}</flux:text>
-                        <span class="font-medium text-zinc-700 dark:text-zinc-300">{{ $bookingMetrics['paid'] }}</span>
+                        <flux:text class="text-zinc-600">{{ __('admin_metrics.paid') }}</flux:text>
+                        <span class="font-medium text-zinc-700">{{ $bookingMetrics['paid'] }}</span>
                     </div>
                 </div>
                 <div class="flex items-center justify-between">
-                    <flux:text class="text-zinc-600 dark:text-zinc-400">{{ __('admin_metrics.no_show_rate') }}</flux:text>
-                    <span class="font-medium text-zinc-700 dark:text-zinc-300">{{ $bookingMetrics['no_show_rate'] }}%</span>
+                    <flux:text class="text-zinc-600">{{ __('admin_metrics.no_show_rate') }}</flux:text>
+                    <span class="font-medium text-zinc-700">{{ $bookingMetrics['no_show_rate'] }}%</span>
                 </div>
             </div>
         </div>
 
         {{-- Timeline Metrics Card --}}
-        <div class="rounded-lg border border-zinc-200 bg-white p-6 dark:border-zinc-700 dark:bg-zinc-800">
+        <div class="rounded-lg border border-zinc-200 bg-white p-6">
             <div class="mb-4 flex items-center gap-3">
-                <div class="flex h-10 w-10 items-center justify-center rounded-lg bg-[#0A1F44] text-white dark:bg-[#D4AF37] dark:text-zinc-900">
+                <div class="flex h-10 w-10 items-center justify-center rounded-lg bg-[#0A1F44] text-white">
                     <flux:icon name="clipboard-document-list" class="h-5 w-5" />
                 </div>
                 <flux:heading size="lg">{{ __('admin_metrics.timelines') }}</flux:heading>
             </div>
             <div class="space-y-3">
                 <div class="flex items-center justify-between">
-                    <flux:text class="text-zinc-600 dark:text-zinc-400">{{ __('admin_metrics.active_cases') }}</flux:text>
-                    <span class="text-xl font-semibold text-zinc-900 dark:text-zinc-100">{{ $timelineMetrics['active'] }}</span>
+                    <flux:text class="text-zinc-600">{{ __('admin_metrics.active_cases') }}</flux:text>
+                    <span class="text-xl font-semibold text-zinc-900">{{ $timelineMetrics['active'] }}</span>
                 </div>
                 <div class="flex items-center justify-between">
-                    <flux:text class="text-zinc-600 dark:text-zinc-400">{{ __('admin_metrics.archived') }}</flux:text>
-                    <span class="font-medium text-zinc-500 dark:text-zinc-400">{{ $timelineMetrics['archived'] }}</span>
+                    <flux:text class="text-zinc-600">{{ __('admin_metrics.archived') }}</flux:text>
+                    <span class="font-medium text-zinc-500">{{ $timelineMetrics['archived'] }}</span>
                 </div>
-                <div class="border-t border-zinc-200 pt-3 dark:border-zinc-700">
+                <div class="border-t border-zinc-200 pt-3">
                     <div class="flex items-center justify-between">
-                        <flux:text class="text-zinc-600 dark:text-zinc-400">{{ __('admin_metrics.updates_this_week') }}</flux:text>
+                        <flux:text class="text-zinc-600">{{ __('admin_metrics.updates_this_week') }}</flux:text>
                         <flux:badge color="lime" size="sm">{{ $timelineMetrics['updates_this_week'] }}</flux:badge>
                     </div>
                 </div>
@@ -294,21 +294,21 @@ new class extends Component
         </div>
 
         {{-- Posts Metrics Card --}}
-        <div class="rounded-lg border border-zinc-200 bg-white p-6 dark:border-zinc-700 dark:bg-zinc-800">
+        <div class="rounded-lg border border-zinc-200 bg-white p-6">
             <div class="mb-4 flex items-center gap-3">
-                <div class="flex h-10 w-10 items-center justify-center rounded-lg bg-[#0A1F44] text-white dark:bg-[#D4AF37] dark:text-zinc-900">
+                <div class="flex h-10 w-10 items-center justify-center rounded-lg bg-[#0A1F44] text-white">
                     <flux:icon name="document-text" class="h-5 w-5" />
                 </div>
                 <flux:heading size="lg">{{ __('admin_metrics.posts') }}</flux:heading>
             </div>
             <div class="space-y-3">
                 <div class="flex items-center justify-between">
-                    <flux:text class="text-zinc-600 dark:text-zinc-400">{{ __('admin_metrics.total_published') }}</flux:text>
-                    <span class="text-xl font-semibold text-zinc-900 dark:text-zinc-100">{{ $postMetrics['total_published'] }}</span>
+                    <flux:text class="text-zinc-600">{{ __('admin_metrics.total_published') }}</flux:text>
+                    <span class="text-xl font-semibold text-zinc-900">{{ $postMetrics['total_published'] }}</span>
                 </div>
-                <div class="border-t border-zinc-200 pt-3 dark:border-zinc-700">
+                <div class="border-t border-zinc-200 pt-3">
                     <div class="flex items-center justify-between">
-                        <flux:text class="text-zinc-600 dark:text-zinc-400">{{ __('admin_metrics.published_this_month') }}</flux:text>
+                        <flux:text class="text-zinc-600">{{ __('admin_metrics.published_this_month') }}</flux:text>
                         <flux:badge color="lime" size="sm">{{ $postMetrics['this_month'] }}</flux:badge>
                     </div>
                 </div>
@@ -373,11 +373,11 @@ new class extends Component
 
         <div class="grid grid-cols-1 gap-6 lg:grid-cols-2">
             {{-- Monthly Trends Chart --}}
-            <div class="rounded-lg border border-zinc-200 bg-white p-6 dark:border-zinc-700 dark:bg-zinc-800">
+            <div class="rounded-lg border border-zinc-200 bg-white p-6">
                 <flux:heading size="sm" class="mb-4">{{ __('admin_metrics.monthly_trends') }}</flux:heading>
                 @if (array_sum($chartData['newClients']) === 0 && array_sum($chartData['consultations']) === 0)
                     <div class="flex h-64 items-center justify-center">
-                        <flux:text class="text-zinc-500 dark:text-zinc-400">{{ __('admin_metrics.no_data_available') }}</flux:text>
+                        <flux:text class="text-zinc-500">{{ __('admin_metrics.no_data_available') }}</flux:text>
                     </div>
                 @else
                     <div
@@ -441,11 +441,11 @@ new class extends Component
             </div>
 
             {{-- Consultation Breakdown Chart --}}
-            <div class="rounded-lg border border-zinc-200 bg-white p-6 dark:border-zinc-700 dark:bg-zinc-800">
+            <div class="rounded-lg border border-zinc-200 bg-white p-6">
                 <flux:heading size="sm" class="mb-4">{{ __('admin_metrics.consultation_breakdown') }}</flux:heading>
                 @if ($chartData['consultationBreakdown']['free'] === 0 && $chartData['consultationBreakdown']['paid'] === 0)
                     <div class="flex h-64 items-center justify-center">
-                        <flux:text class="text-zinc-500 dark:text-zinc-400">{{ __('admin_metrics.no_data_available') }}</flux:text>
+                        <flux:text class="text-zinc-500">{{ __('admin_metrics.no_data_available') }}</flux:text>
                     </div>
                 @else
                     <div
@@ -502,11 +502,11 @@ new class extends Component
             </div>
 
             {{-- No-show Rate Chart --}}
-            <div class="rounded-lg border border-zinc-200 bg-white p-6 dark:border-zinc-700 dark:bg-zinc-800 lg:col-span-2">
+            <div class="rounded-lg border border-zinc-200 bg-white p-6 lg:col-span-2">
                 <flux:heading size="sm" class="mb-4">{{ __('admin_metrics.noshow_rate_trend') }}</flux:heading>
                 @if (array_sum($chartData['noShowRates']) === 0)
                     <div class="flex h-64 items-center justify-center">
-                        <flux:text class="text-zinc-500 dark:text-zinc-400">{{ __('admin_metrics.no_data_available') }}</flux:text>
+                        <flux:text class="text-zinc-500">{{ __('admin_metrics.no_data_available') }}</flux:text>
                     </div>
                 @else
                     <div
@@ -595,22 +595,22 @@ new class extends Component
 
         <div class="widget-grid">
             {{-- Quick Actions Panel --}}
-            <div class="rounded-lg border border-zinc-200 bg-white p-4 sm:p-6 dark:border-zinc-700 dark:bg-zinc-800 lg:col-span-3">
+            <div class="rounded-lg border border-zinc-200 bg-white p-4 sm:p-6 lg:col-span-3">
                 <livewire:admin.widgets.quick-actions />
             </div>
 
             {{-- Pending Bookings Widget --}}
-            <div class="rounded-lg border border-zinc-200 bg-white p-4 sm:p-6 dark:border-zinc-700 dark:bg-zinc-800">
+            <div class="rounded-lg border border-zinc-200 bg-white p-4 sm:p-6">
                 <livewire:admin.widgets.pending-bookings />
             </div>
 
             {{-- Today's Schedule Widget --}}
-            <div class="rounded-lg border border-zinc-200 bg-white p-4 sm:p-6 dark:border-zinc-700 dark:bg-zinc-800">
+            <div class="rounded-lg border border-zinc-200 bg-white p-4 sm:p-6">
                 <livewire:admin.widgets.todays-schedule />
             </div>
 
             {{-- Recent Updates Widget --}}
-            <div class="rounded-lg border border-zinc-200 bg-white p-4 sm:p-6 dark:border-zinc-700 dark:bg-zinc-800">
+            <div class="rounded-lg border border-zinc-200 bg-white p-4 sm:p-6">
                 <livewire:admin.widgets.recent-updates />
             </div>
         </div>
diff --git a/resources/views/livewire/admin/pages/edit.blade.php b/resources/views/livewire/admin/pages/edit.blade.php
index 32c1b9f..525635c 100644
--- a/resources/views/livewire/admin/pages/edit.blade.php
+++ b/resources/views/livewire/admin/pages/edit.blade.php
@@ -69,7 +69,7 @@ new class extends Component
     <div class="mb-6 flex flex-col items-start justify-between gap-4 sm:flex-row sm:items-center">
         <div>
             <flux:heading size="xl">{{ __('pages.edit_page') }}: {{ $page->title_en }}</flux:heading>
-            <p class="mt-1 text-sm text-zinc-500 dark:text-zinc-400">
+            <p class="mt-1 text-sm text-zinc-500">
                 {{ __('pages.last_updated') }}: {{ $page->updated_at->diffForHumans() }}
             </p>
         </div>
@@ -81,19 +81,19 @@ new class extends Component
         </flux:callout>
     @endif
 
-    <div class="rounded-lg border border-zinc-200 bg-white p-6 dark:border-zinc-700 dark:bg-zinc-800">
+    <div class="rounded-lg border border-zinc-200 bg-white p-6">
         <!-- Language Tabs -->
-        <div class="mb-6 border-b border-zinc-200 dark:border-zinc-700">
+        <div class="mb-6 border-b border-zinc-200">
             <nav class="-mb-px flex gap-4">
                 <button
                     wire:click="setTab('ar')"
-                    class="{{ $activeTab === 'ar' ? 'border-blue-500 text-blue-600 dark:text-blue-400' : 'border-transparent text-zinc-500 hover:border-zinc-300 hover:text-zinc-700 dark:text-zinc-400' }} border-b-2 px-1 pb-3 text-sm font-medium transition-colors"
+                    class="{{ $activeTab === 'ar' ? 'border-blue-500 text-blue-600' : 'border-transparent text-zinc-500 hover:border-zinc-300 hover:text-zinc-700' }} border-b-2 px-1 pb-3 text-sm font-medium transition-colors"
                 >
                     {{ __('pages.arabic') }}
                 </button>
                 <button
                     wire:click="setTab('en')"
-                    class="{{ $activeTab === 'en' ? 'border-blue-500 text-blue-600 dark:text-blue-400' : 'border-transparent text-zinc-500 hover:border-zinc-300 hover:text-zinc-700 dark:text-zinc-400' }} border-b-2 px-1 pb-3 text-sm font-medium transition-colors"
+                    class="{{ $activeTab === 'en' ? 'border-blue-500 text-blue-600' : 'border-transparent text-zinc-500 hover:border-zinc-300 hover:text-zinc-700' }} border-b-2 px-1 pb-3 text-sm font-medium transition-colors"
                 >
                     {{ __('pages.english') }}
                 </button>
@@ -108,7 +108,7 @@ new class extends Component
                     <div wire:ignore>
                         <div
                             id="editor-ar"
-                            class="min-h-[300px] rounded-lg border border-zinc-200 bg-white dark:border-zinc-700 dark:bg-zinc-900"
+                            class="min-h-[300px] rounded-lg border border-zinc-200 bg-white"
                             dir="rtl"
                         ></div>
                         <textarea id="content_ar" wire:model="content_ar" class="hidden">{{ $content_ar }}</textarea>
@@ -123,14 +123,14 @@ new class extends Component
                     <div wire:ignore>
                         <div
                             id="editor-en"
-                            class="min-h-[300px] rounded-lg border border-zinc-200 bg-white dark:border-zinc-700 dark:bg-zinc-900"
+                            class="min-h-[300px] rounded-lg border border-zinc-200 bg-white"
                         ></div>
                         <textarea id="content_en" wire:model="content_en" class="hidden">{{ $content_en }}</textarea>
                     </div>
                 </flux:field>
             </div>
 
-            <div class="flex items-center justify-end gap-4 border-t border-zinc-200 pt-6 dark:border-zinc-700">
+            <div class="flex items-center justify-end gap-4 border-t border-zinc-200 pt-6">
                 <flux:button variant="ghost" :href="route('admin.pages.index')" wire:navigate>
                     {{ __('common.cancel') }}
                 </flux:button>
@@ -150,16 +150,16 @@ new class extends Component
             <flux:heading size="lg" class="mb-4">{{ __('pages.preview') }}</flux:heading>
 
             <div class="space-y-6">
-                <div class="border-b border-zinc-200 pb-4 dark:border-zinc-700">
-                    <h3 class="mb-2 text-lg font-semibold text-zinc-600 dark:text-zinc-400">{{ __('pages.arabic') }}</h3>
-                    <h2 class="text-xl font-bold text-zinc-900 dark:text-zinc-100" dir="rtl">{{ $page->title_ar }}</h2>
-                    <div class="prose prose-sm mt-2 max-w-none dark:prose-invert" dir="rtl">{!! clean($content_ar) !!}</div>
+                <div class="border-b border-zinc-200 pb-4">
+                    <h3 class="mb-2 text-lg font-semibold text-zinc-600">{{ __('pages.arabic') }}</h3>
+                    <h2 class="text-xl font-bold text-zinc-900" dir="rtl">{{ $page->title_ar }}</h2>
+                    <div class="prose prose-sm mt-2 max-w-none" dir="rtl">{!! clean($content_ar) !!}</div>
                 </div>
 
                 <div>
-                    <h3 class="mb-2 text-lg font-semibold text-zinc-600 dark:text-zinc-400">{{ __('pages.english') }}</h3>
-                    <h2 class="text-xl font-bold text-zinc-900 dark:text-zinc-100">{{ $page->title_en }}</h2>
-                    <div class="prose prose-sm mt-2 max-w-none dark:prose-invert">{!! clean($content_en) !!}</div>
+                    <h3 class="mb-2 text-lg font-semibold text-zinc-600">{{ __('pages.english') }}</h3>
+                    <h2 class="text-xl font-bold text-zinc-900">{{ $page->title_en }}</h2>
+                    <div class="prose prose-sm mt-2 max-w-none">{!! clean($content_en) !!}</div>
                 </div>
             </div>
 
@@ -181,45 +181,6 @@ new class extends Component
         .ql-container {
             font-family: inherit;
         }
-
-        .dark .ql-toolbar {
-            border-color: rgb(63 63 70);
-            background: rgb(24 24 27);
-        }
-
-        .dark .ql-container {
-            border-color: rgb(63 63 70);
-            background: rgb(24 24 27);
-        }
-
-        .dark .ql-editor {
-            color: rgb(244 244 245);
-        }
-
-        .dark .ql-stroke {
-            stroke: rgb(161 161 170);
-        }
-
-        .dark .ql-fill {
-            fill: rgb(161 161 170);
-        }
-
-        .dark .ql-picker-label {
-            color: rgb(161 161 170);
-        }
-
-        .dark .ql-picker-options {
-            background: rgb(39 39 42);
-            border-color: rgb(63 63 70);
-        }
-
-        .dark .ql-picker-item {
-            color: rgb(244 244 245);
-        }
-
-        .dark .ql-picker-item:hover {
-            color: rgb(59 130 246);
-        }
     </style>
 @endpush
 
diff --git a/resources/views/livewire/admin/pages/index.blade.php b/resources/views/livewire/admin/pages/index.blade.php
index 80354fa..f0b6abe 100644
--- a/resources/views/livewire/admin/pages/index.blade.php
+++ b/resources/views/livewire/admin/pages/index.blade.php
@@ -20,7 +20,7 @@ new class extends Component
     <div class="mb-6 flex flex-col items-start justify-between gap-4 sm:flex-row sm:items-center">
         <div>
             <flux:heading size="xl">{{ __('pages.legal_pages') }}</flux:heading>
-            <p class="mt-1 text-sm text-zinc-500 dark:text-zinc-400">{{ __('pages.legal_pages_description') }}</p>
+            <p class="mt-1 text-sm text-zinc-500">{{ __('pages.legal_pages_description') }}</p>
         </div>
     </div>
 
@@ -34,17 +34,17 @@ new class extends Component
         @forelse ($pages as $page)
             <div
                 wire:key="page-{{ $page->id }}"
-                class="{{ $loop->first ? 'rounded-t-lg' : '' }} {{ $loop->last ? 'rounded-b-lg' : '' }} {{ ! $loop->first ? 'border-t-0' : '' }} border border-zinc-200 bg-white p-4 dark:border-zinc-700 dark:bg-zinc-800"
+                class="{{ $loop->first ? 'rounded-t-lg' : '' }} {{ $loop->last ? 'rounded-b-lg' : '' }} {{ ! $loop->first ? 'border-t-0' : '' }} border border-zinc-200 bg-white p-4"
             >
                 <div class="flex flex-col gap-4 lg:flex-row lg:items-center">
                     <div class="flex-1">
                         <div class="flex items-center gap-3">
                             <flux:icon name="document-text" class="h-5 w-5 text-zinc-400" />
                             <div>
-                                <h3 class="font-semibold text-zinc-900 dark:text-zinc-100">
+                                <h3 class="font-semibold text-zinc-900">
                                     {{ $page->title_en }}
                                 </h3>
-                                <p class="text-sm text-zinc-500 dark:text-zinc-400" dir="rtl">
+                                <p class="text-sm text-zinc-500" dir="rtl">
                                     {{ $page->title_ar }}
                                 </p>
                             </div>
@@ -58,7 +58,7 @@ new class extends Component
                     </div>
 
                     <div class="lg:w-40">
-                        <div class="text-sm text-zinc-500 dark:text-zinc-400">
+                        <div class="text-sm text-zinc-500">
                             {{ __('pages.last_updated') }}: {{ $page->updated_at->diffForHumans() }}
                         </div>
                     </div>
@@ -76,7 +76,7 @@ new class extends Component
                 </div>
             </div>
         @empty
-            <div class="rounded-lg border border-zinc-200 bg-white py-12 text-center text-zinc-500 dark:border-zinc-700 dark:bg-zinc-800 dark:text-zinc-400">
+            <div class="rounded-lg border border-zinc-200 bg-white py-12 text-center text-zinc-500">
                 <flux:icon name="document-text" class="mx-auto mb-4 h-12 w-12" />
                 <p>{{ __('pages.no_pages') }}</p>
             </div>
diff --git a/resources/views/livewire/admin/posts/create.blade.php b/resources/views/livewire/admin/posts/create.blade.php
index a42cc94..65dd53d 100644
--- a/resources/views/livewire/admin/posts/create.blade.php
+++ b/resources/views/livewire/admin/posts/create.blade.php
@@ -139,7 +139,7 @@ new class extends Component
         </flux:callout>
     @endif
 
-    <div class="rounded-lg border border-zinc-200 bg-white p-6 dark:border-zinc-700 dark:bg-zinc-800">
+    <div class="rounded-lg border border-zinc-200 bg-white p-6">
         <form wire:submit="save" class="space-y-6">
             <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
                 <!-- Arabic Fields -->
@@ -159,7 +159,7 @@ new class extends Component
                             <trix-editor
                                 input="body_ar"
                                 dir="rtl"
-                                class="trix-content prose prose-sm max-w-none bg-white dark:bg-zinc-900 rounded-lg border border-zinc-200 dark:border-zinc-700 min-h-[200px]"
+                                class="trix-content prose prose-sm max-w-none bg-white rounded-lg border border-zinc-200 min-h-[200px]"
                                 x-data
                                 x-on:trix-change="$wire.set('body_ar', $event.target.value)"
                             ></trix-editor>
@@ -184,7 +184,7 @@ new class extends Component
                             <input id="body_en" type="hidden" wire:model="body_en">
                             <trix-editor
                                 input="body_en"
-                                class="trix-content prose prose-sm max-w-none bg-white dark:bg-zinc-900 rounded-lg border border-zinc-200 dark:border-zinc-700 min-h-[200px]"
+                                class="trix-content prose prose-sm max-w-none bg-white rounded-lg border border-zinc-200 min-h-[200px]"
                                 x-data
                                 x-on:trix-change="$wire.set('body_en', $event.target.value)"
                             ></trix-editor>
@@ -194,7 +194,7 @@ new class extends Component
                 </div>
             </div>
 
-            <div class="flex items-center justify-end gap-4 border-t border-zinc-200 pt-6 dark:border-zinc-700">
+            <div class="flex items-center justify-end gap-4 border-t border-zinc-200 pt-6">
                 <flux:button variant="ghost" :href="route('admin.posts.index')" wire:navigate>
                     {{ __('common.cancel') }}
                 </flux:button>
@@ -217,16 +217,16 @@ new class extends Component
             <flux:heading size="lg" class="mb-4">{{ __('posts.preview') }}</flux:heading>
 
             <div class="space-y-6">
-                <div class="border-b border-zinc-200 dark:border-zinc-700 pb-4">
-                    <h3 class="font-semibold text-lg mb-2 text-zinc-600 dark:text-zinc-400">{{ __('posts.arabic_content') }}</h3>
-                    <h2 class="text-xl font-bold text-zinc-900 dark:text-zinc-100" dir="rtl">{{ $title_ar }}</h2>
-                    <div class="prose prose-sm dark:prose-invert mt-2 max-w-none" dir="rtl">{!! clean($body_ar) !!}</div>
+                <div class="border-b border-zinc-200 pb-4">
+                    <h3 class="font-semibold text-lg mb-2 text-zinc-600">{{ __('posts.arabic_content') }}</h3>
+                    <h2 class="text-xl font-bold text-zinc-900" dir="rtl">{{ $title_ar }}</h2>
+                    <div class="prose prose-sm mt-2 max-w-none" dir="rtl">{!! clean($body_ar) !!}</div>
                 </div>
 
                 <div>
-                    <h3 class="font-semibold text-lg mb-2 text-zinc-600 dark:text-zinc-400">{{ __('posts.english_content') }}</h3>
-                    <h2 class="text-xl font-bold text-zinc-900 dark:text-zinc-100">{{ $title_en }}</h2>
-                    <div class="prose prose-sm dark:prose-invert mt-2 max-w-none">{!! clean($body_en) !!}</div>
+                    <h3 class="font-semibold text-lg mb-2 text-zinc-600">{{ __('posts.english_content') }}</h3>
+                    <h2 class="text-xl font-bold text-zinc-900">{{ $title_en }}</h2>
+                    <div class="prose prose-sm mt-2 max-w-none">{!! clean($body_en) !!}</div>
                 </div>
             </div>
 
diff --git a/resources/views/livewire/admin/posts/edit.blade.php b/resources/views/livewire/admin/posts/edit.blade.php
index 0762251..773876e 100644
--- a/resources/views/livewire/admin/posts/edit.blade.php
+++ b/resources/views/livewire/admin/posts/edit.blade.php
@@ -162,10 +162,10 @@ new class extends Component
     <div class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4 mb-6">
         <div>
             <flux:heading size="xl">{{ __('posts.edit_post') }}</flux:heading>
-            <p class="text-sm text-zinc-500 dark:text-zinc-400 mt-1">
+            <p class="text-sm text-zinc-500 mt-1">
                 {{ __('posts.last_updated') }}: {{ $post->updated_at->diffForHumans() }}
                 @if($status === 'draft')
-                    <span class="text-amber-600 dark:text-amber-400">({{ __('posts.auto_save_enabled') }})</span>
+                    <span class="text-amber-600">({{ __('posts.auto_save_enabled') }})</span>
                 @endif
             </p>
         </div>
@@ -180,7 +180,7 @@ new class extends Component
         </flux:callout>
     @endif
 
-    <div class="rounded-lg border border-zinc-200 bg-white p-6 dark:border-zinc-700 dark:bg-zinc-800">
+    <div class="rounded-lg border border-zinc-200 bg-white p-6">
         <form wire:submit="save" class="space-y-6">
             <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
                 <!-- Arabic Fields -->
@@ -200,7 +200,7 @@ new class extends Component
                             <trix-editor
                                 input="body_ar"
                                 dir="rtl"
-                                class="trix-content prose prose-sm max-w-none bg-white dark:bg-zinc-900 rounded-lg border border-zinc-200 dark:border-zinc-700 min-h-[200px]"
+                                class="trix-content prose prose-sm max-w-none bg-white rounded-lg border border-zinc-200 min-h-[200px]"
                                 x-data
                                 x-on:trix-change="$wire.set('body_ar', $event.target.value)"
                             ></trix-editor>
@@ -225,7 +225,7 @@ new class extends Component
                             <input id="body_en" type="hidden" wire:model="body_en" value="{{ $body_en }}">
                             <trix-editor
                                 input="body_en"
-                                class="trix-content prose prose-sm max-w-none bg-white dark:bg-zinc-900 rounded-lg border border-zinc-200 dark:border-zinc-700 min-h-[200px]"
+                                class="trix-content prose prose-sm max-w-none bg-white rounded-lg border border-zinc-200 min-h-[200px]"
                                 x-data
                                 x-on:trix-change="$wire.set('body_en', $event.target.value)"
                             ></trix-editor>
@@ -235,7 +235,7 @@ new class extends Component
                 </div>
             </div>
 
-            <div class="flex items-center justify-between gap-4 border-t border-zinc-200 pt-6 dark:border-zinc-700">
+            <div class="flex items-center justify-between gap-4 border-t border-zinc-200 pt-6">
                 <div>
                     <flux:button variant="danger" type="button" wire:click="delete">
                         {{ __('posts.delete_post') }}
@@ -274,16 +274,16 @@ new class extends Component
             <flux:heading size="lg" class="mb-4">{{ __('posts.preview') }}</flux:heading>
 
             <div class="space-y-6">
-                <div class="border-b border-zinc-200 dark:border-zinc-700 pb-4">
-                    <h3 class="font-semibold text-lg mb-2 text-zinc-600 dark:text-zinc-400">{{ __('posts.arabic_content') }}</h3>
-                    <h2 class="text-xl font-bold text-zinc-900 dark:text-zinc-100" dir="rtl">{{ $title_ar }}</h2>
-                    <div class="prose prose-sm dark:prose-invert mt-2 max-w-none" dir="rtl">{!! clean($body_ar) !!}</div>
+                <div class="border-b border-zinc-200 pb-4">
+                    <h3 class="font-semibold text-lg mb-2 text-zinc-600">{{ __('posts.arabic_content') }}</h3>
+                    <h2 class="text-xl font-bold text-zinc-900" dir="rtl">{{ $title_ar }}</h2>
+                    <div class="prose prose-sm mt-2 max-w-none" dir="rtl">{!! clean($body_ar) !!}</div>
                 </div>
 
                 <div>
-                    <h3 class="font-semibold text-lg mb-2 text-zinc-600 dark:text-zinc-400">{{ __('posts.english_content') }}</h3>
-                    <h2 class="text-xl font-bold text-zinc-900 dark:text-zinc-100">{{ $title_en }}</h2>
-                    <div class="prose prose-sm dark:prose-invert mt-2 max-w-none">{!! clean($body_en) !!}</div>
+                    <h3 class="font-semibold text-lg mb-2 text-zinc-600">{{ __('posts.english_content') }}</h3>
+                    <h2 class="text-xl font-bold text-zinc-900">{{ $title_en }}</h2>
+                    <div class="prose prose-sm mt-2 max-w-none">{!! clean($body_en) !!}</div>
                 </div>
             </div>
 
@@ -302,7 +302,7 @@ new class extends Component
                 {{ __('posts.delete_post_warning') }}
             </flux:callout>
 
-            <p class="text-zinc-700 dark:text-zinc-300">
+            <p class="text-zinc-700">
                 {{ __('posts.deleting_post', ['title' => $post->getTitle()]) }}
             </p>
 
diff --git a/resources/views/livewire/admin/posts/index.blade.php b/resources/views/livewire/admin/posts/index.blade.php
index c023c5c..9307350 100644
--- a/resources/views/livewire/admin/posts/index.blade.php
+++ b/resources/views/livewire/admin/posts/index.blade.php
@@ -161,7 +161,7 @@ new class extends Component
     <div class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4 mb-6">
         <div>
             <flux:heading size="xl">{{ __('posts.posts') }}</flux:heading>
-            <p class="text-sm text-zinc-500 dark:text-zinc-400 mt-1">{{ __('posts.posts_description') }}</p>
+            <p class="text-sm text-zinc-500 mt-1">{{ __('posts.posts_description') }}</p>
         </div>
         <flux:button href="{{ route('admin.posts.create') }}" variant="primary" icon="plus" wire:navigate>
             {{ __('posts.create_post') }}
@@ -181,7 +181,7 @@ new class extends Component
     @endif
 
     <!-- Filters -->
-    <div class="bg-white dark:bg-zinc-800 rounded-lg p-4 border border-zinc-200 dark:border-zinc-700 mb-6">
+    <div class="bg-white rounded-lg p-4 border border-zinc-200 mb-6">
         <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
             <flux:field>
                 <flux:input
@@ -219,21 +219,21 @@ new class extends Component
     </div>
 
     <!-- Sort Headers -->
-    <div class="hidden lg:flex bg-zinc-100 dark:bg-zinc-700 rounded-t-lg px-4 py-2 text-sm font-medium text-zinc-600 dark:text-zinc-300 gap-4 mb-0">
-        <button wire:click="sort('title')" class="flex items-center gap-1 flex-1 hover:text-zinc-900 dark:hover:text-white">
+    <div class="hidden lg:flex bg-zinc-100 rounded-t-lg px-4 py-2 text-sm font-medium text-zinc-600 gap-4 mb-0">
+        <button wire:click="sort('title')" class="flex items-center gap-1 flex-1 hover:text-zinc-900">
             {{ __('posts.title') }}
             @if($sortBy === 'title')
                 <flux:icon name="{{ $sortDir === 'asc' ? 'chevron-up' : 'chevron-down' }}" class="w-4 h-4" />
             @endif
         </button>
         <span class="w-24">{{ __('admin.current_status') }}</span>
-        <button wire:click="sort('updated_at')" class="flex items-center gap-1 w-32 hover:text-zinc-900 dark:hover:text-white">
+        <button wire:click="sort('updated_at')" class="flex items-center gap-1 w-32 hover:text-zinc-900">
             {{ __('posts.last_updated') }}
             @if($sortBy === 'updated_at')
                 <flux:icon name="{{ $sortDir === 'asc' ? 'chevron-up' : 'chevron-down' }}" class="w-4 h-4" />
             @endif
         </button>
-        <button wire:click="sort('created_at')" class="flex items-center gap-1 w-32 hover:text-zinc-900 dark:hover:text-white">
+        <button wire:click="sort('created_at')" class="flex items-center gap-1 w-32 hover:text-zinc-900">
             {{ __('posts.created') }}
             @if($sortBy === 'created_at')
                 <flux:icon name="{{ $sortDir === 'asc' ? 'chevron-up' : 'chevron-down' }}" class="w-4 h-4" />
@@ -245,14 +245,14 @@ new class extends Component
     <!-- Posts List -->
     <div class="space-y-0">
         @forelse($posts as $post)
-            <div wire:key="post-{{ $post->id }}" class="bg-white dark:bg-zinc-800 p-4 border border-zinc-200 dark:border-zinc-700 {{ $loop->first ? 'rounded-t-lg lg:rounded-t-none' : '' }} {{ $loop->last ? 'rounded-b-lg' : '' }} {{ !$loop->first ? 'border-t-0' : '' }}">
+            <div wire:key="post-{{ $post->id }}" class="bg-white p-4 border border-zinc-200 {{ $loop->first ? 'rounded-t-lg lg:rounded-t-none' : '' }} {{ $loop->last ? 'rounded-b-lg' : '' }} {{ !$loop->first ? 'border-t-0' : '' }}">
                 <div class="flex flex-col lg:flex-row lg:items-center gap-4">
                     <!-- Title -->
                     <div class="flex-1">
-                        <a href="{{ route('admin.posts.edit', $post) }}" class="font-semibold text-zinc-900 dark:text-zinc-100 hover:text-blue-600 dark:hover:text-blue-400" wire:navigate>
+                        <a href="{{ route('admin.posts.edit', $post) }}" class="font-semibold text-zinc-900 hover:text-blue-600" wire:navigate>
                             {{ $post->getTitle() }}
                         </a>
-                        <div class="text-sm text-zinc-500 dark:text-zinc-400 mt-1 line-clamp-2">
+                        <div class="text-sm text-zinc-500 mt-1 line-clamp-2">
                             {{ $post->getExcerpt() }}
                         </div>
                     </div>
@@ -266,14 +266,14 @@ new class extends Component
 
                     <!-- Last Updated -->
                     <div class="lg:w-32">
-                        <div class="text-sm text-zinc-900 dark:text-zinc-100">
+                        <div class="text-sm text-zinc-900">
                             {{ $post->updated_at->diffForHumans() }}
                         </div>
                     </div>
 
                     <!-- Created -->
                     <div class="lg:w-32">
-                        <div class="text-sm text-zinc-500 dark:text-zinc-400">
+                        <div class="text-sm text-zinc-500">
                             {{ $post->created_at->format('Y-m-d') }}
                         </div>
                     </div>
@@ -306,7 +306,7 @@ new class extends Component
                 </div>
             </div>
         @empty
-            <div class="text-center py-12 text-zinc-500 dark:text-zinc-400 bg-white dark:bg-zinc-800 rounded-lg border border-zinc-200 dark:border-zinc-700">
+            <div class="text-center py-12 text-zinc-500 bg-white rounded-lg border border-zinc-200">
                 <flux:icon name="document-text" class="w-12 h-12 mx-auto mb-4" />
                 <p>{{ __('posts.no_posts') }}</p>
                 <div class="mt-4">
@@ -332,7 +332,7 @@ new class extends Component
             </flux:callout>
 
             @if($postToDelete)
-                <p class="text-zinc-700 dark:text-zinc-300">
+                <p class="text-zinc-700">
                     {{ __('posts.deleting_post', ['title' => $postToDelete->getTitle()]) }}
                 </p>
             @endif
diff --git a/resources/views/livewire/admin/reports/monthly-report.blade.php b/resources/views/livewire/admin/reports/monthly-report.blade.php
index ab572f3..f9c5ea6 100644
--- a/resources/views/livewire/admin/reports/monthly-report.blade.php
+++ b/resources/views/livewire/admin/reports/monthly-report.blade.php
@@ -55,11 +55,11 @@ new class extends Component
     <div class="mb-6 flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
         <div>
             <flux:heading size="xl">{{ __('report.monthly_report') }}</flux:heading>
-            <flux:text class="mt-1 text-zinc-500 dark:text-zinc-400">{{ __('report.monthly_report_description') }}</flux:text>
+            <flux:text class="mt-1 text-zinc-500">{{ __('report.monthly_report_description') }}</flux:text>
         </div>
     </div>
 
-    <div class="rounded-lg border border-zinc-200 bg-white p-6 dark:border-zinc-700 dark:bg-zinc-800">
+    <div class="rounded-lg border border-zinc-200 bg-white p-6">
         <div class="flex flex-col gap-6 sm:flex-row sm:items-end">
             <div class="w-full sm:w-64">
                 <flux:select wire:model="selectedPeriod" :label="__('report.select_period')">
@@ -83,31 +83,31 @@ new class extends Component
             </flux:button>
         </div>
 
-        <div class="mt-8 rounded-lg bg-zinc-50 p-6 dark:bg-zinc-900">
+        <div class="mt-8 rounded-lg bg-zinc-50 p-6">
             <flux:heading size="sm" class="mb-4">{{ __('report.table_of_contents') }}</flux:heading>
-            <div class="space-y-2 text-sm text-zinc-600 dark:text-zinc-400">
+            <div class="space-y-2 text-sm text-zinc-600">
                 <div class="flex items-center gap-2">
-                    <span class="flex h-6 w-6 items-center justify-center rounded-full bg-[#2D3624] text-xs text-white dark:bg-[#A68966] dark:text-zinc-900">1</span>
+                    <span class="flex h-6 w-6 items-center justify-center rounded-full bg-[#2D3624] text-xs text-white">1</span>
                     <span>{{ __('report.executive_summary') }}</span>
                 </div>
                 <div class="flex items-center gap-2">
-                    <span class="flex h-6 w-6 items-center justify-center rounded-full bg-[#2D3624] text-xs text-white dark:bg-[#A68966] dark:text-zinc-900">2</span>
+                    <span class="flex h-6 w-6 items-center justify-center rounded-full bg-[#2D3624] text-xs text-white">2</span>
                     <span>{{ __('report.user_statistics') }}</span>
                 </div>
                 <div class="flex items-center gap-2">
-                    <span class="flex h-6 w-6 items-center justify-center rounded-full bg-[#2D3624] text-xs text-white dark:bg-[#A68966] dark:text-zinc-900">3</span>
+                    <span class="flex h-6 w-6 items-center justify-center rounded-full bg-[#2D3624] text-xs text-white">3</span>
                     <span>{{ __('report.consultation_statistics') }}</span>
                 </div>
                 <div class="flex items-center gap-2">
-                    <span class="flex h-6 w-6 items-center justify-center rounded-full bg-[#2D3624] text-xs text-white dark:bg-[#A68966] dark:text-zinc-900">4</span>
+                    <span class="flex h-6 w-6 items-center justify-center rounded-full bg-[#2D3624] text-xs text-white">4</span>
                     <span>{{ __('report.timeline_statistics') }}</span>
                 </div>
                 <div class="flex items-center gap-2">
-                    <span class="flex h-6 w-6 items-center justify-center rounded-full bg-[#2D3624] text-xs text-white dark:bg-[#A68966] dark:text-zinc-900">5</span>
+                    <span class="flex h-6 w-6 items-center justify-center rounded-full bg-[#2D3624] text-xs text-white">5</span>
                     <span>{{ __('report.post_statistics') }}</span>
                 </div>
                 <div class="flex items-center gap-2">
-                    <span class="flex h-6 w-6 items-center justify-center rounded-full bg-[#2D3624] text-xs text-white dark:bg-[#A68966] dark:text-zinc-900">6</span>
+                    <span class="flex h-6 w-6 items-center justify-center rounded-full bg-[#2D3624] text-xs text-white">6</span>
                     <span>{{ __('report.trends_chart') }}</span>
                 </div>
             </div>
diff --git a/resources/views/livewire/admin/settings/blocked-times.blade.php b/resources/views/livewire/admin/settings/blocked-times.blade.php
index 9ca1d68..4c92cfd 100644
--- a/resources/views/livewire/admin/settings/blocked-times.blade.php
+++ b/resources/views/livewire/admin/settings/blocked-times.blade.php
@@ -221,7 +221,7 @@ new class extends Component {
     <div class="mb-6 flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
         <div>
             <flux:heading size="xl">{{ __('admin.blocked_times') }}</flux:heading>
-            <flux:text class="mt-1 text-zinc-500 dark:text-zinc-400">
+            <flux:text class="mt-1 text-zinc-500">
                 {{ __('admin.blocked_times_description') }}
             </flux:text>
         </div>
@@ -248,11 +248,11 @@ new class extends Component {
     </div>
 
     {{-- List --}}
-    <div class="rounded-lg border border-zinc-200 bg-white dark:border-zinc-700 dark:bg-zinc-800">
+    <div class="rounded-lg border border-zinc-200 bg-white">
         @forelse($blockedTimes as $blocked)
             <div
                 wire:key="blocked-{{ $blocked->id }}"
-                class="flex flex-col gap-4 border-b border-zinc-200 p-4 last:border-b-0 dark:border-zinc-700 sm:flex-row sm:items-center sm:justify-between"
+                class="flex flex-col gap-4 border-b border-zinc-200 p-4 last:border-b-0 sm:flex-row sm:items-center sm:justify-between"
             >
                 <div class="flex-1">
                     <div class="flex items-center gap-3">
@@ -268,14 +268,14 @@ new class extends Component {
                                 {{ __('admin.all_day') }}
                             </flux:badge>
                         @else
-                            <span class="text-sm text-zinc-600 dark:text-zinc-400">
+                            <span class="text-sm text-zinc-600">
                                 {{ $blocked->start_time }} - {{ $blocked->end_time }}
                             </span>
                         @endif
                     </div>
 
                     @if ($blocked->reason)
-                        <p class="mt-2 text-sm text-zinc-500 dark:text-zinc-400">
+                        <p class="mt-2 text-sm text-zinc-500">
                             {{ $blocked->reason }}
                         </p>
                     @endif
@@ -297,7 +297,7 @@ new class extends Component {
         @empty
             <div class="p-8 text-center">
                 <flux:icon name="calendar-days" class="mx-auto h-12 w-12 text-zinc-400" />
-                <flux:text class="mt-2 text-zinc-500 dark:text-zinc-400">
+                <flux:text class="mt-2 text-zinc-500">
                     {{ __('admin.no_blocked_times') }}
                 </flux:text>
             </div>
diff --git a/resources/views/livewire/admin/settings/working-hours.blade.php b/resources/views/livewire/admin/settings/working-hours.blade.php
index 5ee11c1..ba84da8 100644
--- a/resources/views/livewire/admin/settings/working-hours.blade.php
+++ b/resources/views/livewire/admin/settings/working-hours.blade.php
@@ -90,7 +90,7 @@ new class extends Component {
 <div>
     <div class="mb-6">
         <flux:heading size="xl">{{ __('admin.working_hours') }}</flux:heading>
-        <flux:text class="mt-1 text-zinc-500 dark:text-zinc-400">
+        <flux:text class="mt-1 text-zinc-500">
             {{ __('admin.working_hours_description') }}
         </flux:text>
     </div>
@@ -103,20 +103,20 @@ new class extends Component {
         </div>
     @endif
 
-    <div class="rounded-lg border border-zinc-200 bg-white p-6 dark:border-zinc-700 dark:bg-zinc-800">
+    <div class="rounded-lg border border-zinc-200 bg-white p-6">
         <form wire:submit="save">
             <div class="space-y-1">
                 @foreach (range(0, 6) as $day)
                     <div
                         wire:key="day-{{ $day }}"
-                        class="flex flex-col gap-4 border-b border-zinc-200 py-4 last:border-b-0 dark:border-zinc-700 sm:flex-row sm:items-center"
+                        class="flex flex-col gap-4 border-b border-zinc-200 py-4 last:border-b-0 sm:flex-row sm:items-center"
                     >
                         <div class="flex items-center gap-4 sm:w-48">
                             <flux:switch
                                 wire:model.live="schedule.{{ $day }}.is_active"
                                 aria-label="{{ __('admin.working_hours') }} - {{ \App\Models\WorkingHour::getDayName($day) }}"
                             />
-                            <span class="font-medium text-zinc-900 dark:text-zinc-100">
+                            <span class="font-medium text-zinc-900">
                                 {{ \App\Models\WorkingHour::getDayName($day) }}
                             </span>
                         </div>
@@ -129,7 +129,7 @@ new class extends Component {
                                         wire:model.live="schedule.{{ $day }}.start_time"
                                         class="w-36"
                                     />
-                                    <span class="text-zinc-500 dark:text-zinc-400">{{ __('admin.to') }}</span>
+                                    <span class="text-zinc-500">{{ __('admin.to') }}</span>
                                     <flux:input
                                         type="time"
                                         wire:model.live="schedule.{{ $day }}.end_time"
@@ -138,7 +138,7 @@ new class extends Component {
                                 </div>
 
                                 <div class="flex items-center gap-2 text-sm">
-                                    <span class="text-zinc-500 dark:text-zinc-400">
+                                    <span class="text-zinc-500">
                                         ({{ $this->formatTime($schedule[$day]['start_time']) }} - {{ $this->formatTime($schedule[$day]['end_time']) }})
                                     </span>
                                     @php($slots = $this->getSlotCount($day))
@@ -160,13 +160,13 @@ new class extends Component {
                                 </div>
                             @enderror
                         @else
-                            <span class="text-zinc-400 dark:text-zinc-500">{{ __('admin.closed') }}</span>
+                            <span class="text-zinc-400">{{ __('admin.closed') }}</span>
                         @endif
                     </div>
                 @endforeach
             </div>
 
-            <div class="mt-6 flex justify-end border-t border-zinc-200 pt-6 dark:border-zinc-700">
+            <div class="mt-6 flex justify-end border-t border-zinc-200 pt-6">
                 <flux:button variant="primary" type="submit">
                     {{ __('admin.save_working_hours') }}
                 </flux:button>
diff --git a/resources/views/livewire/admin/timelines/create.blade.php b/resources/views/livewire/admin/timelines/create.blade.php
index 22ea9bb..2751e21 100644
--- a/resources/views/livewire/admin/timelines/create.blade.php
+++ b/resources/views/livewire/admin/timelines/create.blade.php
@@ -115,18 +115,18 @@ new class extends Component {
         <flux:heading size="xl">{{ __('timelines.create_timeline') }}</flux:heading>
     </div>
 
-    <div class="rounded-lg border border-zinc-200 bg-white p-6 dark:border-zinc-700 dark:bg-zinc-800">
+    <div class="rounded-lg border border-zinc-200 bg-white p-6 ">
         <form wire:submit="create" class="space-y-6">
             {{-- Client Selection --}}
             <flux:field>
                 <flux:label class="required">{{ __('timelines.select_client') }}</flux:label>
 
                 @if($selectedUser)
-                    <div class="flex items-center gap-3 rounded-lg border border-zinc-200 bg-zinc-50 p-3 dark:border-zinc-700 dark:bg-zinc-900">
+                    <div class="flex items-center gap-3 rounded-lg border border-zinc-200 bg-zinc-50 p-3 ">
                         <flux:avatar size="sm" name="{{ $selectedUser->full_name }}" />
                         <div class="flex-1">
-                            <div class="font-medium text-zinc-900 dark:text-zinc-100">{{ $selectedUser->full_name }}</div>
-                            <div class="text-sm text-zinc-500 dark:text-zinc-400">{{ $selectedUser->email }}</div>
+                            <div class="font-medium text-zinc-900 ">{{ $selectedUser->full_name }}</div>
+                            <div class="text-sm text-zinc-500 ">{{ $selectedUser->email }}</div>
                         </div>
                         <flux:button variant="ghost" size="sm" wire:click="clearSelection" icon="x-mark" />
                     </div>
@@ -141,29 +141,29 @@ new class extends Component {
                         />
 
                         @if(strlen($search) >= 2)
-                            <div class="absolute z-10 mt-1 w-full rounded-lg border border-zinc-200 bg-white shadow-lg dark:border-zinc-700 dark:bg-zinc-800">
+                            <div class="absolute z-10 mt-1 w-full rounded-lg border border-zinc-200 bg-white shadow-lg ">
                                 @forelse($this->clients as $client)
                                     <button
                                         type="button"
                                         wire:key="client-{{ $client->id }}"
                                         wire:click="selectUser({{ $client->id }})"
-                                        class="flex w-full items-center gap-3 px-4 py-3 text-start hover:bg-zinc-50 dark:hover:bg-zinc-700 first:rounded-t-lg last:rounded-b-lg"
+                                        class="flex w-full items-center gap-3 px-4 py-3 text-start hover:bg-zinc-50  first:rounded-t-lg last:rounded-b-lg"
                                     >
                                         <flux:avatar size="sm" name="{{ $client->full_name }}" />
                                         <div>
-                                            <div class="font-medium text-zinc-900 dark:text-zinc-100">{{ $client->full_name }}</div>
-                                            <div class="text-sm text-zinc-500 dark:text-zinc-400">{{ $client->email }}</div>
+                                            <div class="font-medium text-zinc-900 ">{{ $client->full_name }}</div>
+                                            <div class="text-sm text-zinc-500 ">{{ $client->email }}</div>
                                         </div>
                                     </button>
                                 @empty
-                                    <div class="px-4 py-3 text-sm text-zinc-500 dark:text-zinc-400">
+                                    <div class="px-4 py-3 text-sm text-zinc-500 ">
                                         {{ __('timelines.no_clients_found') }}
                                     </div>
                                 @endforelse
                             </div>
                         @elseif(strlen($search) > 0 && strlen($search) < 2)
-                            <div class="absolute z-10 mt-1 w-full rounded-lg border border-zinc-200 bg-white p-3 shadow-lg dark:border-zinc-700 dark:bg-zinc-800">
-                                <div class="text-sm text-zinc-500 dark:text-zinc-400">
+                            <div class="absolute z-10 mt-1 w-full rounded-lg border border-zinc-200 bg-white p-3 shadow-lg ">
+                                <div class="text-sm text-zinc-500 ">
                                     {{ __('timelines.type_to_search') }}
                                 </div>
                             </div>
@@ -210,7 +210,7 @@ new class extends Component {
                 <flux:error name="initialNotes" />
             </flux:field>
 
-            <div class="flex items-center justify-end gap-4 border-t border-zinc-200 pt-6 dark:border-zinc-700">
+            <div class="flex items-center justify-end gap-4 border-t border-zinc-200 pt-6 ">
                 <flux:button variant="ghost" :href="route('admin.dashboard')" wire:navigate>
                     {{ __('timelines.cancel') }}
                 </flux:button>
diff --git a/resources/views/livewire/admin/timelines/export-timelines.blade.php b/resources/views/livewire/admin/timelines/export-timelines.blade.php
index 8be42e5..00ceab2 100644
--- a/resources/views/livewire/admin/timelines/export-timelines.blade.php
+++ b/resources/views/livewire/admin/timelines/export-timelines.blade.php
@@ -196,11 +196,11 @@ new class extends Component {
     <div class="mb-6 flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
         <div>
             <flux:heading size="xl">{{ __('export.export_timelines') }}</flux:heading>
-            <flux:text class="mt-1 text-zinc-500 dark:text-zinc-400">{{ __('export.export_timelines_description') }}</flux:text>
+            <flux:text class="mt-1 text-zinc-500">{{ __('export.export_timelines_description') }}</flux:text>
         </div>
     </div>
 
-    <div class="mb-6 rounded-lg border border-zinc-200 bg-white p-6 dark:border-zinc-700 dark:bg-zinc-800">
+    <div class="mb-6 rounded-lg border border-zinc-200 bg-white p-6">
         <flux:heading size="lg" class="mb-4">{{ __('export.filters_applied') }}</flux:heading>
 
         <div class="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4">
@@ -217,19 +217,19 @@ new class extends Component {
                     <button
                         wire:click="clearClient"
                         type="button"
-                        class="absolute end-2 top-8 text-zinc-400 hover:text-zinc-600 dark:hover:text-zinc-300"
+                        class="absolute end-2 top-8 text-zinc-400 hover:text-zinc-600"
                     >
                         <flux:icon name="x-mark" class="h-4 w-4" />
                     </button>
                 @endif
 
                 @if (strlen($clientSearch) >= 2 && ! $clientId && $this->clients->count() > 0)
-                    <div class="absolute z-10 mt-1 w-full rounded-lg border border-zinc-200 bg-white shadow-lg dark:border-zinc-700 dark:bg-zinc-800">
+                    <div class="absolute z-10 mt-1 w-full rounded-lg border border-zinc-200 bg-white shadow-lg">
                         @foreach ($this->clients as $client)
                             <button
                                 wire:click="selectClient({{ $client->id }})"
                                 type="button"
-                                class="block w-full px-4 py-2 text-start hover:bg-zinc-100 dark:hover:bg-zinc-700"
+                                class="block w-full px-4 py-2 text-start hover:bg-zinc-100"
                             >
                                 <span class="font-medium">{{ $client->full_name }}</span>
                                 <span class="text-sm text-zinc-500">{{ $client->email }}</span>
@@ -273,7 +273,7 @@ new class extends Component {
                 wire:model.live="includeUpdates"
                 :label="__('export.include_updates')"
             />
-            <flux:text class="ms-6 text-sm text-zinc-500 dark:text-zinc-400">
+            <flux:text class="ms-6 text-sm text-zinc-500">
                 {{ __('export.include_updates_description') }}
             </flux:text>
         </div>
@@ -287,11 +287,11 @@ new class extends Component {
         @endif
     </div>
 
-    <div class="rounded-lg border border-zinc-200 bg-white p-6 dark:border-zinc-700 dark:bg-zinc-800">
+    <div class="rounded-lg border border-zinc-200 bg-white p-6">
         <div class="flex flex-col items-center justify-between gap-4 sm:flex-row">
             <div>
-                <flux:text class="text-zinc-600 dark:text-zinc-400">
-                    {{ __('export.total_records') }}: <span class="font-semibold text-zinc-900 dark:text-zinc-100">{{ $previewCount }}</span>
+                <flux:text class="text-zinc-600">
+                    {{ __('export.total_records') }}: <span class="font-semibold text-zinc-900">{{ $previewCount }}</span>
                 </flux:text>
             </div>
 
@@ -323,9 +323,9 @@ new class extends Component {
         </div>
 
         @if ($previewCount === 0)
-            <div class="mt-6 rounded-lg bg-zinc-50 p-8 text-center dark:bg-zinc-900">
+            <div class="mt-6 rounded-lg bg-zinc-50 p-8 text-center">
                 <flux:icon name="clock" class="mx-auto mb-4 h-12 w-12 text-zinc-400" />
-                <flux:text class="text-zinc-500 dark:text-zinc-400">{{ __('export.no_timelines_match') }}</flux:text>
+                <flux:text class="text-zinc-500">{{ __('export.no_timelines_match') }}</flux:text>
             </div>
         @endif
     </div>
diff --git a/resources/views/livewire/admin/timelines/index.blade.php b/resources/views/livewire/admin/timelines/index.blade.php
index 8904964..38fff28 100644
--- a/resources/views/livewire/admin/timelines/index.blade.php
+++ b/resources/views/livewire/admin/timelines/index.blade.php
@@ -125,7 +125,7 @@ new class extends Component
     <div class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4 mb-6">
         <div>
             <flux:heading size="xl">{{ __('timelines.timelines') }}</flux:heading>
-            <p class="text-sm text-zinc-500 dark:text-zinc-400 mt-1">{{ __('timelines.timelines_description') }}</p>
+            <p class="text-sm text-zinc-500 mt-1">{{ __('timelines.timelines_description') }}</p>
         </div>
         <div class="flex gap-2">
             <flux:button href="{{ route('admin.timelines.export') }}" icon="arrow-down-tray" wire:navigate>
@@ -150,7 +150,7 @@ new class extends Component
     @endif
 
     <!-- Filters -->
-    <div class="bg-white dark:bg-zinc-800 rounded-lg p-4 border border-zinc-200 dark:border-zinc-700 mb-6">
+    <div class="bg-white rounded-lg p-4 border border-zinc-200 mb-6">
         <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-4">
             <flux:field>
                 <flux:input
@@ -208,27 +208,27 @@ new class extends Component
     </div>
 
     <!-- Sort Headers -->
-    <div class="hidden lg:flex bg-zinc-100 dark:bg-zinc-700 rounded-t-lg px-4 py-2 text-sm font-medium text-zinc-600 dark:text-zinc-300 gap-4 mb-0">
-        <button wire:click="sort('case_name')" class="flex items-center gap-1 flex-1 hover:text-zinc-900 dark:hover:text-white">
+    <div class="hidden lg:flex bg-zinc-100 rounded-t-lg px-4 py-2 text-sm font-medium text-zinc-600 gap-4 mb-0">
+        <button wire:click="sort('case_name')" class="flex items-center gap-1 flex-1 hover:text-zinc-900">
             {{ __('timelines.case_name') }}
             @if($sortBy === 'case_name')
                 <flux:icon name="{{ $sortDir === 'asc' ? 'chevron-up' : 'chevron-down' }}" class="w-4 h-4" />
             @endif
         </button>
-        <button wire:click="sort('user_id')" class="flex items-center gap-1 w-40 hover:text-zinc-900 dark:hover:text-white">
+        <button wire:click="sort('user_id')" class="flex items-center gap-1 w-40 hover:text-zinc-900">
             {{ __('admin.client') }}
             @if($sortBy === 'user_id')
                 <flux:icon name="{{ $sortDir === 'asc' ? 'chevron-up' : 'chevron-down' }}" class="w-4 h-4" />
             @endif
         </button>
         <span class="w-24">{{ __('admin.current_status') }}</span>
-        <button wire:click="sort('updated_at')" class="flex items-center gap-1 w-32 hover:text-zinc-900 dark:hover:text-white">
+        <button wire:click="sort('updated_at')" class="flex items-center gap-1 w-32 hover:text-zinc-900">
             {{ __('timelines.last_updated') }}
             @if($sortBy === 'updated_at')
                 <flux:icon name="{{ $sortDir === 'asc' ? 'chevron-up' : 'chevron-down' }}" class="w-4 h-4" />
             @endif
         </button>
-        <button wire:click="sort('created_at')" class="flex items-center gap-1 w-32 hover:text-zinc-900 dark:hover:text-white">
+        <button wire:click="sort('created_at')" class="flex items-center gap-1 w-32 hover:text-zinc-900">
             {{ __('timelines.created') }}
             @if($sortBy === 'created_at')
                 <flux:icon name="{{ $sortDir === 'asc' ? 'chevron-up' : 'chevron-down' }}" class="w-4 h-4" />
@@ -241,15 +241,15 @@ new class extends Component
     <!-- Timelines List -->
     <div class="space-y-0">
         @forelse($timelines as $timeline)
-            <div wire:key="timeline-{{ $timeline->id }}" class="bg-white dark:bg-zinc-800 p-4 border border-zinc-200 dark:border-zinc-700 {{ $loop->first ? 'rounded-t-lg lg:rounded-t-none' : '' }} {{ $loop->last ? 'rounded-b-lg' : '' }} {{ !$loop->first ? 'border-t-0' : '' }}">
+            <div wire:key="timeline-{{ $timeline->id }}" class="bg-white p-4 border border-zinc-200 {{ $loop->first ? 'rounded-t-lg lg:rounded-t-none' : '' }} {{ $loop->last ? 'rounded-b-lg' : '' }} {{ !$loop->first ? 'border-t-0' : '' }}">
                 <div class="flex flex-col lg:flex-row lg:items-center gap-4">
                     <!-- Case Name -->
                     <div class="flex-1">
-                        <a href="{{ route('admin.timelines.show', $timeline) }}" class="font-semibold text-zinc-900 dark:text-zinc-100 hover:text-blue-600 dark:hover:text-blue-400" wire:navigate>
+                        <a href="{{ route('admin.timelines.show', $timeline) }}" class="font-semibold text-zinc-900 hover:text-blue-600" wire:navigate>
                             {{ $timeline->case_name }}
                         </a>
                         @if($timeline->case_reference)
-                            <div class="text-xs text-zinc-500 dark:text-zinc-400 mt-1">
+                            <div class="text-xs text-zinc-500 mt-1">
                                 {{ __('timelines.reference') }}: {{ $timeline->case_reference }}
                             </div>
                         @endif
@@ -257,10 +257,10 @@ new class extends Component
 
                     <!-- Client -->
                     <div class="lg:w-40">
-                        <div class="text-sm text-zinc-900 dark:text-zinc-100">
+                        <div class="text-sm text-zinc-900">
                             {{ $timeline->user->full_name }}
                         </div>
-                        <div class="text-xs text-zinc-500 dark:text-zinc-400">
+                        <div class="text-xs text-zinc-500">
                             {{ $timeline->user->email }}
                         </div>
                     </div>
@@ -274,14 +274,14 @@ new class extends Component
 
                     <!-- Last Updated -->
                     <div class="lg:w-32">
-                        <div class="text-sm text-zinc-900 dark:text-zinc-100">
+                        <div class="text-sm text-zinc-900">
                             {{ $timeline->updated_at->diffForHumans() }}
                         </div>
                     </div>
 
                     <!-- Created -->
                     <div class="lg:w-32">
-                        <div class="text-sm text-zinc-500 dark:text-zinc-400">
+                        <div class="text-sm text-zinc-500">
                             {{ $timeline->created_at->format('Y-m-d') }}
                         </div>
                     </div>
@@ -342,7 +342,7 @@ new class extends Component
                 </div>
             </div>
         @empty
-            <div class="text-center py-12 text-zinc-500 dark:text-zinc-400 bg-white dark:bg-zinc-800 rounded-lg border border-zinc-200 dark:border-zinc-700">
+            <div class="text-center py-12 text-zinc-500 bg-white rounded-lg border border-zinc-200">
                 <flux:icon name="inbox" class="w-12 h-12 mx-auto mb-4" />
                 <p>{{ __('timelines.no_timelines') }}</p>
             </div>
diff --git a/resources/views/livewire/admin/timelines/show.blade.php b/resources/views/livewire/admin/timelines/show.blade.php
index 416e9be..7dfccf7 100644
--- a/resources/views/livewire/admin/timelines/show.blade.php
+++ b/resources/views/livewire/admin/timelines/show.blade.php
@@ -157,12 +157,12 @@ new class extends Component {
     </div>
 
     {{-- Timeline Header --}}
-    <div class="mb-6 rounded-lg border border-zinc-200 bg-white p-6 dark:border-zinc-700 dark:bg-zinc-800 {{ $timeline->isArchived() ? 'opacity-75' : '' }}">
+    <div class="mb-6 rounded-lg border border-zinc-200 bg-white p-6  {{ $timeline->isArchived() ? 'opacity-75' : '' }}">
         <div class="flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between">
             <div>
                 <flux:heading size="xl">{{ $timeline->case_name }}</flux:heading>
                 @if($timeline->case_reference)
-                    <div class="mt-1 text-sm text-zinc-500 dark:text-zinc-400">
+                    <div class="mt-1 text-sm text-zinc-500 ">
                         {{ __('timelines.reference') }}: {{ $timeline->case_reference }}
                     </div>
                 @endif
@@ -185,7 +185,7 @@ new class extends Component {
             </div>
         </div>
 
-        <div class="mt-4 flex flex-wrap gap-4 text-sm text-zinc-600 dark:text-zinc-300">
+        <div class="mt-4 flex flex-wrap gap-4 text-sm text-zinc-600 ">
             <div class="flex items-center gap-2">
                 <flux:icon.user class="size-4" />
                 <span>{{ $timeline->user->full_name }}</span>
@@ -219,7 +219,7 @@ new class extends Component {
     @endif
 
     {{-- Add Update Form --}}
-    <div class="mb-6 rounded-lg border border-zinc-200 bg-white p-6 dark:border-zinc-700 dark:bg-zinc-800 {{ $timeline->isArchived() ? 'opacity-60' : '' }}">
+    <div class="mb-6 rounded-lg border border-zinc-200 bg-white p-6  {{ $timeline->isArchived() ? 'opacity-60' : '' }}">
         <flux:heading size="lg" class="mb-4">{{ __('timelines.add_update') }}</flux:heading>
 
         @if($timeline->isArchived())
@@ -258,34 +258,34 @@ new class extends Component {
     </div>
 
     {{-- Timeline Updates --}}
-    <div class="rounded-lg border border-zinc-200 bg-white p-6 dark:border-zinc-700 dark:bg-zinc-800">
+    <div class="rounded-lg border border-zinc-200 bg-white p-6 ">
         <flux:heading size="lg" class="mb-6">{{ __('timelines.updates_history') }}</flux:heading>
 
         @if($timeline->updates->isEmpty())
-            <div class="text-center py-8 text-zinc-500 dark:text-zinc-400">
+            <div class="text-center py-8 text-zinc-500 ">
                 {{ __('timelines.no_updates') }}
             </div>
         @else
             <div class="relative">
                 {{-- Timeline line --}}
-                <div class="absolute start-4 top-0 bottom-0 w-0.5 bg-zinc-200 dark:bg-zinc-700"></div>
+                <div class="absolute start-4 top-0 bottom-0 w-0.5 bg-zinc-200 "></div>
 
                 <div class="space-y-6">
                     @foreach($timeline->updates as $update)
                         <div wire:key="update-{{ $update->id }}" class="relative flex gap-4">
                             {{-- Timeline dot --}}
-                            <div class="relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-blue-100 dark:bg-blue-900">
-                                <flux:icon.document-text class="size-4 text-blue-600 dark:text-blue-400" />
+                            <div class="relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-blue-100 ">
+                                <flux:icon.document-text class="size-4 text-blue-600 " />
                             </div>
 
                             {{-- Update content --}}
-                            <div class="flex-1 rounded-lg border border-zinc-200 bg-zinc-50 p-4 dark:border-zinc-700 dark:bg-zinc-900">
+                            <div class="flex-1 rounded-lg border border-zinc-200 bg-zinc-50 p-4 ">
                                 <div class="mb-2 flex flex-wrap items-center justify-between gap-2">
                                     <div class="flex flex-wrap items-center gap-3 text-sm">
-                                        <span class="font-medium text-zinc-900 dark:text-zinc-100">
+                                        <span class="font-medium text-zinc-900 ">
                                             {{ $update->admin->full_name }}
                                         </span>
-                                        <span class="text-zinc-500 dark:text-zinc-400">
+                                        <span class="text-zinc-500 ">
                                             {{ $update->created_at->format('Y-m-d H:i') }}
                                         </span>
                                         @if($update->updated_at->gt($update->created_at))
@@ -307,7 +307,7 @@ new class extends Component {
                                     @endif
                                 </div>
 
-                                <div class="prose prose-sm dark:prose-invert max-w-none">
+                                <div class="prose prose-sm  max-w-none">
                                     {!! $update->update_text !!}
                                 </div>
                             </div>
diff --git a/resources/views/livewire/admin/users/export-users.blade.php b/resources/views/livewire/admin/users/export-users.blade.php
index dae400d..1d80caf 100644
--- a/resources/views/livewire/admin/users/export-users.blade.php
+++ b/resources/views/livewire/admin/users/export-users.blade.php
@@ -158,11 +158,11 @@ new class extends Component {
     <div class="mb-6 flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
         <div>
             <flux:heading size="xl">{{ __('export.export_users') }}</flux:heading>
-            <flux:text class="mt-1 text-zinc-500 dark:text-zinc-400">{{ __('export.export_users_description') }}</flux:text>
+            <flux:text class="mt-1 text-zinc-500">{{ __('export.export_users_description') }}</flux:text>
         </div>
     </div>
 
-    <div class="mb-6 rounded-lg border border-zinc-200 bg-white p-6 dark:border-zinc-700 dark:bg-zinc-800">
+    <div class="mb-6 rounded-lg border border-zinc-200 bg-white p-6">
         <flux:heading size="lg" class="mb-4">{{ __('export.filters_applied') }}</flux:heading>
 
         <div class="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4">
@@ -208,11 +208,11 @@ new class extends Component {
         @endif
     </div>
 
-    <div class="rounded-lg border border-zinc-200 bg-white p-6 dark:border-zinc-700 dark:bg-zinc-800">
+    <div class="rounded-lg border border-zinc-200 bg-white p-6">
         <div class="flex flex-col items-center justify-between gap-4 sm:flex-row">
             <div>
-                <flux:text class="text-zinc-600 dark:text-zinc-400">
-                    {{ __('export.total_records') }}: <span class="font-semibold text-zinc-900 dark:text-zinc-100">{{ $previewCount }}</span>
+                <flux:text class="text-zinc-600">
+                    {{ __('export.total_records') }}: <span class="font-semibold text-zinc-900">{{ $previewCount }}</span>
                 </flux:text>
             </div>
 
@@ -244,9 +244,9 @@ new class extends Component {
         </div>
 
         @if ($previewCount === 0)
-            <div class="mt-6 rounded-lg bg-zinc-50 p-8 text-center dark:bg-zinc-900">
+            <div class="mt-6 rounded-lg bg-zinc-50 p-8 text-center">
                 <flux:icon name="users" class="mx-auto mb-4 h-12 w-12 text-zinc-400" />
-                <flux:text class="text-zinc-500 dark:text-zinc-400">{{ __('export.no_users_match') }}</flux:text>
+                <flux:text class="text-zinc-500">{{ __('export.no_users_match') }}</flux:text>
             </div>
         @endif
     </div>
diff --git a/resources/views/livewire/admin/widgets/pending-bookings.blade.php b/resources/views/livewire/admin/widgets/pending-bookings.blade.php
index 8fa2b77..72f3358 100644
--- a/resources/views/livewire/admin/widgets/pending-bookings.blade.php
+++ b/resources/views/livewire/admin/widgets/pending-bookings.blade.php
@@ -27,21 +27,21 @@ new class extends Component
     </div>
 
     @forelse ($pendingBookings as $booking)
-        <div wire:key="pending-{{ $booking->id }}" class="border-b border-zinc-100 py-2 last:border-0 dark:border-zinc-700">
-            <div class="font-medium text-zinc-900 dark:text-zinc-100">{{ $booking->user?->full_name ?? __('widgets.unknown_client') }}</div>
-            <div class="flex items-center gap-2 text-sm text-zinc-500 dark:text-zinc-400">
+        <div wire:key="pending-{{ $booking->id }}" class="border-b border-zinc-100 py-2 last:border-0">
+            <div class="font-medium text-zinc-900">{{ $booking->user?->full_name ?? __('widgets.unknown_client') }}</div>
+            <div class="flex items-center gap-2 text-sm text-zinc-500">
                 <span>{{ $booking->booking_date->translatedFormat('M j') }}</span>
                 <flux:badge size="sm">{{ $booking->consultation_type->label() }}</flux:badge>
             </div>
         </div>
     @empty
-        <flux:text class="text-zinc-500 dark:text-zinc-400">{{ __('widgets.no_pending_bookings') }}</flux:text>
+        <flux:text class="text-zinc-500">{{ __('widgets.no_pending_bookings') }}</flux:text>
     @endforelse
 
     @if ($pendingCount > 5)
         <a
             href="{{ route('admin.bookings.pending') }}"
-            class="mt-4 block text-sm text-blue-600 hover:underline dark:text-blue-400"
+            class="mt-4 block text-sm text-blue-600 hover:underline"
             wire:navigate
         >
             {{ __('widgets.view_all_pending', ['count' => $pendingCount]) }}
diff --git a/resources/views/livewire/admin/widgets/recent-updates.blade.php b/resources/views/livewire/admin/widgets/recent-updates.blade.php
index 9c233f4..5375d20 100644
--- a/resources/views/livewire/admin/widgets/recent-updates.blade.php
+++ b/resources/views/livewire/admin/widgets/recent-updates.blade.php
@@ -24,22 +24,22 @@ new class extends Component
         <a
             wire:key="update-{{ $update->id }}"
             href="{{ route('admin.timelines.show', $update->timeline_id) }}"
-            class="block border-b border-zinc-100 py-2 last:border-0 hover:bg-zinc-50 dark:border-zinc-700 dark:hover:bg-zinc-700/50"
+            class="block border-b border-zinc-100 py-2 last:border-0 hover:bg-zinc-50"
             wire:navigate
         >
-            <div class="text-sm text-zinc-900 dark:text-zinc-100">
+            <div class="text-sm text-zinc-900">
                 {{ Str::limit($update->update_text, 50) }}
             </div>
-            <div class="mt-1 flex items-center gap-2 text-xs text-zinc-500 dark:text-zinc-400">
+            <div class="mt-1 flex items-center gap-2 text-xs text-zinc-500">
                 <span>{{ $update->timeline?->case_name ?? __('widgets.unknown_case') }}</span>
                 <span>&bull;</span>
                 <span>{{ $update->timeline?->user?->full_name ?? __('widgets.unknown_client') }}</span>
             </div>
-            <div class="mt-1 text-xs text-zinc-400 dark:text-zinc-500">
+            <div class="mt-1 text-xs text-zinc-400">
                 {{ $update->created_at->diffForHumans() }}
             </div>
         </a>
     @empty
-        <flux:text class="text-zinc-500 dark:text-zinc-400">{{ __('widgets.no_recent_updates') }}</flux:text>
+        <flux:text class="text-zinc-500">{{ __('widgets.no_recent_updates') }}</flux:text>
     @endforelse
 </div>
diff --git a/resources/views/livewire/admin/widgets/todays-schedule.blade.php b/resources/views/livewire/admin/widgets/todays-schedule.blade.php
index 89306f2..6dec8e6 100644
--- a/resources/views/livewire/admin/widgets/todays-schedule.blade.php
+++ b/resources/views/livewire/admin/widgets/todays-schedule.blade.php
@@ -33,12 +33,12 @@ new class extends Component
     <flux:heading size="sm" class="mb-4">{{ __('widgets.todays_schedule') }}</flux:heading>
 
     @forelse ($todaySchedule as $consultation)
-        <div wire:key="schedule-{{ $consultation->id }}" class="flex items-center justify-between border-b border-zinc-100 py-2 last:border-0 dark:border-zinc-700">
+        <div wire:key="schedule-{{ $consultation->id }}" class="flex items-center justify-between border-b border-zinc-100 py-2 last:border-0">
             <div>
-                <div class="font-medium text-zinc-900 dark:text-zinc-100">
+                <div class="font-medium text-zinc-900">
                     {{ \Carbon\Carbon::parse($consultation->booking_time)->format('g:i A') }}
                 </div>
-                <div class="flex items-center gap-2 text-sm text-zinc-500 dark:text-zinc-400">
+                <div class="flex items-center gap-2 text-sm text-zinc-500">
                     <span>{{ $consultation->user?->full_name ?? __('widgets.unknown_client') }}</span>
                     <flux:badge size="sm">{{ $consultation->consultation_type->label() }}</flux:badge>
                 </div>
@@ -62,6 +62,6 @@ new class extends Component
             </div>
         </div>
     @empty
-        <flux:text class="text-zinc-500 dark:text-zinc-400">{{ __('widgets.no_consultations_today') }}</flux:text>
+        <flux:text class="text-zinc-500">{{ __('widgets.no_consultations_today') }}</flux:text>
     @endforelse
 </div>
diff --git a/resources/views/livewire/auth/login.blade.php b/resources/views/livewire/auth/login.blade.php
index 94b535f..12305fc 100644
--- a/resources/views/livewire/auth/login.blade.php
+++ b/resources/views/livewire/auth/login.blade.php
@@ -63,7 +63,7 @@
         </form>
 
         @if (Route::has('register'))
-            <div class="space-x-1 text-sm text-center rtl:space-x-reverse text-zinc-600 dark:text-zinc-400">
+            <div class="space-x-1 text-sm text-center rtl:space-x-reverse text-zinc-600">
                 <span>{{ __('Don\'t have an account?') }}</span>
                 <flux:link :href="route('register')" wire:navigate>{{ __('Sign up') }}</flux:link>
             </div>
diff --git a/resources/views/livewire/auth/register.blade.php b/resources/views/livewire/auth/register.blade.php
index 66d6b16..b8a509a 100644
--- a/resources/views/livewire/auth/register.blade.php
+++ b/resources/views/livewire/auth/register.blade.php
@@ -70,7 +70,7 @@
             </div>
         </form>
 
-        <div class="space-x-1 rtl:space-x-reverse text-center text-sm text-zinc-600 dark:text-zinc-400">
+        <div class="space-x-1 rtl:space-x-reverse text-center text-sm text-zinc-600">
             <span>{{ __('Already have an account?') }}</span>
             <flux:link :href="route('login')" wire:navigate>{{ __('Log in') }}</flux:link>
         </div>
diff --git a/resources/views/livewire/auth/verify-email.blade.php b/resources/views/livewire/auth/verify-email.blade.php
index 42f9a57..1ae520f 100644
--- a/resources/views/livewire/auth/verify-email.blade.php
+++ b/resources/views/livewire/auth/verify-email.blade.php
@@ -5,7 +5,7 @@
         </flux:text>
 
         @if (session('status') == 'verification-link-sent')
-            <flux:text class="text-center font-medium !dark:text-green-400 !text-green-600">
+            <flux:text class="text-center font-medium !text-green-600">
                 {{ __('A new verification link has been sent to the email address you provided during registration.') }}
             </flux:text>
         @endif
diff --git a/resources/views/livewire/availability-calendar.blade.php b/resources/views/livewire/availability-calendar.blade.php
index d0cd8ac..340ad9c 100644
--- a/resources/views/livewire/availability-calendar.blade.php
+++ b/resources/views/livewire/availability-calendar.blade.php
@@ -172,7 +172,7 @@ new class extends Component
     <!-- Day Headers -->
     <div class="grid grid-cols-7 gap-1 mb-2" dir="{{ app()->getLocale() === 'ar' ? 'rtl' : 'ltr' }}">
         @foreach($dayHeaders as $day)
-            <div class="text-center text-sm font-semibold text-zinc-600 dark:text-zinc-400">
+            <div class="text-center text-sm font-semibold text-zinc-600">
                 {{ __("calendar.{$day}") }}
             </div>
         @endforeach
@@ -188,11 +188,11 @@ new class extends Component
                     wire:click="selectDate('{{ $dayData['date'] }}')"
                     @class([
                         'calendar-cell rounded-lg text-center transition-colors font-medium min-h-[44px] text-white',
-                        'bg-[#4A5D23]/70 hover:bg-[#4A5D23]/85 dark:bg-[#4A5D23]/60 dark:hover:bg-[#4A5D23]/75' => $dayData['status'] === 'available',
-                        'bg-[#D4A84B]/70 hover:bg-[#D4A84B]/85 dark:bg-[#D4A84B]/60 dark:hover:bg-[#D4A84B]/75' => $dayData['status'] === 'partial',
-                        'bg-sky-400/50 cursor-not-allowed dark:bg-sky-500/40' => $dayData['status'] === 'user_booked',
-                        'bg-zinc-300/50 !text-zinc-400 cursor-not-allowed dark:bg-zinc-700/50 dark:!text-zinc-500' => in_array($dayData['status'], ['past', 'closed', 'blocked', 'full']),
-                        'ring-2 ring-[#A68966] dark:ring-[#C4A882]' => $selectedDate === $dayData['date'],
+                        'bg-[#4A5D23]/70 hover:bg-[#4A5D23]/85' => $dayData['status'] === 'available',
+                        'bg-[#D4A84B]/70 hover:bg-[#D4A84B]/85' => $dayData['status'] === 'partial',
+                        'bg-sky-400/50 cursor-not-allowed' => $dayData['status'] === 'user_booked',
+                        'bg-zinc-300/50 !text-zinc-400 cursor-not-allowed' => in_array($dayData['status'], ['past', 'closed', 'blocked', 'full']),
+                        'ring-2 ring-[#A68966]' => $selectedDate === $dayData['date'],
                     ])
                     @disabled(in_array($dayData['status'], ['past', 'closed', 'blocked', 'full', 'user_booked']))
                 >
@@ -215,14 +215,14 @@ new class extends Component
                     @foreach($availableSlots as $slot)
                         <button
                             wire:click="$parent.selectSlot('{{ $selectedDate }}', '{{ $slot }}')"
-                            class="time-slot-btn rounded-lg border border-amber-500 text-amber-600 hover:bg-amber-500 hover:text-white transition-colors dark:border-amber-400 dark:text-amber-400 dark:hover:bg-amber-500 dark:hover:text-white"
+                            class="time-slot-btn rounded-lg border border-amber-500 text-amber-600 hover:bg-amber-500 hover:text-white transition-colors"
                         >
                             {{ \Carbon\Carbon::parse($slot)->format('g:i A') }}
                         </button>
                     @endforeach
                 </div>
             @else
-                <p class="text-zinc-500 dark:text-zinc-400">{{ __('booking.no_slots_available') }}</p>
+                <p class="text-zinc-500">{{ __('booking.no_slots_available') }}</p>
             @endif
         </div>
     @endif
@@ -230,22 +230,22 @@ new class extends Component
     <!-- Legend -->
     <div class="flex flex-wrap gap-4 mt-6 text-sm">
         <div class="flex items-center gap-2">
-            <div class="w-4 h-4 rounded bg-[#4A5D23]/70 dark:bg-[#4A5D23]/60"></div>
-            <span class="text-zinc-600 dark:text-zinc-400">{{ __('booking.available') }}</span>
+            <div class="w-4 h-4 rounded bg-[#4A5D23]/70"></div>
+            <span class="text-zinc-600">{{ __('booking.available') }}</span>
         </div>
         <div class="flex items-center gap-2">
-            <div class="w-4 h-4 rounded bg-[#D4A84B]/70 dark:bg-[#D4A84B]/60"></div>
-            <span class="text-zinc-600 dark:text-zinc-400">{{ __('booking.partial') }}</span>
+            <div class="w-4 h-4 rounded bg-[#D4A84B]/70"></div>
+            <span class="text-zinc-600">{{ __('booking.partial') }}</span>
         </div>
         @if(count($bookedDates) > 0)
             <div class="flex items-center gap-2">
-                <div class="w-4 h-4 rounded bg-sky-400/50 dark:bg-sky-500/40"></div>
-                <span class="text-zinc-600 dark:text-zinc-400">{{ __('booking.user_booked') }}</span>
+                <div class="w-4 h-4 rounded bg-sky-400/50"></div>
+                <span class="text-zinc-600">{{ __('booking.user_booked') }}</span>
             </div>
         @endif
         <div class="flex items-center gap-2">
-            <div class="w-4 h-4 rounded bg-zinc-300/50 dark:bg-zinc-700/50"></div>
-            <span class="text-zinc-600 dark:text-zinc-400">{{ __('booking.unavailable') }}</span>
+            <div class="w-4 h-4 rounded bg-zinc-300/50"></div>
+            <span class="text-zinc-600">{{ __('booking.unavailable') }}</span>
         </div>
     </div>
 </div>
diff --git a/resources/views/livewire/client/consultations/book.blade.php b/resources/views/livewire/client/consultations/book.blade.php
index 7ce9b43..e868028 100644
--- a/resources/views/livewire/client/consultations/book.blade.php
+++ b/resources/views/livewire/client/consultations/book.blade.php
@@ -187,32 +187,32 @@ new class extends Component
     <flux:heading size="xl" class="mb-6 text-xl sm:text-2xl">{{ __('booking.request_consultation') }}</flux:heading>
 
     {{-- Booking Status Banner --}}
-    <div class="mb-6 rounded-lg border p-4 {{ $canBookToday ? 'border-green-200 bg-green-50 dark:border-green-800 dark:bg-green-900/20' : 'border-amber-200 bg-amber-50 dark:border-amber-800 dark:bg-amber-900/20' }}">
+    <div class="mb-6 rounded-lg border p-4 {{ $canBookToday ? 'border-green-200 bg-green-50' : 'border-amber-200 bg-amber-50' }}">
         <div class="flex items-start gap-3">
             @if($canBookToday)
-                <flux:icon name="check-circle" class="mt-0.5 h-5 w-5 flex-shrink-0 text-green-600 dark:text-green-400" />
+                <flux:icon name="check-circle" class="mt-0.5 h-5 w-5 flex-shrink-0 text-green-600" />
                 <div>
-                    <p class="font-medium text-green-700 dark:text-green-400">{{ __('booking.can_book_today') }}</p>
+                    <p class="font-medium text-green-700">{{ __('booking.can_book_today') }}</p>
                 </div>
             @else
-                <flux:icon name="information-circle" class="mt-0.5 h-5 w-5 flex-shrink-0 text-amber-600 dark:text-amber-400" />
+                <flux:icon name="information-circle" class="mt-0.5 h-5 w-5 flex-shrink-0 text-amber-600" />
                 <div>
-                    <p class="font-medium text-amber-700 dark:text-amber-400">{{ __('booking.already_booked_today') }}</p>
+                    <p class="font-medium text-amber-700">{{ __('booking.already_booked_today') }}</p>
                 </div>
             @endif
         </div>
 
         @if($pendingRequests->isNotEmpty())
-            <div class="mt-3 border-t border-zinc-200 pt-3 dark:border-zinc-700">
+            <div class="mt-3 border-t border-zinc-200 pt-3">
                 @if($pendingRequests->count() === 1)
-                    <p class="text-sm text-zinc-600 dark:text-zinc-400">
+                    <p class="text-sm text-zinc-600">
                         {{ __('booking.pending_for_date', ['date' => $pendingRequests->first()->booking_date->format('d/m/Y')]) }}
                     </p>
                 @else
-                    <p class="text-sm text-zinc-600 dark:text-zinc-400">
+                    <p class="text-sm text-zinc-600">
                         {{ __('booking.pending_count', ['count' => $pendingRequests->count()]) }}
                     </p>
-                    <ul class="mt-1 list-inside list-disc text-sm text-zinc-500 dark:text-zinc-400">
+                    <ul class="mt-1 list-inside list-disc text-sm text-zinc-500">
                         @foreach($pendingRequests->take(3) as $request)
                             <li>{{ $request->booking_date->format('d/m/Y') }}</li>
                         @endforeach
@@ -224,7 +224,7 @@ new class extends Component
             </div>
         @endif
 
-        <p class="mt-3 text-xs text-zinc-500 dark:text-zinc-400">
+        <p class="mt-3 text-xs text-zinc-500">
             {{ __('booking.limit_message') }}
         </p>
     </div>
@@ -232,19 +232,19 @@ new class extends Component
     @if(!$selectedDate || !$selectedTime)
         <!-- Step 1: Calendar Selection -->
         <div class="mt-6">
-            <p class="mb-4 text-zinc-600 dark:text-zinc-400">{{ __('booking.select_date_time') }}</p>
+            <p class="mb-4 text-zinc-600">{{ __('booking.select_date_time') }}</p>
             <livewire:availability-calendar :booked-dates="$bookedDates" />
         </div>
     @else
         <!-- Step 2: Problem Summary -->
         <div class="mt-6">
             <!-- Selected Time Display -->
-            <div class="bg-amber-50 dark:bg-amber-900/20 p-4 rounded-lg mb-6 border border-amber-200 dark:border-amber-800">
+            <div class="bg-amber-50 p-4 rounded-lg mb-6 border border-amber-200">
                 <div class="flex justify-between items-center">
                     <div>
-                        <p class="font-semibold text-zinc-900 dark:text-zinc-100">{{ __('booking.selected_time') }}</p>
-                        <p class="text-zinc-600 dark:text-zinc-400">{{ \Carbon\Carbon::parse($selectedDate)->translatedFormat('l, d M Y') }}</p>
-                        <p class="text-zinc-600 dark:text-zinc-400">{{ \Carbon\Carbon::parse($selectedTime)->format('g:i A') }}</p>
+                        <p class="font-semibold text-zinc-900">{{ __('booking.selected_time') }}</p>
+                        <p class="text-zinc-600">{{ \Carbon\Carbon::parse($selectedDate)->translatedFormat('l, d M Y') }}</p>
+                        <p class="text-zinc-600">{{ \Carbon\Carbon::parse($selectedTime)->format('g:i A') }}</p>
                     </div>
                     <flux:button size="sm" wire:click="clearSelection">
                         {{ __('common.change') }}
@@ -285,7 +285,7 @@ new class extends Component
                 <!-- Confirmation Step -->
                 <flux:callout>
                     <flux:heading size="sm">{{ __('booking.confirm_booking') }}</flux:heading>
-                    <p class="text-zinc-600 dark:text-zinc-400">{{ __('booking.confirm_message') }}</p>
+                    <p class="text-zinc-600">{{ __('booking.confirm_message') }}</p>
 
                     <div class="mt-4 space-y-2">
                         <p><strong>{{ __('booking.date') }}:</strong>
@@ -297,7 +297,7 @@ new class extends Component
 
                     <div class="mt-4">
                         <p><strong>{{ __('booking.problem_summary') }}:</strong></p>
-                        <p class="mt-1 text-sm text-zinc-600 dark:text-zinc-400">{{ $problemSummary }}</p>
+                        <p class="mt-1 text-sm text-zinc-600">{{ $problemSummary }}</p>
                     </div>
                 </flux:callout>
 
diff --git a/resources/views/livewire/client/consultations/index.blade.php b/resources/views/livewire/client/consultations/index.blade.php
index df9ab6f..b4b4995 100644
--- a/resources/views/livewire/client/consultations/index.blade.php
+++ b/resources/views/livewire/client/consultations/index.blade.php
@@ -65,18 +65,18 @@ new class extends Component
         @if($upcoming->isNotEmpty())
             <div class="space-y-3 sm:space-y-4">
                 @foreach($upcoming as $consultation)
-                    <div wire:key="upcoming-{{ $consultation->id }}" class="bg-white dark:bg-zinc-800 rounded-lg p-3 sm:p-4 border border-zinc-200 dark:border-zinc-700">
+                    <div wire:key="upcoming-{{ $consultation->id }}" class="bg-white rounded-lg p-3 sm:p-4 border border-zinc-200">
                         <div class="flex flex-col sm:flex-row justify-between items-start gap-4">
                             <div class="flex-1">
                                 <div class="flex items-center gap-2 mb-2">
                                     <flux:icon name="calendar" class="w-5 h-5 text-zinc-500" />
-                                    <span class="font-semibold text-zinc-900 dark:text-zinc-100">
+                                    <span class="font-semibold text-zinc-900">
                                         {{ $consultation->booking_date->translatedFormat(app()->getLocale() === 'ar' ? 'l، j F Y' : 'l, F j, Y') }}
                                     </span>
                                 </div>
                                 <div class="flex items-center gap-2 mb-3">
                                     <flux:icon name="clock" class="w-5 h-5 text-zinc-500" />
-                                    <span class="text-zinc-600 dark:text-zinc-400">
+                                    <span class="text-zinc-600">
                                         {{ \Carbon\Carbon::parse($consultation->booking_time)->format('g:i A') }}
                                     </span>
                                 </div>
@@ -116,9 +116,9 @@ new class extends Component
                 @endforeach
             </div>
         @else
-            <div class="empty-state bg-zinc-50 dark:bg-zinc-800/50 rounded-lg">
-                <flux:icon name="calendar-days" class="empty-state-icon text-zinc-300 dark:text-zinc-600" />
-                <flux:text class="text-zinc-500 dark:text-zinc-400">{{ __('booking.no_upcoming_consultations') }}</flux:text>
+            <div class="empty-state bg-zinc-50 rounded-lg">
+                <flux:icon name="calendar-days" class="empty-state-icon text-zinc-300" />
+                <flux:text class="text-zinc-500">{{ __('booking.no_upcoming_consultations') }}</flux:text>
                 <div class="mt-4">
                     <flux:button href="{{ route('client.consultations.book') }}" variant="primary" size="sm" wire:navigate class="w-full sm:w-auto">
                         {{ __('booking.book_consultation') }}
@@ -135,26 +135,26 @@ new class extends Component
         @if($pending->isNotEmpty())
             <div class="space-y-3 sm:space-y-4">
                 @foreach($pending as $consultation)
-                    <div wire:key="pending-{{ $consultation->id }}" class="bg-white dark:bg-zinc-800 rounded-lg p-3 sm:p-4 border border-zinc-200 dark:border-zinc-700">
+                    <div wire:key="pending-{{ $consultation->id }}" class="bg-white rounded-lg p-3 sm:p-4 border border-zinc-200">
                         <div class="flex flex-col sm:flex-row justify-between items-start gap-4">
                             <div class="flex-1">
                                 <div class="flex items-center gap-2 mb-2">
                                     <flux:icon name="calendar" class="w-5 h-5 text-zinc-500" />
-                                    <span class="font-semibold text-zinc-900 dark:text-zinc-100">
+                                    <span class="font-semibold text-zinc-900">
                                         {{ $consultation->booking_date->translatedFormat(app()->getLocale() === 'ar' ? 'l، j F Y' : 'l, F j, Y') }}
                                     </span>
                                 </div>
                                 <div class="flex items-center gap-2 mb-2">
                                     <flux:icon name="clock" class="w-5 h-5 text-zinc-500" />
-                                    <span class="text-zinc-600 dark:text-zinc-400">
+                                    <span class="text-zinc-600">
                                         {{ \Carbon\Carbon::parse($consultation->booking_time)->format('g:i A') }}
                                     </span>
                                 </div>
-                                <div class="text-sm text-zinc-500 dark:text-zinc-400 mb-2">
+                                <div class="text-sm text-zinc-500 mb-2">
                                     {{ __('booking.submitted_on') }}: {{ $consultation->created_at->translatedFormat(app()->getLocale() === 'ar' ? 'j F Y' : 'F j, Y') }}
                                 </div>
                                 @if($consultation->problem_summary)
-                                    <p class="text-sm text-zinc-600 dark:text-zinc-400 line-clamp-2">
+                                    <p class="text-sm text-zinc-600 line-clamp-2">
                                         {{ Str::limit($consultation->problem_summary, 150) }}
                                     </p>
                                 @endif
@@ -167,9 +167,9 @@ new class extends Component
                 @endforeach
             </div>
         @else
-            <div class="empty-state bg-zinc-50 dark:bg-zinc-800/50 rounded-lg">
-                <flux:icon name="inbox" class="empty-state-icon text-zinc-300 dark:text-zinc-600" />
-                <flux:text class="text-zinc-500 dark:text-zinc-400">{{ __('booking.no_pending_requests') }}</flux:text>
+            <div class="empty-state bg-zinc-50 rounded-lg">
+                <flux:icon name="inbox" class="empty-state-icon text-zinc-300" />
+                <flux:text class="text-zinc-500">{{ __('booking.no_pending_requests') }}</flux:text>
             </div>
         @endif
     </section>
@@ -181,18 +181,18 @@ new class extends Component
         @if($past->isNotEmpty())
             <div class="space-y-3 sm:space-y-4">
                 @foreach($past as $consultation)
-                    <div wire:key="past-{{ $consultation->id }}" class="bg-white dark:bg-zinc-800 rounded-lg p-3 sm:p-4 border border-zinc-200 dark:border-zinc-700">
+                    <div wire:key="past-{{ $consultation->id }}" class="bg-white rounded-lg p-3 sm:p-4 border border-zinc-200">
                         <div class="flex flex-col sm:flex-row justify-between items-start gap-4">
                             <div class="flex-1">
                                 <div class="flex items-center gap-2 mb-2">
                                     <flux:icon name="calendar" class="w-5 h-5 text-zinc-500" />
-                                    <span class="font-semibold text-zinc-900 dark:text-zinc-100">
+                                    <span class="font-semibold text-zinc-900">
                                         {{ $consultation->booking_date->translatedFormat(app()->getLocale() === 'ar' ? 'l، j F Y' : 'l, F j, Y') }}
                                     </span>
                                 </div>
                                 <div class="flex items-center gap-2 mb-3">
                                     <flux:icon name="clock" class="w-5 h-5 text-zinc-500" />
-                                    <span class="text-zinc-600 dark:text-zinc-400">
+                                    <span class="text-zinc-600">
                                         {{ \Carbon\Carbon::parse($consultation->booking_time)->format('g:i A') }}
                                     </span>
                                 </div>
@@ -226,9 +226,9 @@ new class extends Component
                 {{ $past->links() }}
             </div>
         @else
-            <div class="empty-state bg-zinc-50 dark:bg-zinc-800/50 rounded-lg">
-                <flux:icon name="archive-box" class="empty-state-icon text-zinc-300 dark:text-zinc-600" />
-                <flux:text class="text-zinc-500 dark:text-zinc-400">{{ __('booking.no_past_consultations') }}</flux:text>
+            <div class="empty-state bg-zinc-50 rounded-lg">
+                <flux:icon name="archive-box" class="empty-state-icon text-zinc-300" />
+                <flux:text class="text-zinc-500">{{ __('booking.no_past_consultations') }}</flux:text>
             </div>
         @endif
     </section>
diff --git a/resources/views/livewire/client/dashboard.blade.php b/resources/views/livewire/client/dashboard.blade.php
index 19402e5..200bf85 100644
--- a/resources/views/livewire/client/dashboard.blade.php
+++ b/resources/views/livewire/client/dashboard.blade.php
@@ -33,7 +33,7 @@ new class extends Component {
 
 <div class="space-y-6 p-4 sm:p-6">
         {{-- Welcome Section --}}
-        <div class="rounded-lg border border-zinc-200 bg-[#0A1F44] p-4 sm:p-6 text-white dark:border-zinc-700">
+        <div class="rounded-lg border border-zinc-200 bg-[#0A1F44] p-4 sm:p-6 text-white">
             <flux:heading size="xl" class="text-white text-lg sm:text-xl lg:text-2xl">
                 {{ __('client.dashboard.welcome', ['name' => auth()->user()->full_name]) }}
             </flux:heading>
@@ -45,7 +45,7 @@ new class extends Component {
         {{-- Widgets Grid --}}
         <div class="grid gap-4 sm:gap-6 grid-cols-1 sm:grid-cols-2">
             {{-- Upcoming Consultation Widget --}}
-            <div class="rounded-lg border border-zinc-200 bg-white p-4 sm:p-6 shadow-sm dark:border-zinc-700 dark:bg-zinc-900">
+            <div class="rounded-lg border border-zinc-200 bg-white p-4 sm:p-6 shadow-sm ">
                 <flux:heading size="lg" class="mb-4 text-base sm:text-lg">
                     {{ __('client.dashboard.upcoming_consultation') }}
                 </flux:heading>
@@ -106,7 +106,7 @@ new class extends Component {
             </div>
 
             {{-- Active Cases Widget --}}
-            <div class="rounded-lg border border-zinc-200 bg-white p-4 sm:p-6 shadow-sm dark:border-zinc-700 dark:bg-zinc-900">
+            <div class="rounded-lg border border-zinc-200 bg-white p-4 sm:p-6 shadow-sm ">
                 <flux:heading size="lg" class="mb-4 text-base sm:text-lg">
                     {{ __('client.dashboard.active_cases') }}
                 </flux:heading>
@@ -122,8 +122,8 @@ new class extends Component {
                                 $latestUpdate = $latestTimeline->updates()->reorder()->latest()->first();
                             @endphp
                             @if ($latestUpdate)
-                                <div class="rounded-lg bg-zinc-50 p-3 dark:bg-zinc-800">
-                                    <flux:text size="sm" class="text-zinc-600 dark:text-zinc-400">
+                                <div class="rounded-lg bg-zinc-50 p-3">
+                                    <flux:text size="sm" class="text-zinc-600">
                                         {{ __('client.dashboard.latest_update') }}:
                                     </flux:text>
                                     <flux:text class="mt-1">
@@ -152,7 +152,7 @@ new class extends Component {
             </div>
 
             {{-- Recent Updates Widget --}}
-            <div class="rounded-lg border border-zinc-200 bg-white p-4 sm:p-6 shadow-sm dark:border-zinc-700 dark:bg-zinc-900">
+            <div class="rounded-lg border border-zinc-200 bg-white p-4 sm:p-6 shadow-sm ">
                 <flux:heading size="lg" class="mb-4 text-base sm:text-lg">
                     {{ __('client.dashboard.recent_updates') }}
                 </flux:heading>
@@ -160,7 +160,7 @@ new class extends Component {
                 @if ($recentUpdates->isNotEmpty())
                     <div class="space-y-3">
                         @foreach ($recentUpdates as $update)
-                            <div class="border-b border-zinc-100 pb-3 last:border-0 last:pb-0 dark:border-zinc-800">
+                            <div class="border-b border-zinc-100 pb-3 last:border-0 last:pb-0 ">
                                 <div class="flex items-start justify-between gap-2">
                                     <div class="flex-1">
                                         <flux:text size="sm" class="font-medium">
@@ -193,7 +193,7 @@ new class extends Component {
             </div>
 
             {{-- Booking Status Widget --}}
-            <div class="rounded-lg border border-zinc-200 bg-white p-4 sm:p-6 shadow-sm dark:border-zinc-700 dark:bg-zinc-900">
+            <div class="rounded-lg border border-zinc-200 bg-white p-4 sm:p-6 shadow-sm ">
                 <flux:heading size="lg" class="mb-4 text-base sm:text-lg">
                     {{ __('client.dashboard.booking_status') }}
                 </flux:heading>
@@ -208,18 +208,18 @@ new class extends Component {
                         </div>
                     @endif
 
-                    <div class="rounded-lg p-3 {{ $canBookToday ? 'bg-green-50 dark:bg-green-900/20' : 'bg-amber-50 dark:bg-amber-900/20' }}">
+                    <div class="rounded-lg p-3 {{ $canBookToday ? 'bg-green-50' : 'bg-amber-50' }}">
                         @if ($canBookToday)
                             <div class="flex items-center gap-2">
                                 <flux:icon name="check-circle" class="h-5 w-5 text-green-600" />
-                                <flux:text class="text-green-700 dark:text-green-400">
+                                <flux:text class="text-green-700">
                                     {{ __('client.dashboard.can_book') }}
                                 </flux:text>
                             </div>
                         @else
                             <div class="flex items-center gap-2">
                                 <flux:icon name="information-circle" class="h-5 w-5 text-amber-600" />
-                                <flux:text class="text-amber-700 dark:text-amber-400">
+                                <flux:text class="text-amber-700">
                                     {{ __('client.dashboard.cannot_book') }}
                                 </flux:text>
                             </div>
diff --git a/resources/views/livewire/client/profile.blade.php b/resources/views/livewire/client/profile.blade.php
index 8992eb9..cb6de0d 100644
--- a/resources/views/livewire/client/profile.blade.php
+++ b/resources/views/livewire/client/profile.blade.php
@@ -39,66 +39,66 @@ new class extends Component
         </div>
 
         {{-- Profile Information Card --}}
-        <div class="mt-6 rounded-lg border border-zinc-200 bg-white p-6 shadow-sm dark:border-zinc-700 dark:bg-zinc-900">
+        <div class="mt-6 rounded-lg border border-zinc-200 bg-white p-6 shadow-sm">
             @if ($isIndividual)
                 <dl class="space-y-4">
                     <div>
-                        <dt class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('profile.full_name') }}</dt>
+                        <dt class="text-sm text-zinc-500">{{ __('profile.full_name') }}</dt>
                         <dd class="text-lg font-medium">{{ $user->full_name }}</dd>
                     </div>
                     <div>
-                        <dt class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('profile.national_id') }}</dt>
+                        <dt class="text-sm text-zinc-500">{{ __('profile.national_id') }}</dt>
                         <dd>{{ $user->national_id }}</dd>
                     </div>
                     <div>
-                        <dt class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('profile.email') }}</dt>
+                        <dt class="text-sm text-zinc-500">{{ __('profile.email') }}</dt>
                         <dd>{{ $user->email }}</dd>
                     </div>
                     <div>
-                        <dt class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('profile.phone') }}</dt>
+                        <dt class="text-sm text-zinc-500">{{ __('profile.phone') }}</dt>
                         <dd>{{ $user->phone }}</dd>
                     </div>
                     <div>
-                        <dt class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('profile.preferred_language') }}</dt>
+                        <dt class="text-sm text-zinc-500">{{ __('profile.preferred_language') }}</dt>
                         <dd>{{ $user->preferred_language === 'ar' ? __('profile.arabic') : __('profile.english') }}</dd>
                     </div>
                     <div>
-                        <dt class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('profile.member_since') }}</dt>
+                        <dt class="text-sm text-zinc-500">{{ __('profile.member_since') }}</dt>
                         <dd>{{ $user->created_at->translatedFormat(app()->getLocale() === 'ar' ? 'j F Y' : 'F j, Y') }}</dd>
                     </div>
                 </dl>
             @else
                 <dl class="space-y-4">
                     <div>
-                        <dt class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('profile.company_name') }}</dt>
+                        <dt class="text-sm text-zinc-500">{{ __('profile.company_name') }}</dt>
                         <dd class="text-lg font-medium">{{ $user->company_name }}</dd>
                     </div>
                     <div>
-                        <dt class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('profile.registration_number') }}</dt>
+                        <dt class="text-sm text-zinc-500">{{ __('profile.registration_number') }}</dt>
                         <dd>{{ $user->company_cert_number }}</dd>
                     </div>
                     <div>
-                        <dt class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('profile.contact_person') }}</dt>
+                        <dt class="text-sm text-zinc-500">{{ __('profile.contact_person') }}</dt>
                         <dd>{{ $user->contact_person_name }}</dd>
                     </div>
                     <div>
-                        <dt class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('profile.contact_person_id') }}</dt>
+                        <dt class="text-sm text-zinc-500">{{ __('profile.contact_person_id') }}</dt>
                         <dd>{{ $user->contact_person_id }}</dd>
                     </div>
                     <div>
-                        <dt class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('profile.email') }}</dt>
+                        <dt class="text-sm text-zinc-500">{{ __('profile.email') }}</dt>
                         <dd>{{ $user->email }}</dd>
                     </div>
                     <div>
-                        <dt class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('profile.phone') }}</dt>
+                        <dt class="text-sm text-zinc-500">{{ __('profile.phone') }}</dt>
                         <dd>{{ $user->phone }}</dd>
                     </div>
                     <div>
-                        <dt class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('profile.preferred_language') }}</dt>
+                        <dt class="text-sm text-zinc-500">{{ __('profile.preferred_language') }}</dt>
                         <dd>{{ $user->preferred_language === 'ar' ? __('profile.arabic') : __('profile.english') }}</dd>
                     </div>
                     <div>
-                        <dt class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('profile.member_since') }}</dt>
+                        <dt class="text-sm text-zinc-500">{{ __('profile.member_since') }}</dt>
                         <dd>{{ $user->created_at->translatedFormat(app()->getLocale() === 'ar' ? 'j F Y' : 'F j, Y') }}</dd>
                     </div>
                 </dl>
diff --git a/resources/views/livewire/client/timelines/index.blade.php b/resources/views/livewire/client/timelines/index.blade.php
index 563ee21..aab82ec 100644
--- a/resources/views/livewire/client/timelines/index.blade.php
+++ b/resources/views/livewire/client/timelines/index.blade.php
@@ -34,17 +34,17 @@ new class extends Component
     {{-- Active Timelines --}}
     @if($activeTimelines->total() > 0)
         <div class="mb-6 sm:mb-8">
-            <h2 class="text-base sm:text-lg font-semibold text-zinc-900 dark:text-zinc-100 mb-4">{{ __('client.active_cases') }}</h2>
+            <h2 class="text-base sm:text-lg font-semibold text-zinc-900 mb-4">{{ __('client.active_cases') }}</h2>
             <div class="space-y-3 sm:space-y-4">
                 @foreach($activeTimelines as $timeline)
-                    <div wire:key="timeline-{{ $timeline->id }}" class="bg-white dark:bg-zinc-800 p-3 sm:p-4 rounded-lg border-s-4 border-amber-500 shadow-sm">
+                    <div wire:key="timeline-{{ $timeline->id }}" class="bg-white p-3 sm:p-4 rounded-lg border-s-4 border-amber-500 shadow-sm">
                         <div class="flex flex-col sm:flex-row sm:justify-between sm:items-start gap-3">
                             <div class="flex-1 min-w-0">
-                                <h3 class="font-medium text-zinc-900 dark:text-zinc-100 truncate">{{ $timeline->case_name }}</h3>
+                                <h3 class="font-medium text-zinc-900 truncate">{{ $timeline->case_name }}</h3>
                                 @if($timeline->case_reference)
-                                    <p class="text-sm text-zinc-600 dark:text-zinc-400">{{ __('client.reference') }}: {{ $timeline->case_reference }}</p>
+                                    <p class="text-sm text-zinc-600">{{ __('client.reference') }}: {{ $timeline->case_reference }}</p>
                                 @endif
-                                <p class="text-xs sm:text-sm text-zinc-500 dark:text-zinc-500 mt-1">
+                                <p class="text-xs sm:text-sm text-zinc-500 mt-1">
                                     {{ __('client.updates') }}: {{ $timeline->updates_count }}
                                     @if($timeline->updates->first())
                                         · {{ __('client.last_update') }}: {{ $timeline->updates->first()->created_at->diffForHumans() }}
@@ -72,17 +72,17 @@ new class extends Component
     {{-- Archived Timelines --}}
     @if($archivedTimelines->total() > 0)
         <div>
-            <h2 class="text-base sm:text-lg font-semibold text-zinc-600 dark:text-zinc-400 mb-4">{{ __('client.archived_cases') }}</h2>
+            <h2 class="text-base sm:text-lg font-semibold text-zinc-600 mb-4">{{ __('client.archived_cases') }}</h2>
             <div class="space-y-3 sm:space-y-4 opacity-75">
                 @foreach($archivedTimelines as $timeline)
-                    <div wire:key="timeline-{{ $timeline->id }}" class="bg-zinc-50 dark:bg-zinc-900 p-3 sm:p-4 rounded-lg shadow-sm">
+                    <div wire:key="timeline-{{ $timeline->id }}" class="bg-zinc-50 p-3 sm:p-4 rounded-lg shadow-sm">
                         <div class="flex flex-col sm:flex-row sm:justify-between sm:items-start gap-3">
                             <div class="flex-1 min-w-0">
-                                <h3 class="font-medium text-zinc-700 dark:text-zinc-300 truncate">{{ $timeline->case_name }}</h3>
+                                <h3 class="font-medium text-zinc-700 truncate">{{ $timeline->case_name }}</h3>
                                 @if($timeline->case_reference)
-                                    <p class="text-sm text-zinc-500 dark:text-zinc-500">{{ __('client.reference') }}: {{ $timeline->case_reference }}</p>
+                                    <p class="text-sm text-zinc-500">{{ __('client.reference') }}: {{ $timeline->case_reference }}</p>
                                 @endif
-                                <p class="text-xs sm:text-sm text-zinc-400 dark:text-zinc-600 mt-1">
+                                <p class="text-xs sm:text-sm text-zinc-400 mt-1">
                                     {{ __('client.updates') }}: {{ $timeline->updates_count }}
                                 </p>
                             </div>
@@ -107,8 +107,8 @@ new class extends Component
     {{-- Empty State --}}
     @if($activeTimelines->total() === 0 && $archivedTimelines->total() === 0)
         <div class="empty-state">
-            <flux:icon name="folder-open" class="empty-state-icon text-zinc-300 dark:text-zinc-600" />
-            <p class="text-zinc-500 dark:text-zinc-400">{{ __('client.no_cases_yet') }}</p>
+            <flux:icon name="folder-open" class="empty-state-icon text-zinc-300" />
+            <p class="text-zinc-500">{{ __('client.no_cases_yet') }}</p>
         </div>
     @endif
 </div>
diff --git a/resources/views/livewire/client/timelines/show.blade.php b/resources/views/livewire/client/timelines/show.blade.php
index 6ec3849..05bec6c 100644
--- a/resources/views/livewire/client/timelines/show.blade.php
+++ b/resources/views/livewire/client/timelines/show.blade.php
@@ -22,7 +22,7 @@ new class extends Component
         <div>
             <flux:heading size="xl">{{ $timeline->case_name }}</flux:heading>
             @if($timeline->case_reference)
-                <p class="text-zinc-600 dark:text-zinc-400">{{ __('client.reference') }}: {{ $timeline->case_reference }}</p>
+                <p class="text-zinc-600 ">{{ __('client.reference') }}: {{ $timeline->case_reference }}</p>
             @endif
         </div>
         <flux:badge :variant="$timeline->status->value === 'active' ? 'success' : 'default'">
@@ -39,19 +39,19 @@ new class extends Component
             @forelse($timeline->updates as $update)
                 <div wire:key="update-{{ $update->id }}" class="relative ps-12">
                     {{-- Dot --}}
-                    <div class="absolute start-2 top-2 w-4 h-4 rounded-full bg-amber-500 border-4 border-amber-50 dark:border-zinc-900"></div>
+                    <div class="absolute start-2 top-2 w-4 h-4 rounded-full bg-amber-500 border-4 border-amber-50 "></div>
 
-                    <div class="bg-white dark:bg-zinc-800 p-4 rounded-lg shadow-sm">
-                        <div class="text-sm text-zinc-500 dark:text-zinc-400 mb-2">
+                    <div class="bg-white  p-4 rounded-lg shadow-sm">
+                        <div class="text-sm text-zinc-500  mb-2">
                             {{ $update->created_at->translatedFormat('l, d M Y - g:i A') }}
                         </div>
-                        <div class="prose prose-sm dark:prose-invert max-w-none">
+                        <div class="prose prose-sm  max-w-none">
                             {!! $update->update_text !!}
                         </div>
                     </div>
                 </div>
             @empty
-                <p class="text-center text-zinc-500 dark:text-zinc-400 py-8">
+                <p class="text-center text-zinc-500  py-8">
                     {{ __('client.no_updates_yet') }}
                 </p>
             @endforelse
diff --git a/resources/views/livewire/pages/booking-success.blade.php b/resources/views/livewire/pages/booking-success.blade.php
index f6eacab..59f8fa9 100644
--- a/resources/views/livewire/pages/booking-success.blade.php
+++ b/resources/views/livewire/pages/booking-success.blade.php
@@ -15,7 +15,7 @@ new #[Layout('components.layouts.public')] class extends Component
         {{ __('booking.success_title') }}
     </flux:heading>
 
-    <p class="text-zinc-600 dark:text-zinc-400 mb-6">
+    <p class="text-zinc-600 mb-6">
         {{ __('booking.success_message') }}
     </p>
 
diff --git a/resources/views/livewire/pages/booking.blade.php b/resources/views/livewire/pages/booking.blade.php
index a06bef0..5b9bb9c 100644
--- a/resources/views/livewire/pages/booking.blade.php
+++ b/resources/views/livewire/pages/booking.blade.php
@@ -207,23 +207,23 @@ new #[Layout('components.layouts.public')] class extends Component
                 <p class="text-body">{{ __('booking.guest_intro') }}</p>
             </flux:callout>
 
-            <p class="mb-4 text-zinc-600 dark:text-zinc-400">
+            <p class="mb-4 text-zinc-600">
                 {{ __('booking.select_date_time') }}
             </p>
 
             <livewire:availability-calendar />
         @else
             {{-- Step 2+: Contact Form & Confirmation --}}
-            <div class="bg-amber-50 dark:bg-amber-900/20 p-4 rounded-lg mb-6 border border-amber-200 dark:border-amber-800">
+            <div class="bg-amber-50 p-4 rounded-lg mb-6 border border-amber-200">
                 <div class="flex justify-between items-center">
                     <div>
-                        <p class="font-semibold text-zinc-900 dark:text-zinc-100">
+                        <p class="font-semibold text-zinc-900">
                             {{ __('booking.selected_time') }}
                         </p>
-                        <p class="text-zinc-600 dark:text-zinc-400">
+                        <p class="text-zinc-600">
                             {{ \Carbon\Carbon::parse($selectedDate)->translatedFormat('l, d M Y') }}
                         </p>
-                        <p class="text-zinc-600 dark:text-zinc-400">
+                        <p class="text-zinc-600">
                             {{ \Carbon\Carbon::parse($selectedTime)->format('g:i A') }}
                         </p>
                     </div>
@@ -292,7 +292,7 @@ new #[Layout('components.layouts.public')] class extends Component
                 {{-- Confirmation Step --}}
                 <flux:callout>
                     <flux:heading size="sm" class="text-body">{{ __('booking.confirm_booking') }}</flux:heading>
-                    <p class="text-zinc-600 dark:text-zinc-400">{{ __('booking.confirm_message') }}</p>
+                    <p class="text-zinc-600">{{ __('booking.confirm_message') }}</p>
 
                     <div class="mt-4 space-y-2">
                         <p><strong>{{ __('booking.guest_name') }}:</strong> {{ $guestName }}</p>
@@ -307,7 +307,7 @@ new #[Layout('components.layouts.public')] class extends Component
 
                     <div class="mt-4">
                         <p><strong>{{ __('booking.problem_summary') }}:</strong></p>
-                        <p class="mt-1 text-sm text-zinc-600 dark:text-zinc-400">{{ $problemSummary }}</p>
+                        <p class="mt-1 text-sm text-zinc-600">{{ $problemSummary }}</p>
                     </div>
                 </flux:callout>
 
diff --git a/resources/views/livewire/settings/appearance.blade.php b/resources/views/livewire/settings/appearance.blade.php
deleted file mode 100644
index 0c4e707..0000000
--- a/resources/views/livewire/settings/appearance.blade.php
+++ /dev/null
@@ -1,19 +0,0 @@
-<?php
-
-use Livewire\Volt\Component;
-
-new class extends Component {
-    //
-}; ?>
-
-<section class="w-full">
-    @include('partials.settings-heading')
-
-    <x-settings.layout :heading="__('Appearance')" :subheading="__('Update the appearance settings for your account')">
-        <flux:radio.group x-data variant="segmented" x-model="$flux.appearance">
-            <flux:radio value="light" icon="sun">{{ __('Light') }}</flux:radio>
-            <flux:radio value="dark" icon="moon">{{ __('Dark') }}</flux:radio>
-            <flux:radio value="system" icon="computer-desktop">{{ __('System') }}</flux:radio>
-        </flux:radio.group>
-    </x-settings.layout>
-</section>
diff --git a/resources/views/livewire/settings/profile.blade.php b/resources/views/livewire/settings/profile.blade.php
index f420509..3fa7455 100644
--- a/resources/views/livewire/settings/profile.blade.php
+++ b/resources/views/livewire/settings/profile.blade.php
@@ -113,7 +113,7 @@ new class extends Component {
                         </flux:text>
 
                         @if (session('status') === 'verification-link-sent')
-                            <flux:text class="mt-2 font-medium !dark:text-green-400 !text-green-600">
+                            <flux:text class="mt-2 font-medium !text-green-600">
                                 {{ __('A new verification link has been sent to your email address.') }}
                             </flux:text>
                         @endif
@@ -144,7 +144,7 @@ new class extends Component {
 
             <div>
                 <flux:heading size="lg">{{ __('Email Configuration') }}</flux:heading>
-                <flux:text class="mt-1 text-sm text-zinc-500 dark:text-zinc-400">
+                <flux:text class="mt-1 text-sm text-zinc-500">
                     {{ __('Verify your email configuration is working correctly.') }}
                 </flux:text>
 
@@ -166,18 +166,18 @@ new class extends Component {
 
                 <div class="mt-4 grid grid-cols-1 gap-4 md:grid-cols-2">
                     <div>
-                        <flux:text class="text-sm font-medium text-zinc-600 dark:text-zinc-400">
+                        <flux:text class="text-sm font-medium text-zinc-600">
                             {{ __('admin.sender_name') }}
                         </flux:text>
-                        <flux:text class="mt-1 font-medium text-zinc-900 dark:text-zinc-100">
+                        <flux:text class="mt-1 font-medium text-zinc-900">
                             {{ config('mail.from.name') }}
                         </flux:text>
                     </div>
                     <div>
-                        <flux:text class="text-sm font-medium text-zinc-600 dark:text-zinc-400">
+                        <flux:text class="text-sm font-medium text-zinc-600">
                             {{ __('admin.sender_email') }}
                         </flux:text>
-                        <flux:text class="mt-1 font-medium text-zinc-900 dark:text-zinc-100">
+                        <flux:text class="mt-1 font-medium text-zinc-900">
                             {{ config('mail.from.address') }}
                         </flux:text>
                     </div>
diff --git a/resources/views/livewire/settings/two-factor.blade.php b/resources/views/livewire/settings/two-factor.blade.php
index 7863608..7543259 100644
--- a/resources/views/livewire/settings/two-factor.blade.php
+++ b/resources/views/livewire/settings/two-factor.blade.php
@@ -239,21 +239,21 @@ new class extends Component {
     >
         <div class="space-y-6">
             <div class="flex flex-col items-center space-y-4">
-                <div class="p-0.5 w-auto rounded-full border border-stone-100 dark:border-stone-600 bg-white dark:bg-stone-800 shadow-sm">
-                    <div class="p-2.5 rounded-full border border-stone-200 dark:border-stone-600 overflow-hidden bg-stone-100 dark:bg-stone-200 relative">
-                        <div class="flex items-stretch absolute inset-0 w-full h-full divide-x [&>div]:flex-1 divide-stone-200 dark:divide-stone-300 justify-around opacity-50">
+                <div class="p-0.5 w-auto rounded-full border border-stone-100 bg-white shadow-sm">
+                    <div class="p-2.5 rounded-full border border-stone-200 overflow-hidden bg-stone-100 relative">
+                        <div class="flex items-stretch absolute inset-0 w-full h-full divide-x [&>div]:flex-1 divide-stone-200 justify-around opacity-50">
                             @for ($i = 1; $i <= 5; $i++)
                                 <div></div>
                             @endfor
                         </div>
 
-                        <div class="flex flex-col items-stretch absolute w-full h-full divide-y [&>div]:flex-1 inset-0 divide-stone-200 dark:divide-stone-300 justify-around opacity-50">
+                        <div class="flex flex-col items-stretch absolute w-full h-full divide-y [&>div]:flex-1 inset-0 divide-stone-200 justify-around opacity-50">
                             @for ($i = 1; $i <= 5; $i++)
                                 <div></div>
                             @endfor
                         </div>
 
-                        <flux:icon.qr-code class="relative z-20 dark:text-accent-foreground"/>
+                        <flux:icon.qr-code class="relative z-20"/>
                     </div>
                 </div>
 
@@ -301,9 +301,9 @@ new class extends Component {
                 @enderror
 
                 <div class="flex justify-center">
-                    <div class="relative w-64 overflow-hidden border rounded-lg border-stone-200 dark:border-stone-700 aspect-square">
+                    <div class="relative w-64 overflow-hidden border rounded-lg border-stone-200 aspect-square">
                         @empty($qrCodeSvg)
-                            <div class="absolute inset-0 flex items-center justify-center bg-white dark:bg-stone-700 animate-pulse">
+                            <div class="absolute inset-0 flex items-center justify-center bg-white animate-pulse">
                                 <flux:icon.loading/>
                             </div>
                         @else
@@ -329,8 +329,8 @@ new class extends Component {
 
                 <div class="space-y-4">
                     <div class="relative flex items-center justify-center w-full">
-                        <div class="absolute inset-0 w-full h-px top-1/2 bg-stone-200 dark:bg-stone-600"></div>
-                        <span class="relative px-2 text-sm bg-white dark:bg-stone-800 text-stone-600 dark:text-stone-400">
+                        <div class="absolute inset-0 w-full h-px top-1/2 bg-stone-200"></div>
+                        <span class="relative px-2 text-sm bg-white text-stone-600">
                             {{ __('or, enter the code manually') }}
                         </span>
                     </div>
@@ -350,9 +350,9 @@ new class extends Component {
                             }
                         }"
                     >
-                        <div class="flex items-stretch w-full border rounded-xl dark:border-stone-700">
+                        <div class="flex items-stretch w-full border rounded-xl">
                             @empty($manualSetupKey)
-                                <div class="flex items-center justify-center w-full p-3 bg-stone-100 dark:bg-stone-700">
+                                <div class="flex items-center justify-center w-full p-3 bg-stone-100">
                                     <flux:icon.loading variant="mini"/>
                                 </div>
                             @else
@@ -360,12 +360,12 @@ new class extends Component {
                                     type="text"
                                     readonly
                                     value="{{ $manualSetupKey }}"
-                                    class="w-full p-3 bg-transparent outline-none text-stone-900 dark:text-stone-100"
+                                    class="w-full p-3 bg-transparent outline-none text-stone-900"
                                 />
 
                                 <button
                                     @click="copy()"
-                                    class="px-3 transition-colors border-l cursor-pointer border-stone-200 dark:border-stone-600"
+                                    class="px-3 transition-colors border-l cursor-pointer border-stone-200"
                                 >
                                     <flux:icon.document-duplicate x-show="!copied" variant="outline"></flux:icon>
                                     <flux:icon.check
diff --git a/resources/views/livewire/settings/two-factor/recovery-codes.blade.php b/resources/views/livewire/settings/two-factor/recovery-codes.blade.php
index 29924eb..9b9a9a1 100644
--- a/resources/views/livewire/settings/two-factor/recovery-codes.blade.php
+++ b/resources/views/livewire/settings/two-factor/recovery-codes.blade.php
@@ -46,7 +46,7 @@ new class extends Component {
 }; ?>
 
 <div
-    class="py-6 space-y-6 border shadow-sm rounded-xl border-zinc-200 dark:border-white/10"
+    class="py-6 space-y-6 border shadow-sm rounded-xl border-zinc-200"
     wire:cloak
     x-data="{ showRecoveryCodes: false }"
 >
@@ -112,7 +112,7 @@ new class extends Component {
 
                 @if (filled($recoveryCodes))
                     <div
-                        class="grid gap-1 p-4 font-mono text-sm rounded-lg bg-zinc-100 dark:bg-white/5"
+                        class="grid gap-1 p-4 font-mono text-sm rounded-lg bg-zinc-100"
                         role="list"
                         aria-label="Recovery codes"
                     >
diff --git a/resources/views/pages/legal.blade.php b/resources/views/pages/legal.blade.php
index e237de5..5a15164 100644
--- a/resources/views/pages/legal.blade.php
+++ b/resources/views/pages/legal.blade.php
@@ -1,14 +1,14 @@
 <x-layouts.public>
     <div class="py-8">
-        <h1 class="mb-6 text-3xl font-bold text-text dark:text-off-white">{{ $page->getTitle() }}</h1>
-        <div class="prose prose-brand max-w-none rounded-lg bg-card p-8 shadow-card dark:bg-zinc-800 dark:prose-invert" dir="{{ app()->getLocale() === 'ar' ? 'rtl' : 'ltr' }}">
+        <h1 class="mb-6 text-3xl font-bold text-text">{{ $page->getTitle() }}</h1>
+        <div class="prose prose-brand max-w-none rounded-lg bg-card p-8 shadow-card" dir="{{ app()->getLocale() === 'ar' ? 'rtl' : 'ltr' }}">
             @if ($page->getContent())
                 {!! clean($page->getContent()) !!}
             @else
-                <p class="text-body dark:text-zinc-400">{{ __('pages.content_coming_soon') }}</p>
+                <p class="text-body">{{ __('pages.content_coming_soon') }}</p>
             @endif
         </div>
-        <p class="mt-4 text-sm text-body/70 dark:text-zinc-400">
+        <p class="mt-4 text-sm text-body/70">
             {{ __('pages.last_updated') }}: {{ $page->updated_at->format('M d, Y') }}
         </p>
     </div>
diff --git a/resources/views/partials/head.blade.php b/resources/views/partials/head.blade.php
index ccb62c8..9da9338 100644
--- a/resources/views/partials/head.blade.php
+++ b/resources/views/partials/head.blade.php
@@ -20,4 +20,3 @@
 <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.1/dist/chart.umd.min.js"></script>
 
 @vite(['resources/css/app.css', 'resources/js/app.js'])
-@fluxAppearance
diff --git a/routes/web.php b/routes/web.php
index 838b5c3..e2bc9dc 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -154,7 +154,6 @@ Route::middleware(['auth', 'active'])->group(function () {
 
     Volt::route('settings/profile', 'settings.profile')->name('profile.edit');
     Volt::route('settings/password', 'settings.password')->name('user-password.edit');
-    Volt::route('settings/appearance', 'settings.appearance')->name('appearance.edit');
 
     Volt::route('settings/two-factor', 'settings.two-factor')
         ->middleware(