From 68ae90ee4d870feb6842c6826d6f45495dff2da6 Mon Sep 17 00:00:00 2001
From: Shiljababu <shiljababu78@gmail.com>
Date: Thu, 14 May 2026 19:11:15 +0530
Subject: [PATCH] make the brand dashboard responsive

---
 .../web/app/brand-dashboard/bookings/page.tsx | 249 +++++++++-------
 .../web/app/brand-dashboard/calendar/page.tsx |  28 +-
 apps/web/app/brand-dashboard/layout.tsx       |  59 ++--
 .../web/app/brand-dashboard/messages/page.tsx |  83 ++++--
 apps/web/app/brand-dashboard/page.tsx         | 236 +++++++++------
 .../web/app/brand-dashboard/requests/page.tsx | 158 ++++++----
 .../app/brand-dashboard/transactions/page.tsx | 253 +++++++++-------
 apps/web/app/gig-list/page.tsx                | 282 +++++++++++++-----
 apps/web/components/DashboardHeader.tsx       |   1 -
 apps/web/components/NotificationBell.tsx      | 110 ++++---
 apps/web/components/SetupNavbar.tsx           |   5 +-
 apps/web/components/chat/ChatInput.tsx        |   6 +-
 apps/web/components/chat/ChatWindow.tsx       |  33 +-
 apps/web/components/chat/MessageBubble.tsx    |  27 +-
 data.ms/auth/lock.mdb                         | Bin 8192 -> 8192 bytes
 .../data.mdb                                  | Bin 139264 -> 139264 bytes
 .../lock.mdb                                  | Bin 65664 -> 65664 bytes
 .../data.mdb                                  | Bin 143360 -> 184320 bytes
 .../lock.mdb                                  | Bin 65664 -> 65664 bytes
 .../data.mdb                                  | Bin 45056 -> 45056 bytes
 .../lock.mdb                                  | Bin 65664 -> 65664 bytes
 data.ms/tasks/data.mdb                        | Bin 1884160 -> 2093056 bytes
 data.ms/tasks/lock.mdb                        | Bin 8192 -> 8192 bytes
 23 files changed, 933 insertions(+), 597 deletions(-)

diff --git a/apps/web/app/brand-dashboard/bookings/page.tsx b/apps/web/app/brand-dashboard/bookings/page.tsx
index 24671bc..b02a414 100644
--- a/apps/web/app/brand-dashboard/bookings/page.tsx
+++ b/apps/web/app/brand-dashboard/bookings/page.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React, { useState, useEffect, Suspense } from "react";
-import { Search, ChevronRight, CheckCircle2, Loader2, ShieldCheck, Download, Undo2, Ban } from "lucide-react";
+import { Search, ChevronRight, ChevronLeft, CheckCircle2, Loader2, ShieldCheck, Download, Undo2, Ban, Activity } from "lucide-react";
 import { useSearchParams } from "next/navigation";
 import Image from "next/image";
 
@@ -10,15 +10,32 @@ import { SecureMediaPreview } from "@/components/shared/SecureMediaPreview";
 
 export default function BrandBookingsPage() {
     return (
-        <Suspense fallback={<div className="h-full w-full flex items-center justify-center bg-[#f8fafc]"><Loader2 className="w-10 h-10 text-emerald-500 animate-spin" /></div>}>
+        <Suspense fallback={<div className="h-full w-full flex items-center justify-center"><Loader2 className="w-10 h-10 text-emerald-500 animate-spin" /></div>}>
             <BrandBookingsContent />
         </Suspense>
     );
 }
 
+interface Order {
+    _id: string;
+    connectionId: string;
+    status: string;
+    workStatus: string;
+    deliverableUrl?: string;
+    amount: number;
+    createdAt: string;
+    dueDate?: string;
+    influencerProfile?: {
+        fullName?: string;
+        username?: string;
+        profileImageUrl?: string;
+    };
+    gigId?: { title: string };
+    rejectionNote?: string;
+}
+
 function BrandBookingsContent() {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const [bookingsData, setBookingsData] = useState<any[]>([]);
+    const [bookingsData, setBookingsData] = useState<Order[]>([]);
     const [loading, setLoading] = useState(true);
     const [selectedId, setSelectedId] = useState<string | null>(null);
     const [activeFilter, setActiveFilter] = useState("All");
@@ -44,11 +61,11 @@ function BrandBookingsContent() {
 
     const getStatusStyles = (status: string) => {
         switch (status) {
-            case "COMPLETED": return "bg-emerald-50 text-emerald-600";
-            case "IN_ESCROW": return "bg-blue-50 text-blue-600";
-            case "PENDING": return "bg-orange-50 text-orange-600 font-bold";
-            case "DISPUTED": return "bg-rose-50 text-rose-600";
-            default: return "bg-gray-100 text-gray-800";
+            case "COMPLETED": return "bg-emerald-100/80 text-emerald-700 border border-emerald-200";
+            case "IN_ESCROW": return "bg-blue-100/80 text-blue-700 border border-blue-200";
+            case "PENDING": return "bg-orange-100/80 text-orange-700 border border-orange-200 font-bold";
+            case "DISPUTED": return "bg-rose-100/80 text-rose-700 border border-rose-200";
+            default: return "bg-slate-100 text-slate-600 border border-slate-200";
         }
     };
 
@@ -109,7 +126,7 @@ function BrandBookingsContent() {
 
     if (loading) {
         return (
-            <div className="h-full w-full flex items-center justify-center bg-[#f8fafc]">
+            <div className="h-full w-full flex items-center justify-center">
                 <Loader2 className="w-10 h-10 text-emerald-500 animate-spin" />
             </div>
         );
@@ -132,93 +149,99 @@ function BrandBookingsContent() {
     };
 
     return (
-        <div className="px-4 sm:px-6 lg:px-8 py-8 h-full flex flex-col min-h-0 bg-[#f8fafc]">
+        <div className="px-4 sm:px-8 lg:px-10 py-8 h-full flex flex-col min-h-0 bg-transparent max-w-[1600px] mx-auto w-full">
             {/* Header Area */}
-            <div className="flex flex-col md:flex-row md:items-center justify-between gap-6 mb-8">
+            <div className="flex flex-col md:flex-row md:items-end justify-between gap-6 mb-8">
                 <div>
-                    <h1 className="text-2xl font-bold text-gray-900 tracking-tight">Bookings</h1>
-                    <p className="text-sm text-gray-500 mt-1">Track and manage your ongoing collaborations</p>
+                    <h1 className="text-2xl sm:text-3xl font-black text-slate-900 tracking-tight">Bookings</h1>
+                    <p className="text-sm text-slate-500 mt-1.5 font-medium">Track and manage your ongoing collaborations</p>
                 </div>
 
                 <div className="flex flex-col sm:flex-row items-center gap-4">
-                    {/* Search */}
-                    <div className="relative w-full sm:w-64">
-                        <Search className="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-400" />
-                        <input
-                            type="text"
-                            placeholder="Search bookings..."
-                            className="w-full pl-9 pr-4 py-2 border border-gray-100 rounded-xl text-xs font-medium focus:ring-2 focus:ring-emerald-500/10 focus:border-emerald-500 bg-white shadow-sm outline-none transition-all"
-                            value={searchQuery}
-                            onChange={(e) => setSearchQuery(e.target.value)}
-                        />
-                    </div>
-
                     {/* Filters */}
-                    <div className="flex items-center p-1 bg-white border border-gray-100 rounded-xl shadow-sm">
+                    <div className="flex items-center p-1.5 bg-white border border-slate-200 rounded-[16px] shadow-sm">
                         {["All", "Active", "Completed", "Disputed"].map((filter) => (
                             <button
                                 key={filter}
                                 onClick={() => setActiveFilter(filter)}
-                                className={`px-4 py-1.5 text-xs font-bold rounded-lg transition-all ${activeFilter === filter
-                                    ? "bg-emerald-50 text-emerald-600"
-                                    : "text-gray-400 hover:text-gray-600"
+                                className={`px-5 py-2 text-xs font-bold rounded-xl transition-all ${activeFilter === filter
+                                    ? "bg-slate-900 text-white shadow-md"
+                                    : "text-slate-500 hover:text-slate-900 hover:bg-slate-50"
                                     }`}
                             >
                                 {filter}
                             </button>
                         ))}
                     </div>
+
+                    {/* Search */}
+                    <div className="relative w-full sm:w-64">
+                        <Search className="absolute left-4 top-1/2 -translate-y-1/2 w-4 h-4 text-slate-400" />
+                        <input
+                            type="text"
+                            placeholder="Search bookings..."
+                            className="w-full pl-11 pr-4 py-2.5 border border-slate-200 rounded-[16px] text-sm font-bold focus:ring-4 focus:ring-emerald-500/10 focus:border-emerald-500 bg-white shadow-sm outline-none transition-all placeholder:text-slate-400"
+                            value={searchQuery}
+                            onChange={(e) => setSearchQuery(e.target.value)}
+                        />
+                    </div>
                 </div>
             </div>
 
-            <div className="flex flex-col lg:flex-row gap-6 flex-1 overflow-hidden">
+            <div className="flex flex-col lg:flex-row gap-8 flex-1 lg:overflow-hidden overflow-visible">
                 {/* Left Column: Table */}
-                <div className="flex-1 bg-white rounded-3xl border border-gray-100 shadow-sm overflow-hidden flex flex-col">
-                    <div className="overflow-x-auto flex-1 h-full">
-                        <table className="w-full text-left border-collapse">
+                <div className={`flex-1 bg-white rounded-[32px] border border-slate-100 shadow-sm shadow-slate-200/50 overflow-hidden flex-col lg:min-h-0 ${selectedId ? "hidden lg:flex" : "flex"}`}>
+                    <div className="overflow-x-auto flex-1 h-full custom-scrollbar">
+                        <table className="w-full text-left border-collapse min-w-[500px]">
                             <thead>
-                                <tr className="border-b border-gray-50 bg-gray-50/30">
-                                    <th className="py-4 px-6 text-[10px] font-bold text-gray-400 uppercase tracking-widest">Influencer</th>
-                                    <th className="py-4 px-6 text-[10px] font-bold text-gray-400 uppercase tracking-widest">Gig Name</th>
-                                    <th className="py-4 px-6 text-[10px] font-bold text-gray-400 uppercase tracking-widest">Price</th>
-                                    <th className="py-4 px-6"></th>
+                                <tr className="border-b border-slate-100 bg-slate-50/50 sticky top-0 z-10">
+                                    <th className="py-5 px-8 text-[11px] font-black text-slate-400 uppercase tracking-widest">Influencer</th>
+                                    <th className="py-5 px-8 text-[11px] font-black text-slate-400 uppercase tracking-widest">Gig Name</th>
+                                    <th className="py-5 px-8 text-[11px] font-black text-slate-400 uppercase tracking-widest">Price</th>
+                                    <th className="py-5 px-8"></th>
                                 </tr>
                             </thead>
-                            <tbody className="divide-y divide-gray-50">
+                            <tbody className="divide-y divide-slate-50">
                                 {filteredBookings.length === 0 && (
                                     <tr>
-                                        <td colSpan={4} className="py-20 text-center text-gray-400 font-semibold italic">No bookings found</td>
+                                        <td colSpan={4} className="py-24 text-center">
+                                           <div className="flex flex-col items-center justify-center text-slate-400">
+                                              <Activity className="w-10 h-10 text-slate-300 mb-4" />
+                                              <p className="text-sm font-bold">No bookings found</p>
+                                              <p className="text-xs mt-1">Try changing the filters above.</p>
+                                           </div>
+                                        </td>
                                     </tr>
                                 )}
                                 {filteredBookings.map((booking) => (
                                     <tr
                                         key={booking._id}
                                         onClick={() => setSelectedId(booking._id)}
-                                        className={`transition-all cursor-pointer group ${selectedId === booking._id ? "bg-emerald-50/30" : "hover:bg-gray-50/50"
+                                        className={`transition-all cursor-pointer group ${selectedId === booking._id ? "bg-emerald-50/30" : "hover:bg-slate-50/80"
                                             }`}
                                     >
-                                        <td className="py-5 px-6">
-                                            <div className="flex items-center gap-3">
+                                        <td className="py-5 px-8">
+                                            <div className="flex items-center gap-4">
                                                 {booking.influencerProfile?.profileImageUrl ? (
-                                                    <Image src={booking.influencerProfile.profileImageUrl} width={32} height={32} alt="" className="w-8 h-8 rounded-full object-cover shadow-sm bg-gray-100 border border-gray-200" />
+                                                    <Image src={booking.influencerProfile.profileImageUrl} width={40} height={40} alt="" className="w-10 h-10 rounded-2xl object-cover shadow-sm bg-slate-100 border border-slate-200 group-hover:border-emerald-200 transition-colors" />
                                                 ) : (
-                                                    <div className="w-8 h-8 rounded-full flex items-center justify-center text-xs font-bold shrink-0 bg-emerald-100 text-emerald-600 shadow-sm">
+                                                    <div className="w-10 h-10 rounded-2xl flex items-center justify-center text-[13px] font-black shrink-0 shadow-sm border border-slate-200 bg-slate-100 text-slate-600 relative overflow-hidden group-hover:border-emerald-200 transition-colors">
                                                         {(booking.influencerProfile?.fullName || booking.influencerProfile?.username || "A").charAt(0).toUpperCase()}
                                                     </div>
                                                 )}
-                                                <span className="text-sm font-bold text-gray-900">{booking.influencerProfile?.fullName || booking.influencerProfile?.username || "Unknown Influencer"}</span>
+                                                <span className={`text-[15px] font-bold ${selectedId === booking._id ? "text-emerald-700" : "text-slate-900 group-hover:text-emerald-600"} transition-colors`}>{booking.influencerProfile?.fullName || booking.influencerProfile?.username || "Unknown Influencer"}</span>
                                             </div>
                                         </td>
-                                        <td className="py-5 px-6">
-                                            <span className="text-sm text-gray-500 font-medium">{booking.gigId?.title}</span>
+                                        <td className="py-5 px-8">
+                                            <span className="text-sm text-slate-500 font-bold">{booking.gigId?.title}</span>
                                         </td>
-                                        <td className="py-5 px-6">
-                                            <span className={`px-2 py-0.5 rounded-full text-[10px] font-black uppercase tracking-widest ${getStatusStyles(booking.status)}`}>
+                                        <td className="py-5 px-8">
+                                            <span className={`px-4 py-1.5 rounded-full text-[10px] font-black uppercase tracking-widest inline-block ${getStatusStyles(booking.status)}`}>
                                                 {getStatusLabel(booking.status)}
                                             </span>
                                         </td>
-                                        <td className="py-5 px-6 text-right">
-                                            <ChevronRight className={`w-4 h-4 transition-colors ${selectedId === booking._id ? "text-emerald-500" : "text-gray-300"}`} />
+                                        <td className="py-5 px-8 text-right">
+                                            <ChevronRight className={`w-5 h-5 transition-transform ${selectedId === booking._id ? "text-emerald-500 translate-x-1" : "text-slate-300 group-hover:translate-x-1"}`} />
                                         </td>
                                     </tr>
                                 ))}
@@ -228,84 +251,92 @@ function BrandBookingsContent() {
                 </div>
 
                 {/* Right Column: Detail View */}
-                <div className="lg:w-[420px] flex flex-col gap-6">
-                    <div className="bg-white rounded-3xl border border-gray-100 shadow-sm p-8 h-full flex flex-col overflow-y-auto scrollbar-hide">
+                <div className={`lg:w-[420px] flex-col gap-6 lg:min-h-0 ${selectedId ? "flex" : "hidden lg:flex"}`}>
+                    <div className="bg-white rounded-[32px] border border-slate-100 shadow-sm shadow-slate-200/50 p-8 lg:h-full flex flex-col relative lg:overflow-hidden overflow-visible lg:overflow-y-auto min-h-0 custom-scrollbar">
                         {!selectedBooking ? (
-                            <div className="h-full flex items-center justify-center text-gray-400 italic text-sm text-center">
-                                Select a booking from the list
+                            <div className="h-full flex flex-col items-center justify-center text-slate-400 text-center gap-4">
+                                <div className="w-20 h-20 bg-slate-50 rounded-full flex items-center justify-center">
+                                   <Activity className="w-8 h-8 text-slate-300" />
+                                </div>
+                                <div>
+                                   <p className="text-sm font-bold text-slate-600">Select a Booking</p>
+                                   <p className="text-xs mt-1 max-w-[200px]">Click on any row in the table to view its details here.</p>
+                                </div>
                             </div>
                         ) : (
                             <>
-                                <div className="flex flex-col items-center mb-8 text-center">
-                                    <div className="relative mb-4">
+                                <div className="absolute top-0 right-0 w-48 h-48 bg-gradient-to-bl from-blue-100/40 to-transparent rounded-bl-full pointer-events-none"></div>
+
+                                <div className="flex flex-col items-center mb-8 text-center relative z-10 mt-4">
+                                    <button 
+                                        onClick={() => setSelectedId(null)}
+                                        className="absolute left-0 top-0 p-2.5 bg-slate-50 text-slate-400 rounded-xl hover:bg-slate-100 lg:hidden transition-colors"
+                                    >
+                                        <ChevronLeft className="w-5 h-5" />
+                                    </button>
+                                    <div className="relative mb-6">
                                         {selectedBooking.influencerProfile?.profileImageUrl ? (
-                                            <Image src={selectedBooking.influencerProfile.profileImageUrl} width={96} height={96} alt="" className="w-24 h-24 rounded-full object-cover p-1 border-2 border-emerald-50 shadow-sm" />
+                                            <Image src={selectedBooking.influencerProfile.profileImageUrl} width={112} height={112} alt="" className="w-28 h-28 rounded-[28px] object-cover shadow-xl shadow-slate-200/50 border-2 border-white ring-4 ring-slate-50" />
                                         ) : (
-                                            <div className="w-24 h-24 rounded-full flex items-center justify-center text-2xl font-bold shrink-0 bg-emerald-100 text-emerald-600 shadow-sm">
+                                            <div className="w-28 h-28 rounded-[28px] flex items-center justify-center text-4xl font-black mb-4 shadow-xl shadow-emerald-500/20 bg-emerald-50 text-emerald-600 border-2 border-white ring-4 ring-slate-50">
                                                 {(selectedBooking.influencerProfile?.fullName || selectedBooking.influencerProfile?.username || "A").charAt(0).toUpperCase()}
                                             </div>
                                         )}
                                     </div>
-                                    <h2 className="text-xl font-bold text-gray-900">{selectedBooking.influencerProfile?.fullName || selectedBooking.influencerProfile?.username || "Unknown Influencer"}</h2>
-                                    <span className={`mt-2 px-3 py-0.5 text-[10px] font-bold rounded-full uppercase tracking-wider ${getStatusStyles(selectedBooking.status)}`}>
+                                    <h2 className="text-2xl font-black text-slate-900 tracking-tight">{selectedBooking.influencerProfile?.fullName || selectedBooking.influencerProfile?.username || "Unknown Influencer"}</h2>
+                                    <span className={`mt-3 px-4 py-1 text-[10px] font-black rounded-full uppercase tracking-widest ${getStatusStyles(selectedBooking.status)}`}>
                                         {getStatusLabel(selectedBooking.status)}
                                     </span>
                                 </div>
 
-                                <div className="space-y-6 flex-1">
-                                    <div className="flex justify-between items-center py-1">
-                                        <span className="text-sm font-medium text-gray-400">Gig Name</span>
-                                        <span className="text-sm font-bold text-gray-900 truncate max-w-[200px]">{selectedBooking.gigId?.title}</span>
+                                <div className="space-y-6 flex-1 relative z-10 px-2">
+                                    <div className="flex justify-between items-center py-2 border-b border-slate-100 pb-4">
+                                        <span className="text-[13px] font-bold text-slate-400 uppercase tracking-wider">Gig Name</span>
+                                        <span className="text-[14px] font-black text-slate-900 text-right max-w-[200px] truncate">{selectedBooking.gigId?.title}</span>
                                     </div>
-                                    <div className="flex justify-between items-center py-1">
-                                        <span className="text-sm font-medium text-gray-400">Order Status</span>
-                                        <span className="text-sm font-bold text-gray-900">{getStatusLabel(selectedBooking.status)}</span>
-                                    </div>
-                                    <div className="flex justify-between items-center py-1">
-                                        <span className="text-sm font-medium text-gray-400">Booked Date</span>
-                                        <span className="text-sm font-bold text-gray-900">{new Date(selectedBooking.createdAt).toLocaleDateString()}</span>
+                                    <div className="flex justify-between items-center py-2 border-b border-slate-100 pb-4">
+                                        <span className="text-[13px] font-bold text-slate-400 uppercase tracking-wider">Booked</span>
+                                        <span className="text-[14px] font-bold text-slate-900">{new Date(selectedBooking.createdAt).toLocaleDateString(undefined, { year: 'numeric', month: 'long', day: 'numeric' })}</span>
                                     </div>
 
                                     {selectedBooking.dueDate && (
-                                        <div className="flex justify-between items-center py-1">
-                                            <span className="text-sm font-medium text-gray-400">Due Date</span>
-                                            <div className="text-right">
-                                                <div className="text-sm font-bold text-rose-500">{new Date(selectedBooking.dueDate).toLocaleDateString()}</div>
-                                            </div>
+                                        <div className="flex justify-between items-center py-2 border-b border-slate-100 pb-4">
+                                            <span className="text-[13px] font-bold text-slate-400 uppercase tracking-wider">Due Date</span>
+                                            <span className="text-[14px] font-black text-rose-500">{new Date(selectedBooking.dueDate).toLocaleDateString(undefined, { year: 'numeric', month: 'long', day: 'numeric' })}</span>
                                         </div>
                                     )}
 
-                                    <div className="flex justify-between items-center pt-4 border-t border-gray-50">
-                                        <span className="text-sm font-medium text-gray-400">Total Price</span>
-                                        <span className="text-xl font-black text-emerald-500">₹{(selectedBooking.amount || 0).toLocaleString()}</span>
+                                    <div className="flex justify-between items-center pt-4 border-t border-slate-100 mt-2">
+                                        <span className="text-[13px] font-bold text-slate-400 uppercase tracking-wider">Total Price</span>
+                                        <span className="text-2xl font-black text-emerald-500">₹{(selectedBooking.amount || 0).toLocaleString()}</span>
                                     </div>
 
                                     {/* Timeline */}
                                     <div className="pt-8">
-                                        <p className="text-[10px] font-black text-gray-400 uppercase tracking-[0.2em] mb-6">Timeline</p>
+                                        <p className="text-[10px] font-black text-slate-400 uppercase tracking-[0.2em] mb-6">Timeline</p>
                                         <div className="space-y-6">
                                             {generateTimeline(selectedBooking.status, selectedBooking.workStatus).map((step, idx) => (
                                                 <div key={idx} className="flex gap-4 group">
                                                     <div className="flex flex-col items-center">
-                                                        <div className={`w-6 h-6 rounded-full flex items-center justify-center z-10 border-2 transition-all ${step.status === 'completed'
-                                                            ? 'bg-emerald-500 border-emerald-500 text-white'
+                                                        <div className={`w-7 h-7 rounded-full flex items-center justify-center z-10 transition-all ${step.status === 'completed'
+                                                            ? 'bg-emerald-500 text-white shadow-md shadow-emerald-500/20 border-2 border-emerald-500'
                                                             : step.status === 'current'
-                                                                ? 'bg-white border-emerald-500 text-emerald-500'
-                                                                : 'bg-white border-gray-100 text-gray-200'
+                                                                ? 'bg-white border-[3px] border-emerald-500 text-emerald-500 shadow-sm'
+                                                                : 'bg-slate-50 border-2 border-slate-200 text-slate-300'
                                                             }`}>
                                                             {step.status === 'completed' ? (
-                                                                <CheckCircle2 className="w-4 h-4 fill-emerald-500 text-white" />
+                                                                <CheckCircle2 className="w-4 h-4 text-white" />
                                                             ) : (
-                                                                <div className={`w-2 h-2 rounded-full ${step.status === 'current' ? 'bg-emerald-500 animate-pulse' : 'bg-gray-100'}`} />
+                                                                <div className={`w-2.5 h-2.5 rounded-full ${step.status === 'current' ? 'bg-emerald-500 animate-pulse' : 'bg-slate-200'}`} />
                                                             )}
                                                         </div>
                                                         {idx !== 3 && (
-                                                            <div className={`w-0.5 h-10 -my-1 transition-colors ${step.status === 'completed' ? 'bg-emerald-500/20' : 'bg-gray-50'
+                                                            <div className={`w-0.5 h-10 -my-1 transition-colors ${step.status === 'completed' ? 'bg-emerald-200' : 'bg-slate-100'
                                                                 }`} />
                                                         )}
                                                     </div>
                                                     <div className="pt-0.5">
-                                                        <p className={`text-sm font-bold tracking-tight ${step.status === 'pending' ? 'text-gray-300' : 'text-gray-900'
+                                                        <p className={`text-sm font-bold tracking-tight ${step.status === 'pending' ? 'text-slate-400' : 'text-slate-900'
                                                             }`}>
                                                             {step.label}
                                                         </p>
@@ -319,22 +350,24 @@ function BrandBookingsContent() {
                                     </div>
                                 </div>
 
-                                <div className="mt-10">
+                                <div className="mt-10 relative z-10">
                                     {selectedBooking.status === "IN_ESCROW" && selectedBooking.workStatus === "SUBMITTED" ? (
                                         <div className="flex flex-col gap-6">
-                                            <div className="p-4 bg-blue-50/50 rounded-3xl border border-blue-100/50">
-                                                <p className="text-[10px] font-black text-blue-400 uppercase tracking-[0.2em] mb-4 text-center">Secure Deliverable Preview</p>
-                                                <SecureMediaPreview
-                                                    url={selectedBooking.deliverableUrl}
-                                                    type={selectedBooking.deliverableUrl.match(/\.(mp4|webm|ogg)$/i) ? "video" : "image"}
-                                                />
+                                            <div className="p-6 bg-blue-50 border border-blue-100 rounded-[24px]">
+                                                <p className="text-[10px] font-black text-blue-500 uppercase tracking-[0.2em] mb-4 text-center">Secure Deliverable Preview</p>
+                                                {selectedBooking.deliverableUrl && (
+                                                    <SecureMediaPreview
+                                                        url={selectedBooking.deliverableUrl}
+                                                        type={selectedBooking.deliverableUrl.match(/\.(mp4|webm|ogg)$/i) ? "video" : "image"}
+                                                    />
+                                                )}
                                             </div>
 
                                             {showRejectForm ? (
                                                 <div className="space-y-4 animate-in fade-in slide-in-from-bottom-2 duration-300">
                                                     <div className="relative">
                                                         <textarea
-                                                            className="w-full p-4 border border-rose-100 rounded-[20px] text-sm font-medium focus:ring-4 focus:ring-rose-500/10 focus:border-rose-400 outline-none transition-all placeholder:text-gray-300 bg-rose-50/10"
+                                                            className="w-full p-4 border border-rose-200 rounded-[20px] text-sm font-medium focus:ring-4 focus:ring-rose-500/10 focus:border-rose-400 outline-none transition-all placeholder:text-slate-400 bg-rose-50/30"
                                                             placeholder="What needs to be changed? Provide clear feedback..."
                                                             rows={3}
                                                             value={rejectionNote}
@@ -344,7 +377,7 @@ function BrandBookingsContent() {
                                                     <div className="flex gap-3">
                                                         <button
                                                             onClick={() => setShowRejectForm(false)}
-                                                            className="flex-1 bg-gray-50 hover:bg-gray-100 text-gray-500 font-bold py-3.5 px-4 rounded-[16px] text-sm transition-all"
+                                                            className="flex-1 bg-white border border-slate-200 hover:bg-slate-50 text-slate-500 font-bold py-3.5 px-4 rounded-[16px] text-sm transition-all shadow-sm"
                                                         >
                                                             Cancel
                                                         </button>
@@ -354,7 +387,7 @@ function BrandBookingsContent() {
                                                             className="flex-[2] bg-rose-500 hover:bg-rose-600 disabled:opacity-50 text-white font-bold py-3.5 px-4 rounded-[16px] text-sm transition-all flex items-center justify-center gap-2 shadow-lg shadow-rose-200"
                                                         >
                                                             {rejecting ? <Loader2 className="w-4 h-4 animate-spin" /> : <Ban className="w-4 h-4" />}
-                                                            Send Revision Request
+                                                            Send Revision
                                                         </button>
                                                     </div>
                                                 </div>
@@ -362,7 +395,7 @@ function BrandBookingsContent() {
                                                 <div className="flex gap-3">
                                                     <button
                                                         onClick={() => setShowRejectForm(true)}
-                                                        className="flex-1 bg-white border-2 border-rose-100 text-rose-500 hover:bg-rose-50 font-bold py-3.5 px-4 rounded-[20px] text-sm transition-all flex items-center justify-center gap-2"
+                                                        className="flex-1 bg-white border-2 border-rose-100 text-rose-500 hover:bg-rose-50 hover:border-rose-200 font-black py-4 px-4 rounded-[20px] text-sm transition-all flex items-center justify-center gap-2"
                                                     >
                                                         <Undo2 className="w-4 h-4" />
                                                         Reject
@@ -370,7 +403,7 @@ function BrandBookingsContent() {
                                                     <button
                                                         disabled={approving}
                                                         onClick={() => handleApproveWork(selectedBooking._id)}
-                                                        className="flex-[2] bg-emerald-500 hover:bg-emerald-600 disabled:opacity-50 text-white font-bold py-3.5 px-4 rounded-[20px] text-sm transition-all flex items-center justify-center gap-2 shadow-xl shadow-emerald-200"
+                                                        className="flex-[2] bg-emerald-500 hover:bg-emerald-600 disabled:opacity-50 text-white font-black py-4 px-4 rounded-[20px] text-sm transition-all flex items-center justify-center gap-2 shadow-xl shadow-emerald-200"
                                                     >
                                                         {approving ? <Loader2 className="w-4 h-4 animate-spin" /> : <CheckCircle2 className="w-4 h-4" />}
                                                         Approve & Release
@@ -393,10 +426,10 @@ function BrandBookingsContent() {
                                                     download
                                                     target="_blank"
                                                     rel="noopener noreferrer"
-                                                    className="w-full bg-slate-900 hover:bg-slate-800 text-white font-bold py-4 px-6 rounded-[20px] text-sm transition-all shadow-xl shadow-slate-200 flex items-center justify-center gap-3 group"
+                                                    className="w-full bg-slate-900 hover:bg-slate-800 text-white font-black py-4 px-6 rounded-[20px] text-sm transition-all shadow-xl shadow-slate-200 flex items-center justify-center gap-3 group uppercase tracking-widest"
                                                 >
-                                                    <Download className="w-5 h-5 group-hover:translate-y-0.5 transition-transform" />
-                                                    Download Final Files
+                                                    <Download className="w-4 h-4 group-hover:-translate-y-0.5 transition-transform" />
+                                                    Download Files
                                                 </a>
                                             )}
                                         </div>
@@ -429,13 +462,13 @@ function BrandBookingsContent() {
                                                     alert("Failed to initiate payment. Please try again.");
                                                 }
                                             }}
-                                            className="w-full bg-emerald-500 hover:bg-emerald-600 text-white font-bold py-4 px-6 rounded-[20px] text-sm transition-all shadow-xl shadow-emerald-100 flex items-center justify-center gap-2"
+                                            className="w-full bg-emerald-500 hover:bg-emerald-600 text-white font-black py-4.5 px-6 rounded-[20px] text-sm transition-all shadow-xl shadow-emerald-200 hover:-translate-y-0.5 active:scale-95 flex items-center justify-center gap-2 uppercase tracking-widest h-[56px]"
                                         >
                                             <ShieldCheck className="w-5 h-5" />
                                             Pay 100% Secure Escrow
                                         </button>
                                     ) : (
-                                        <button className="w-full border-2 border-rose-50 text-rose-500 hover:bg-rose-50/30 font-bold py-4 px-6 rounded-[20px] text-sm transition-all active:scale-95">
+                                        <button className="w-full border-2 border-rose-100 text-rose-500 hover:bg-rose-50 font-bold py-4 px-6 rounded-[20px] text-sm transition-all active:scale-95">
                                             Cancel Booking
                                         </button>
                                     )}
diff --git a/apps/web/app/brand-dashboard/calendar/page.tsx b/apps/web/app/brand-dashboard/calendar/page.tsx
index 16192ef..ea49c44 100644
--- a/apps/web/app/brand-dashboard/calendar/page.tsx
+++ b/apps/web/app/brand-dashboard/calendar/page.tsx
@@ -114,14 +114,14 @@ export default function BrandCalendarPage() {
     }
 
     return (
-        <div className="px-4 sm:px-6 lg:px-8 py-8 h-full flex flex-col min-h-0 bg-[#f8fafc]">
-            <div className="flex flex-col lg:flex-row gap-8 flex-1 overflow-hidden">
+        <div className="px-4 sm:px-6 lg:px-8 py-4 sm:py-8 h-full flex flex-col min-h-0 bg-[#f8fafc]">
+            <div className="flex flex-col lg:flex-row gap-6 lg:gap-8 flex-1 overflow-y-auto lg:overflow-hidden pb-20 lg:pb-0">
                 {/* Left Column: Calendar Grid */}
-                <div className="flex-1 bg-white rounded-[2.5rem] border border-gray-100 shadow-sm p-10 flex flex-col items-center">
+                <div className="flex-1 bg-white rounded-[1.5rem] lg:rounded-[2.5rem] border border-gray-100 shadow-sm p-5 sm:p-8 lg:p-10 flex flex-col items-center lg:overflow-y-auto">
                     <div className="w-full max-w-2xl">
-                        <div className="flex items-center justify-between mb-12">
-                            <h1 className="text-2xl font-bold text-gray-900 tracking-tight">Select Date</h1>
-                            <div className="flex items-center gap-6">
+                        <div className="flex flex-col sm:flex-row items-center justify-between gap-4 mb-8 sm:mb-12">
+                            <h1 className="text-xl sm:text-2xl font-bold text-gray-900 tracking-tight">Select Date</h1>
+                            <div className="flex items-center gap-4 sm:gap-6">
                                 <button
                                     onClick={() => handleMonthChange(-1)}
                                     className="p-2 hover:bg-gray-50 rounded-full transition-all text-gray-400"
@@ -146,16 +146,16 @@ export default function BrandCalendarPage() {
                             ))}
                         </div>
 
-                        <div className="grid grid-cols-7 gap-y-10 gap-x-4 mb-16 w-full">
+                        <div className="grid grid-cols-7 gap-y-6 sm:gap-y-10 gap-x-2 sm:gap-x-4 mb-10 sm:mb-16 w-full">
                             {Array.from({ length: firstDayOfMonth(currentDate.getFullYear(), currentDate.getMonth()) }).map((_, i) => (
-                                <div key={`empty-${i}`} className="h-14"></div>
+                                <div key={`empty-${i}`} className="h-10 sm:h-14"></div>
                             ))}
 
                             {days.map((date) => (
-                                <div key={date.day} className="h-14 flex flex-col items-center justify-center relative">
+                                <div key={date.day} className="h-10 sm:h-14 flex flex-col items-center justify-center relative">
                                     <button
                                         onClick={() => setSelectedDate(date.day)}
-                                        className={`w-14 h-14 rounded-full flex items-center justify-center text-[15px] font-bold transition-all relative z-10 ${selectedDate === date.day
+                                        className={`w-10 h-10 sm:w-14 sm:h-14 rounded-full flex items-center justify-center text-[13px] sm:text-[15px] font-bold transition-all relative z-10 ${selectedDate === date.day
                                             ? "bg-emerald-500 text-white shadow-xl shadow-emerald-200 scale-110"
                                             : "text-gray-900 hover:bg-gray-50"
                                             }`}
@@ -181,10 +181,10 @@ export default function BrandCalendarPage() {
                 </div>
 
                 {/* Right Column: Day Schedule */}
-                <div className="lg:w-[450px] flex flex-col">
-                    <div className="mb-6 pl-2">
-                        <span className="text-[11px] font-black text-emerald-500 uppercase tracking-[0.2em]">Expected Delivery</span>
-                        <h2 className="text-3xl font-black text-gray-900 mt-2">{monthNames[currentDate.getMonth()]} {selectedDate}, {currentDate.getFullYear()}</h2>
+                <div className="lg:w-[450px] flex flex-col shrink-0 lg:overflow-y-hidden">
+                    <div className="mb-4 sm:mb-6 pl-2 text-center lg:text-left mt-4 lg:mt-0">
+                        <span className="text-[10px] sm:text-[11px] font-black text-emerald-500 uppercase tracking-[0.2em]">Expected Delivery</span>
+                        <h2 className="text-2xl sm:text-3xl font-black text-gray-900 mt-1 sm:mt-2">{monthNames[currentDate.getMonth()]} {selectedDate}, {currentDate.getFullYear()}</h2>
                     </div>
 
                     <div className="space-y-4 overflow-y-auto pr-2 pb-8 flex-1">
diff --git a/apps/web/app/brand-dashboard/layout.tsx b/apps/web/app/brand-dashboard/layout.tsx
index c7b8db8..4b11ce0 100644
--- a/apps/web/app/brand-dashboard/layout.tsx
+++ b/apps/web/app/brand-dashboard/layout.tsx
@@ -39,38 +39,42 @@ export default function BrandDashboardLayout({
         { name: "Overview", href: "/brand-dashboard", icon: LayoutDashboard },
         { name: "Requests", href: "/brand-dashboard/requests", icon: Users, badge: counts.pendingRequestsCount > 0 ? counts.pendingRequestsCount.toString() : undefined },
         { name: "Bookings", href: "/brand-dashboard/bookings", icon: Briefcase },
-        { name: "Messages", href: "/brand-dashboard/messages", icon: MessageSquare, badge: counts.unreadMessagesCount > 0 ? counts.unreadMessagesCount.toString() : undefined, badgeColor: "bg-rose-100 text-rose-600" },
+        { name: "Messages", href: "/brand-dashboard/messages", icon: MessageSquare, badge: counts.unreadMessagesCount > 0 ? counts.unreadMessagesCount.toString() : undefined, badgeColor: "bg-rose-500 text-white shadow-lg shadow-rose-200" },
         { name: "Calendar", href: "/brand-dashboard/calendar", icon: Calendar },
         { name: "Transactions", href: "/brand-dashboard/transactions", icon: ArrowLeftRight },
     ];
 
     return (
         <RoleGuard allowedRoles={["BRAND"]}>
-            <div className="flex h-screen bg-[#F1F5F9] overflow-hidden">
+            <div className="flex h-[100dvh] bg-[#F8FAFC] overflow-hidden font-sans">
 
                 {/* Mobile Sidebar Overlay */}
                 {isSidebarOpen && (
                     <div
-                        className="fixed inset-0 bg-black/20 z-40 lg:hidden"
+                        className="fixed inset-0 bg-slate-900/40 backdrop-blur-sm z-40 lg:hidden transition-all duration-300"
                         onClick={() => setIsSidebarOpen(false)}
                     />
                 )}
 
                 {/* Sidebar */}
-                <aside className={`fixed lg:static inset-y-0 left-0 w-64 bg-white border-r border-gray-100 flex flex-col py-6 shrink-0 transition-transform duration-300 z-50 lg:translate-x-0 ${isSidebarOpen ? "translate-x-0" : "-translate-x-full"}`}>
-                    <div className="flex items-center justify-between px-6 mb-10">
-                        <div className="flex items-center gap-3">
-                            <div className="w-8 h-8 rounded-lg overflow-hidden shrink-0 flex items-center justify-center bg-gray-50 border border-gray-200">
-                                <Image src="/favicon.ico" alt="Noillin" width={20} height={20} className="object-contain" />
+                <aside className={`fixed lg:static inset-y-0 left-0 w-72 bg-white border-r border-slate-100 flex flex-col py-6 shrink-0 transition-transform duration-300 ease-in-out z-50 shadow-2xl lg:shadow-none lg:translate-x-0 ${isSidebarOpen ? "translate-x-0" : "-translate-x-full"}`}>
+                    <div className="flex items-center justify-between px-8 mb-10">
+                        <div className="flex items-center gap-3 group cursor-pointer">
+                            <div className="w-9 h-9 rounded-xl overflow-hidden shrink-0 flex items-center justify-center bg-emerald-50 border border-emerald-100 group-hover:shadow-md group-hover:shadow-emerald-100 transition-all">
+                                <Image src="/favicon.ico" alt="Noillin" width={22} height={22} className="object-contain" />
                             </div>
-                            <span className="font-bold text-gray-900 text-lg tracking-tight">Noillin</span>
+                            <span className="font-black text-slate-900 text-xl tracking-tight">Noillin</span>
                         </div>
-                        <button className="lg:hidden text-gray-500" onClick={() => setIsSidebarOpen(false)}>
-                            <X className="w-6 h-6" />
+                        <button className="lg:hidden p-2 rounded-lg text-slate-400 hover:bg-slate-50 hover:text-slate-600 transition-colors" onClick={() => setIsSidebarOpen(false)}>
+                            <X className="w-5 h-5" />
                         </button>
                     </div>
 
-                    <nav className="flex flex-col gap-1 flex-1 px-4">
+                    <div className="px-8 mb-4">
+                        <p className="text-[10px] font-black text-slate-400 uppercase tracking-widest">Main Menu</p>
+                    </div>
+
+                    <nav className="flex flex-col gap-1.5 flex-1 px-4">
                         {navItems.map((item) => {
                             const isActive = pathname === item.href;
                             const Icon = item.icon;
@@ -78,14 +82,18 @@ export default function BrandDashboardLayout({
                                 <Link
                                     key={item.name}
                                     href={item.href}
-                                    className={`flex items-center justify-between px-3 py-2.5 rounded-xl transition-colors ${isActive ? "bg-emerald-50 text-emerald-600 font-medium" : "text-gray-500 hover:bg-gray-50 hover:text-gray-900"}`}
+                                    onClick={() => setIsSidebarOpen(false)}
+                                    className={`relative flex items-center justify-between px-4 py-3.5 rounded-2xl transition-all duration-200 group overflow-hidden ${isActive ? "bg-emerald-500 text-white shadow-xl shadow-emerald-500/20" : "text-slate-500 hover:bg-slate-50 hover:text-slate-900"}`}
                                 >
-                                    <div className="flex items-center gap-3">
-                                        <Icon className="w-5 h-5" />
-                                        <span className="text-sm">{item.name}</span>
+                                    {isActive && (
+                                        <div className="absolute inset-0 bg-gradient-to-r from-emerald-400/0 via-white/10 to-emerald-400/0 translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-1000" />
+                                    )}
+                                    <div className="flex items-center gap-3.5 relative z-10">
+                                        <Icon className={`w-5 h-5 ${isActive ? "text-white" : "text-slate-400 group-hover:text-emerald-500"} transition-colors`} />
+                                        <span className={`text-[14px] ${isActive ? "font-bold" : "font-semibold"}`}>{item.name}</span>
                                     </div>
                                     {item.badge && (
-                                        <span className={`${item.badgeColor || "bg-emerald-100 text-emerald-600"} text-xs font-bold px-2 py-0.5 rounded-full`}>
+                                        <span className={`relative z-10 ${item.badgeColor || (isActive ? "bg-white/20 text-white" : "bg-emerald-100 text-emerald-600")} text-[10px] font-black px-2.5 py-0.5 rounded-full`}>
                                             {item.badge}
                                         </span>
                                     )}
@@ -93,10 +101,11 @@ export default function BrandDashboardLayout({
                             );
                         })}
                     </nav>
+
                 </aside>
 
                 {/* Main Header & Content Area */}
-                <main className="flex-1 flex flex-col min-w-0 h-screen overflow-hidden">
+                <main className="flex-1 flex flex-col min-w-0 h-[100dvh] overflow-hidden bg-slate-50/50">
                     {/* Dashboard Header */}
                     <DashboardHeader
                         isFixed={false}
@@ -104,19 +113,23 @@ export default function BrandDashboardLayout({
                         hideLogo={true}
                         onSidebarToggle={() => setIsSidebarOpen(true)}
                     >
-                        <div className="flex items-center gap-6">
+                        <div className="flex items-center gap-4 sm:gap-6">
                             <Link
                                 href="/gig-list"
-                                className="hidden md:flex items-center justify-center bg-emerald-500 hover:bg-emerald-600 text-white px-5 py-2 rounded-xl font-bold text-sm transition-colors shadow-sm"
+                                className="hidden md:flex items-center justify-center bg-emerald-500 hover:bg-emerald-600 text-white px-5 py-2 rounded-xl font-bold text-xs transition-all shadow-lg shadow-emerald-500/20 hover:-translate-y-0.5"
                             >
-                                Explore gigs
+                                Explore Gigs
                             </Link>
                             <NotificationBell />
                         </div>
                     </DashboardHeader>
 
-                    <div className="flex-1 w-full overflow-y-auto pb-10">
-                        {children}
+                    <div className="flex-1 w-full relative">
+                        <div className="absolute inset-0 overflow-y-auto">
+                            <div className="min-h-full pb-6">
+                                {children}
+                            </div>
+                        </div>
                     </div>
                 </main>
 
diff --git a/apps/web/app/brand-dashboard/messages/page.tsx b/apps/web/app/brand-dashboard/messages/page.tsx
index 12f4ba7..01bd595 100644
--- a/apps/web/app/brand-dashboard/messages/page.tsx
+++ b/apps/web/app/brand-dashboard/messages/page.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React, { useState, useEffect, Suspense } from "react";
-import { Search, Loader2, MessageSquare } from "lucide-react";
+import { Search, Loader2, MessageSquare, Sparkles, Filter } from "lucide-react";
 import { useSearchParams } from "next/navigation";
 
 import api from "@/lib/axios.client";
@@ -89,8 +89,6 @@ function MessagesContent() {
         fetchConversations();
     }, []);
 
-    // Removed legacy fetchMessages and handleSend because ChatWindow handles it
-
     const filteredConvs = conversations.filter(c =>
         (c.user?.name || "").toLowerCase().includes(searchQuery.toLowerCase()) ||
         (c.gigTitle || "").toLowerCase().includes(searchQuery.toLowerCase())
@@ -109,63 +107,76 @@ function MessagesContent() {
     };
 
     return (
-        <div className="px-2 sm:px-4 py-4 w-full h-[calc(100vh-80px)] lg:h-[calc(100vh-100px)] flex flex-col overflow-hidden">
-            <div className="flex bg-white rounded-[24px] lg:rounded-[32px] shadow-xl shadow-gray-100/50 border border-gray-100 flex-1 overflow-hidden">
+        <div className="px-2 sm:px-6 py-6 w-full h-[calc(100vh-80px)] lg:h-[calc(100vh-100px)] flex flex-col overflow-hidden max-w-[1600px] mx-auto">
+            <div className="flex bg-white rounded-[32px] shadow-xl shadow-slate-200/50 border border-slate-100 flex-1 overflow-hidden relative">
 
                 {/* Sidebar */}
-                <div className="w-[340px] border-r border-gray-100 flex flex-col bg-gray-50/30 shrink-0">
-                    <div className="p-6">
-                        <h1 className="text-2xl font-black text-gray-900 mb-6">Messages</h1>
+                <div className={`w-full lg:w-[380px] border-r border-slate-100 flex-col bg-slate-50/50 shrink-0 ${selectedConvId ? "hidden lg:flex" : "flex"} relative z-10`}>
+                    <div className="p-6 pb-4">
+                        <div className="flex items-center justify-between mb-6">
+                           <h1 className="text-2xl font-black text-slate-900 tracking-tight">Messages</h1>
+                           <button className="p-2 text-slate-400 hover:text-emerald-500 hover:bg-emerald-50 rounded-xl transition-all">
+                               <Filter className="w-5 h-5" />
+                           </button>
+                        </div>
                         <div className="relative">
                             <div className="absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none">
-                                <Search className="w-4 h-4 text-gray-400" />
+                                <Search className="w-4 h-4 text-slate-400" />
                             </div>
                             <input
                                 type="text"
-                                placeholder="Search..."
+                                placeholder="Search conversations..."
                                 value={searchQuery}
                                 onChange={(e) => setSearchQuery(e.target.value)}
-                                className="w-full pl-11 pr-4 py-3 bg-white border border-gray-100 rounded-2xl text-sm font-medium placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-500 transition-all shadow-sm"
+                                className="w-full pl-11 pr-4 py-3 bg-white border border-slate-200 rounded-2xl text-sm font-bold placeholder:text-slate-400 focus:outline-none focus:ring-4 focus:ring-emerald-500/10 focus:border-emerald-500 transition-all shadow-sm"
                             />
                         </div>
                     </div>
 
-                    <div className="flex-1 overflow-y-auto px-4 pb-6 space-y-2">
+                    <div className="flex-1 overflow-y-auto px-4 pb-6 space-y-1.5 custom-scrollbar">
                         {loadingConvs ? (
-                            <div className="flex items-center justify-center py-20">
+                            <div className="flex flex-col items-center justify-center py-20 gap-4">
                                 <Loader2 className="w-6 h-6 text-emerald-500 animate-spin" />
+                                <p className="text-xs font-bold text-slate-400 uppercase tracking-widest">Syncing Messages...</p>
                             </div>
                         ) : filteredConvs.length === 0 ? (
-                            <div className="flex flex-col items-center justify-center py-20 text-gray-400 gap-3">
-                                <MessageSquare className="w-10 h-10" />
-                                <p className="text-sm font-medium">No conversations yet</p>
-                                <p className="text-xs text-center">Accepted gig collaborations will appear here</p>
+                            <div className="flex flex-col items-center justify-center py-20 text-slate-400 gap-4 px-6 text-center">
+                                <div className="w-16 h-16 bg-slate-100 rounded-full flex items-center justify-center">
+                                    <MessageSquare className="w-8 h-8 text-slate-300" />
+                                </div>
+                                <div>
+                                    <p className="text-sm font-bold text-slate-600">No conversations found</p>
+                                    <p className="text-xs mt-1 leading-relaxed">When an influencer accepts your gig, the conversation will appear here.</p>
+                                </div>
                             </div>
                         ) : filteredConvs.map((conv) => (
                             <button
                                 key={conv.gigRequestId}
                                 onClick={() => setSelectedConvId(conv.gigRequestId)}
-                                className={`w-full p-4 rounded-[20px] transition-all flex items-start gap-3 group text-left ${selectedConvId === conv.gigRequestId
-                                    ? "bg-white shadow-lg shadow-gray-200/50 border border-emerald-100"
-                                    : "hover:bg-white hover:shadow-md border border-transparent"
+                                className={`w-full p-3.5 rounded-[20px] transition-all flex items-start gap-3 group text-left relative overflow-hidden ${selectedConvId === conv.gigRequestId
+                                    ? "bg-white shadow-lg shadow-slate-200/50 border border-emerald-100"
+                                    : "hover:bg-white hover:shadow-sm border border-transparent"
                                     }`}
                             >
-                                <div className="w-11 h-11 rounded-2xl flex items-center justify-center text-sm font-black shrink-0 shadow-sm bg-emerald-50 text-emerald-700 relative">
+                                {selectedConvId === conv.gigRequestId && (
+                                     <div className="absolute left-0 top-1/2 -translate-y-1/2 w-1 h-8 bg-emerald-500 rounded-r-full" />
+                                )}
+                                <div className="w-12 h-12 rounded-[18px] flex items-center justify-center text-sm font-black shrink-0 shadow-sm bg-slate-100 text-slate-600 border border-slate-200 relative ml-1">
                                     {conv.user.name?.charAt(0) || "?"}
-                                    <div className="absolute -bottom-0.5 -right-0.5 w-3 h-3 bg-emerald-500 border-2 border-white rounded-full" />
+                                    <div className="absolute -bottom-1 -right-1 w-3.5 h-3.5 bg-emerald-500 border-[2.5px] border-white rounded-full" />
                                 </div>
-                                <div className="flex-1 min-w-0">
-                                    <div className="flex items-center justify-between mb-0.5">
-                                        <span className="font-bold text-[14px] text-gray-900 truncate">{conv.user.name || "Unknown"}</span>
-                                        <span className="text-[11px] font-bold text-gray-400 shrink-0 ml-2">{formatTime(conv.lastMessageTime)}</span>
+                                <div className="flex-1 min-w-0 pt-0.5">
+                                    <div className="flex items-center justify-between mb-1">
+                                        <span className={`font-bold text-[14px] truncate ${selectedConvId === conv.gigRequestId ? "text-slate-900" : "text-slate-700 group-hover:text-emerald-600 transition-colors"}`}>{conv.user.name || "Unknown"}</span>
+                                        <span className={`text-[10px] font-bold shrink-0 ml-2 uppercase tracking-wider ${conv.unreadCount > 0 ? "text-emerald-600" : "text-slate-400"}`}>{formatTime(conv.lastMessageTime)}</span>
                                     </div>
                                     <p className="text-[11px] text-emerald-600 font-bold truncate mb-0.5">{conv.gigTitle}</p>
-                                    <p className={`text-[13px] truncate ${conv.unreadCount > 0 ? "font-bold text-gray-900" : "text-gray-500"}`}>
+                                    <p className={`text-[13px] truncate pr-4 ${conv.unreadCount > 0 ? "font-bold text-slate-900" : "text-slate-500"}`}>
                                         {conv.lastMessage}
                                     </p>
                                 </div>
                                 {conv.unreadCount > 0 && (
-                                    <div className="w-5 h-5 bg-emerald-500 rounded-full flex items-center justify-center shrink-0 text-white text-[10px] font-black">
+                                    <div className="absolute right-4 bottom-4 w-5 h-5 bg-emerald-500 rounded-full flex items-center justify-center shrink-0 text-white text-[10px] font-black shadow-md shadow-emerald-500/20">
                                         {conv.unreadCount}
                                     </div>
                                 )}
@@ -176,20 +187,26 @@ function MessagesContent() {
 
                 {/* Main Chat Area */}
                 {selectedConvId && activeConv && currentUserId ? (
-                    <div className="flex-1 flex flex-col min-w-0 border-l border-gray-100">
+                    <div className={`flex-1 flex-col min-w-0 bg-white relative z-20 ${selectedConvId ? "flex" : "hidden lg:flex"}`}>
                         <ChatWindow
                             currentUserId={currentUserId}
                             gigRequestId={selectedConvId}
                             receiverId={activeConv.user._id}
                             receiverName={activeConv.user.name}
                             receiverImage={activeConv.user.profileImage || undefined}
+                            onBack={() => setSelectedConvId(null)}
                         />
                     </div>
                 ) : (
-                    <div className="flex-1 flex flex-col items-center justify-center text-gray-400 gap-4">
-                        <MessageSquare className="w-14 h-14 opacity-30" />
-                        <p className="font-medium text-sm">Select a conversation to start chatting</p>
-                        <p className="text-xs text-center max-w-[240px]">Conversations appear here once a brand&apos;s gig request is accepted</p>
+                    <div className={`flex-1 flex-col items-center justify-center text-slate-400 gap-6 hidden lg:flex bg-slate-50/30`}>
+                        <div className="w-24 h-24 bg-white rounded-full flex items-center justify-center shadow-sm border border-slate-100 relative">
+                            <MessageSquare className="w-10 h-10 text-emerald-100" />
+                            <Sparkles className="w-6 h-6 text-emerald-400 absolute top-4 right-4" />
+                        </div>
+                        <div className="text-center">
+                            <h2 className="font-black text-xl text-slate-700 mb-2">Your Inbox</h2>
+                            <p className="text-sm font-medium text-slate-500 max-w-[280px]">Select a conversation from the sidebar to view messages, proposals, and deliverables.</p>
+                        </div>
                     </div>
                 )}
             </div>
diff --git a/apps/web/app/brand-dashboard/page.tsx b/apps/web/app/brand-dashboard/page.tsx
index 3364ce6..cd02355 100644
--- a/apps/web/app/brand-dashboard/page.tsx
+++ b/apps/web/app/brand-dashboard/page.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React, { useState, useEffect } from "react";
-import { Clock, Briefcase, X, ChevronRight, Loader2, Calendar, ChevronLeft } from "lucide-react";
+import { Clock, Briefcase, X, ChevronRight, Loader2, Calendar, ChevronLeft, TrendingUp, Activity, ArrowUpRight } from "lucide-react";
 import Link from "next/link";
 
 import api from "@/lib/axios.client";
@@ -9,7 +9,7 @@ import api from "@/lib/axios.client";
 interface Request {
   _id: string;
   gigId: { title: string };
-  influencerId: { fullName: string };
+  influencerId: { fullName: string; profileImageUrl?: string };
   status: string;
   amount: number;
   createdAt: string;
@@ -31,7 +31,7 @@ interface Order {
   amount: number;
   status: string;
   createdAt: string;
-  influencerId?: { fullName: string };
+  influencerId?: { fullName: string; profileImageUrl?: string };
 }
 
 const getStatusLabel = (status: string) => {
@@ -40,17 +40,22 @@ const getStatusLabel = (status: string) => {
     case "IN_ESCROW": return "Securely Booked";
     case "PENDING": return "Payment Pending";
     case "CANCELLED": return "Cancelled";
+    case "accepted": return "Accepted";
+    case "rejected": return "Rejected";
+    case "pending": return "Under Review";
     default: return status;
   }
 };
 
 const getStatusStyles = (status: string) => {
   switch (status) {
-    case "COMPLETED": return "text-emerald-600 bg-emerald-50";
-    case "IN_ESCROW": return "text-blue-600 bg-blue-50";
-    case "PENDING": return "text-orange-600 bg-orange-50 font-bold";
-    case "CANCELLED": return "text-rose-600 bg-rose-50";
-    default: return "text-gray-600 bg-gray-100";
+    case "COMPLETED": return "text-emerald-700 bg-emerald-100/80 border border-emerald-200";
+    case "IN_ESCROW": return "text-blue-700 bg-blue-100/80 border border-blue-200";
+    case "PENDING": return "text-orange-700 bg-orange-100/80 border border-orange-200 font-bold";
+    case "CANCELLED": case "rejected": return "text-rose-700 bg-rose-100/80 border border-rose-200";
+    case "accepted": return "text-emerald-700 bg-emerald-100/80 border border-emerald-200";
+    case "pending": return "text-amber-700 bg-amber-100/80 border border-amber-200";
+    default: return "text-slate-600 bg-slate-100 border border-slate-200";
   }
 };
 
@@ -92,50 +97,67 @@ export default function BrandDashboardPage() {
   }
 
   return (
-    <div className="px-4 sm:px-6 lg:px-8 py-8 max-w-[1400px] mx-auto w-full">
+    <div className="px-4 sm:px-8 lg:px-10 py-8 max-w-[1600px] mx-auto w-full">
       {/* Header Area */}
-      <div className="mb-8">
-        <h1 className="text-2xl sm:text-3xl font-bold text-gray-900 tracking-tight">Platform Overview</h1>
-        <p className="text-sm text-gray-500 mt-1">Welcome back, here&apos;s what&apos;s happening today.</p>
+      <div className="mb-10 flex flex-col md:flex-row md:items-end justify-between gap-4">
+        <div>
+          <h1 className="text-2xl sm:text-3xl font-black text-slate-900 tracking-tight">Platform Overview</h1>
+          <p className="text-sm text-slate-500 mt-1.5 font-medium">Welcome back! Here&apos;s what&apos;s happening across your campaigns today.</p>
+        </div>
+        <div className="flex items-center gap-3">
+          <Link href="/brand-dashboard/requests" className="px-4 py-2 bg-white border border-slate-200 hover:border-emerald-500 hover:text-emerald-600 text-slate-700 text-sm font-bold rounded-xl transition-all shadow-sm">
+            View Requests
+          </Link>
+          <Link href="/gig-list" className="px-4 py-2 bg-slate-900 hover:bg-emerald-600 text-white text-sm font-bold rounded-xl transition-all shadow-md flex items-center gap-2">
+            Create Campaign <ArrowUpRight className="w-4 h-4" />
+          </Link>
+        </div>
       </div>
 
       {/* Metrics Cards */}
       <div className="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
-        <div className="bg-white rounded-2xl p-6 shadow-sm border border-gray-100">
+        <div className="bg-white rounded-[24px] p-6 shadow-sm shadow-slate-200/50 border border-slate-100 relative overflow-hidden group hover:shadow-md transition-all">
+          <div className="absolute top-0 right-0 w-32 h-32 bg-gradient-to-bl from-orange-100/50 to-transparent rounded-bl-full -z-10 group-hover:scale-110 transition-transform duration-500"></div>
           <div className="flex items-start justify-between">
             <div>
-              <p className="text-xs font-semibold text-gray-500 mb-2">Requests</p>
-              <h2 className="text-3xl font-bold text-gray-900 tracking-tight">{requests.length}</h2>
-              <p className="text-[10px] text-gray-400 mt-2 font-medium uppercase tracking-wider">Total connections</p>
+              <p className="text-xs font-bold text-slate-400 mb-2 uppercase tracking-widest">Active Requests</p>
+              <div className="flex items-end gap-3">
+                <h2 className="text-4xl font-black text-slate-900 tracking-tighter">{requests.length}</h2>
+                <span className="flex items-center text-xs font-bold text-emerald-500 mb-1.5 bg-emerald-50 px-2 py-0.5 rounded-full"><TrendingUp className="w-3 h-3 mr-1"/> Active</span>
+              </div>
             </div>
-            <div className="w-10 h-10 bg-orange-50 rounded-full flex items-center justify-center text-orange-500 shrink-0">
-              <Clock className="w-5 h-5" />
+            <div className="w-12 h-12 bg-orange-50 rounded-2xl flex items-center justify-center text-orange-500 shrink-0 border border-orange-100 shadow-inner group-hover:bg-orange-500 group-hover:text-white transition-colors duration-300">
+              <Clock className="w-6 h-6" />
             </div>
           </div>
         </div>
 
-        <div className="bg-white rounded-2xl p-6 shadow-sm border border-gray-100">
+        <div className="bg-white rounded-[24px] p-6 shadow-sm shadow-slate-200/50 border border-slate-100 relative overflow-hidden group hover:shadow-md transition-all">
+          <div className="absolute top-0 right-0 w-32 h-32 bg-gradient-to-bl from-emerald-100/50 to-transparent rounded-bl-full -z-10 group-hover:scale-110 transition-transform duration-500"></div>
           <div className="flex items-start justify-between">
             <div>
-              <p className="text-xs font-semibold text-gray-500 mb-2">Agreements</p>
-              <h2 className="text-3xl font-bold text-gray-900 tracking-tight">{proposals.length}</h2>
-              <p className="text-[10px] text-gray-400 mt-2 font-medium uppercase tracking-wider">Accepted proposals</p>
+              <p className="text-xs font-bold text-slate-400 mb-2 uppercase tracking-widest">Agreements</p>
+              <div className="flex items-end gap-3">
+                <h2 className="text-4xl font-black text-slate-900 tracking-tighter">{proposals.length}</h2>
+              </div>
             </div>
-            <div className="w-10 h-10 bg-emerald-50 rounded-full flex items-center justify-center text-emerald-500 shrink-0">
-              <Briefcase className="w-5 h-5" />
+            <div className="w-12 h-12 bg-emerald-50 rounded-2xl flex items-center justify-center text-emerald-500 shrink-0 border border-emerald-100 shadow-inner group-hover:bg-emerald-500 group-hover:text-white transition-colors duration-300">
+              <Briefcase className="w-6 h-6" />
             </div>
           </div>
         </div>
 
-        <div className="bg-white rounded-2xl p-6 shadow-sm border border-gray-100">
+        <div className="bg-white rounded-[24px] p-6 shadow-sm shadow-slate-200/50 border border-slate-100 relative overflow-hidden group hover:shadow-md transition-all">
+          <div className="absolute top-0 right-0 w-32 h-32 bg-gradient-to-bl from-blue-100/50 to-transparent rounded-bl-full -z-10 group-hover:scale-110 transition-transform duration-500"></div>
           <div className="flex items-start justify-between">
             <div>
-              <p className="text-xs font-semibold text-gray-500 mb-2">Calendar</p>
-              <h2 className="text-3xl font-bold text-gray-900 tracking-tight">Active</h2>
-              <p className="text-[10px] text-gray-400 mt-2 font-medium uppercase tracking-wider">Track milestones</p>
+              <p className="text-xs font-bold text-slate-400 mb-2 uppercase tracking-widest">Calendar Sync</p>
+              <div className="flex items-end gap-3">
+                <h2 className="text-4xl font-black text-slate-900 tracking-tighter">Active</h2>
+              </div>
             </div>
-            <div className="w-10 h-10 bg-blue-50 rounded-full flex items-center justify-center text-blue-500 shrink-0">
-              <Calendar className="w-5 h-5" />
+            <div className="w-12 h-12 bg-blue-50 rounded-2xl flex items-center justify-center text-blue-500 shrink-0 border border-blue-100 shadow-inner group-hover:bg-blue-500 group-hover:text-white transition-colors duration-300">
+              <Calendar className="w-6 h-6" />
             </div>
           </div>
         </div>
@@ -144,54 +166,63 @@ export default function BrandDashboardPage() {
       {/* Bottom Row */}
       <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
         {/* Recent Requests Table */}
-        <div className="lg:col-span-2 bg-white rounded-2xl shadow-sm border border-gray-100 p-6 flex flex-col">
-          <div className="flex items-center justify-between mb-6">
-            <h3 className="text-lg font-bold text-gray-900">Recent Activity</h3>
-            <button className="text-sm font-bold text-emerald-600 hover:text-emerald-700 transition-colors">
-              View All
-            </button>
+        <div className="lg:col-span-2 bg-white rounded-[32px] shadow-sm shadow-slate-200/50 border border-slate-100 p-8 flex flex-col relative overflow-hidden">
+          {/* Subtle background decoration */}
+          <div className="absolute top-0 right-0 p-8 opacity-5 pointer-events-none">
+            <Activity className="w-32 h-32 text-slate-400" />
+          </div>
+
+          <div className="flex items-center justify-between mb-8 relative z-10">
+            <h3 className="text-xl font-black text-slate-900">Recent Activity</h3>
+            <Link href="/brand-dashboard/transactions" className="text-sm font-bold text-emerald-600 hover:text-emerald-700 transition-colors flex items-center gap-1">
+              View All <ChevronRight className="w-4 h-4" />
+            </Link>
           </div>
 
-          <div className="overflow-x-auto flex-1 pb-4">
-            <table className="w-full text-left border-collapse min-w-[500px]">
+          <div className="overflow-x-auto flex-1 pb-4 relative z-10">
+            <table className="w-full text-left border-collapse min-w-[600px]">
               <thead>
-                <tr className="border-b border-gray-100">
-                  <th className="pb-3 text-[11px] font-bold text-gray-400 uppercase tracking-wider">Gig / Influencer</th>
-                  <th className="pb-3 text-[11px] font-bold text-gray-400 uppercase tracking-wider text-right">Budget</th>
-                  <th className="pb-3 text-[11px] font-bold text-gray-400 uppercase tracking-wider text-center">Status</th>
+                <tr className="border-b border-slate-100">
+                  <th className="pb-4 text-[11px] font-black text-slate-400 uppercase tracking-widest w-[40%]">Gig / Influencer</th>
+                  <th className="pb-4 text-[11px] font-black text-slate-400 uppercase tracking-widest text-right w-[30%]">Budget</th>
+                  <th className="pb-4 text-[11px] font-black text-slate-400 uppercase tracking-widest text-center w-[30%]">Status</th>
                 </tr>
               </thead>
-              <tbody className="divide-y divide-gray-50">
-                {[
-                  ...requests.map(r => ({ ...r, type: 'request' })),
-                  ...orders.filter(o => o.status === 'PENDING' || o.status === 'IN_ESCROW').map(o => ({ ...o, type: 'order' }))
-                  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                ].sort((a, b) => new Date((b as any).createdAt || 0).getTime() - new Date((a as any).createdAt || 0).getTime()).slice(0, 8).map((item: any) => (
-                  <tr key={`${item.type}-${item._id}`} className="group hover:bg-gray-50 transition-colors">
-                    <td className="py-5 text-sm font-bold text-gray-900">
-                      {item.type === 'order' ? (
+              <tbody className="divide-y divide-slate-50/80">
+                {(
+                  [
+                    ...requests.map(r => ({ ...r, type: 'request' as const })),
+                    ...orders.filter(o => o.status === 'PENDING' || o.status === 'IN_ESCROW').map(o => ({ ...o, type: 'order' as const }))
+                  ] as Array<(Request & { type: 'request' }) | (Order & { type: 'order' })>
+                ).sort((a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime()).slice(0, 8).map((item) => (
+                  <tr key={`${item.type}-${item._id}`} className="group hover:bg-slate-50/50 transition-colors">
+                    <td className="py-5">
+                      <div className="flex items-center gap-3">
+                        <div className="w-10 h-10 rounded-2xl bg-slate-100 flex items-center justify-center text-slate-500 font-bold text-sm shrink-0 shadow-sm border border-slate-200">
+                           {item.influencerId?.fullName?.charAt(0) || "I"}
+                        </div>
                         <div className="flex flex-col">
-                          <span>{item.gigId?.title || "Collaboration"}</span>
-                          <span className={`text-[10px] uppercase font-black ${item.status === 'IN_ESCROW' ? 'text-blue-500' : 'text-emerald-600'}`}>
-                            {getStatusLabel(item.status)}
+                          <span className="text-[14px] font-bold text-slate-900 group-hover:text-emerald-600 transition-colors">
+                            {item.type === 'order' ? item.gigId?.title : item.gigId?.title || "Collaboration"}
+                          </span>
+                          <span className="text-[11px] font-medium text-slate-500">
+                            {item.influencerId?.fullName || "Influencer"}
                           </span>
                         </div>
-                      ) : (
-                        item.gigId?.title || "Collaboration"
-                      )}
+                      </div>
                     </td>
-                    <td className="py-5 text-sm font-bold text-gray-900 text-right">₹{item.amount}</td>
+                    <td className="py-5 text-[15px] font-black text-slate-900 text-right">₹{item.amount?.toLocaleString() || "0"}</td>
                     <td className="py-5 text-center">
                       {item.type === 'order' && item.status === 'PENDING' ? (
                         <Link
                           href={`/payment?orderId=${item._id}`}
-                          className="px-4 py-1.5 text-[10px] font-black rounded-lg bg-emerald-500 text-white shadow-lg shadow-emerald-100 hover:bg-emerald-600 transition-all"
+                          className="inline-block px-5 py-2 text-[11px] font-black rounded-xl bg-emerald-500 text-white shadow-lg shadow-emerald-200 hover:bg-emerald-600 hover:-translate-y-0.5 transition-all uppercase tracking-wider"
                         >
                           Pay Now
                         </Link>
                       ) : (
-                        <span className={`px-3 py-1 text-[11px] font-black uppercase tracking-widest rounded-full ${getStatusStyles(item.status)}`}>
-                          {item.type === 'order' ? getStatusLabel(item.status) : item.status}
+                        <span className={`inline-block px-3.5 py-1.5 text-[10px] font-bold uppercase tracking-widest rounded-full ${getStatusStyles(item.status)}`}>
+                          {item.type === 'order' ? getStatusLabel(item.status) : getStatusLabel(item.status)}
                         </span>
                       )}
                     </td>
@@ -199,7 +230,15 @@ export default function BrandDashboardPage() {
                 ))}
                 {requests.length === 0 && orders.length === 0 && (
                   <tr>
-                    <td colSpan={3} className="py-10 text-center text-gray-400 italic">No recent requests</td>
+                    <td colSpan={3} className="py-16">
+                       <div className="flex flex-col items-center justify-center text-slate-400">
+                          <div className="w-16 h-16 bg-slate-50 rounded-full flex items-center justify-center mb-4">
+                             <Activity className="w-6 h-6 text-slate-300" />
+                          </div>
+                          <p className="text-sm font-bold">No recent activity</p>
+                          <p className="text-xs mt-1">Your requests and orders will appear here.</p>
+                       </div>
+                    </td>
                   </tr>
                 )}
               </tbody>
@@ -210,22 +249,22 @@ export default function BrandDashboardPage() {
         {/* Dynamic Calendar & Aside Card */}
         <div className="flex flex-col gap-6">
           {/* Calendar Widget */}
-          <div className="bg-white rounded-3xl shadow-sm border border-gray-100 p-6 flex flex-col h-fit">
+          <div className="bg-white rounded-[32px] shadow-sm shadow-slate-200/50 border border-slate-100 p-8 flex flex-col h-fit">
             <div className="flex items-center justify-between mb-6">
-              <h3 className="text-[17px] font-black text-gray-900 tracking-tight">Calendar</h3>
-              <div className="flex items-center gap-3 text-sm font-bold text-gray-900">
+              <h3 className="text-lg font-black text-slate-900 tracking-tight">Timeline</h3>
+              <div className="flex items-center gap-2 text-sm font-bold text-slate-900">
                 <button
                   onClick={() => {
                     const newDate = new Date(currentViewDate);
                     newDate.setMonth(newDate.getMonth() - 1);
                     setCurrentViewDate(newDate);
                   }}
-                  className="p-1.5 hover:bg-gray-50 rounded-lg text-gray-400 hover:text-gray-900 transition-colors"
+                  className="p-1.5 hover:bg-slate-50 rounded-xl text-slate-400 hover:text-emerald-600 transition-colors border border-transparent hover:border-slate-200"
                 >
                   <ChevronLeft className="w-4 h-4" />
                 </button>
-                <span className="bg-gray-50 px-3 py-1.5 rounded-lg text-xs font-black uppercase text-gray-500 tracking-wider min-w-[120px] text-center">
-                  {currentViewDate.toLocaleDateString(undefined, { month: 'long', year: 'numeric' })}
+                <span className="text-xs font-black uppercase text-slate-600 tracking-wider min-w-[100px] text-center">
+                  {currentViewDate.toLocaleDateString(undefined, { month: 'short', year: 'numeric' })}
                 </span>
                 <button
                   onClick={() => {
@@ -233,20 +272,20 @@ export default function BrandDashboardPage() {
                     newDate.setMonth(newDate.getMonth() + 1);
                     setCurrentViewDate(newDate);
                   }}
-                  className="p-1.5 hover:bg-gray-50 rounded-lg text-gray-400 hover:text-gray-900 transition-colors"
+                  className="p-1.5 hover:bg-slate-50 rounded-xl text-slate-400 hover:text-emerald-600 transition-colors border border-transparent hover:border-slate-200"
                 >
                   <ChevronRight className="w-4 h-4" />
                 </button>
               </div>
             </div>
 
-            <div className="grid grid-cols-7 gap-1 text-center mb-2">
+            <div className="grid grid-cols-7 gap-1 text-center mb-4">
               {['S', 'M', 'T', 'W', 'T', 'F', 'S'].map((day, i) => (
-                <div key={`${day}-${i}`} className="text-[11px] font-black text-gray-300 py-2 uppercase">{day}</div>
+                <div key={`${day}-${i}`} className="text-[10px] font-black text-slate-300 py-1 uppercase">{day}</div>
               ))}
             </div>
 
-            <div className="grid grid-cols-7 gap-y-1.5 text-sm text-center">
+            <div className="grid grid-cols-7 gap-y-2 text-sm text-center">
               {/* Padding for start of month */}
               {Array.from({ length: new Date(currentViewDate.getFullYear(), currentViewDate.getMonth(), 1).getDay() }).map((_, i) => (
                 <div key={`pad-${i}`} className="h-10 w-10"></div>
@@ -262,11 +301,11 @@ export default function BrandDashboardPage() {
                   <div
                     key={day}
                     onClick={() => setSelectedDate(dateString)}
-                    className={`flex justify-center items-center h-10 w-10 mx-auto text-[13px] font-bold cursor-pointer rounded-2xl relative transition-all ${isSelected
-                      ? "bg-gray-900 text-white shadow-lg shadow-gray-200 scale-110"
+                    className={`flex justify-center items-center h-10 w-10 mx-auto text-[13px] font-bold cursor-pointer rounded-[14px] relative transition-all ${isSelected
+                      ? "bg-slate-900 text-white shadow-lg shadow-slate-900/20 scale-110 z-10"
                       : hasProposal
-                        ? "bg-emerald-50 text-emerald-600 hover:bg-emerald-100"
-                        : "text-gray-900 hover:bg-gray-50"
+                        ? "bg-emerald-50 text-emerald-600 hover:bg-emerald-100 border border-emerald-100/50"
+                        : "text-slate-700 hover:bg-slate-50 border border-transparent"
                       }`}
                   >
                     {day}
@@ -280,52 +319,55 @@ export default function BrandDashboardPage() {
           </div>
 
           {/* Aside Detail Card */}
-          <div className="bg-white rounded-3xl shadow-sm border border-gray-100 p-8 flex flex-col min-h-[280px] relative overflow-hidden group">
+          <div className="bg-gradient-to-br from-slate-900 to-slate-800 rounded-[32px] shadow-xl shadow-slate-900/10 p-8 flex flex-col min-h-[280px] relative overflow-hidden group">
+             {/* Decorative element */}
+             <div className="absolute -right-10 -top-10 w-40 h-40 bg-white/5 rounded-full blur-2xl pointer-events-none"></div>
+
             {!selectedDate ? (
-              <div className="h-full flex flex-col items-center justify-center text-center py-10">
-                <div className="w-16 h-16 bg-gray-50 rounded-2xl flex items-center justify-center text-gray-200 mb-4 group-hover:scale-110 transition-transform duration-300">
-                  <Calendar className="w-8 h-8" />
+              <div className="h-full flex flex-col items-center justify-center text-center py-8 relative z-10">
+                <div className="w-16 h-16 bg-white/10 rounded-[20px] flex items-center justify-center text-white/50 mb-5 group-hover:scale-110 group-hover:bg-white/20 transition-all duration-500 border border-white/5">
+                  <Calendar className="w-7 h-7" />
                 </div>
-                <h4 className="text-[15px] font-black text-gray-900">Select a Date</h4>
-                <p className="text-[11px] font-bold text-gray-400 mt-1 uppercase tracking-widest leading-relaxed">Check your accepted <br />collaboration details</p>
+                <h4 className="text-[16px] font-black text-white">Date Details</h4>
+                <p className="text-[11px] font-medium text-slate-400 mt-2 uppercase tracking-widest leading-relaxed">Select a highlighted date<br />to view collaborations</p>
               </div>
             ) : (
-              <div className="animate-in fade-in slide-in-from-bottom-2 duration-300">
+              <div className="animate-in fade-in slide-in-from-bottom-4 duration-500 relative z-10 h-full flex flex-col">
                 <div className="flex items-center justify-between mb-8">
                   <div className="flex flex-col">
-                    <span className="text-[10px] font-black text-emerald-500 uppercase tracking-[.2em] mb-1">Collaboration</span>
-                    <h4 className="text-[18px] font-black text-gray-900 tracking-tight leading-none italic">{new Date(selectedDate).toLocaleDateString(undefined, { day: 'numeric', month: 'short' })}</h4>
+                    <span className="text-[10px] font-black text-emerald-400 uppercase tracking-[0.2em] mb-1.5">Collaboration</span>
+                    <h4 className="text-[20px] font-black text-white tracking-tight leading-none">{new Date(selectedDate).toLocaleDateString(undefined, { day: 'numeric', month: 'short' })}</h4>
                   </div>
-                  <button onClick={() => setSelectedDate(null)} className="p-2 bg-gray-50 rounded-xl text-gray-400 hover:bg-gray-100 transition-colors">
+                  <button onClick={() => setSelectedDate(null)} className="p-2.5 bg-white/10 rounded-xl text-white/60 hover:bg-white/20 hover:text-white transition-all">
                     <X className="w-4 h-4" />
                   </button>
                 </div>
 
-                <div className="space-y-4">
+                <div className="space-y-4 flex-1">
                   {proposals.filter(p => new Date(p.proposalData.date).toDateString() === selectedDate).length > 0 ? (
                     proposals.filter(p => new Date(p.proposalData.date).toDateString() === selectedDate).map(p => (
-                      <div key={p._id} className="bg-gray-50/50 rounded-2xl p-5 border border-gray-100">
-                        <div className="flex items-center gap-3 mb-4">
-                          <div className="w-10 h-10 rounded-xl bg-emerald-100 flex items-center justify-center text-lg shadow-sm">📅</div>
+                      <div key={p._id} className="bg-white/5 rounded-[24px] p-5 border border-white/10 backdrop-blur-md">
+                        <div className="flex items-center gap-4 mb-4">
+                          <div className="w-12 h-12 rounded-[16px] bg-emerald-500/20 flex items-center justify-center text-xl shadow-inner border border-emerald-500/30">📅</div>
                           <div>
-                            <p className="text-[13px] font-black text-gray-900 leading-none">Agreed Date</p>
-                            <p className="text-[11px] font-bold text-emerald-600 mt-1">{p.proposalData.time}</p>
+                            <p className="text-[12px] font-black text-white/80 uppercase tracking-wider">Agreed Time</p>
+                            <p className="text-[16px] font-bold text-emerald-400 mt-0.5">{p.proposalData.time}</p>
                           </div>
                         </div>
-                        <p className="text-[12px] font-bold text-gray-500 leading-relaxed bg-white p-3 rounded-xl border border-gray-100 shadow-sm">&ldquo;{p.content}&rdquo;</p>
+                        <p className="text-[13px] font-medium text-slate-300 leading-relaxed bg-black/20 p-4 rounded-2xl border border-white/5 italic shadow-inner">&ldquo;{p.content}&rdquo;</p>
 
                         <Link
                           href="/brand-dashboard/messages"
-                          className="mt-6 w-full py-3 bg-gray-900 hover:bg-black text-white rounded-xl text-[11px] font-black uppercase tracking-widest flex items-center justify-center gap-2 transition-all"
+                          className="mt-6 w-full py-3.5 bg-white text-slate-900 hover:bg-emerald-50 rounded-[16px] text-[12px] font-black uppercase tracking-widest flex items-center justify-center gap-2 transition-all shadow-lg"
                         >
                           View in Chat
-                          <ChevronRight className="w-3 h-3" />
+                          <ChevronRight className="w-4 h-4" />
                         </Link>
                       </div>
                     ))
                   ) : (
-                    <div className="py-10 text-center">
-                      <p className="text-gray-400 text-[12px] font-bold italic">No collaborations scheduled for this day</p>
+                    <div className="py-12 flex items-center justify-center h-full">
+                      <p className="text-slate-400 text-[13px] font-medium text-center">No collaborations scheduled<br/>for this day.</p>
                     </div>
                   )}
                 </div>
diff --git a/apps/web/app/brand-dashboard/requests/page.tsx b/apps/web/app/brand-dashboard/requests/page.tsx
index 0d2c386..f717d4c 100644
--- a/apps/web/app/brand-dashboard/requests/page.tsx
+++ b/apps/web/app/brand-dashboard/requests/page.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React, { useState } from "react";
-import { Search, ChevronRight, } from "lucide-react";
+import { Search, ChevronRight, ChevronLeft, ArrowUpRight, Activity } from "lucide-react";
 import { useRouter } from "next/navigation";
 
 import api from "@/lib/axios.client";
@@ -44,24 +44,24 @@ export default function BrandRequestsPage() {
     const selectedRequest = connections.find(r => r._id === selectedId) || filteredRequests[0];
 
     return (
-        <div className="px-4 sm:px-6 lg:px-8 py-8 h-full flex flex-col min-h-0 bg-[#f8fafc]">
+        <div className="px-4 sm:px-8 lg:px-10 py-8 h-full flex flex-col min-h-0 bg-transparent max-w-[1600px] mx-auto w-full">
             {/* Header Area */}
-            <div className="flex flex-col md:flex-row md:items-center justify-between gap-6 mb-8">
+            <div className="flex flex-col md:flex-row md:items-end justify-between gap-6 mb-8">
                 <div>
-                    <h1 className="text-2xl font-bold text-gray-900 tracking-tight">Requests</h1>
-                    <p className="text-sm text-gray-500 mt-1">Manage incoming collaboration requests</p>
+                    <h1 className="text-2xl sm:text-3xl font-black text-slate-900 tracking-tight">Requests</h1>
+                    <p className="text-sm text-slate-500 mt-1.5 font-medium">Manage incoming and outgoing collaboration requests.</p>
                 </div>
 
                 <div className="flex flex-col sm:flex-row items-center gap-4">
                     {/* Filters */}
-                    <div className="flex items-center p-1 bg-white border border-gray-100 rounded-xl shadow-sm">
+                    <div className="flex items-center p-1.5 bg-white border border-slate-200 rounded-[16px] shadow-sm">
                         {["Pending", "Accepted", "Rejected"].map((filter) => (
                             <button
                                 key={filter}
                                 onClick={() => setActiveFilter(filter)}
-                                className={`px-4 py-1.5 text-xs font-bold rounded-lg transition-all ${activeFilter === filter
-                                    ? "bg-emerald-50 text-emerald-600"
-                                    : "text-gray-400 hover:text-gray-600"
+                                className={`px-5 py-2 text-xs font-bold rounded-xl transition-all ${activeFilter === filter
+                                    ? "bg-slate-900 text-white shadow-md"
+                                    : "text-slate-500 hover:text-slate-900 hover:bg-slate-50"
                                     }`}
                             >
                                 {filter}
@@ -71,11 +71,11 @@ export default function BrandRequestsPage() {
 
                     {/* Search */}
                     <div className="relative w-full sm:w-64">
-                        <Search className="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-400" />
+                        <Search className="absolute left-4 top-1/2 -translate-y-1/2 w-4 h-4 text-slate-400" />
                         <input
                             type="text"
                             placeholder="Search requests..."
-                            className="w-full pl-9 pr-4 py-2 border border-gray-100 rounded-xl text-xs font-medium focus:ring-2 focus:ring-emerald-500/10 focus:border-emerald-500 bg-white shadow-sm outline-none transition-all"
+                            className="w-full pl-11 pr-4 py-2.5 border border-slate-200 rounded-[16px] text-sm font-bold focus:ring-4 focus:ring-emerald-500/10 focus:border-emerald-500 bg-white shadow-sm outline-none transition-all placeholder:text-slate-400"
                             value={searchQuery}
                             onChange={(e) => setSearchQuery(e.target.value)}
                         />
@@ -83,55 +83,61 @@ export default function BrandRequestsPage() {
                 </div>
             </div>
 
-            <div className="flex flex-col lg:flex-row gap-6 flex-1 overflow-hidden">
+            <div className="flex flex-col lg:flex-row gap-8 flex-1 overflow-hidden">
                 {/* Left Column: Table */}
-                <div className="flex-1 bg-white rounded-3xl border border-gray-100 shadow-sm overflow-hidden flex flex-col">
-                    <div className="overflow-x-auto flex-1 h-full">
-                        <table className="w-full text-left border-collapse">
+                <div className={`flex-1 bg-white rounded-[32px] border border-slate-100 shadow-sm shadow-slate-200/50 overflow-hidden flex-col ${selectedId ? "hidden lg:flex" : "flex"}`}>
+                    <div className="overflow-x-auto flex-1 h-full custom-scrollbar">
+                        <table className="w-full text-left border-collapse min-w-[500px]">
                             <thead>
-                                <tr className="border-b border-gray-50 bg-gray-50/30">
-                                    <th className="py-4 px-6 text-[10px] font-bold text-gray-400 uppercase tracking-widest">Influencer</th>
-                                    <th className="py-4 px-6 text-[10px] font-bold text-gray-400 uppercase tracking-widest">Gig Name</th>
-                                    <th className="py-4 px-6 text-[10px] font-bold text-gray-400 uppercase tracking-widest">Price</th>
-                                    <th className="py-4 px-6 text-[10px] font-bold text-gray-400 uppercase tracking-widest">Status</th>
-                                    <th className="py-4 px-6"></th>
+                                <tr className="border-b border-slate-100 bg-slate-50/50 sticky top-0 z-10">
+                                    <th className="py-5 px-8 text-[11px] font-black text-slate-400 uppercase tracking-widest">Influencer</th>
+                                    <th className="py-5 px-8 text-[11px] font-black text-slate-400 uppercase tracking-widest">Gig Name</th>
+                                    <th className="py-5 px-8 text-[11px] font-black text-slate-400 uppercase tracking-widest">Price</th>
+                                    <th className="py-5 px-8 text-[11px] font-black text-slate-400 uppercase tracking-widest text-center">Status</th>
+                                    <th className="py-5 px-8"></th>
                                 </tr>
                             </thead>
-                            <tbody className="divide-y divide-gray-50">
+                            <tbody className="divide-y divide-slate-50">
                                 {filteredRequests.map((req) => (
                                     <tr
                                         key={req._id}
                                         onClick={() => setSelectedId(req._id)}
-                                        className={`transition-all cursor-pointer group ${selectedId === req._id ? "bg-emerald-50/30" : "hover:bg-gray-50/50"
+                                        className={`transition-all cursor-pointer group ${selectedId === req._id ? "bg-emerald-50/30" : "hover:bg-slate-50/80"
                                             }`}
                                     >
-                                        <td className="py-5 px-6">
-                                            <div className="flex items-center gap-3">
-                                                <div className="w-8 h-8 rounded-full flex items-center justify-center text-[11px] font-bold shrink-0 shadow-sm bg-slate-100 text-slate-600">
+                                        <td className="py-5 px-8">
+                                            <div className="flex items-center gap-4">
+                                                <div className="w-10 h-10 rounded-2xl flex items-center justify-center text-[13px] font-black shrink-0 shadow-sm border border-slate-200 bg-slate-100 text-slate-600 relative overflow-hidden group-hover:border-emerald-200 transition-colors">
                                                     {req.influencerId?.fullName?.charAt(0) || "I"}
                                                 </div>
-                                                <span className="text-sm font-bold text-gray-900">{req.influencerId?.fullName}</span>
+                                                <span className={`text-[15px] font-bold ${selectedId === req._id ? "text-emerald-700" : "text-slate-900 group-hover:text-emerald-600"} transition-colors`}>{req.influencerId?.fullName}</span>
                                             </div>
                                         </td>
-                                        <td className="py-5 px-6">
-                                            <span className="text-sm text-gray-500 font-medium">{req.gigId?.title}</span>
+                                        <td className="py-5 px-8">
+                                            <span className="text-sm text-slate-500 font-bold">{req.gigId?.title}</span>
                                         </td>
-                                        <td className="py-5 px-6">
-                                            <span className="text-sm font-bold text-gray-900">₹{req.gigId?.pricing?.basePrice?.toLocaleString()}</span>
+                                        <td className="py-5 px-8">
+                                            <span className="text-[15px] font-black text-slate-900">₹{req.gigId?.pricing?.basePrice?.toLocaleString()}</span>
                                         </td>
-                                        <td className="py-5 px-6">
-                                            <span className={`px-4 py-1 text-[11px] font-bold rounded-full border border-current opacity-80 ${req.status === 'pending' ? 'text-orange-600 bg-orange-50' : req.status === 'accepted' ? 'text-emerald-600 bg-emerald-50' : 'text-rose-600 bg-rose-50'}`}>
+                                        <td className="py-5 px-8 text-center">
+                                            <span className={`inline-block px-4 py-1.5 text-[10px] font-black uppercase tracking-widest rounded-full border ${req.status === 'pending' ? 'text-amber-700 bg-amber-100/80 border-amber-200' : req.status === 'accepted' ? 'text-emerald-700 bg-emerald-100/80 border-emerald-200' : 'text-rose-700 bg-rose-100/80 border-rose-200'}`}>
                                                 {req.status}
                                             </span>
                                         </td>
-                                        <td className="py-5 px-6 text-right">
-                                            <ChevronRight className={`w-4 h-4 transition-colors ${selectedId === req._id ? "text-emerald-500" : "text-gray-300"}`} />
+                                        <td className="py-5 px-8 text-right">
+                                            <ChevronRight className={`w-5 h-5 transition-transform ${selectedId === req._id ? "text-emerald-500 translate-x-1" : "text-slate-300 group-hover:translate-x-1"}`} />
                                         </td>
                                     </tr>
                                 ))}
                                 {filteredRequests.length === 0 && (
                                     <tr>
-                                        <td colSpan={5} className="py-20 text-center text-gray-400 text-sm italic">No requests found.</td>
+                                        <td colSpan={5} className="py-24 text-center">
+                                           <div className="flex flex-col items-center justify-center text-slate-400">
+                                              <Activity className="w-10 h-10 text-slate-300 mb-4" />
+                                              <p className="text-sm font-bold">No requests found</p>
+                                              <p className="text-xs mt-1">Try changing the filters above.</p>
+                                           </div>
+                                        </td>
                                     </tr>
                                 )}
                             </tbody>
@@ -140,61 +146,81 @@ export default function BrandRequestsPage() {
                 </div>
 
                 {/* Right Column: Detail View */}
-                <div className="lg:w-[400px] flex flex-col gap-6">
-                    <div className="bg-white rounded-3xl border border-gray-100 shadow-sm p-8 h-full flex flex-col">
+                <div className={`lg:w-[420px] flex-col gap-6 ${selectedId ? "flex" : "hidden lg:flex"}`}>
+                    <div className="bg-white rounded-[32px] border border-slate-100 shadow-sm shadow-slate-200/50 p-8 h-full flex flex-col relative overflow-hidden">
                         {selectedRequest ? (
                             <>
-                                <div className="flex flex-col items-center mb-8">
-                                    <div className="relative mb-4">
-                                        <div className="w-24 h-24 rounded-[20px] flex items-center justify-center text-3xl font-black mb-4 shadow-xl shadow-gray-200/50 bg-emerald-50 text-emerald-600">
+                                <div className="absolute top-0 right-0 w-48 h-48 bg-gradient-to-bl from-emerald-100/40 to-transparent rounded-bl-full pointer-events-none"></div>
+
+                                <div className="flex flex-col items-center mb-10 relative z-10 mt-4">
+                                    <button 
+                                        onClick={() => setSelectedId(null)}
+                                        className="absolute left-0 top-0 p-2.5 bg-slate-50 text-slate-400 rounded-xl hover:bg-slate-100 lg:hidden transition-colors"
+                                    >
+                                        <ChevronLeft className="w-5 h-5" />
+                                    </button>
+                                    <div className="relative mb-6">
+                                        <div className="w-28 h-28 rounded-[28px] flex items-center justify-center text-4xl font-black mb-4 shadow-xl shadow-emerald-500/20 bg-emerald-50 text-emerald-600 border-2 border-white ring-4 ring-slate-50">
                                             {selectedRequest.influencerId?.fullName?.charAt(0) || "I"}
                                         </div>
                                     </div>
-                                    <h2 className="text-xl font-bold text-gray-900">{selectedRequest.influencerId?.fullName}</h2>
-                                    <span className="mt-2 px-3 py-0.5 bg-emerald-50 text-emerald-500 text-[10px] font-bold rounded-full uppercase tracking-wider">
+                                    <h2 className="text-2xl font-black text-slate-900 tracking-tight">{selectedRequest.influencerId?.fullName}</h2>
+                                    <span className={`mt-3 px-4 py-1 text-[10px] font-black rounded-full uppercase tracking-widest border ${selectedRequest.status === 'pending' ? 'text-amber-700 bg-amber-50 border-amber-200' : selectedRequest.status === 'accepted' ? 'text-emerald-700 bg-emerald-50 border-emerald-200' : 'text-rose-700 bg-rose-50 border-rose-200'}`}>
                                         {selectedRequest.status}
                                     </span>
                                 </div>
 
-                                <div className="space-y-6 flex-1">
-                                    <div className="flex justify-between items-center py-1 border-b border-gray-50 pb-3">
-                                        <span className="text-sm font-medium text-gray-400">Gig Name</span>
-                                        <span className="text-sm font-bold text-gray-900 text-right">{selectedRequest.gigId?.title}</span>
+                                <div className="space-y-6 flex-1 relative z-10 px-2">
+                                    <div className="flex justify-between items-center py-2 border-b border-slate-100 pb-4">
+                                        <span className="text-[13px] font-bold text-slate-400 uppercase tracking-wider">Gig Name</span>
+                                        <span className="text-[14px] font-black text-slate-900 text-right">{selectedRequest.gigId?.title}</span>
                                     </div>
-                                    <div className="flex justify-between items-center py-1 border-b border-gray-50 pb-3">
-                                        <span className="text-sm font-medium text-gray-400">Requested Date</span>
-                                        <span className="text-sm font-bold text-gray-900">{new Date(selectedRequest.createdAt).toLocaleDateString()}</span>
+                                    <div className="flex justify-between items-center py-2 border-b border-slate-100 pb-4">
+                                        <span className="text-[13px] font-bold text-slate-400 uppercase tracking-wider">Requested</span>
+                                        <span className="text-[14px] font-bold text-slate-900">{new Date(selectedRequest.createdAt).toLocaleDateString(undefined, { year: 'numeric', month: 'long', day: 'numeric' })}</span>
                                     </div>
-                                    <div className="flex justify-between items-center pt-3 border-t border-gray-50">
-                                        <span className="text-sm font-medium text-gray-400">Price</span>
-                                        <span className="text-xl font-black text-emerald-500">₹{selectedRequest.gigId?.pricing?.basePrice?.toLocaleString()}</span>
+                                    <div className="flex justify-between items-center pt-4 border-t border-slate-100 mt-2">
+                                        <span className="text-[13px] font-bold text-slate-400 uppercase tracking-wider">Price</span>
+                                        <span className="text-2xl font-black text-emerald-500">₹{selectedRequest.gigId?.pricing?.basePrice?.toLocaleString()}</span>
                                     </div>
-                                </div>
 
-                                {/* Brand Note (If provided) */}
-                                {selectedRequest.note && (
-                                    <div className="mt-4 bg-slate-50 border border-slate-100 rounded-2xl p-5 mb-2">
-                                        <h4 className="text-[10px] font-extrabold text-slate-400 uppercase tracking-widest mb-2">Your Initial Note</h4>
-                                        <p className="text-sm font-medium text-slate-700 whitespace-pre-wrap">{selectedRequest.note}</p>
-                                    </div>
-                                )}
+                                    {/* Brand Note (If provided) */}
+                                    {selectedRequest.note && (
+                                        <div className="mt-8 bg-slate-50 border border-slate-200 rounded-[20px] p-6 relative overflow-hidden">
+                                            <div className="absolute top-0 left-0 w-1 h-full bg-slate-300"></div>
+                                            <h4 className="text-[10px] font-black text-slate-400 uppercase tracking-widest mb-2">Initial Note</h4>
+                                            <p className="text-sm font-medium text-slate-700 whitespace-pre-wrap italic">&ldquo;{selectedRequest.note}&rdquo;</p>
+                                        </div>
+                                    )}
+                                </div>
 
-                                <div className="mt-10 flex flex-col gap-4">
+                                <div className="mt-8 flex flex-col gap-4 relative z-10">
                                     {selectedRequest.status === "pending" && (
-                                        <p className="text-center text-sm font-bold text-gray-400 italic">Waiting for influencer to accept...</p>
+                                        <div className="bg-amber-50 border border-amber-100 rounded-[20px] p-5 text-center">
+                                           <p className="text-xs font-bold text-amber-700 uppercase tracking-widest">Waiting for influencer</p>
+                                           <p className="text-[11px] font-medium text-amber-600 mt-1">They must review your request before you can chat.</p>
+                                        </div>
                                     )}
                                     {selectedRequest.status === "accepted" && (
                                         <button
                                             onClick={() => router.push(`/brand-dashboard/messages?gigRequestId=${selectedRequest._id}`)}
-                                            className="w-full bg-[#1CD36B] hover:bg-[#19C061] text-white py-4 rounded-2xl font-bold text-sm shadow-lg shadow-emerald-100 transition-all hover:-translate-y-0.5 active:scale-95"
+                                            className="w-full bg-slate-900 hover:bg-emerald-600 text-white py-4.5 rounded-[20px] font-black text-sm shadow-xl shadow-slate-900/10 hover:shadow-emerald-500/30 transition-all hover:-translate-y-1 active:scale-95 flex items-center justify-center gap-2 uppercase tracking-widest h-[56px]"
                                         >
-                                            Message Influencer
+                                            Message Influencer <ArrowUpRight className="w-4 h-4" />
                                         </button>
                                     )}
                                 </div>
                             </>
                         ) : (
-                            <div className="h-full flex items-center justify-center text-gray-400 italic text-sm">Select a request to see details</div>
+                            <div className="h-full flex flex-col items-center justify-center text-slate-400 text-center gap-4">
+                                <div className="w-20 h-20 bg-slate-50 rounded-full flex items-center justify-center">
+                                   <Activity className="w-8 h-8 text-slate-300" />
+                                </div>
+                                <div>
+                                   <p className="text-sm font-bold text-slate-600">Select a Request</p>
+                                   <p className="text-xs mt-1 max-w-[200px]">Click on any row in the table to view its details here.</p>
+                                </div>
+                            </div>
                         )}
                     </div>
                 </div>
diff --git a/apps/web/app/brand-dashboard/transactions/page.tsx b/apps/web/app/brand-dashboard/transactions/page.tsx
index 3cddaf3..cb638d3 100644
--- a/apps/web/app/brand-dashboard/transactions/page.tsx
+++ b/apps/web/app/brand-dashboard/transactions/page.tsx
@@ -1,14 +1,27 @@
 "use client";
 
 import React, { useState, useEffect } from "react";
-import { Plus, DollarSign, Clock, Calendar, ChevronRight, Loader2, ShieldAlert } from "lucide-react";
+import { Plus, DollarSign, Clock, Calendar, ChevronRight, ChevronLeft, Loader2, ShieldAlert, Activity } from "lucide-react";
 import Image from "next/image";
 
 import api from "@/lib/axios.client";
 
+interface Transaction {
+    _id: string;
+    status: string;
+    amount?: number;
+    influencerAmount?: number;
+    createdAt: string;
+    influencerProfile?: {
+        fullName?: string;
+        username?: string;
+        profileImageUrl?: string;
+    };
+    gigId?: { title: string };
+}
+
 export default function BrandTransactionsPage() {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const [transactions, setTransactions] = useState<any[]>([]);
+    const [transactions, setTransactions] = useState<Transaction[]>([]);
     const [selectedId, setSelectedId] = useState<string | null>(null);
     const [stats, setStats] = useState({ totalSpent: 0, inEscrow: 0, thisMonth: 0 });
     const [loading, setLoading] = useState(true);
@@ -32,120 +45,144 @@ export default function BrandTransactionsPage() {
 
     const getStatusStyle = (status: string) => {
         switch (status) {
-            case "COMPLETED": return "bg-emerald-50 text-emerald-500";
-            case "IN_ESCROW": return "bg-blue-50 text-blue-500";
-            case "CANCELLED": return "bg-red-50 text-red-500";
-            default: return "bg-orange-50 text-orange-500";
+            case "COMPLETED": return "bg-emerald-100/80 text-emerald-700 border border-emerald-200";
+            case "IN_ESCROW": return "bg-blue-100/80 text-blue-700 border border-blue-200";
+            case "CANCELLED": return "bg-rose-100/80 text-rose-700 border border-rose-200";
+            default: return "bg-orange-100/80 text-orange-700 border border-orange-200";
         }
     };
 
     if (loading) {
         return (
-            <div className="h-full w-full flex items-center justify-center bg-[#f8fafc]">
+            <div className="h-full w-full flex items-center justify-center bg-transparent">
                 <Loader2 className="w-10 h-10 text-emerald-500 animate-spin" />
             </div>
         );
     }
 
     return (
-        <div className="px-4 sm:px-6 lg:px-8 py-8 h-full flex flex-col gap-8 bg-[#f8fafc]">
+        <div className="px-4 sm:px-8 lg:px-10 py-8 h-full flex flex-col gap-8 bg-transparent max-w-[1600px] mx-auto w-full">
+            <div className="mb-2">
+                <h1 className="text-2xl sm:text-3xl font-black text-slate-900 tracking-tight">Transactions</h1>
+                <p className="text-sm text-slate-500 mt-1.5 font-medium">Manage your platform credits and transaction history.</p>
+            </div>
+
             {/* Top Metrics Area */}
             <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
-                <div className="bg-white p-8 rounded-[2rem] border border-gray-100 shadow-sm flex items-center justify-between group hover:shadow-md transition-all">
-                    <div>
-                        <p className="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2">Available Balance</p>
-                        <h3 className="text-3xl font-black text-gray-900 leading-tight">₹0</h3>
-                        <p className="text-[9px] font-bold text-gray-300 uppercase mt-1">Platform credits</p>
+                <div className="bg-slate-900 p-8 rounded-[32px] border border-slate-800 shadow-xl shadow-slate-900/10 flex flex-col justify-between group hover:shadow-2xl transition-all relative overflow-hidden">
+                    <div className="absolute -right-10 -top-10 w-40 h-40 bg-emerald-500/10 rounded-full blur-2xl"></div>
+                    <div className="relative z-10 flex items-start justify-between w-full mb-6">
+                        <p className="text-[11px] font-black text-emerald-400 uppercase tracking-widest">Available Balance</p>
+                    </div>
+                    <div className="relative z-10 flex items-end justify-between w-full mt-auto">
+                        <div>
+                           <h3 className="text-4xl font-black text-white leading-tight">₹0</h3>
+                           <p className="text-[10px] font-medium text-slate-400 uppercase mt-1">Platform credits</p>
+                        </div>
+                        <button className="bg-white hover:bg-emerald-50 text-slate-900 p-3 rounded-2xl shadow-lg transition-all hover:-translate-y-1 flex items-center justify-center">
+                            <Plus className="w-5 h-5" />
+                        </button>
                     </div>
-                    <button className="bg-[#1CD36B] hover:bg-[#19C061] text-white p-4 rounded-2xl shadow-lg shadow-emerald-50 transition-all hover:scale-105 flex items-center gap-2 text-xs font-bold px-5">
-                        <Plus className="w-4 h-4" />
-                        Add Funds
-                    </button>
                 </div>
 
-                <div className="bg-white p-8 rounded-[2rem] border border-gray-100 shadow-sm flex items-center justify-between group hover:shadow-md transition-all">
-                    <div>
-                        <p className="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2">Total Spent</p>
-                        <h3 className="text-3xl font-black text-gray-900 leading-tight">₹{stats.totalSpent.toLocaleString()}</h3>
-                        <p className="text-[9px] font-bold text-gray-300 uppercase mt-1">Lifetime spending</p>
+                <div className="bg-white p-8 rounded-[32px] border border-slate-100 shadow-sm shadow-slate-200/50 flex flex-col justify-between group hover:shadow-md transition-all relative overflow-hidden">
+                    <div className="absolute -right-8 -top-8 w-32 h-32 bg-blue-50 rounded-full group-hover:scale-110 transition-transform duration-500 -z-10"></div>
+                    <div className="flex items-start justify-between w-full mb-6">
+                        <p className="text-[11px] font-black text-slate-400 uppercase tracking-widest">Total Spent</p>
+                        <div className="p-2.5 bg-blue-100/50 rounded-2xl text-blue-500 shadow-inner">
+                            <DollarSign className="w-5 h-5" />
+                        </div>
                     </div>
-                    <div className="p-4 bg-blue-50 rounded-2xl group-hover:scale-110 transition-transform">
-                        <DollarSign className="w-6 h-6 text-blue-500" />
+                    <div className="mt-auto">
+                        <h3 className="text-4xl font-black text-slate-900 leading-tight">₹{stats.totalSpent.toLocaleString()}</h3>
+                        <p className="text-[10px] font-medium text-slate-400 uppercase mt-1">Lifetime spending</p>
                     </div>
                 </div>
 
-                <div className="bg-white p-8 rounded-[2rem] border border-gray-100 shadow-sm flex items-center justify-between group hover:shadow-md transition-all">
-                    <div>
-                        <p className="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2">In Escrow</p>
-                        <h3 className="text-3xl font-black text-gray-900 leading-tight">₹{stats.inEscrow.toLocaleString()}</h3>
-                        <p className="text-[9px] font-bold text-gray-300 uppercase mt-1">Active projects</p>
+                <div className="bg-white p-8 rounded-[32px] border border-slate-100 shadow-sm shadow-slate-200/50 flex flex-col justify-between group hover:shadow-md transition-all relative overflow-hidden">
+                    <div className="absolute -right-8 -top-8 w-32 h-32 bg-orange-50 rounded-full group-hover:scale-110 transition-transform duration-500 -z-10"></div>
+                    <div className="flex items-start justify-between w-full mb-6">
+                        <p className="text-[11px] font-black text-slate-400 uppercase tracking-widest">In Escrow</p>
+                        <div className="p-2.5 bg-orange-100/50 rounded-2xl text-orange-500 shadow-inner">
+                            <Clock className="w-5 h-5" />
+                        </div>
                     </div>
-                    <div className="p-4 bg-orange-50 rounded-2xl group-hover:scale-110 transition-transform">
-                        <Clock className="w-6 h-6 text-orange-500" />
+                    <div className="mt-auto">
+                        <h3 className="text-4xl font-black text-slate-900 leading-tight">₹{stats.inEscrow.toLocaleString()}</h3>
+                        <p className="text-[10px] font-medium text-slate-400 uppercase mt-1">Active projects</p>
                     </div>
                 </div>
 
-                <div className="bg-white p-8 rounded-[2rem] border border-gray-100 shadow-sm flex items-center justify-between group hover:shadow-md transition-all">
-                    <div>
-                        <p className="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2">This Month</p>
-                        <h3 className="text-3xl font-black text-gray-900 leading-tight">₹{stats.thisMonth.toLocaleString()}</h3>
-                        <p className="text-[9px] font-bold text-emerald-500 uppercase mt-1">Current Cycle</p>
+                <div className="bg-white p-8 rounded-[32px] border border-slate-100 shadow-sm shadow-slate-200/50 flex flex-col justify-between group hover:shadow-md transition-all relative overflow-hidden">
+                    <div className="absolute -right-8 -top-8 w-32 h-32 bg-emerald-50 rounded-full group-hover:scale-110 transition-transform duration-500 -z-10"></div>
+                    <div className="flex items-start justify-between w-full mb-6">
+                        <p className="text-[11px] font-black text-slate-400 uppercase tracking-widest">This Month</p>
+                        <div className="p-2.5 bg-emerald-100/50 rounded-2xl text-emerald-500 shadow-inner">
+                            <Calendar className="w-5 h-5" />
+                        </div>
                     </div>
-                    <div className="p-4 bg-emerald-50 rounded-2xl group-hover:scale-110 transition-transform">
-                        <Calendar className="w-6 h-6 text-emerald-500" />
+                    <div className="mt-auto">
+                        <h3 className="text-4xl font-black text-slate-900 leading-tight">₹{stats.thisMonth.toLocaleString()}</h3>
+                        <p className="text-[10px] font-medium text-emerald-500 uppercase mt-1">Current Cycle</p>
                     </div>
                 </div>
             </div>
 
-            <div className="flex flex-col lg:grid lg:grid-cols-12 gap-8 flex-1 min-h-0">
+            <div className="flex flex-col lg:grid lg:grid-cols-12 gap-8 flex-1 lg:overflow-hidden overflow-visible">
                 {/* Left Column: Recent Transactions List */}
-                <div className="lg:col-span-8 bg-white rounded-[2.5rem] border border-gray-100 shadow-sm overflow-hidden flex flex-col">
-                    <div className="p-10 pb-6">
-                        <h2 className="text-xl font-bold text-gray-900">Recent Transactions</h2>
+                <div className={`lg:col-span-8 bg-white rounded-[32px] border border-slate-100 shadow-sm shadow-slate-200/50 overflow-hidden flex-col lg:min-h-0 ${selectedId ? "hidden lg:flex" : "flex"}`}>
+                    <div className="p-8 pb-4">
+                        <h2 className="text-xl font-black text-slate-900">Recent Transactions</h2>
                     </div>
-                    <div className="flex-1 overflow-x-auto">
-                        <table className="w-full text-left border-collapse">
+                    <div className="flex-1 overflow-x-auto custom-scrollbar">
+                        <table className="w-full text-left border-collapse min-w-[600px]">
                             <thead>
-                                <tr className="border-b border-gray-50 bg-gray-50/10">
-                                    <th className="py-4 px-10 text-[10px] font-bold text-gray-300 uppercase tracking-[0.2em]">Gig Name</th>
-                                    <th className="py-4 px-10 text-[10px] font-bold text-gray-300 uppercase tracking-[0.2em]">Influencer</th>
-                                    <th className="py-4 px-10 text-[10px] font-bold text-gray-300 uppercase tracking-[0.2em]">Gross Amount</th>
-                                    <th className="py-4 px-10"></th>
+                                <tr className="border-b border-slate-100 bg-slate-50/50">
+                                    <th className="py-4 px-8 text-[11px] font-black text-slate-400 uppercase tracking-widest">Gig Name</th>
+                                    <th className="py-4 px-8 text-[11px] font-black text-slate-400 uppercase tracking-widest">Influencer</th>
+                                    <th className="py-4 px-8 text-[11px] font-black text-slate-400 uppercase tracking-widest text-right">Gross Amount</th>
+                                    <th className="py-4 px-8"></th>
                                 </tr>
                             </thead>
-                            <tbody className="divide-y divide-gray-50">
+                            <tbody className="divide-y divide-slate-50">
                                 {transactions.length === 0 && (
                                     <tr>
-                                        <td colSpan={4} className="py-20 text-center text-gray-400 font-semibold italic">No transactions found</td>
+                                        <td colSpan={4} className="py-24 text-center">
+                                           <div className="flex flex-col items-center justify-center text-slate-400">
+                                              <Activity className="w-10 h-10 text-slate-300 mb-4" />
+                                              <p className="text-sm font-bold">No transactions found</p>
+                                              <p className="text-xs mt-1">Your payment history will appear here.</p>
+                                           </div>
+                                        </td>
                                     </tr>
                                 )}
                                 {transactions.map((t) => (
                                     <tr
                                         key={t._id}
                                         onClick={() => setSelectedId(t._id)}
-                                        className={`transition-all cursor-pointer group ${selectedId === t._id ? "bg-emerald-50/30" : "hover:bg-gray-50/50"}`}
+                                        className={`transition-all cursor-pointer group ${selectedId === t._id ? "bg-emerald-50/30" : "hover:bg-slate-50/80"}`}
                                     >
-                                        <td className="py-6 px-10">
-                                            <p className="text-sm font-bold text-gray-900">{t.gigId?.title || "Project Checkout"}</p>
-                                            <p className="text-[10px] text-gray-400 font-medium mt-1">{new Date(t.createdAt).toLocaleDateString()}</p>
+                                        <td className="py-6 px-8">
+                                            <p className="text-[14px] font-bold text-slate-900">{t.gigId?.title || "Project Checkout"}</p>
+                                            <p className="text-[11px] text-slate-400 font-medium mt-1">{new Date(t.createdAt).toLocaleDateString(undefined, { year: 'numeric', month: 'short', day: 'numeric' })}</p>
                                         </td>
-                                        <td className="py-6 px-10">
-                                            <div className="flex items-center gap-3">
+                                        <td className="py-6 px-8">
+                                            <div className="flex items-center gap-4">
                                                 {t.influencerProfile?.profileImageUrl ? (
-                                                    <Image src={t.influencerProfile.profileImageUrl} width={32} height={32} alt="" className="w-8 h-8 rounded-full border-2 border-white shadow-sm object-cover" />
+                                                    <Image src={t.influencerProfile.profileImageUrl} width={36} height={36} alt="" className="w-9 h-9 rounded-2xl shadow-sm object-cover border border-slate-200 group-hover:border-emerald-200 transition-colors" />
                                                 ) : (
-                                                    <div className="w-8 h-8 rounded-full bg-emerald-100 flex items-center justify-center text-emerald-600 font-bold text-xs">
+                                                    <div className="w-9 h-9 rounded-2xl bg-slate-100 flex items-center justify-center text-slate-600 font-black text-sm border border-slate-200 group-hover:border-emerald-200 transition-colors">
                                                         {(t.influencerProfile?.fullName || t.influencerProfile?.username || "A").charAt(0).toUpperCase()}
                                                     </div>
                                                 )}
-                                                <span className="text-sm font-bold text-gray-900">{t.influencerProfile?.fullName || t.influencerProfile?.username || "Unknown Provider"}</span>
+                                                <span className={`text-[14px] font-bold ${selectedId === t._id ? "text-emerald-700" : "text-slate-900 group-hover:text-emerald-600"} transition-colors`}>{t.influencerProfile?.fullName || t.influencerProfile?.username || "Unknown Provider"}</span>
                                             </div>
                                         </td>
-                                        <td className="py-6 px-10">
-                                            <span className="text-sm font-black text-gray-900">₹{(t.amount || 0).toLocaleString()}</span>
+                                        <td className="py-6 px-8 text-right">
+                                            <span className="text-[16px] font-black text-slate-900">₹{(t.amount || 0).toLocaleString()}</span>
                                         </td>
-                                        <td className="py-6 px-10 text-right">
-                                            <ChevronRight className={`w-4 h-4 transition-all ${selectedId === t._id ? "text-emerald-500 translate-x-1" : "text-gray-200"}`} />
+                                        <td className="py-6 px-8 text-right">
+                                            <ChevronRight className={`w-5 h-5 transition-transform ${selectedId === t._id ? "text-emerald-500 translate-x-1" : "text-slate-300 group-hover:translate-x-1"}`} />
                                         </td>
                                     </tr>
                                 ))}
@@ -155,84 +192,94 @@ export default function BrandTransactionsPage() {
                 </div>
 
                 {/* Right Column: Transaction Details */}
-                <div className="lg:col-span-4 flex flex-col">
+                <div className={`lg:col-span-4 flex-col lg:min-h-0 ${selectedId ? "flex" : "hidden lg:flex"}`}>
                     {selectedTransaction ? (
-                        <div className="bg-white rounded-[2.5rem] border border-gray-100 shadow-sm p-10 flex flex-col h-full sticky top-24">
-                            <h2 className="text-xl font-bold text-gray-900 mb-8">Transaction Details</h2>
+                        <div className="bg-white rounded-[32px] border border-slate-100 shadow-sm shadow-slate-200/50 p-8 flex flex-col lg:h-full relative lg:overflow-hidden overflow-visible lg:overflow-y-auto min-h-0 custom-scrollbar">
+                            <div className="absolute top-0 right-0 w-48 h-48 bg-gradient-to-bl from-orange-100/40 to-transparent rounded-bl-full pointer-events-none"></div>
 
-                            <div className="flex items-center justify-between mb-10 pb-8 border-b border-gray-50">
-                                <div className="flex items-center gap-4">
+                            <button 
+                                onClick={() => setSelectedId(null)}
+                                className="absolute left-6 top-8 p-2.5 bg-slate-50 text-slate-400 rounded-xl hover:bg-slate-100 lg:hidden transition-colors z-10"
+                            >
+                                <ChevronLeft className="w-5 h-5" />
+                            </button>
+                            <h2 className="text-xl font-black text-slate-900 mb-8 text-center lg:text-left relative z-10">Transaction Details</h2>
+
+                            <div className="flex flex-col items-center mb-8 pb-8 border-b border-slate-100 relative z-10">
+                                <div className="mb-4">
                                     {selectedTransaction.influencerProfile?.profileImageUrl ? (
-                                        <Image src={selectedTransaction.influencerProfile.profileImageUrl} width={48} height={48} alt="" className="w-12 h-12 rounded-full border-2 border-white shadow-sm object-cover" />
+                                        <Image src={selectedTransaction.influencerProfile.profileImageUrl} width={80} height={80} alt="" className="w-20 h-20 rounded-[24px] shadow-sm object-cover border border-slate-200" />
                                     ) : (
-                                        <div className="w-12 h-12 rounded-full bg-emerald-100 flex items-center justify-center text-emerald-600 font-bold text-lg shadow-sm">
+                                        <div className="w-20 h-20 rounded-[24px] bg-slate-100 flex items-center justify-center text-slate-600 font-black text-3xl shadow-sm border border-slate-200">
                                             {(selectedTransaction.influencerProfile?.fullName || selectedTransaction.influencerProfile?.username || "A").charAt(0).toUpperCase()}
                                         </div>
                                     )}
-                                    <div>
-                                        <h3 className="text-sm font-bold text-gray-900">{selectedTransaction.influencerProfile?.fullName || selectedTransaction.influencerProfile?.username || "Unknown Provider"}</h3>
-                                        <p className="text-xs text-gray-400 font-medium">{selectedTransaction.gigId?.title || "Booking"}</p>
-                                    </div>
                                 </div>
-                                <span className={`px-3 py-1 text-[9px] font-black rounded-full uppercase tracking-widest ${getStatusStyle(selectedTransaction.status)}`}>
+                                <h3 className="text-xl font-black text-slate-900 text-center">{selectedTransaction.influencerProfile?.fullName || selectedTransaction.influencerProfile?.username || "Unknown Provider"}</h3>
+                                <p className="text-sm text-slate-500 font-medium text-center mt-1 mb-4">{selectedTransaction.gigId?.title || "Booking"}</p>
+                                
+                                <span className={`px-4 py-1.5 text-[10px] font-black rounded-full uppercase tracking-widest border ${getStatusStyle(selectedTransaction.status)}`}>
                                     {selectedTransaction.status}
                                 </span>
                             </div>
 
-                            <div className="space-y-8 flex-1">
+                            <div className="space-y-8 flex-1 relative z-10">
                                 {/* Timeline */}
                                 <div className="space-y-6">
-                                    <p className="text-[10px] font-black text-gray-300 uppercase tracking-widest">Timeline</p>
+                                    <p className="text-[10px] font-black text-slate-400 uppercase tracking-widest">Timeline</p>
                                     <div className="space-y-6 relative ml-3">
-                                        <div className="absolute left-[-1px] top-2 bottom-2 w-[2px] bg-gray-50" />
+                                        <div className="absolute left-[3px] top-3 bottom-3 w-[2px] bg-slate-100" />
 
                                         <div className="flex justify-between items-center relative pl-8">
-                                            <div className="absolute left-[-5px] w-2.5 h-2.5 rounded-full bg-emerald-500 border-2 border-white shadow-sm" />
-                                            <span className="text-xs font-bold text-gray-900">Payment Processed</span>
-                                            <span className="text-[10px] font-medium text-gray-400">{new Date(selectedTransaction.createdAt).toLocaleDateString()}</span>
+                                            <div className="absolute left-[-2px] w-3 h-3 rounded-full bg-emerald-500 border-2 border-white shadow-sm" />
+                                            <span className="text-sm font-bold text-slate-900">Payment Processed</span>
+                                            <span className="text-[11px] font-bold text-slate-400">{new Date(selectedTransaction.createdAt).toLocaleDateString(undefined, { month: 'short', day: 'numeric' })}</span>
                                         </div>
 
                                         <div className="flex justify-between items-center relative pl-8">
-                                            <div className={`absolute left-[-5px] w-2.5 h-2.5 rounded-full border-2 shadow-sm ${selectedTransaction.status === "COMPLETED" ? "bg-emerald-500 border-white" : "bg-gray-200 border-white"}`} />
-                                            <span className={`text-xs font-bold ${selectedTransaction.status === "COMPLETED" ? "text-gray-900" : "text-gray-400"}`}>Work Delivered</span>
+                                            <div className={`absolute left-[-2px] w-3 h-3 rounded-full border-2 shadow-sm ${selectedTransaction.status === "COMPLETED" ? "bg-emerald-500 border-white" : "bg-slate-200 border-white"}`} />
+                                            <span className={`text-sm font-bold ${selectedTransaction.status === "COMPLETED" ? "text-slate-900" : "text-slate-400"}`}>Work Delivered</span>
                                         </div>
                                     </div>
                                 </div>
 
                                 {/* Financial Breakdown */}
-                                <div className="pt-8 border-t border-gray-50 space-y-6">
-                                    <p className="text-[10px] font-black text-gray-300 uppercase tracking-widest">Financial Breakdown</p>
-                                    <div className="space-y-4">
+                                <div className="pt-8 border-t border-slate-100 space-y-6">
+                                    <p className="text-[10px] font-black text-slate-400 uppercase tracking-widest">Financial Breakdown</p>
+                                    <div className="space-y-4 bg-slate-50 p-6 rounded-[24px] border border-slate-100">
                                         <div className="flex justify-between items-center">
-                                            <span className="text-xs font-medium text-gray-400">Total Purchase Power</span>
-                                            <span className="text-xs font-bold text-gray-900">₹{(selectedTransaction.amount || 0).toLocaleString()}</span>
+                                            <span className="text-[13px] font-bold text-slate-500">Total Purchase Power</span>
+                                            <span className="text-[14px] font-black text-slate-900">₹{(selectedTransaction.amount || 0).toLocaleString()}</span>
                                         </div>
                                         <div className="flex justify-between items-center">
-                                            <span className="text-xs font-medium text-gray-400">Net To Influencer</span>
-                                            <span className="text-xs font-bold text-gray-500">₹{(selectedTransaction.influencerAmount || 0).toLocaleString()}</span>
+                                            <span className="text-[13px] font-bold text-slate-500">Net To Influencer</span>
+                                            <span className="text-[14px] font-bold text-slate-500">₹{(selectedTransaction.influencerAmount || 0).toLocaleString()}</span>
                                         </div>
                                         <div className="flex justify-between items-center">
-                                            <span className="text-xs font-medium text-gray-400">Escrow Disputed</span>
-                                            <span className="text-xs font-bold text-gray-900">₹0</span>
+                                            <span className="text-[13px] font-bold text-slate-500">Escrow Disputed</span>
+                                            <span className="text-[14px] font-bold text-slate-900">₹0</span>
                                         </div>
-                                        <div className="pt-4 border-t border-dashed border-gray-100 flex justify-between items-center">
-                                            <span className="text-sm font-bold text-gray-900">Total Settled</span>
-                                            <span className="text-lg font-black text-emerald-500">₹{(selectedTransaction.amount || 0).toLocaleString()}</span>
+                                        <div className="pt-4 border-t border-dashed border-slate-200 flex justify-between items-center">
+                                            <span className="text-[14px] font-black text-slate-900">Total Settled</span>
+                                            <span className="text-xl font-black text-emerald-500">₹{(selectedTransaction.amount || 0).toLocaleString()}</span>
                                         </div>
                                     </div>
                                 </div>
                             </div>
 
-                            <div className="mt-10 pt-8 border-t border-gray-50">
-                                <button className="w-full py-4 bg-gray-50 hover:bg-red-50 text-gray-400 hover:text-red-500 rounded-2xl text-xs font-bold transition-all active:scale-95 flex items-center justify-center gap-2">
-                                    <ShieldAlert className="w-4 h-4" /> Report Transaction Issue
+                            <div className="mt-8 pt-8 border-t border-slate-100 relative z-10">
+                                <button className="w-full py-4 bg-white border border-slate-200 hover:bg-rose-50 text-slate-400 hover:text-rose-500 hover:border-rose-100 rounded-[20px] text-xs font-black uppercase tracking-widest transition-all active:scale-95 flex items-center justify-center gap-2 shadow-sm">
+                                    <ShieldAlert className="w-4 h-4" /> Report Issue
                                 </button>
                             </div>
                         </div>
                     ) : (
-                        <div className="bg-white rounded-[2.5rem] border border-gray-100 shadow-sm p-10 flex flex-col items-center justify-center h-[50vh] text-center">
-                            <Clock className="w-12 h-12 text-gray-200 mb-4" />
-                            <p className="text-gray-400 font-bold text-sm">Select a transaction to view details</p>
+                        <div className="bg-white rounded-[32px] border border-slate-100 shadow-sm shadow-slate-200/50 p-10 flex flex-col items-center justify-center h-full min-h-[400px] text-center">
+                            <div className="w-20 h-20 bg-slate-50 rounded-full flex items-center justify-center mb-4">
+                                <DollarSign className="w-8 h-8 text-slate-300" />
+                            </div>
+                            <p className="text-slate-600 font-bold text-sm">Select a transaction</p>
+                            <p className="text-slate-400 text-xs mt-1">View timeline and financial breakdown.</p>
                         </div>
                     )}
                 </div>
diff --git a/apps/web/app/gig-list/page.tsx b/apps/web/app/gig-list/page.tsx
index 5945e1d..44b8b5b 100644
--- a/apps/web/app/gig-list/page.tsx
+++ b/apps/web/app/gig-list/page.tsx
@@ -1,7 +1,7 @@
 "use client";
 import { useState, useEffect, useCallback } from "react";
 import Link from "next/link";
-import { Zap, Check, ArrowRight, Calendar } from "lucide-react";
+import { Zap, Check, ArrowRight, Calendar, Filter, X } from "lucide-react";
 
 import api from "@/lib/axios.client";
 import DashboardHeader from "@/components/DashboardHeader";
@@ -96,9 +96,9 @@ const formatCurrency = (amount: number, currency = "INR") => {
 
 function SkeletonCard() {
   return (
-    <div className="bg-white rounded-[2rem] border border-slate-100 shadow-xl shadow-slate-100/50 overflow-hidden animate-pulse">
+    <div className="bg-white rounded-[1.5rem] lg:rounded-[2rem] border border-slate-100 shadow-xl shadow-slate-100/50 overflow-hidden animate-pulse">
       <div className="h-1 bg-slate-200 w-full" />
-      <div className="p-8 flex flex-col gap-4">
+      <div className="p-6 sm:p-8 flex flex-col gap-4">
         <div className="flex items-center gap-3">
           <div className="w-11 h-11 rounded-full bg-gray-200 shrink-0" />
           <div className="flex-1 space-y-1.5">
@@ -142,16 +142,27 @@ function GigCard({ gig, view }: { gig: Gig; view: ViewMode }) {
     return (
       <Link
         href={`/gig-details?id=${gig._id}`}
-        className="bg-white rounded-[1.5rem] border border-slate-50 shadow-2xl shadow-slate-100/30 hover:shadow-emerald-50/50 transition-all duration-500 overflow-hidden group flex items-center gap-8 px-8 py-6 hover:-translate-y-1 relative cursor-pointer"
+        className="bg-white rounded-[1.5rem] border border-slate-50 shadow-2xl shadow-slate-100/30 hover:shadow-emerald-50/50 transition-all duration-500 overflow-hidden group flex flex-col sm:flex-row sm:items-center gap-5 sm:gap-8 px-5 sm:px-8 py-5 sm:py-6 hover:-translate-y-1 relative cursor-pointer"
       >
-        <div
-          className="w-14 h-14 rounded-full flex items-center justify-center text-white font-bold text-sm shadow-inner shrink-0"
-          style={{ background: color }}
-        >
-          {initials(name)}
+        <div className="flex items-center gap-4">
+          <div
+            className="w-12 h-12 sm:w-14 sm:h-14 rounded-full flex items-center justify-center text-white font-bold text-xs sm:text-sm shadow-inner shrink-0"
+            style={{ background: color }}
+          >
+            {initials(name)}
+          </div>
+          <div className="flex-1 min-w-0 sm:hidden">
+            <div className="flex items-center gap-1.5 mb-0.5">
+              <span className="font-bold text-slate-900 text-sm truncate">{name}</span>
+              <div className="bg-emerald-500 rounded-full p-0.5 shrink-0">
+                <Check className="w-2 h-2 text-white" />
+              </div>
+            </div>
+            <h3 className="text-sm font-extrabold text-slate-800 truncate mb-1 group-hover:text-emerald-600 transition-colors">{gig.title}</h3>
+          </div>
         </div>
 
-        <div className="flex-1 min-w-0">
+        <div className="flex-1 min-w-0 hidden sm:block">
           <div className="flex items-center gap-2 mb-1.5">
             <span className="font-bold text-slate-900 text-lg truncate">{name}</span>
             <div className="bg-emerald-500 rounded-full p-0.5">
@@ -162,20 +173,22 @@ function GigCard({ gig, view }: { gig: Gig; view: ViewMode }) {
           <p className="text-xs text-slate-400 truncate max-w-lg leading-relaxed">{gig.shortDescription}</p>
         </div>
 
-        <div className="text-right shrink-0 px-8 border-x border-slate-50 self-stretch flex flex-col justify-center">
-          <p className="text-[9px] font-black text-slate-300 uppercase tracking-widest mb-1">Starting at</p>
-          <p className="text-2xl font-black text-slate-900 tracking-tight">
-            {formatCurrency(gig.pricing.basePrice, gig.pricing.currency)}
-          </p>
-        </div>
-
-        <div className="shrink-0 flex items-center gap-4">
-          <div className="flex items-center gap-1.5 text-[9px] font-bold text-slate-400 bg-slate-50 px-3 py-1.5 rounded-full group-hover:bg-emerald-50 group-hover:text-emerald-500 transition-colors">
-            <Calendar className="w-3 h-3" />
-            {availableLabel}
+        <div className="flex items-center justify-between sm:justify-end sm:px-8 sm:border-l border-slate-50 w-full sm:w-auto">
+          <div className="text-left sm:text-right shrink-0">
+            <p className="text-[9px] font-black text-slate-300 uppercase tracking-widest mb-0.5 sm:mb-1">Starting at</p>
+            <p className="text-xl sm:text-2xl font-black text-slate-900 tracking-tight">
+              {formatCurrency(gig.pricing.basePrice, gig.pricing.currency)}
+            </p>
           </div>
-          <div className="w-10 h-10 rounded-full bg-emerald-500 text-white flex items-center justify-center shadow-lg shadow-emerald-500/20 group-hover:scale-110 transition-transform">
-            <ArrowRight className="w-5 h-5" />
+
+          <div className="shrink-0 flex items-center gap-3 sm:gap-4 ml-4">
+            <div className="hidden sm:flex items-center gap-1.5 text-[9px] font-bold text-slate-400 bg-slate-50 px-3 py-1.5 rounded-full group-hover:bg-emerald-50 group-hover:text-emerald-500 transition-colors">
+              <Calendar className="w-3 h-3" />
+              {availableLabel}
+            </div>
+            <div className="w-10 h-10 rounded-full bg-emerald-500 text-white flex items-center justify-center shadow-lg shadow-emerald-500/20 group-hover:scale-110 transition-transform">
+              <ArrowRight className="w-5 h-5" />
+            </div>
           </div>
         </div>
       </Link>
@@ -185,10 +198,10 @@ function GigCard({ gig, view }: { gig: Gig; view: ViewMode }) {
   return (
     <Link
       href={`/gig-details?id=${gig._id}`}
-      className="bg-white rounded-[2.5rem] border border-slate-50 shadow-2xl shadow-slate-100/30 hover:shadow-emerald-50/50 transition-all duration-500 hover:-translate-y-2 overflow-hidden group flex flex-col h-full cursor-pointer"
+      className="bg-white rounded-[1.5rem] lg:rounded-[2.5rem] border border-slate-50 shadow-2xl shadow-slate-100/30 hover:shadow-emerald-50/50 transition-all duration-500 hover:-translate-y-2 overflow-hidden group flex flex-col h-full cursor-pointer"
     >
-      <div className="p-10 flex flex-col flex-1">
-        <div className="flex items-center justify-between mb-8">
+      <div className="p-6 sm:p-8 lg:p-10 flex flex-col flex-1">
+        <div className="flex items-center justify-between mb-6 sm:mb-8">
           <div className="flex items-center gap-3">
             <div
               className="w-10 h-10 rounded-full flex items-center justify-center text-white font-bold text-xs shadow-inner shrink-0"
@@ -246,11 +259,11 @@ export default function ExploreGigs() {
   const [search, setSearch] = useState<string>("");
   const [activeCategory, setActiveCategory] = useState<string | null>(null);
   const [activePlatform, setActivePlatform] = useState<string | null>(null);
-  const [availableOnly, setAvailableOnly] = useState<boolean>(false);
   const [view, setView] = useState<ViewMode>("grid");
   const [sort, setSort] = useState<SortOption>("recommended");
   const [maxPrice, setMaxPrice] = useState<number>(MAX_PRICE_LIMIT);
   const [page, setPage] = useState<number>(1);
+  const [isMobileFiltersOpen, setIsMobileFiltersOpen] = useState<boolean>(false);
 
   const [gigs, setGigs] = useState<Gig[]>([]);
   const [pagination, setPagination] = useState<Pagination | null>(null);
@@ -317,7 +330,7 @@ export default function ExploreGigs() {
     setPage(1);
   };
 
-  const handleSortChange = (e: React.ChangeEvent<HTMLSelectElement>) => {
+  const handleSortChange = (e: React.ChangeEvent<HTMLSelectElement | HTMLInputElement>) => {
     setSort(e.target.value as SortOption);
     setPage(1);
   };
@@ -360,7 +373,7 @@ export default function ExploreGigs() {
   };
 
   return (
-    <div className="min-h-screen bg-[#F1F5F9] text-slate-900 font-sans selection:bg-emerald-100 selection:text-emerald-900 pt-20">
+    <div className="min-h-screen bg-[#F1F5F9] text-slate-900 font-sans selection:bg-emerald-100 selection:text-emerald-900 pt-16 sm:pt-20">
       {/* Navbar */}
       <DashboardHeader>
         <div className="flex items-center gap-6">
@@ -368,14 +381,14 @@ export default function ExploreGigs() {
         </div>
       </DashboardHeader>
 
-      <div className="max-w-7xl w-full mx-auto px-4 sm:px-6 lg:px-8 py-12">
+      <div className="max-w-7xl w-full mx-auto px-4 sm:px-6 lg:px-8 py-6 sm:py-12">
         {/* Header Section */}
-        <div className="flex flex-col md:flex-row md:items-end justify-between gap-6 mb-12">
+        <div className="flex flex-col md:flex-row md:items-end justify-between gap-4 sm:gap-6 mb-4 sm:mb-12">
           <div>
-            <h1 className="text-4xl font-black text-slate-900 tracking-tight leading-none mb-4">
+            <h1 className="text-2xl sm:text-4xl font-black text-slate-900 tracking-tight leading-none mb-2 sm:mb-4">
               Explore Influencer Gigs
             </h1>
-            <p className="text-slate-500 text-base max-w-md">
+            <p className="text-slate-500 text-xs sm:text-base max-w-md">
               The world&apos;s most elite creators, verified and ready for your next campaign.
             </p>
           </div>
@@ -384,7 +397,7 @@ export default function ExploreGigs() {
             <div className="flex bg-white/50 backdrop-blur-sm border border-slate-200 rounded-2xl p-1 shadow-sm">
               <button
                 onClick={() => setView("grid")}
-                className={`p-2.5 rounded-xl transition-all ${view === "grid" ? "bg-white shadow-sm text-emerald-600" : "text-slate-400 hover:text-slate-600"}`}
+                className={`p-1.5 sm:p-2.5 rounded-xl transition-all ${view === "grid" ? "bg-white shadow-sm text-emerald-600" : "text-slate-400 hover:text-slate-600"}`}
               >
                 <svg className="w-5 h-5" fill="currentColor" viewBox="0 0 16 16">
                   <rect x="1" y="1" width="6" height="6" rx="1.5" />
@@ -395,7 +408,7 @@ export default function ExploreGigs() {
               </button>
               <button
                 onClick={() => setView("list")}
-                className={`p-2.5 rounded-xl transition-all ${view === "list" ? "bg-white shadow-sm text-emerald-600" : "text-slate-400 hover:text-slate-600"}`}
+                className={`p-1.5 sm:p-2.5 rounded-xl transition-all ${view === "list" ? "bg-white shadow-sm text-emerald-600" : "text-slate-400 hover:text-slate-600"}`}
               >
                 <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                   <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2.5} d="M4 6h16M4 12h16M4 18h16" />
@@ -406,14 +419,14 @@ export default function ExploreGigs() {
         </div>
 
         {/* Modern Filter System - Sticky Glassmorphism Header */}
-        <div className="sticky top-20 z-40 -mx-4 px-4 py-6 mb-10 bg-[#F1F5F9]/80 backdrop-blur-xl border-b border-slate-200/50 space-y-6">
+        <div className="sticky top-[64px] sm:top-20 z-30 -mx-4 px-4 py-3 sm:py-6 mb-4 sm:mb-10 bg-[#F1F5F9]/95 backdrop-blur-xl border-b border-slate-200/50 space-y-3 sm:space-y-6 shadow-sm sm:shadow-none">
           {/* Category & Platform Pills */}
-          <div className="flex flex-col gap-4">
-            <div className="flex items-center gap-3 overflow-x-auto pb-2 scrollbar-none">
-              <span className="text-[10px] font-black text-slate-400 uppercase tracking-widest shrink-0">Niche:</span>
+          <div className="hidden sm:flex flex-col gap-2 sm:gap-4">
+            <div className="flex items-center gap-2 sm:gap-3 overflow-x-auto pb-1 sm:pb-2 scrollbar-none">
+              <span className="text-[9px] sm:text-[10px] font-black text-slate-400 uppercase tracking-widest shrink-0">Niche:</span>
               <button
                 onClick={() => { setActiveCategory(null); setPage(1); }}
-                className={`shrink-0 px-6 py-2.5 rounded-full text-xs font-bold transition-all border ${!activeCategory ? "bg-slate-900 border-slate-900 text-white shadow-lg shadow-slate-900/20" : "bg-white border-slate-200 text-slate-600 hover:border-slate-300"}`}
+                className={`shrink-0 px-3 py-1.5 sm:px-6 sm:py-2.5 rounded-full text-[10px] sm:text-xs font-bold transition-all border ${!activeCategory ? "bg-slate-900 border-slate-900 text-white shadow-md sm:shadow-lg shadow-slate-900/20" : "bg-white border-slate-200 text-slate-600 hover:border-slate-300"}`}
               >
                 All Gigs
               </button>
@@ -421,20 +434,20 @@ export default function ExploreGigs() {
                 <button
                   key={c}
                   onClick={() => handleCategoryChange(c)}
-                  className={`shrink-0 px-6 py-2.5 rounded-full text-xs font-bold transition-all border ${activeCategory === c ? "bg-emerald-500 border-emerald-500 text-white shadow-lg shadow-emerald-500/20" : "bg-white border-slate-200 text-slate-600 hover:border-slate-300"}`}
+                  className={`shrink-0 px-3 py-1.5 sm:px-6 sm:py-2.5 rounded-full text-[10px] sm:text-xs font-bold transition-all border ${activeCategory === c ? "bg-emerald-500 border-emerald-500 text-white shadow-md sm:shadow-lg shadow-emerald-500/20" : "bg-white border-slate-200 text-slate-600 hover:border-slate-300"}`}
                 >
                   {c}
                 </button>
               ))}
             </div>
 
-            <div className="flex items-center gap-3 overflow-x-auto pb-2 scrollbar-none">
-              <span className="text-[10px] font-black text-slate-400 uppercase tracking-widest shrink-0">Platform:</span>
+            <div className="flex items-center gap-2 sm:gap-3 overflow-x-auto pb-1 sm:pb-2 scrollbar-none">
+              <span className="text-[9px] sm:text-[10px] font-black text-slate-400 uppercase tracking-widest shrink-0">Platform:</span>
               {platformList.map((p) => (
                 <button
                   key={p}
                   onClick={() => handlePlatformChange(p)}
-                  className={`shrink-0 px-6 py-2.5 rounded-full text-xs font-bold transition-all border ${activePlatform === p ? "bg-emerald-500 border-emerald-500 text-white shadow-lg shadow-emerald-500/20" : "bg-white border-slate-200 text-slate-600 hover:border-slate-300"}`}
+                  className={`shrink-0 px-3 py-1.5 sm:px-6 sm:py-2.5 rounded-full text-[10px] sm:text-xs font-bold transition-all border ${activePlatform === p ? "bg-emerald-500 border-emerald-500 text-white shadow-md sm:shadow-lg shadow-emerald-500/20" : "bg-white border-slate-200 text-slate-600 hover:border-slate-300"}`}
                 >
                   {p}
                 </button>
@@ -443,27 +456,28 @@ export default function ExploreGigs() {
           </div>
 
           {/* Utility Bar */}
-          <div className="flex flex-col lg:flex-row items-center gap-4">
+          <div className="flex flex-col lg:flex-row items-center gap-3 sm:gap-4 w-full">
             <div className="relative flex-1 group w-full">
-              <div className="absolute left-5 top-1/2 -translate-y-1/2 text-slate-400 group-focus-within:text-emerald-500 transition-colors">
-                <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <div className="absolute left-4 sm:left-5 top-1/2 -translate-y-1/2 text-slate-400 group-focus-within:text-emerald-500 transition-colors">
+                <svg className="w-4 h-4 sm:w-5 sm:h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                   <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2.5} d="M21 21l-4.35-4.35M16.65 16.65A7.5 7.5 0 1110 2.5a7.5 7.5 0 016.65 14.15z" />
                 </svg>
               </div>
               <input
                 type="text"
-                placeholder="Search creators, keywords, or niches..."
+                placeholder="Search creators or keywords..."
                 value={search}
                 onChange={(e) => setSearch(e.target.value)}
                 onKeyDown={handleSearchKeyDown}
                 onBlur={handleSearchBlur}
-                className="w-full pl-14 pr-6 py-4 bg-white border border-slate-200 rounded-[2rem] text-sm font-medium focus:outline-none focus:ring-4 focus:ring-emerald-500/10 focus:border-emerald-500 transition-all shadow-sm"
+                className="w-full pl-10 pr-4 py-2 sm:pl-14 sm:pr-6 sm:py-4 bg-white border border-slate-200 rounded-full sm:rounded-[2rem] text-xs sm:text-sm font-medium focus:outline-none focus:ring-4 focus:ring-emerald-500/10 focus:border-emerald-500 transition-all shadow-sm"
               />
             </div>
 
-            <div className="flex items-center gap-3 w-full lg:w-auto">
-              <div className="bg-white border border-slate-200 rounded-[2rem] px-6 py-3 flex items-center gap-4 flex-1 lg:flex-none">
-                <span className="text-[10px] font-black text-slate-400 uppercase tracking-widest shrink-0">Budget:</span>
+            <div className="hidden sm:flex flex-row flex-nowrap items-center gap-2 sm:gap-3 w-full lg:w-auto">
+              <div className="bg-white border border-slate-200 rounded-full sm:rounded-[2rem] px-3 sm:px-6 py-2 sm:py-3 flex items-center gap-2 sm:gap-4 flex-1 lg:flex-none">
+                <span className="text-[9px] sm:text-[10px] font-black text-slate-400 uppercase tracking-widest shrink-0 hidden sm:inline">Budget:</span>
+                <span className="text-[9px] font-black text-slate-400 uppercase tracking-widest shrink-0 sm:hidden">Max:</span>
                 <input
                   type="range"
                   min={1000}
@@ -473,9 +487,9 @@ export default function ExploreGigs() {
                   onChange={handleMaxPriceChange}
                   onMouseUp={handleMaxPriceCommit}
                   onTouchEnd={handleMaxPriceCommit}
-                  className="w-32 accent-emerald-500 h-1.5"
+                  className="w-full sm:w-32 accent-emerald-500 h-1 sm:h-1.5"
                 />
-                <span className="text-xs font-bold text-slate-900 w-12 text-right">
+                <span className="text-[10px] sm:text-xs font-bold text-slate-900 w-8 sm:w-12 text-right shrink-0">
                   {maxPrice >= MAX_PRICE_LIMIT ? "50k+" : `${(maxPrice / 1000).toFixed(0)}k`}
                 </span>
               </div>
@@ -483,49 +497,40 @@ export default function ExploreGigs() {
               <select
                 value={sort}
                 onChange={handleSortChange}
-                className="bg-white border border-slate-200 rounded-[2rem] px-6 py-3 text-xs font-bold text-slate-900 focus:outline-none focus:ring-4 focus:ring-emerald-500/10 focus:border-emerald-500 transition-all shadow-sm flex-1 lg:flex-none appearance-none"
-                style={{ backgroundImage: 'url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'none\' viewBox=\'0 0 24 24\' stroke=\'%2364748b\'%3E%3Cpath stroke-linecap=\'round\' stroke-linejoin=\'round\' stroke-width=\'2.5\' d=\'M19 9l-7 7-7-7\'%3E%3C/path%3E%3C/svg%3E")', backgroundRepeat: 'no-repeat', backgroundPosition: 'right 1.5rem center', backgroundSize: '1rem' }}
+                className="bg-white border border-slate-200 rounded-full sm:rounded-[2rem] px-3 sm:px-6 py-2 sm:py-3 text-[10px] sm:text-xs font-bold text-slate-900 focus:outline-none focus:ring-4 focus:ring-emerald-500/10 focus:border-emerald-500 transition-all shadow-sm flex-1 lg:flex-none appearance-none"
+                style={{ backgroundImage: 'url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'none\' viewBox=\'0 0 24 24\' stroke=\'%2364748b\'%3E%3Cpath stroke-linecap=\'round\' stroke-linejoin=\'round\' stroke-width=\'2.5\' d=\'M19 9l-7 7-7-7\'%3E%3C/path%3E%3C/svg%3E")', backgroundRepeat: 'no-repeat', backgroundPosition: 'right 0.75rem center', backgroundSize: '0.8rem' }}
               >
                 {sortOptions.map((o) => (
                   <option key={o.value} value={o.value}>{o.label}</option>
                 ))}
               </select>
-
-              <button
-                onClick={() => { setAvailableOnly(!availableOnly); setPage(1); }}
-                className={`flex items-center gap-2 px-6 py-3 rounded-[2rem] border transition-all truncate ${availableOnly ? "bg-emerald-50 border-emerald-200 text-emerald-700 font-bold" : "bg-white border-slate-200 text-slate-600 hover:border-slate-300 font-medium"}`}
-              >
-                <div className={`w-2 h-2 rounded-full ${availableOnly ? "bg-emerald-500 animate-pulse" : "bg-slate-300"}`} />
-                <span className="text-xs">Live Now</span>
-              </button>
             </div>
           </div>
         </div>
 
         {/* Stats Context Bar */}
-        <div className="flex items-center justify-between mb-8 px-2 border-b border-slate-200 pb-4">
-          <div className="text-xs font-bold text-slate-400 tracking-wide uppercase">
+        <div className="flex items-center justify-between mb-4 sm:mb-8 px-2 border-b border-slate-200 pb-3 sm:pb-4">
+          <div className="text-[10px] sm:text-xs font-bold text-slate-400 tracking-wide uppercase">
             {loading ? (
               <span className="flex items-center gap-2">
-                <div className="w-4 h-4 rounded-full border-2 border-slate-200 border-t-emerald-500 animate-spin" />
+                <div className="w-3 h-3 sm:w-4 sm:h-4 rounded-full border-2 border-slate-200 border-t-emerald-500 animate-spin" />
                 Synchronizing...
               </span>
             ) : pagination ? (
-              <>Found <span className="text-slate-900">{pagination.total}</span> Results Matches</>
+              <>Found <span className="text-slate-900">{pagination.total}</span> Matches</>
             ) : null}
           </div>
 
-          {(activeCategory || activePlatform || maxPrice < MAX_PRICE_LIMIT || availableOnly) && (
+          {(activeCategory || activePlatform || maxPrice < MAX_PRICE_LIMIT) && (
             <button
               onClick={() => {
                 setActiveCategory(null);
                 setActivePlatform(null);
                 setMaxPrice(MAX_PRICE_LIMIT);
                 setCommittedMaxPrice(MAX_PRICE_LIMIT);
-                setAvailableOnly(false);
                 setPage(1);
               }}
-              className="flex items-center gap-2 text-[10px] font-black text-emerald-600 uppercase tracking-widest hover:text-emerald-700 transition-colors"
+              className="flex items-center gap-1.5 sm:gap-2 text-[9px] sm:text-[10px] font-black text-emerald-600 uppercase tracking-widest hover:text-emerald-700 transition-colors"
             >
               Reset Search
               <svg className="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -553,7 +558,7 @@ export default function ExploreGigs() {
 
         {/* Cards */}
         <div
-          className={`grid gap-12 ${view === "grid"
+          className={`grid gap-6 sm:gap-8 lg:gap-12 ${view === "grid"
             ? "grid-cols-1 sm:grid-cols-2 xl:grid-cols-3"
             : "grid-cols-1"
             }`}
@@ -628,6 +633,137 @@ export default function ExploreGigs() {
         )}
       </div>
 
+      {/* Mobile Floating Filters Button */}
+      <button
+        onClick={() => setIsMobileFiltersOpen(true)}
+        className="sm:hidden fixed bottom-6 right-6 z-50 bg-slate-900 text-white px-5 py-3.5 rounded-full shadow-2xl flex items-center gap-2.5 hover:bg-slate-800 transition-all active:scale-95"
+      >
+        <Filter className="w-5 h-5" />
+        <span className="text-sm font-bold tracking-wide">Filters</span>
+        {(activeCategory || activePlatform || committedMaxPrice < MAX_PRICE_LIMIT || sort !== 'recommended') && (
+          <span className="absolute -top-1 -right-1 w-3.5 h-3.5 bg-emerald-500 rounded-full border-2 border-slate-900"></span>
+        )}
+      </button>
+
+      {/* Mobile Filters Modal */}
+      {isMobileFiltersOpen && (
+        <div className="fixed inset-0 z-[100] sm:hidden flex flex-col justify-end">
+          <div className="absolute inset-0 bg-slate-900/40 backdrop-blur-sm" onClick={() => setIsMobileFiltersOpen(false)} />
+          <div className="bg-white w-full rounded-t-[2rem] shadow-2xl relative z-10 flex flex-col max-h-[85vh] animate-in slide-in-from-bottom-full duration-300">
+            <div className="p-5 border-b border-slate-100 flex items-center justify-between">
+              <h2 className="text-xl font-black text-slate-900">Filters</h2>
+              <button onClick={() => setIsMobileFiltersOpen(false)} className="p-2 bg-slate-50 text-slate-500 rounded-full hover:bg-slate-100 transition-colors">
+                <X className="w-5 h-5" />
+              </button>
+            </div>
+            
+            <div className="p-6 overflow-y-auto flex-1 space-y-8">
+              {/* Category */}
+              <div>
+                <h3 className="text-[11px] font-black text-slate-400 uppercase tracking-widest mb-3">Niche</h3>
+                <div className="flex flex-wrap gap-2.5">
+                  <button
+                    onClick={() => { setActiveCategory(null); setPage(1); }}
+                    className={`px-4 py-2.5 rounded-xl text-xs font-bold transition-all border ${!activeCategory ? "bg-slate-900 border-slate-900 text-white shadow-md shadow-slate-900/20" : "bg-white border-slate-200 text-slate-600"}`}
+                  >
+                    All Gigs
+                  </button>
+                  {categories.map((c) => (
+                    <button
+                      key={c}
+                      onClick={() => handleCategoryChange(c)}
+                      className={`px-4 py-2.5 rounded-xl text-xs font-bold transition-all border ${activeCategory === c ? "bg-emerald-500 border-emerald-500 text-white shadow-md shadow-emerald-500/20" : "bg-white border-slate-200 text-slate-600"}`}
+                    >
+                      {c}
+                    </button>
+                  ))}
+                </div>
+              </div>
+
+              {/* Platform */}
+              <div>
+                <h3 className="text-[11px] font-black text-slate-400 uppercase tracking-widest mb-3">Platform</h3>
+                <div className="flex flex-wrap gap-2.5">
+                  {platformList.map((p) => (
+                    <button
+                      key={p}
+                      onClick={() => handlePlatformChange(p)}
+                      className={`px-4 py-2.5 rounded-xl text-xs font-bold transition-all border ${activePlatform === p ? "bg-emerald-500 border-emerald-500 text-white shadow-md shadow-emerald-500/20" : "bg-white border-slate-200 text-slate-600"}`}
+                    >
+                      {p}
+                    </button>
+                  ))}
+                </div>
+              </div>
+
+              {/* Budget */}
+              <div>
+                <div className="flex items-center justify-between mb-4">
+                  <h3 className="text-[11px] font-black text-slate-400 uppercase tracking-widest">Max Budget</h3>
+                  <span className="text-sm font-black text-emerald-600 bg-emerald-50 px-3 py-1 rounded-lg">
+                    {maxPrice >= MAX_PRICE_LIMIT ? "50k+" : `₹${(maxPrice / 1000).toFixed(0)}k`}
+                  </span>
+                </div>
+                <input
+                  type="range"
+                  min={1000}
+                  max={MAX_PRICE_LIMIT}
+                  step={1000}
+                  value={maxPrice}
+                  onChange={handleMaxPriceChange}
+                  onMouseUp={handleMaxPriceCommit}
+                  onTouchEnd={handleMaxPriceCommit}
+                  className="w-full accent-emerald-500 h-2 bg-slate-100 rounded-full appearance-none outline-none"
+                />
+              </div>
+
+              {/* Sort */}
+              <div>
+                <h3 className="text-[11px] font-black text-slate-400 uppercase tracking-widest mb-3">Sort By</h3>
+                <div className="flex flex-col gap-2">
+                  {sortOptions.map((o) => (
+                    <label key={o.value} className={`flex items-center gap-3 p-3.5 rounded-xl border transition-all ${sort === o.value ? 'border-emerald-500 bg-emerald-50/50' : 'border-slate-100 bg-white'}`}>
+                      <input 
+                        type="radio" 
+                        name="sortMobile" 
+                        value={o.value} 
+                        checked={sort === o.value}
+                        onChange={(e) => handleSortChange(e)}
+                        className="accent-emerald-500 w-4 h-4"
+                      />
+                      <span className={`text-sm font-bold ${sort === o.value ? 'text-emerald-700' : 'text-slate-600'}`}>{o.label}</span>
+                    </label>
+                  ))}
+                </div>
+              </div>
+            </div>
+
+            {/* Apply & Reset Footer */}
+            <div className="p-5 border-t border-slate-100 flex gap-3 bg-white pb-8">
+              <button 
+                onClick={() => {
+                  setActiveCategory(null);
+                  setActivePlatform(null);
+                  setMaxPrice(MAX_PRICE_LIMIT);
+                  setCommittedMaxPrice(MAX_PRICE_LIMIT);
+                  setSort("recommended");
+                  setPage(1);
+                }}
+                className="flex-1 py-4 rounded-xl font-bold text-sm bg-slate-50 text-slate-600 hover:bg-slate-100 transition-colors"
+              >
+                Reset
+              </button>
+              <button 
+                onClick={() => setIsMobileFiltersOpen(false)}
+                className="flex-[2] py-4 rounded-xl font-bold text-sm bg-slate-900 text-white shadow-lg shadow-slate-900/20 active:scale-95 transition-all"
+              >
+                Show Results
+              </button>
+            </div>
+          </div>
+        </div>
+      )}
+
       {/* Footer */}
       <footer className="bg-[#0F172A] pt-28 pb-16 text-slate-400">
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
@@ -641,7 +777,7 @@ export default function ExploreGigs() {
               <span className="text-2xl font-black text-white tracking-tight ">Noillin</span>
             </div>
 
-            <div className="flex gap-16 text-[13px] font-bold uppercase tracking-widest">
+            <div className="flex flex-wrap justify-center gap-6 sm:gap-16 text-[13px] font-bold uppercase tracking-widest">
               {["About", "Support", "Privacy", "Terms"].map(l => (
                 <a key={l} href="#" className="hover:text-emerald-500 transition-colors">{l}</a>
               ))}
diff --git a/apps/web/components/DashboardHeader.tsx b/apps/web/components/DashboardHeader.tsx
index 5395ee0..8e74eb8 100644
--- a/apps/web/components/DashboardHeader.tsx
+++ b/apps/web/components/DashboardHeader.tsx
@@ -10,7 +10,6 @@ import NoillinIcon from "./NoillinIcon";
 
 import { useAuthStore } from "@/store/auth.store";
 import api from "@/lib/axios.client";
-import Logo from "@/components/shared/Logo";
 
 interface DashboardHeaderProps {
     showSidebarToggle?: boolean;
diff --git a/apps/web/components/NotificationBell.tsx b/apps/web/components/NotificationBell.tsx
index c0b7585..c1fd4d8 100644
--- a/apps/web/components/NotificationBell.tsx
+++ b/apps/web/components/NotificationBell.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { useEffect, useRef, useState } from "react";
-import { Bell } from "lucide-react";
+import { Bell, X } from "lucide-react";
 import { useRouter } from "next/navigation";
 
 import { useNotificationStore, Notification } from "@/store/notification.store";
@@ -121,57 +121,71 @@ useEffect(() => {
       </button>
 
       {isOpen && (
-        <div className="absolute right-0 mt-2 w-80 bg-white rounded-xl shadow-lg border border-gray-100 overflow-hidden z-50 animate-in slide-in-from-top-2 fade-in-0 duration-200">
-          <div className="px-4 py-3 border-b border-gray-100 flex justify-between items-center bg-gray-50/50">
-            <h3 className="font-semibold text-gray-900 text-sm">Notifications</h3>
-            {unreadCount > 0 && (
-              <span className="text-xs font-medium bg-green-100 text-[#059669] px-2 py-0.5 rounded-full">
-                {unreadCount} new
-              </span>
-            )}
-          </div>
-
-          <div className="max-h-96 overflow-y-auto">
-            {loading && notifications.length === 0 ? (
-              <div className="p-6 flex justify-center">
-                <div className="w-5 h-5 border-2 border-[#059669] border-t-transparent rounded-full animate-spin"></div>
+        <>
+          {/* Mobile backdrop */}
+          <div className="fixed inset-0 bg-slate-900/20 backdrop-blur-sm z-[90] sm:hidden" onClick={() => setIsOpen(false)} />
+          
+          <div className="fixed sm:absolute inset-0 sm:inset-auto sm:right-0 sm:mt-3 sm:w-[400px] bg-white sm:rounded-[24px] shadow-2xl sm:border border-slate-100 overflow-hidden z-[100] animate-in slide-in-from-bottom-4 sm:slide-in-from-top-2 fade-in-0 duration-300 flex flex-col h-[100dvh] sm:h-auto sm:max-h-[85vh]">
+            <div className="px-5 py-4 border-b border-slate-100 flex justify-between items-center bg-white shrink-0">
+              <h3 className="font-black text-slate-900 text-lg sm:text-base tracking-tight">Notifications</h3>
+              <div className="flex items-center gap-3">
+                {unreadCount > 0 && (
+                  <span className="text-[10px] font-black bg-emerald-500 text-white px-2.5 py-1 rounded-full uppercase tracking-widest shadow-sm shadow-emerald-500/20">
+                    {unreadCount} new
+                  </span>
+                )}
+                <button onClick={() => setIsOpen(false)} className="p-1.5 rounded-full bg-slate-50 text-slate-400 sm:hidden hover:bg-slate-100">
+                  <X className="w-5 h-5" />
+                </button>
               </div>
-            ) : notifications.length === 0 ? (
-              <div className="p-8 flex flex-col items-center justify-center text-center">
-                <div className="w-12 h-12 bg-gray-50 rounded-full flex items-center justify-center mb-3">
-                  <Bell className="w-6 h-6 text-gray-300" />
+            </div>
+
+            <div className="flex-1 overflow-y-auto sm:max-h-[420px] custom-scrollbar bg-slate-50/50">
+              {loading && notifications.length === 0 ? (
+                <div className="p-10 flex justify-center">
+                  <div className="w-6 h-6 border-2 border-emerald-500 border-t-transparent rounded-full animate-spin"></div>
                 </div>
-                <p className="text-sm text-gray-500 font-medium">No notifications yet</p>
-                <p className="text-xs text-gray-400 mt-1">We&apos;ll let you know when something happens.</p>
-              </div>
-            ) : (
-              <ul className="divide-y divide-gray-50">
-                {notifications.map((notification) => (
-                  <li
-                    key={notification._id}
-                    onClick={() => handleNotificationClick(notification)}
-                    className={`p-4 transition-colors cursor-pointer group ${!notification.read ? "bg-green-50/30 hover:bg-green-50/50" : "hover:bg-gray-50"
-                      }`}
-                  >
-                    <div className="flex items-start gap-3">
-                      {!notification.read && (
-                        <div className="mt-1.5 shrink-0 w-2 h-2 bg-[#059669] rounded-full"></div>
-                      )}
-                      <div className={`flex-1 ${!notification.read ? "ml-0" : "ml-5"}`}>
-                        <p className={`text-sm leading-snug ${!notification.read ? "text-gray-900 font-medium" : "text-gray-600"}`}>
-                          {notification.message}
-                        </p>
-                        <p className="text-xs text-gray-400 mt-1.5 font-medium">
-                          {formatTime(notification.createdAt)}
-                        </p>
+              ) : notifications.length === 0 ? (
+                <div className="p-10 flex flex-col items-center justify-center text-center">
+                  <div className="w-16 h-16 bg-white shadow-sm border border-slate-100 rounded-full flex items-center justify-center mb-4">
+                    <Bell className="w-6 h-6 text-slate-300" />
+                  </div>
+                  <p className="text-sm text-slate-900 font-bold mb-1">No notifications yet</p>
+                  <p className="text-xs text-slate-400">We&apos;ll let you know when something happens.</p>
+                </div>
+              ) : (
+                <ul className="divide-y divide-slate-100/50">
+                  {notifications.map((notification) => (
+                    <li
+                      key={notification._id}
+                      onClick={() => handleNotificationClick(notification)}
+                      className={`p-5 transition-all cursor-pointer group ${!notification.read ? "bg-white hover:bg-emerald-50/30" : "bg-transparent hover:bg-white"
+                        }`}
+                    >
+                      <div className="flex items-start gap-4">
+                        <div className="mt-1.5 shrink-0">
+                          {notification.read ? (
+                            <div className="w-2 h-2 bg-slate-200 rounded-full"></div>
+                          ) : (
+                            <div className="w-2.5 h-2.5 bg-emerald-500 rounded-full shadow-sm shadow-emerald-500/50 ring-4 ring-emerald-50"></div>
+                          )}
+                        </div>
+                        <div className="flex-1">
+                          <p className={`text-[13px] leading-relaxed ${!notification.read ? "text-slate-900 font-bold" : "text-slate-600 font-medium"}`}>
+                            {notification.message}
+                          </p>
+                          <p className="text-[10px] text-slate-400 mt-2 font-bold uppercase tracking-widest">
+                            {formatTime(notification.createdAt)}
+                          </p>
+                        </div>
                       </div>
-                    </div>
-                  </li>
-                ))}
-              </ul>
-            )}
+                    </li>
+                  ))}
+                </ul>
+              )}
+            </div>
           </div>
-        </div>
+        </>
       )}
     </div>
   );
diff --git a/apps/web/components/SetupNavbar.tsx b/apps/web/components/SetupNavbar.tsx
index 0cf1436..df4f10f 100644
--- a/apps/web/components/SetupNavbar.tsx
+++ b/apps/web/components/SetupNavbar.tsx
@@ -1,10 +1,13 @@
 "use client";
 
-import Link from "next/link";
 import { motion } from "framer-motion";
+import { usePathname } from "next/navigation";
 
 import NoillinIcon from "./NoillinIcon";
 
+import { useAuthStore } from "@/store/auth.store";
+
+
 interface SetupNavbarProps {
   step?: 1 | 2 | 3;
   mode?: "onboarding" | "reset";
diff --git a/apps/web/components/chat/ChatInput.tsx b/apps/web/components/chat/ChatInput.tsx
index e589aeb..988e0f7 100644
--- a/apps/web/components/chat/ChatInput.tsx
+++ b/apps/web/components/chat/ChatInput.tsx
@@ -25,9 +25,9 @@ export function ChatInput({ onSend, disabled }: ChatInputProps) {
 
   return (
     <div className="p-4 bg-white/80 backdrop-blur-md border-t border-gray-100 w-full z-10 sticky bottom-0">
-      <div className="flex bg-white border border-gray-200 shadow-sm rounded-full w-full items-center px-3 py-2 focus-within:ring-4 focus-within:ring-[#20B271]/10 focus-within:border-[#20B271]/40 transition-all duration-300">
+      <div className="flex bg-white border border-gray-200 shadow-sm rounded-full w-full items-center px-3 py-2 focus-within:ring-4 focus-within:ring-emerald-500/10 focus-within:border-emerald-500/40 transition-all duration-300">
         <button 
-          className="text-gray-400 hover:text-[#20B271] p-2 transition-colors rounded-full hover:bg-[#20B271]/10 disabled:opacity-50"
+          className="text-gray-400 hover:text-emerald-500 p-2 transition-colors rounded-full hover:bg-emerald-500/10 disabled:opacity-50"
           aria-label="Attach file"
           disabled={disabled}
         >
@@ -45,7 +45,7 @@ export function ChatInput({ onSend, disabled }: ChatInputProps) {
         <button
           onClick={handleSend}
           disabled={!inputValue.trim() || disabled}
-          className="ml-2 bg-[#20B271] text-white rounded-full p-2 w-10 h-10 flex items-center justify-center hover:bg-[#1a925d] hover:shadow-lg hover:-translate-y-0.5 active:translate-y-0 disabled:opacity-50 disabled:hover:shadow-none disabled:hover:translate-y-0 disabled:cursor-not-allowed transition-all duration-200"
+          className="ml-2 bg-emerald-500 text-white rounded-full p-2 w-10 h-10 flex items-center justify-center hover:bg-emerald-600 hover:shadow-lg hover:-translate-y-0.5 active:translate-y-0 disabled:opacity-50 disabled:hover:shadow-none disabled:hover:translate-y-0 disabled:cursor-not-allowed transition-all duration-200"
           aria-label="Send message"
         >
           <SendHorizontal className="w-5 h-5 -ml-0.5" />
diff --git a/apps/web/components/chat/ChatWindow.tsx b/apps/web/components/chat/ChatWindow.tsx
index 6a64f0c..3393aeb 100644
--- a/apps/web/components/chat/ChatWindow.tsx
+++ b/apps/web/components/chat/ChatWindow.tsx
@@ -46,6 +46,7 @@ interface ChatWindowProps {
   receiverName?: string;
   receiverImage?: string;
   disabled?: boolean;
+  onBack?: () => void;
 }
 
 interface Order {
@@ -62,6 +63,7 @@ export function ChatWindow({
   receiverId,
   receiverName,
   receiverImage,
+  onBack,
 }: ChatWindowProps) {
   const searchParams = useSearchParams();
   const urlGigId = searchParams.get("gigId") || searchParams.get("gig");
@@ -231,7 +233,7 @@ export function ChatWindow({
       console.log("Disconnecting chat socket...");
       socketInstance.disconnect();
     };
-  }, [currentUserId, gigRequestId, fetchConnection]);
+  }, [currentUserId, gigRequestId, fetchConnection, fetchOrder]);
 
   // ✅ auto scroll
   useEffect(() => {
@@ -407,12 +409,17 @@ export function ChatWindow({
   }, [gigRequestId, accessToken, fetchCounts]);
 
   return (
-    <div className="flex flex-col h-full bg-[#f8f9fa] shadow-2xl relative w-full overflow-hidden">
+    <div className="flex flex-col h-full bg-transparent shadow-none relative w-full overflow-hidden">
       {/* Header */}
-      <div className="flex items-center justify-between px-6 py-4 border-b border-gray-100 bg-white/95 backdrop-blur-xl sticky top-0 z-20">
-        <div className="flex items-center space-x-4">
+      <div className="flex items-center justify-between px-4 sm:px-6 py-3 border-b border-gray-100 bg-white/95 backdrop-blur-xl sticky top-0 z-20">
+        <div className="flex items-center space-x-3">
+          {onBack && (
+            <button onClick={onBack} className="p-1.5 -ml-1.5 text-gray-400 hover:text-gray-700 hover:bg-gray-100 rounded-lg lg:hidden">
+              <ChevronLeft className="w-5 h-5" />
+            </button>
+          )}
           <div className="relative">
-            <div className="w-12 h-12 rounded-full bg-gradient-to-tr from-gray-100 to-gray-200 overflow-hidden flex items-center justify-center ring-2 ring-white shadow-sm relative">
+            <div className="w-10 h-10 rounded-full bg-gradient-to-tr from-gray-100 to-gray-200 overflow-hidden flex items-center justify-center ring-2 ring-white shadow-sm relative">
               {receiverImage ? (
                 <Image src={receiverImage} alt={receiverName || "profile"} fill className="object-cover" unoptimized />
               ) : (
@@ -421,16 +428,16 @@ export function ChatWindow({
                 </span>
               )}
             </div>
-            <div className="absolute bottom-0.5 right-0.5 w-3 h-3 bg-[#20B271] rounded-full border-2 border-white"></div>
+            <div className="absolute bottom-0.5 right-0.5 w-3 h-3 bg-emerald-500 rounded-full border-2 border-white"></div>
           </div>
           <div>
-            <h2 className="text-[17px] font-bold text-gray-900 tracking-tight leading-tight">{receiverName || "Loading..."}</h2>
-            <p className="text-[13px] text-[#20B271] font-medium mt-0.5">Online</p>
+            <h2 className="text-[15px] sm:text-base font-bold text-gray-900 tracking-tight leading-none">{receiverName || "Loading..."}</h2>
+            <p className="text-[11px] sm:text-xs text-emerald-500 font-medium mt-0.5">Online</p>
           </div>
         </div>
         <div className="relative">
-          <button onClick={() => setIsOptionsOpen(!isOptionsOpen)} className="p-2.5 text-gray-400 hover:text-gray-700 hover:bg-gray-100/80 rounded-full transition-all">
-            <MoreVertical className="w-5 h-5" />
+          <button onClick={() => setIsOptionsOpen(!isOptionsOpen)} className="p-2 text-gray-400 hover:text-gray-700 hover:bg-gray-100/80 rounded-full transition-all">
+            <MoreVertical className="w-4 h-4 sm:w-5 sm:h-5" />
           </button>
 
           {isOptionsOpen && (
@@ -464,8 +471,8 @@ export function ChatWindow({
           <div className="flex items-center gap-3">
             <div className="w-8 h-8 bg-emerald-100 text-emerald-600 rounded-lg flex items-center justify-center"><MessageSquare className="w-4 h-4" /></div>
             <div>
-              <p className="text-sm font-bold text-emerald-900 leading-none">New Booking Request</p>
-              <p className="text-xs text-emerald-600 mt-1 font-medium">Review to enable chat</p>
+              <p className="text-xs sm:text-sm font-bold text-emerald-900 leading-none">New Booking Request</p>
+              <p className="text-[10px] sm:text-xs text-emerald-600 mt-1 font-medium">Review to enable chat</p>
             </div>
           </div>
           <div className="flex gap-2">
@@ -486,7 +493,7 @@ export function ChatWindow({
       )}
 
       {/* Messages */}
-      <div className="flex-1 overflow-y-auto px-6 py-6 pb-2">
+      <div className="flex-1 overflow-y-auto px-4 sm:px-6 py-4 pb-2">
         {messages.length === 0 ? (
           <div className="h-full flex flex-col items-center justify-center text-center">
             <div className="w-16 h-16 bg-gray-100 rounded-full flex items-center justify-center mb-4"><span className="text-2xl">👋</span></div>
diff --git a/apps/web/components/chat/MessageBubble.tsx b/apps/web/components/chat/MessageBubble.tsx
index 4ff8ee9..aeedecd 100644
--- a/apps/web/components/chat/MessageBubble.tsx
+++ b/apps/web/components/chat/MessageBubble.tsx
@@ -56,20 +56,20 @@ export function MessageBubble({ message, currentUserId, isBrand, onRespond, onRe
   return (
     <div
       className={cn(
-        "flex w-full mb-4",
-        isSystem || isOrderCompleted ? "justify-center" : isMine ? "justify-end" : "justify-start"
+        "flex w-full mb-1",
+        isSystem || isOrderCompleted ? "justify-center mt-2" : isMine ? "justify-end" : "justify-start"
       )}
     >
       <div
         className={cn(
           "relative shadow-sm transition-all overflow-hidden",
           isSystem || isProposal || isDeliverable || isOrderCompleted
-            ? "w-full max-w-sm bg-white border border-gray-100 rounded-[24px]"
+            ? "w-full max-w-sm bg-white border border-gray-100 rounded-[24px] shadow-sm"
             : cn(
-              "px-5 py-3 max-w-[75%] sm:max-w-md text-[15px] leading-relaxed",
+              "px-3 py-1.5 max-w-[85%] sm:max-w-md text-[13px] sm:text-[14px] leading-relaxed relative",
               isMine
-                ? "bg-gradient-to-br from-[#20B271] to-[#18965f] text-white rounded-[20px] rounded-br-sm"
-                : "bg-white text-gray-800 border border-gray-100 rounded-[20px] rounded-bl-sm"
+                ? "bg-emerald-500 text-white rounded-[14px] rounded-br-sm shadow-sm"
+                : "bg-white text-gray-800 border border-gray-100 rounded-[14px] rounded-bl-sm shadow-sm"
             )
         )}
       >
@@ -155,7 +155,7 @@ export function MessageBubble({ message, currentUserId, isBrand, onRespond, onRe
 
           return (
             <div className="flex flex-col w-full text-left">
-              <div className={`p-5 bg-gradient-to-br ${gradients[colorClass]}`}>
+              <div className={`p-3 bg-gradient-to-br ${gradients[colorClass]}`}>
                 <div className="flex items-center justify-between mb-4">
                   <span className={`text-[11px] font-black uppercase tracking-widest ${textTitles[colorClass]}`}>{title}</span>
                   <span className={`px-2.5 py-0.5 rounded-full text-[10px] font-bold border bg-white shadow-sm ${textBadges[colorClass]}`}>
@@ -181,7 +181,7 @@ export function MessageBubble({ message, currentUserId, isBrand, onRespond, onRe
           );
         })() : isProposal && pData ? (
           <div className="flex flex-col">
-            <div className="p-5 bg-gradient-to-br from-gray-50 to-gray-100/50">
+            <div className="p-3 bg-gradient-to-br from-gray-50 to-gray-100/50">
               <div className="flex items-center justify-between mb-4">
                 <span className="text-[11px] font-black uppercase tracking-widest text-gray-400">Collaboration Proposal</span>
                 <span className={cn("px-2.5 py-0.5 rounded-full text-[10px] font-bold border", getProposalStatusColor(pData.status))}>
@@ -256,7 +256,7 @@ export function MessageBubble({ message, currentUserId, isBrand, onRespond, onRe
           </div>
         ) : isDeliverable && dData ? (
           <div className="flex flex-col">
-            <div className="p-5 bg-gradient-to-br from-gray-50 to-white">
+            <div className="p-3 bg-gradient-to-br from-gray-50 to-white">
               <div className="flex items-center justify-between mb-4">
                 <span className="text-[11px] font-black uppercase tracking-widest text-emerald-600">Final Deliverable</span>
                 <span className={cn("px-2.5 py-0.5 rounded-full text-[10px] font-bold border capitalize",
@@ -323,19 +323,18 @@ export function MessageBubble({ message, currentUserId, isBrand, onRespond, onRe
         {!isSystem && (
           <div
             className={cn(
-              "flex items-center justify-end gap-1 px-5 pb-3 pointer-events-none",
-              isProposal ? "mt-0" : "mt-1.5",
-              isMine && !isProposal ? "text-green-100" : "text-gray-400"
+              "flex items-center justify-end gap-1 px-1 pt-0.5 pointer-events-none float-right clear-both ml-3 mt-1",
+              isMine && !isProposal ? "text-emerald-100" : "text-gray-400"
             )}
           >
-            <span className="text-[10px] uppercase tracking-wider">
+            <span className="text-[9px] sm:text-[10px] tracking-wider leading-none">
               {new Date(message.createdAt).toLocaleTimeString([], {
                 hour: "2-digit",
                 minute: "2-digit",
               })}
             </span>
             {isMine && (
-              <span className="text-[12px] ml-0.5 flex gap-[1px]">
+              <span className="text-[11px] sm:text-[12px] ml-0.5 flex gap-[1px] leading-none">
                 {message.status === "SENT" && "✓"}
                 {message.status === "DELIVERED" && "✓✓"}
                 {message.status === "READ" && (
diff --git a/data.ms/auth/lock.mdb b/data.ms/auth/lock.mdb
index e575fdda37265b41038bf603e9f7442063f50914..ffcca0841b625a790821cb327e64c60e4a1ec946 100644
GIT binary patch
delta 19
acmZp0XmFS?ku||?cWK?mh4Jze6Sx6SDF?p*

delta 19
acmZp0XmFS?k@Y}#cT4TYh4Jze6Sx6Ymk3G#

diff --git a/data.ms/indexes/1d141789-4d51-4a8c-b800-fead2df19ab9/data.mdb b/data.ms/indexes/1d141789-4d51-4a8c-b800-fead2df19ab9/data.mdb
index 48572adf35c859bac10e8547a7d0508c93ad0d0a..a73317bfa47a9285b0597f1fb5b71035154e641b 100644
GIT binary patch
delta 1313
zcmbu7PiqrF7{>di(I${?5)d>hZaSA(U3PbNXLfc6B)NDf1#O9!RuDgd{RXyI5y3iO
zj(YVFFkNgAF|PkwPksQ;UJ8Py7jtxzna#!&#A+^YSZ1Ez^E~ftMY*jg_izQ~wpZ)0
z*IkI<YEjtsrAMU|$ZW4#<-&~oEvUJlp4qAX&=%jR?-@0VYHDg$M>99GFP>St@U0T;
ziOPm9KE?k&ib`ECpO`xNK~&<Cxq1oSizQ1B2i8D?*RB2qs8tf$thzI%30yy&f2+RE
zii4QYuyPQ^R14k=iAOlSAw8c}cd{W=ziZGF{kt^@7XC)*e}H0e{Zv?}e$`@r->kt@
zu78%V!Aa>g68$^1zbo;$Fqj)5#*JpgJxf3C=Kc%~`<qea3??_Q!->NwHf`*CE@lo}
zM^{>%C0Gm(*B*dL5hn)1h}#Ath`R>z5T^zT5cdt_BhC!uBJLQ-K^%weSIz9s)6Q6$
zaGRRM^F89)%$txFpoE6k62P=*S6_zvnb7Hdfw0i{R?N?<_cH$i;CX)J-{sil)HVY<
zW-#BS6Oh=ybS@oAw=&VuEMxzmh0yp}%qP#gn8IxC1RQ&2z?^{klm;p6K)^*QEmO#v
zBu1KGh<mcEZu?xOnT3+%lvSv5%E6pc?qU-&%6#UL$xtF$ii{&wCu7P+Qy1OK%di=@
zc<VFlR^f2~dJC?>S+#wKauS%tXN-6OSx3KZU&>056qHTMppy}YHp2GJW_I^BbY7+}
f%MDD25#q<Y!AV)&!!>vU=cP#6O7gUZP}$Hg53U)6

delta 1504
zcmb`H&ubGw6vzA0v~D2XBv43$LN<dC#btMX?2qh#=3E5ZlAaXAzrdb*O8f(awgXBj
z=+&yJZ3hg+OTBsW?$Mh!lU}U!pu3q_v+YT$dl}x$^4@$u@B5~AZ1j$ejb$iquC(EB
z(CEQhX{)>prOg$$GB>5ZhF+yQKeUD>ycVN}O?W4E-MVPGW!Mv6+<K#=|Fp)dG1b@c
zv|dfI(yoef*MPTTz3tZCTsWW6abAwxUuGpe&gtzL@zJfqzF1F+w#)xmz6p5=y&olU
zx->6}!|M`nJSi+-e-%fZMjSK8XHgLPLCEf-+s_Xc;ifz}5^#edPHp5P?%60n+_zB+
z@z6#Q;w>A6hzB+zh~q*30d(>(E5Z71#)?Oen{Xf&lglra|4~L=8rC-xcE#vk^MAt^
zWT_fAIKHSn?H<)qBq3*BjKpi<Fl505$@Ww56o5pujVR*8MhcRLI6IF@;Ym;pZrz1$
zPSO|MtGWck921AofD*!@=v)a$CCrvkyj3661ynbZqO!l!$!{GOMbVm<R_~L!xG*-+
z#FMG1Ol_{z?Uw%UQ17SSoz<~2;a~KzkWRzg*k*;akSSp3X3fSJr@n(RBiL&(e<J&*
z07pqu)D!|GRgqOV6oPY1KLeBmSoN{?N~(QNYsiVOZnb8OBV$VH-Bf8&G~9Sf*NoaF
z85FMQjAaSK{dlIlRYEu=90v}io)=FPCKH*7fwD4{9A%@dv9gxBD7NxPY#|l<N{sF_
zE0=zPCQ~qeYj%@YXF3)(IIF`>B%W=@u8nntoG^~5<I|uOl8Ab#uE9wy_Y$sUjhXFY
z(mC1x(8<4l1P4dyjQQLT;#47HUWCIml{|?NIm+(Yjw=r+EGoBxmcW$#vrhgu#Va~l

diff --git a/data.ms/indexes/1d141789-4d51-4a8c-b800-fead2df19ab9/lock.mdb b/data.ms/indexes/1d141789-4d51-4a8c-b800-fead2df19ab9/lock.mdb
index 44d80dfe858bea61fa5c765ed19a6c8002b399c0..dd7e5e439d1f6bf2d72f9ad1f4e1ce0b0ae4845f 100644
GIT binary patch
delta 43
ucmZo@WNBz*;k<X?{XV7yeVyYIIXhUt{o7GmH!)Ca5~C0cl(~tq;XeSM>=Q)*

delta 44
tcmZo@WNBz*;k<X?{XV7yeVxq{IXhUFo$F|+ofxP!u|W{d-o)7O9{{KH6JY=V

diff --git a/data.ms/indexes/44b06117-319a-482a-ac6a-bb3a24ded65c/data.mdb b/data.ms/indexes/44b06117-319a-482a-ac6a-bb3a24ded65c/data.mdb
index fd82358d91ce0daf454fe4d260f5f38745937191..892926f311ba2c34fd6f4c1fb34b0c4cae26ff69 100644
GIT binary patch
literal 184320
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

delta 3444
zcmds3Z%k8H6u<Y0ZE0V7+fx1rSfL^c3cMC5rNKdF{I`mrBPO~j7O4}1;GkrpW4bJv
z+dx#V$y>~pv3+oJS)%wdB}SKNSjL!9mJw$fqh?$Duo!eM`>^fH?w@x{Yuxt9eek8}
zz4zR6&OPt<&iUPQVAyitj_Js%p*#~bA6-}GkN|%&^zn?Auhb%}D9VtXX?dttioWa7
zM{PzcPuAqR{l+1?2^!BGI|x@ubegLDw7M4J@sJHGp{3A?J3{NJ+=0IdEhiIo&nd~K
z6|4zBHDdtU@XmTa4atU2)-R(Ir2SsM4^j&g?rjKCkriKPsHvKzM<7N3B%lCEehbBH
z8)QkIl3$azT3gU_R)h5un;o4;Kcg+S+;jPj@Oula!5<G4E%q+)L_4G5_E4nv`L?|g
zPcWbhHiX-IB3x9V1Ok1)ss6DKx>EtL^JDR!1I5@jn2}Cgw6%JIbm(a9>5g{wl7-fA
zs2{>=Tr^O;?(q0mmo7t7SJ*BIhzs=4AH+8Pn#bm5(6hTW9F4S=grgpx;`5g%mE_l?
zR0qq;gT9K=>Po*?sq$7=ZSrWb!9sYZuHQ(o!1!PY=4-cC{sqZO`|<65h;JP<;hs>4
zBIRZvlgS({bIo!H=i<%v%TmQR%%K>^SGgQ$qHLf*$K}}!Z5}27v-Qv^+Ah$9&Y~tn
zMNci-I5xOfZMqLX%Q7Ur`Y5`IM$wS11!-Az-A_F0XRD(~T9sx@h`|ZY68MKT$K)ZT
z9vOrt>xcR-D+%@U`!KY~lw@#|1Rb-{phs<6^_p<YHRb^`DdT{RdNHWu7MPx;R5U5&
z!Sd>$Pbu|#E4}`5ub1SW8LvAuzo4&=yLEu>NVsd;j&MtRq-1+rq`kFU9M?&*RD$YF
zBo#PG)##4|oZv3Hi!^6lvk@CldGSXpv&mSDOII1Rdn>14eDPql9pW$6Dugw1nC7dY
zVzG&@hun0J&_)JV+F75=l+W@}lh!uHUEwzy(#U2pzPQF{NCCUTZ5?<xl;PvwQ>K|r
zo~}qV+}6(j%_3fw<iltZ4YMSF@?U!4oIG~637pYm5cHOTN2W8?({5-=9T8jV>(`{r
zc%fQUxEp3_S(EQl)($S@rAok;^p}Iwj=Zn_(2wyDJtX<_0X29wpYsAig8^a{dJKdZ
zx`$#ybx}1}HRz71CYKmNc-t<*V|$pfEy=|c`UOo17ao{`N19#5x}AB(jz!7fX4aHu
zrVz1>TW0d35=@vP@z?2c34SIbYIz4eKzD>?sh3+4NF{cPemGe}zIG%8%raG&`f=la
z!vd1^63>tqJbd(Qb|#rjpb24;4VU1N+c`Om|G(z`0m#(Ve_P?-lBU7Bcb+(Nko!`-
zPz%@RKZRGL5>&jUN}#H;qPn80a+Bv=Y%TObRo)Hdcpc!awT49kegJ4aK_HqOo+bZl
zg*)<C3Yb8088`CW1VC(`W@<cOIu)cO2thOxBBS`Lj1hJnL+=^y8bxEai=?g<e^*xK
z$kIJhO(&Q}(;`)$p_xq{QTi0EIZVQ(E-*=IcT%Xk;cWF}nKZWufJfOSJHaXooS>vZ
z!Z|@K4<mfFwg7LhwJ+sw`d{RcljQ0+B@fcW9Vf2dKzO3L5H~faNr16P=|8YY?jtTJ
z1I@VTEL>~_(a5$P9i8o+FZB{#mL>nnE^`w+y1)%|1Kks-6jpH%<7`5`!MKbw4m-h}
z<YY{9e5q0bcH^;YHI8`+n@(^ZofrPiq-Q03vXSu#u)qJq*tM~5uTETsa<prvwOpv1
zs|&7_<R!RLz%2{yjD7Mgi`zObe@Z&zW7fuaXZ)hPop#2jEcnDg@nYYjeX-a7*v44t
zbFscyhC1&;Fu93#y|`tdFz1yhX?jycUN6_9x#GEgw2ijU(1+1rdOA6aHqdm4H_$$<
z;bK2jFI!+vrrreyf{MSi(pOm#2n4+4dKV1ylkYrQ>+>1L>@Z&Io&*?NppM+;bp+EA
ylz)J2n1H4$h)XA3Upw)o>3K!s5)=2KxIitsmZ-~A^<{D!!&&MjGB_T4eg6%Zd=I1m

diff --git a/data.ms/indexes/44b06117-319a-482a-ac6a-bb3a24ded65c/lock.mdb b/data.ms/indexes/44b06117-319a-482a-ac6a-bb3a24ded65c/lock.mdb
index fb1d439030e8a934ea2acf023beed87f42ca7526..1fa18d1c7765de955a4280229c3dcbbe02854865 100644
GIT binary patch
delta 74
zcmZo@WNBz*5xjTc{XV7yeVsE55WqB1uz~g4za6D@69cs-F$%FDG3(!Q6hlQp%*~06
K^8Y6$a039_MH+no

delta 75
zcmZo@WNBz*5xjTc{XV7yeVxq=5Wq4~uz}U=eP>JU#6Ycy4T4B)A(r@Vs4#@NIgwHR
I|HK4t0N#ok{r~^~

diff --git a/data.ms/indexes/a7b76728-97b9-4942-bdaf-9967d45f811a/data.mdb b/data.ms/indexes/a7b76728-97b9-4942-bdaf-9967d45f811a/data.mdb
index a100da5236565df6e8136dcad7fca5799ff1b955..065ab8ff6eed23c6a79a2ce9003b376c058de7ba 100644
GIT binary patch
delta 181
zcmZp8z|`=7X+prH1zZ!O)F%I!FTi+Y^F)Ds{z(D>69XI=j{-S!br}^V>)T0*8JdI`
z8d;f`SQ(h=nHZZ`8kkvHnnZ1mw|gZo3X(In0wPlbJquG~GfQK0Q;W@Ual05dPZh}K
zpS(aomQ#TN1UMLuPF|U>547iIet{fVBhXMID^o)~0|O&7Gjnqz!_9GhUV@B=C$F5Z
W&v<C_&H3l~8IMd}xn3VEqz(X#**eVt

delta 181
zcmZp8z|`=7iIHJ4qd-67hRqWN^7$tT1Tb<=4Ad87XMg}MD7_IVJy(}eezLxul$e2O
zh=HY*k)@S^v7V`=rJ;$riE)(D=6JhT@}dwqV*@J#Lp?)NpoEE`q1ooRxLu5!B_>SZ
zXWTG(WxhV+`pq}<3*=ymjjfDK^einbOpOeUEP#spyaX9HPF^`*ALy!^^Uw1$uAjVe
Ly*}eQppZHMXx}uU

diff --git a/data.ms/indexes/a7b76728-97b9-4942-bdaf-9967d45f811a/lock.mdb b/data.ms/indexes/a7b76728-97b9-4942-bdaf-9967d45f811a/lock.mdb
index 2d7e430fbd63e7889cd7269be0ca18bded61dd36..253fbae39208d12fd8fed3eb4bf3b7cdd7ecd9a6 100644
GIT binary patch
delta 44
wcmZo@WNBz*;k<X?{XV7yeVwBdIXhU*>UWmbO$^kU*dPdDZ+tla|HK4t0Gx9ZDF6Tf

delta 44
wcmZo@WNBz*;k<X?{XV7yeVvUHIXhUFo$F|+ofxP!u|W{R-uQ6-|A`6Q0I%~DO#lD@

diff --git a/data.ms/tasks/data.mdb b/data.ms/tasks/data.mdb
index dec76bd47aab01127a636cf3dac00fb893ab5a73..3021e399cf0870c0465741264419734b957adc4b 100644
GIT binary patch
delta 68973
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
Z&kmLJ8X><%mSF&oMtSTC0-!v`{|6aYiShsd

delta 8276
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

diff --git a/data.ms/tasks/lock.mdb b/data.ms/tasks/lock.mdb
index 22f553bae6e91be253b829f2f74636bc9baa24e0..d39ff6949ab950fc21692d4b1b92b0f7dea4ec22 100644
GIT binary patch
delta 56
zcmZp0XmH@Vci{a#rUZQ*FZPLC?X1V<?<%dE7^pR|L6DVAekYvmHXp*??7(<H4gh=G
B6~h1k

delta 56
zcmZp0XmH@Vci{a#rUZSRQnra)?X270ceT_`4Ah#~AjtYHuM^HTdk<l6c3?ap2LPl|
B7e)X8