diff --git a/Modules/Conversation/resources/views/inbox.blade.php b/Modules/Conversation/resources/views/inbox.blade.php
index e74258c852b..c51a7051f1b 100644
--- a/Modules/Conversation/resources/views/inbox.blade.php
+++ b/Modules/Conversation/resources/views/inbox.blade.php
@@ -35,7 +35,7 @@ class="panel-surface overflow-hidden p-0"
             @endif
 
             <div class="grid grid-cols-1 xl:grid-cols-[420px,1fr] min-h-[620px]">
-                <div data-inbox-list-container>
+                <div data-inbox-list-container class="{{ $selectedConversation ? 'hidden xl:block' : 'block' }}">
                     @include('conversation::partials.inbox-list-pane', [
                         'conversations' => $conversations,
                         'messageFilter' => $messageFilter,
@@ -43,7 +43,7 @@ class="panel-surface overflow-hidden p-0"
                     ])
                 </div>
 
-                <div data-inbox-thread-container>
+                <div data-inbox-thread-container class="{{ $selectedConversation ? 'block' : 'hidden xl:block' }}">
                     @include('conversation::partials.inbox-thread-pane', [
                         'selectedConversation' => $selectedConversation,
                         'messageFilter' => $messageFilter,
diff --git a/Modules/Conversation/resources/views/partials/inbox-list-pane.blade.php b/Modules/Conversation/resources/views/partials/inbox-list-pane.blade.php
index 15e02bf4037..5feb76936c1 100644
--- a/Modules/Conversation/resources/views/partials/inbox-list-pane.blade.php
+++ b/Modules/Conversation/resources/views/partials/inbox-list-pane.blade.php
@@ -2,13 +2,13 @@
     <div class="px-6 py-4 border-b border-slate-200">
         <p class="mb-2 text-sm font-semibold text-slate-600">Filters</p>
         <div class="flex flex-wrap items-center gap-2">
-            <a href="{{ route('panel.inbox.index', ['message_filter' => 'all']) }}" class="inline-flex items-center px-4 py-2 rounded-full text-sm font-semibold border {{ $messageFilter === 'all' ? 'border-rose-400 bg-rose-50 text-rose-600' : 'border-slate-300 text-slate-600 hover:bg-slate-100' }}">
+            <a href="{{ route('panel.inbox.index', ['message_filter' => 'all']) }}" class="inline-flex items-center px-4 py-2 rounded-full text-sm font-semibold border {{ $messageFilter === 'all' ? 'border-slate-900 bg-slate-900 text-white' : 'border-slate-300 text-slate-600 hover:bg-slate-100' }}">
                 All
             </a>
-            <a href="{{ route('panel.inbox.index', ['message_filter' => 'unread']) }}" class="inline-flex items-center px-4 py-2 rounded-full text-sm font-semibold border {{ $messageFilter === 'unread' ? 'border-rose-400 bg-rose-50 text-rose-600' : 'border-slate-300 text-slate-600 hover:bg-slate-100' }}">
+            <a href="{{ route('panel.inbox.index', ['message_filter' => 'unread']) }}" class="inline-flex items-center px-4 py-2 rounded-full text-sm font-semibold border {{ $messageFilter === 'unread' ? 'border-slate-900 bg-slate-900 text-white' : 'border-slate-300 text-slate-600 hover:bg-slate-100' }}">
                 Unread
             </a>
-            <a href="{{ route('panel.inbox.index', ['message_filter' => 'important']) }}" class="inline-flex items-center px-4 py-2 rounded-full text-sm font-semibold border {{ $messageFilter === 'important' ? 'border-rose-400 bg-rose-50 text-rose-600' : 'border-slate-300 text-slate-600 hover:bg-slate-100' }}">
+            <a href="{{ route('panel.inbox.index', ['message_filter' => 'important']) }}" class="inline-flex items-center px-4 py-2 rounded-full text-sm font-semibold border {{ $messageFilter === 'important' ? 'border-slate-900 bg-slate-900 text-white' : 'border-slate-300 text-slate-600 hover:bg-slate-100' }}">
                 Important
             </a>
         </div>
@@ -22,7 +22,7 @@
             $conversationImage = $conversationListing?->primaryImageData('thumb');
             $lastMessage = trim((string) ($conversation->lastMessage?->body ?? ''));
         @endphp
-        <a href="{{ route('panel.inbox.index', ['message_filter' => $messageFilter, 'conversation' => $conversation->id]) }}" class="block px-6 py-4 {{ $isSelected ? 'bg-rose-50' : 'hover:bg-slate-50' }}">
+        <a href="{{ route('panel.inbox.index', ['message_filter' => $messageFilter, 'conversation' => $conversation->id]) }}" class="block px-6 py-4 {{ $isSelected ? 'bg-slate-100' : 'hover:bg-slate-50' }}">
             <div class="flex gap-3">
                 <div class="w-14 h-14 rounded-xl bg-slate-100 border border-slate-200 overflow-hidden shrink-0">
                     @if($conversationImage)
@@ -46,7 +46,7 @@
                     </p>
                 </div>
                 @if($conversation->unread_count > 0)
-                <span class="inline-flex items-center justify-center min-w-6 h-6 px-2 rounded-full bg-rose-500 text-white text-xs font-semibold">
+                <span class="inline-flex items-center justify-center min-w-6 h-6 px-2 rounded-full bg-slate-1000 text-white text-xs font-semibold">
                     {{ $conversation->unread_count }}
                 </span>
                 @endif
diff --git a/Modules/Conversation/resources/views/partials/inbox-thread-pane.blade.php b/Modules/Conversation/resources/views/partials/inbox-thread-pane.blade.php
index a3812db6dd2..a3ce046ade2 100644
--- a/Modules/Conversation/resources/views/partials/inbox-thread-pane.blade.php
+++ b/Modules/Conversation/resources/views/partials/inbox-thread-pane.blade.php
@@ -10,6 +10,11 @@
             : null;
     @endphp
     <div class="h-24 px-6 border-b border-slate-200 flex items-center gap-4">
+        <a href="{{ route('panel.inbox.index', ['message_filter' => $messageFilter]) }}" class="xl:hidden shrink-0 w-9 h-9 rounded-full border border-slate-200 grid place-items-center text-slate-600" aria-label="Back to inbox">
+            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/>
+            </svg>
+        </a>
         <div class="w-12 h-12 rounded-full bg-slate-600 text-white grid place-items-center font-semibold text-lg">
             {{ strtoupper(substr((string) ($activePartner?->name ?? 'K'), 0, 1)) }}
         </div>
@@ -27,7 +32,7 @@
         @php $isMine = (int) $message->sender_id === (int) auth()->id(); @endphp
         <div class="mb-4 flex {{ $isMine ? 'justify-end' : 'justify-start' }}" data-message-id="{{ $message->id }}">
             <div class="max-w-[80%]">
-                <div class="{{ $isMine ? 'bg-amber-100 text-slate-900' : 'bg-white text-slate-900 border border-slate-200' }} rounded-2xl px-4 py-2 text-base shadow-sm">
+                <div class="{{ $isMine ? 'bg-[var(--oc-primary-soft)] text-slate-900' : 'bg-white text-slate-900 border border-slate-200' }} rounded-2xl px-4 py-2 text-base shadow-sm">
                     {{ $message->body }}
                 </div>
                 <p class="text-xs text-slate-500 mt-1 {{ $isMine ? 'text-right' : 'text-left' }}">
@@ -52,7 +57,7 @@
                 @csrf
                 <input type="hidden" name="message_filter" value="{{ $messageFilter }}">
                 <input type="hidden" name="message" value="{{ $quickMessage }}">
-                <button type="submit" class="inline-flex items-center h-11 px-5 rounded-full border border-rose-300 text-rose-600 font-semibold text-sm hover:bg-rose-50">
+                <button type="submit" class="inline-flex items-center h-11 px-5 rounded-full border border-slate-300 text-slate-700 font-semibold text-sm hover:bg-slate-100">
                     {{ $quickMessage }}
                 </button>
             </form>
@@ -61,14 +66,14 @@
         <form method="POST" action="{{ route('conversations.messages.send', $selectedConversation) }}" class="flex items-center gap-2 border-t border-slate-200 pt-3 mt-1" data-inbox-send-form>
             @csrf
             <input type="hidden" name="message_filter" value="{{ $messageFilter }}">
-            <input type="text" name="message" value="{{ old('message') }}" placeholder="Write a message" maxlength="2000" class="h-12 flex-1 rounded-full border border-slate-300 px-5 text-sm focus:outline-none focus:ring-2 focus:ring-rose-300" required data-inbox-message-input>
+            <input type="text" name="message" value="{{ old('message') }}" placeholder="Write a message" maxlength="2000" class="h-12 flex-1 rounded-full border border-slate-300 px-5 text-sm focus:outline-none focus:ring-2 focus:ring-slate-300" required data-inbox-message-input>
             <button type="submit" class="h-12 w-12 rounded-full bg-black text-white grid place-items-center hover:bg-slate-800" aria-label="Send" data-inbox-send-button>
                 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h13m0 0l-5-5m5 5l-5 5"/>
                 </svg>
             </button>
         </form>
-        <p class="text-xs text-rose-600 mt-2 px-2 hidden" data-inbox-send-error></p>
+        <p class="text-xs text-red-600 mt-2 px-2 hidden" data-inbox-send-error></p>
     </div>
     @else
     <div class="h-full min-h-[620px] grid place-items-center px-8 text-center text-slate-500">
diff --git a/Modules/Favorite/resources/views/index.blade.php b/Modules/Favorite/resources/views/index.blade.php
index 2614385c501..76343b90bff 100644
--- a/Modules/Favorite/resources/views/index.blade.php
+++ b/Modules/Favorite/resources/views/index.blade.php
@@ -28,7 +28,7 @@
                     'category' => $selectedCategoryId,
                 ], fn ($value) => !is_null($value) && $value !== '');
             @endphp
-            <div class="border-b-2 border-blue-900 px-4 py-3 flex flex-wrap items-center gap-3">
+            <div class="border-b-2 border-slate-900 px-4 py-3 flex flex-wrap items-center gap-3">
                 <h1 class="text-3xl font-bold text-slate-800 mr-auto">Saved Listings</h1>
                 <div class="inline-flex border border-slate-300 overflow-hidden">
                     <a href="{{ route('favorites.index', array_merge($listingTabQuery, ['status' => 'all'])) }}" class="px-5 py-2 text-sm font-semibold {{ $statusFilter === 'all' ? 'bg-slate-700 text-white' : 'bg-white text-slate-700 hover:bg-slate-100' }}">
@@ -90,7 +90,7 @@
                                         @endif
                                     </a>
                                     <div>
-                                        <a href="{{ route('listings.show', $listing) }}" class="font-semibold text-2xl text-slate-800 hover:text-blue-700 leading-6">
+                                        <a href="{{ route('listings.show', $listing) }}" class="font-semibold text-2xl text-slate-800 hover:text-slate-900 leading-6">
                                             {{ $listing->title }}
                                         </a>
                                         <p class="text-sm text-slate-500 mt-2">{{ $meta !== '' ? $meta : 'No category or location data' }}</p>
@@ -102,13 +102,13 @@
                             <td class="px-4 py-4">
                                 @if($canMessageListing)
                                     @if($conversationId)
-                                    <a href="{{ route('panel.inbox.index', ['conversation' => $conversationId]) }}" class="inline-flex items-center h-10 px-4 border border-rose-300 text-rose-600 text-sm font-semibold rounded-full hover:bg-rose-50">
+                                    <a href="{{ route('panel.inbox.index', ['conversation' => $conversationId]) }}" class="inline-flex items-center h-10 px-4 border border-slate-300 text-slate-700 text-sm font-semibold rounded-full hover:bg-slate-50">
                                         Open chat
                                     </a>
                                     @else
                                     <form method="POST" action="{{ route('conversations.start', $listing) }}">
                                         @csrf
-                                        <button type="submit" class="inline-flex items-center h-10 px-4 bg-rose-500 text-white text-sm font-semibold rounded-full hover:bg-rose-600">
+                                        <button type="submit" class="inline-flex items-center h-10 px-4 bg-slate-900 text-white text-sm font-semibold rounded-full hover:bg-slate-700">
                                             Send message
                                         </button>
                                     </form>
@@ -120,7 +120,7 @@
                             <td class="px-4 py-4 text-right">
                                 <form method="POST" action="{{ route('favorites.listings.toggle', $listing) }}">
                                     @csrf
-                                    <button type="submit" class="text-sm font-semibold text-rose-500 hover:text-rose-600">Remove</button>
+                                    <button type="submit" class="text-sm font-semibold text-slate-600 hover:text-slate-900">Remove</button>
                                 </form>
                             </td>
                         </tr>
@@ -167,7 +167,7 @@
                         </p>
                     </div>
                     <div class="flex items-center gap-3">
-                        <a href="{{ $searchUrl }}" class="inline-flex items-center h-10 px-4 bg-blue-600 text-white text-sm font-semibold rounded hover:bg-blue-700">
+                        <a href="{{ $searchUrl }}" class="inline-flex items-center h-10 px-4 bg-slate-900 text-white text-sm font-semibold rounded-full hover:bg-slate-700">
                             Open search
                         </a>
                         <form method="POST" action="{{ route('favorites.searches.destroy', $favoriteSearch) }}">
@@ -199,7 +199,7 @@
                 @forelse($favoriteSellers as $seller)
                 <article class="px-4 py-4 flex flex-col md:flex-row md:items-center gap-3">
                     <a href="{{ route('listings.index', ['user' => $seller->id]) }}" class="flex items-center gap-3 flex-1 hover:opacity-90">
-                        <div class="w-12 h-12 rounded-full bg-blue-100 text-blue-700 font-bold grid place-items-center">
+                        <div class="w-12 h-12 rounded-full bg-slate-100 text-slate-900 font-bold grid place-items-center">
                             {{ strtoupper(substr((string) $seller->name, 0, 1)) }}
                         </div>
                         <div>
@@ -210,7 +210,7 @@
                     </a>
                     <form method="POST" action="{{ route('favorites.sellers.toggle', $seller) }}">
                         @csrf
-                        <button type="submit" class="inline-flex items-center h-10 px-4 border border-rose-200 text-sm font-semibold text-rose-600 hover:bg-rose-50">
+                        <button type="submit" class="inline-flex items-center h-10 px-4 border border-slate-300 text-sm font-semibold text-slate-700 hover:bg-slate-50">
                             Remove seller
                         </button>
                     </form>
diff --git a/Modules/Listing/resources/views/themes/default/show.blade.php b/Modules/Listing/resources/views/themes/default/show.blade.php
index 7d749141318..2555c48a848 100644
--- a/Modules/Listing/resources/views/themes/default/show.blade.php
+++ b/Modules/Listing/resources/views/themes/default/show.blade.php
@@ -47,7 +47,7 @@
             </div>
 
             @if($galleryImages->count() > 1)
-            <div class="mt-3 grid grid-cols-5 gap-2">
+            <div class="mt-3 grid grid-cols-4 sm:grid-cols-5 gap-2">
                 @foreach($galleryImages->skip(1)->take(5) as $image)
                 <div class="rounded-lg border border-[var(--oc-border)] overflow-hidden aspect-square">
                     @include('listing::partials.responsive-image', [
@@ -95,7 +95,7 @@
         </div>
 
         <div>
-            <div class="rounded-2xl border border-[var(--oc-border)] p-5 sticky top-24">
+            <div class="rounded-2xl border border-[var(--oc-border)] p-5 lg:sticky lg:top-24">
                 <p class="text-3xl font-semibold text-[var(--oc-text)]">
                     @if($hasPrice)
                         @if($priceValue > 0)
diff --git a/Modules/Site/resources/views/home.blade.php b/Modules/Site/resources/views/home.blade.php
index fa1c82c3227..2ce9fa33fec 100644
--- a/Modules/Site/resources/views/home.blade.php
+++ b/Modules/Site/resources/views/home.blade.php
@@ -93,7 +93,7 @@
                 @endauth
             </div>
         </div>
-        <div class="hidden lg:block rounded-[28px] overflow-hidden border border-[var(--oc-border)] bg-[var(--oc-surface)] aspect-[4/3]">
+        <div class="rounded-[28px] overflow-hidden border border-[var(--oc-border)] bg-[var(--oc-surface)] aspect-[16/10] lg:aspect-[4/3]">
             @if($heroImage)
             @include('listing::partials.responsive-image', [
                 'image' => $heroImage,
diff --git a/README.md b/README.md
index 8ac6247be3c..7f1846afaae 100644
--- a/README.md
+++ b/README.md
@@ -1,12 +1,13 @@
 # OpenClassify
 
-OpenClassify is a modular classifieds marketplace built with Laravel 12 and Filament v5.
+OpenClassify is a modular classifieds marketplace built with Laravel 13 and Filament v5.
 
 ![OpenClassify Screenshot](public/screenshot.jpg)
 
 ## Core Stack
 
-- Laravel 12
+- PHP 8.5
+- Laravel 13
 - FilamentPHP v5
 - `nwidart/laravel-modules`
 - Blade + Tailwind + Vite
diff --git a/resources/css/app.css b/resources/css/app.css
index cb68fd865c8..3ddde121e20 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -513,6 +513,10 @@ body.oc-header-menu-open .oc-nav-wrap {
 }
 
 .btn-primary {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-height: 44px;
     background: var(--oc-primary);
     color: #ffffff;
     border-radius: 999px;