diff --git a/app/Http/Controllers/User/PreferencesController.php b/app/Http/Controllers/User/PreferencesController.php
index f1d57fa..75b9a95 100755
--- a/app/Http/Controllers/User/PreferencesController.php
+++ b/app/Http/Controllers/User/PreferencesController.php
@@ -32,6 +32,11 @@ class PreferencesController extends Controller
             'room_invites' => 'sometimes|boolean',
             'email_notifications' => 'sometimes|boolean',
             'client_open_mode' => 'sometimes|in:same,new_window',
+            'client_volume' => 'sometimes|integer|min:0|max:100',
+            'client_quality' => 'sometimes|in:low,medium,high',
+            'compact_mode' => 'sometimes|boolean',
+            'hide_online' => 'sometimes|boolean',
+            'default_page' => 'sometimes|in:me,hotel,community,shop',
         ]);
 
         $preferences = array_merge($this->getDefaultPreferences(), $validated);
@@ -51,6 +56,11 @@ class PreferencesController extends Controller
             'room_invites' => true,
             'email_notifications' => false,
             'client_open_mode' => 'same',
+            'client_volume' => 50,
+            'client_quality' => 'medium',
+            'compact_mode' => false,
+            'hide_online' => false,
+            'default_page' => 'me',
         ];
     }
 }
diff --git a/resources/themes/atom/views/user/settings/preferences.blade.php b/resources/themes/atom/views/user/settings/preferences.blade.php
index 2fff8dc..98810c4 100755
--- a/resources/themes/atom/views/user/settings/preferences.blade.php
+++ b/resources/themes/atom/views/user/settings/preferences.blade.php
@@ -98,6 +98,83 @@
  <input type="checkbox" name="client_open_mode" value="new_window" {{ old('client_open_mode', $preferences['client_open_mode'] ?? 'same') === 'new_window' ? 'checked' : '' }}
  class="w-5 h-5 rounded cursor-pointer" style="accent-color: var(--color-primary);">
  </label>
+
+ <label class="flex items-center justify-between p-3 rounded" style="background-color: var(--color-surface);">
+ <div>
+ <span class="font-semibold" style="color: var(--color-text);">{{ __('Client volume') }}</span>
+ <p class="text-sm" style="color: var(--color-text-muted);">{{ __('Default volume for the game client') }}</p>
+ </div>
+ <div class="flex items-center gap-3">
+ <span class="text-sm" style="color: var(--color-text-muted);">0</span>
+ <input type="range" name="client_volume" min="0" max="100" value="{{ old('client_volume', $preferences['client_volume'] ?? 50) }}"
+ class="w-24 h-2 rounded-full cursor-pointer" style="accent-color: var(--color-primary);">
+ <span class="text-sm" style="color: var(--color-text-muted);">100</span>
+ <span class="text-sm font-semibold min-w-[2rem] text-center" id="volume-display" style="color: var(--color-text);">{{ old('client_volume', $preferences['client_volume'] ?? 50) }}%</span>
+ </div>
+ </label>
+
+ <label class="flex items-center justify-between p-3 rounded" style="background-color: var(--color-surface);">
+ <div>
+ <span class="font-semibold" style="color: var(--color-text);">{{ __('Client quality') }}</span>
+ <p class="text-sm" style="color: var(--color-text-muted);">{{ __('Graphics quality for the game client') }}</p>
+ </div>
+ <select name="client_quality"
+ class="border-2 rounded-lg px-3 py-1.5 text-sm font-semibold cursor-pointer" style="background-color: var(--color-background); color: var(--color-text); border-color: var(--input-border-color, var(--color-text-muted)); accent-color: var(--color-primary);">
+ <option value="low" {{ old('client_quality', $preferences['client_quality'] ?? 'medium') === 'low' ? 'selected' : '' }}>{{ __('Low') }}</option>
+ <option value="medium" {{ old('client_quality', $preferences['client_quality'] ?? 'medium') === 'medium' ? 'selected' : '' }}>{{ __('Medium') }}</option>
+ <option value="high" {{ old('client_quality', $preferences['client_quality'] ?? 'medium') === 'high' ? 'selected' : '' }}>{{ __('High') }}</option>
+ </select>
+ </label>
+ </div>
+ </div>
+
+ <hr style="border-color: var(--color-text-muted);">
+
+ {{-- Layout Settings --}}
+ <div>
+ <h3 class="text-lg font-semibold mb-4" style="color: var(--color-text);">{{ __('Layout Settings') }}</h3>
+ <div class="space-y-4">
+ <label class="flex items-center justify-between cursor-pointer p-3 rounded" style="background-color: var(--color-surface);">
+ <div>
+ <span class="font-semibold" style="color: var(--color-text);">{{ __('Compact mode') }}</span>
+ <p class="text-sm" style="color: var(--color-text-muted);">{{ __('Use a more compact layout with tighter spacing') }}</p>
+ </div>
+ <input type="hidden" name="compact_mode" value="0">
+ <input type="checkbox" name="compact_mode" value="1" {{ old('compact_mode', $preferences['compact_mode'] ?? false) ? 'checked' : '' }}
+ class="w-5 h-5 rounded cursor-pointer" style="accent-color: var(--color-primary);">
+ </label>
+
+ <label class="flex items-center justify-between p-3 rounded" style="background-color: var(--color-surface);">
+ <div>
+ <span class="font-semibold" style="color: var(--color-text);">{{ __('Default page') }}</span>
+ <p class="text-sm" style="color: var(--color-text-muted);">{{ __('Page to show after logging in') }}</p>
+ </div>
+ <select name="default_page"
+ class="border-2 rounded-lg px-3 py-1.5 text-sm font-semibold cursor-pointer" style="background-color: var(--color-background); color: var(--color-text); border-color: var(--input-border-color, var(--color-text-muted));">
+ <option value="me" {{ old('default_page', $preferences['default_page'] ?? 'me') === 'me' ? 'selected' : '' }}>{{ __('Me page') }}</option>
+ <option value="hotel" {{ old('default_page', $preferences['default_page'] ?? 'me') === 'hotel' ? 'selected' : '' }}>{{ __('Hotel') }}</option>
+ <option value="community" {{ old('default_page', $preferences['default_page'] ?? 'me') === 'community' ? 'selected' : '' }}>{{ __('Community') }}</option>
+ <option value="shop" {{ old('default_page', $preferences['default_page'] ?? 'me') === 'shop' ? 'selected' : '' }}>{{ __('Shop') }}</option>
+ </select>
+ </label>
+ </div>
+ </div>
+
+ <hr style="border-color: var(--color-text-muted);">
+
+ {{-- Privacy Settings --}}
+ <div>
+ <h3 class="text-lg font-semibold mb-4" style="color: var(--color-text);">{{ __('Privacy Settings') }}</h3>
+ <div class="space-y-4">
+ <label class="flex items-center justify-between cursor-pointer p-3 rounded" style="background-color: var(--color-surface);">
+ <div>
+ <span class="font-semibold" style="color: var(--color-text);">{{ __('Hide online status') }}</span>
+ <p class="text-sm" style="color: var(--color-text-muted);">{{ __('Hide your online status from other users on the site') }}</p>
+ </div>
+ <input type="hidden" name="hide_online" value="0">
+ <input type="checkbox" name="hide_online" value="1" {{ old('hide_online', $preferences['hide_online'] ?? false) ? 'checked' : '' }}
+ class="w-5 h-5 rounded cursor-pointer" style="accent-color: var(--color-primary);">
+ </label>
  </div>
  </div>
 
@@ -127,4 +204,18 @@
  </form>
  </x-content.content-card>
  </div>
+
+ @push('javascript')
+ <script>
+ document.addEventListener('DOMContentLoaded', function() {
+  var volumeInput = document.querySelector('input[name="client_volume"]');
+  var volumeDisplay = document.getElementById('volume-display');
+  if (volumeInput && volumeDisplay) {
+   volumeInput.addEventListener('input', function() {
+    volumeDisplay.textContent = this.value + '%';
+   });
+  }
+ });
+ </script>
+ @endpush
 </x-app-layout>
diff --git a/resources/themes/dusk/views/user/settings/preferences.blade.php b/resources/themes/dusk/views/user/settings/preferences.blade.php
index 5b28c43..f45b191 100644
--- a/resources/themes/dusk/views/user/settings/preferences.blade.php
+++ b/resources/themes/dusk/views/user/settings/preferences.blade.php
@@ -98,6 +98,83 @@
                             <input type="checkbox" name="client_open_mode" value="new_window" {{ old('client_open_mode', $preferences['client_open_mode'] ?? 'same') === 'new_window' ? 'checked' : '' }}
                                    class="w-5 h-5 rounded cursor-pointer" style="accent-color: var(--color-primary);">
                         </label>
+
+                        <label class="flex items-center justify-between p-3 rounded" style="background-color: var(--color-surface);">
+                            <div>
+                                <span class="font-semibold" style="color: var(--color-text);">{{ __('Client volume') }}</span>
+                                <p class="text-sm" style="color: var(--color-text-muted);">{{ __('Default volume for the game client') }}</p>
+                            </div>
+                            <div class="flex items-center gap-3">
+                                <span class="text-sm" style="color: var(--color-text-muted);">0</span>
+                                <input type="range" name="client_volume" min="0" max="100" value="{{ old('client_volume', $preferences['client_volume'] ?? 50) }}"
+                                       class="w-24 h-2 rounded-full cursor-pointer" style="accent-color: var(--color-primary);">
+                                <span class="text-sm" style="color: var(--color-text-muted);">100</span>
+                                <span class="text-sm font-semibold min-w-[2rem] text-center" id="volume-display" style="color: var(--color-text);">{{ old('client_volume', $preferences['client_volume'] ?? 50) }}%</span>
+                            </div>
+                        </label>
+
+                        <label class="flex items-center justify-between p-3 rounded" style="background-color: var(--color-surface);">
+                            <div>
+                                <span class="font-semibold" style="color: var(--color-text);">{{ __('Client quality') }}</span>
+                                <p class="text-sm" style="color: var(--color-text-muted);">{{ __('Graphics quality for the game client') }}</p>
+                            </div>
+                            <select name="client_quality"
+                                    class="border-2 rounded-lg px-3 py-1.5 text-sm font-semibold cursor-pointer" style="background-color: var(--color-background); color: var(--color-text); border-color: var(--input-border-color, var(--color-text-muted));">
+                                <option value="low" {{ old('client_quality', $preferences['client_quality'] ?? 'medium') === 'low' ? 'selected' : '' }}>{{ __('Low') }}</option>
+                                <option value="medium" {{ old('client_quality', $preferences['client_quality'] ?? 'medium') === 'medium' ? 'selected' : '' }}>{{ __('Medium') }}</option>
+                                <option value="high" {{ old('client_quality', $preferences['client_quality'] ?? 'medium') === 'high' ? 'selected' : '' }}>{{ __('High') }}</option>
+                            </select>
+                        </label>
+                    </div>
+                </div>
+
+                <hr style="border-color: var(--color-text-muted); opacity: 0.3;">
+
+                {{-- Layout Settings --}}
+                <div>
+                    <h3 class="text-lg font-semibold mb-4" style="color: var(--color-text);">{{ __('Layout Settings') }}</h3>
+                    <div class="space-y-4">
+                        <label class="flex items-center justify-between cursor-pointer p-3 rounded" style="background-color: var(--color-surface);">
+                            <div>
+                                <span class="font-semibold" style="color: var(--color-text);">{{ __('Compact mode') }}</span>
+                                <p class="text-sm" style="color: var(--color-text-muted);">{{ __('Use a more compact layout with tighter spacing') }}</p>
+                            </div>
+                            <input type="hidden" name="compact_mode" value="0">
+                            <input type="checkbox" name="compact_mode" value="1" {{ old('compact_mode', $preferences['compact_mode'] ?? false) ? 'checked' : '' }}
+                                   class="w-5 h-5 rounded cursor-pointer" style="accent-color: var(--color-primary);">
+                        </label>
+
+                        <label class="flex items-center justify-between p-3 rounded" style="background-color: var(--color-surface);">
+                            <div>
+                                <span class="font-semibold" style="color: var(--color-text);">{{ __('Default page') }}</span>
+                                <p class="text-sm" style="color: var(--color-text-muted);">{{ __('Page to show after logging in') }}</p>
+                            </div>
+                            <select name="default_page"
+                                    class="border-2 rounded-lg px-3 py-1.5 text-sm font-semibold cursor-pointer" style="background-color: var(--color-background); color: var(--color-text); border-color: var(--input-border-color, var(--color-text-muted));">
+                                <option value="me" {{ old('default_page', $preferences['default_page'] ?? 'me') === 'me' ? 'selected' : '' }}>{{ __('Me page') }}</option>
+                                <option value="hotel" {{ old('default_page', $preferences['default_page'] ?? 'me') === 'hotel' ? 'selected' : '' }}>{{ __('Hotel') }}</option>
+                                <option value="community" {{ old('default_page', $preferences['default_page'] ?? 'me') === 'community' ? 'selected' : '' }}>{{ __('Community') }}</option>
+                                <option value="shop" {{ old('default_page', $preferences['default_page'] ?? 'me') === 'shop' ? 'selected' : '' }}>{{ __('Shop') }}</option>
+                            </select>
+                        </label>
+                    </div>
+                </div>
+
+                <hr style="border-color: var(--color-text-muted); opacity: 0.3;">
+
+                {{-- Privacy Settings --}}
+                <div>
+                    <h3 class="text-lg font-semibold mb-4" style="color: var(--color-text);">{{ __('Privacy Settings') }}</h3>
+                    <div class="space-y-4">
+                        <label class="flex items-center justify-between cursor-pointer p-3 rounded" style="background-color: var(--color-surface);">
+                            <div>
+                                <span class="font-semibold" style="color: var(--color-text);">{{ __('Hide online status') }}</span>
+                                <p class="text-sm" style="color: var(--color-text-muted);">{{ __('Hide your online status from other users on the site') }}</p>
+                            </div>
+                            <input type="hidden" name="hide_online" value="0">
+                            <input type="checkbox" name="hide_online" value="1" {{ old('hide_online', $preferences['hide_online'] ?? false) ? 'checked' : '' }}
+                                   class="w-5 h-5 rounded cursor-pointer" style="accent-color: var(--color-primary);">
+                        </label>
                     </div>
                 </div>
 
@@ -127,4 +204,18 @@
             </form>
         </x-content.content-card>
     </div>
+
+    @push('javascript')
+        <script>
+            document.addEventListener('DOMContentLoaded', function() {
+                var volumeInput = document.querySelector('input[name="client_volume"]');
+                var volumeDisplay = document.getElementById('volume-display');
+                if (volumeInput && volumeDisplay) {
+                    volumeInput.addEventListener('input', function() {
+                        volumeDisplay.textContent = this.value + '%';
+                    });
+                }
+            });
+        </script>
+    @endpush
 </x-app-layout>