diff --git a/app/Http/Controllers/BrowseGroupController.php b/app/Http/Controllers/BrowseGroupController.php
index bdd2f11ab..638379ab1 100644
--- a/app/Http/Controllers/BrowseGroupController.php
+++ b/app/Http/Controllers/BrowseGroupController.php
@@ -10,7 +10,7 @@ class BrowseGroupController extends BasePageController
     /**
      * @throws \Exception
      */
-    public function show(Request $request): void
+    public function show(Request $request)
     {
         // Get the search term from the request
         $search = $request->get('search', '') ?? '';
@@ -18,10 +18,7 @@ class BrowseGroupController extends BasePageController
         // Get groups based on search term
         $groupList = UsenetGroup::getGroupsRange($search, true);
 
-        // Pass data to the view
-        $this->smarty->assign('results', $groupList);
-        $this->smarty->assign('search', $search);
-
+        // Set meta data
         $meta_title = 'Browse Groups';
         $meta_keywords = 'browse,groups,description,details';
         $meta_description = 'Browse groups';
@@ -30,8 +27,21 @@ class BrowseGroupController extends BasePageController
             $meta_description = 'Browse groups search results for '.$search;
         }
 
-        $content = $this->smarty->fetch('browsegroup.tpl');
-        $this->smarty->assign(compact('content', 'meta_title', 'meta_keywords', 'meta_description'));
-        $this->pagerender();
+        // Render the content view
+        $content = view('browsegroup', [
+            'results' => $groupList,
+            'search' => $search,
+            'site' => $this->settings,
+        ])->render();
+
+        // Prepare view data for main layout
+        $this->viewData = array_merge($this->viewData, [
+            'content' => $content,
+            'meta_title' => $meta_title,
+            'meta_keywords' => $meta_keywords,
+            'meta_description' => $meta_description,
+        ]);
+
+        return $this->pagerender();
     }
 }
diff --git a/app/Http/Controllers/MyMoviesController.php b/app/Http/Controllers/MyMoviesController.php
index 45b0ca635..b2f7cfdf6 100644
--- a/app/Http/Controllers/MyMoviesController.php
+++ b/app/Http/Controllers/MyMoviesController.php
@@ -75,7 +75,7 @@ class MyMoviesController extends BasePageController
                 $this->viewData['cat_selected'] = [];
                 $this->viewData['imdbid'] = $imdbid;
                 $this->viewData['movie'] = $movie;
-                $this->viewData['content'] = view('themes/Gentele/mymovies-add', $this->viewData)->render();
+                $this->viewData['content'] = view('mymovies.add', $this->viewData)->render();
 
                 return $this->pagerender();
 
@@ -109,7 +109,7 @@ class MyMoviesController extends BasePageController
                 $this->viewData['cat_selected'] = explode('|', $movie['categories']);
                 $this->viewData['imdbid'] = $imdbid;
                 $this->viewData['movie'] = $movie;
-                $this->viewData['content'] = view('themes/Gentele/mymovies-add', $this->viewData)->render();
+                $this->viewData['content'] = view('mymovies.add', $this->viewData)->render();
 
                 return $this->pagerender();
 
@@ -156,7 +156,7 @@ class MyMoviesController extends BasePageController
                 $this->viewData['lastvisit'] = $this->userdata->lastlogin;
                 $this->viewData['results'] = $results;
                 $this->viewData['movies'] = true;
-                $this->viewData['content'] = view('themes/Gentele/browse', $this->viewData)->render();
+                $this->viewData['content'] = view('browse', $this->viewData)->render();
                 $this->viewData = array_merge($this->viewData, compact('title', 'meta_title', 'meta_keywords', 'meta_description'));
 
                 return $this->pagerender();
@@ -193,7 +193,7 @@ class MyMoviesController extends BasePageController
                     $results[$moviek] = $movie;
                 }
                 $this->viewData['movies'] = $results;
-                $this->viewData['content'] = view('themes/Gentele/mymovies', $this->viewData)->render();
+                $this->viewData['content'] = view('mymovies.index', $this->viewData)->render();
                 $this->viewData = array_merge($this->viewData, compact('title', 'meta_title', 'meta_keywords', 'meta_description'));
 
                 return $this->pagerender();
diff --git a/app/Http/Controllers/MyShowsController.php b/app/Http/Controllers/MyShowsController.php
index 8b04c65ed..dad2673db 100644
--- a/app/Http/Controllers/MyShowsController.php
+++ b/app/Http/Controllers/MyShowsController.php
@@ -74,7 +74,7 @@ class MyShowsController extends BasePageController
                 $this->viewData['cat_selected'] = [];
                 $this->viewData['video'] = $videoId;
                 $this->viewData['show'] = $show;
-                $this->viewData['content'] = view('themes/Gentele/myshows-add', $this->viewData)->render();
+                $this->viewData['content'] = view('myshows.add', $this->viewData)->render();
 
                 return $this->pagerender();
 
@@ -108,7 +108,7 @@ class MyShowsController extends BasePageController
                 $this->viewData['cat_selected'] = explode('|', $show['categories']);
                 $this->viewData['video'] = $videoId;
                 $this->viewData['show'] = $show;
-                $this->viewData['content'] = view('themes/Gentele/myshows-add', $this->viewData)->render();
+                $this->viewData['content'] = view('myshows.add', $this->viewData)->render();
 
                 return $this->pagerender();
 
@@ -146,7 +146,7 @@ class MyShowsController extends BasePageController
                     }
                 }
                 $this->viewData['shows'] = $results;
-                $this->viewData['content'] = view('themes/Gentele/myshows', $this->viewData)->render();
+                $this->viewData['content'] = view('myshows.index', $this->viewData)->render();
                 $this->viewData = array_merge($this->viewData, compact('title', 'meta_title', 'meta_keywords', 'meta_description'));
 
                 return $this->pagerender();
@@ -174,7 +174,7 @@ class MyShowsController extends BasePageController
         $offset = ($page - 1) * config('nntmux.items_per_page');
         $ordering = $releases->getBrowseOrdering();
         $orderby = $request->has('ob') && \in_array($request->input('ob'), $ordering, false) ? $request->input('ob') : '';
-        $browseCount = $shows->count();
+        $browseCount = $shows ? $shows->count() : 0;
 
         $rslt = $releases->getShowsRange($shows ?? [], $offset, config('nntmux.items_per_page'), $orderby, -1, $this->userdata->categoryexclusions);
         $results = $this->paginate($rslt ?? [], $browseCount, config('nntmux.items_per_page'), $page, $request->url(), $request->query());
@@ -189,7 +189,7 @@ class MyShowsController extends BasePageController
         $this->viewData['results'] = $results;
         $this->viewData['resultsadd'] = $rslt;
         $this->viewData['shows'] = true;
-        $this->viewData['content'] = view('themes/Gentele/browse', $this->viewData)->render();
+        $this->viewData['content'] = view('browse', $this->viewData)->render();
         $this->viewData = array_merge($this->viewData, compact('title', 'meta_title', 'meta_keywords', 'meta_description'));
 
         return $this->pagerender();
diff --git a/resources/views/themes/Gentele/mymovies.blade.php b/resources/views/mymovies/add.blade.php
similarity index 59%
rename from resources/views/themes/Gentele/mymovies.blade.php
rename to resources/views/mymovies/add.blade.php
index 19bfefe7d..fb7f7cc61 100644
--- a/resources/views/themes/Gentele/mymovies.blade.php
+++ b/resources/views/mymovies/add.blade.php
@@ -1,3 +1,104 @@
+<div class="max-w-4xl mx-auto">
+    <div class="bg-white rounded-xl shadow-lg overflow-hidden border border-gray-200 mb-6">
+        <!-- Header -->
+        <div class="bg-gradient-to-r from-blue-600 to-blue-700 px-6 py-4">
+            <div class="flex flex-col md:flex-row md:justify-between md:items-center gap-4">
+                <h3 class="text-xl font-bold text-white flex items-center">
+                    <i class="fa fa-film mr-2"></i>{{ ucfirst($type ?? 'add') }} Movie to Watchlist
+                </h3>
+                <nav aria-label="breadcrumb">
+                    <ol class="flex items-center space-x-2 text-sm text-blue-100">
+                        <li><a href="{{ url($site->home_link) }}" class="hover:text-white transition">Home</a></li>
+                        <li><i class="fas fa-chevron-right text-xs"></i></li>
+                        <li><a href="{{ url('/mymovies') }}" class="hover:text-white transition">My Movies</a></li>
+                        <li><i class="fas fa-chevron-right text-xs"></i></li>
+                        <li class="text-white font-medium">{{ ucfirst($type ?? 'add') }} Movie</li>
+                    </ol>
+                </nav>
+            </div>
+        </div>
+
+        <div class="p-6">
+            <div class="mb-6">
+                <div class="flex items-center gap-4 mb-4">
+                    <img class="rounded-lg shadow-md w-24 h-auto"
+                         src="{{ url("/covers/movies/{$imdbid}-cover.jpg") }}"
+                         onerror="this.src='{{ url('/covers/movies/no-cover.jpg') }}'"
+                         alt="{{ e($movie['title'] ?? '') }}" />
+
+                    <div>
+                        <h4 class="text-lg font-semibold text-gray-900 mb-1">
+                            {{ ucfirst($type ?? 'add') }} "{{ e($movie['title'] ?? '') }}" to watchlist
+                        </h4>
+                        <p class="text-gray-600 text-sm">Select categories below to organize this movie in your collection.</p>
+                    </div>
+                </div>
+
+                <div class="bg-blue-50 border-l-4 border-blue-500 rounded-lg p-4">
+                    <div class="flex items-start">
+                        <i class="fa fa-info-circle text-blue-600 mt-0.5 mr-3"></i>
+                        <p class="text-sm text-gray-700">
+                            Adding movies to your watchlist will notify you through your
+                            <a href="{{ url("/rss/mymovies?dl=1&i={$userdata->id}&api_token={$userdata->api_token}") }}"
+                               class="font-semibold text-blue-600 hover:text-blue-800 underline inline-flex items-center">
+                                <i class="fa fa-rss mr-1"></i>RSS Feed
+                            </a>
+                            when they become available.
+                        </p>
+                    </div>
+                </div>
+            </div>
+
+            {!! Form::open(['id' => 'mymovies', 'class' => 'space-y-6', 'url' => "mymovies?id=do{$type}"]) !!}
+                <input type="hidden" name="imdb" value="{{ $imdbid }}"/>
+                @if(!empty($from))
+                    <input type="hidden" name="from" value="{{ $from }}" />
+                @endif
+
+                <div>
+                    <label class="block text-sm font-bold text-gray-700 mb-3">Choose Categories:</label>
+                    <div class="flex flex-wrap gap-3" id="category-container">
+                        @foreach($cat_ids ?? [] as $index => $cat_id)
+                            <label class="inline-flex items-center px-4 py-2 bg-gray-50 border border-gray-300 rounded-lg cursor-pointer hover:bg-gray-100 transition-all duration-200 has-[:checked]:bg-blue-50 has-[:checked]:border-blue-500 has-[:checked]:text-blue-700">
+                                <input type="checkbox"
+                                       id="category_{{ $cat_id }}"
+                                       name="category[]"
+                                       value="{{ $cat_id }}"
+                                       class="mr-2 rounded text-blue-600 focus:ring-blue-500"
+                                       @if(in_array($cat_id, $cat_selected ?? [])) checked @endif>
+                                <span class="text-sm font-medium">{{ $cat_names[$cat_id] ?? '' }}</span>
+                            </label>
+                        @endforeach
+                    </div>
+                </div>
+
+                <div class="flex gap-3 pt-4 border-t border-gray-200">
+                    <button class="px-6 py-3 bg-blue-600 text-white rounded-lg hover:bg-blue-700 shadow-md hover:shadow-lg transition-all duration-200 inline-flex items-center font-medium"
+                            type="submit" name="{{ $type ?? 'add' }}">
+                        <i class="fa {{ ($type ?? 'add') == 'add' ? 'fa-plus' : 'fa-edit' }} mr-2"></i>{{ ucfirst($type ?? 'add') }} Movie
+                    </button>
+                    <a href="{{ url('/mymovies') }}"
+                       class="px-6 py-3 bg-white text-gray-700 border-2 border-gray-300 rounded-lg hover:bg-gray-50 hover:border-gray-400 shadow-md hover:shadow-lg transition-all duration-200 inline-flex items-center font-medium">
+                        <i class="fa fa-arrow-left mr-2"></i>Back to My Movies
+                    </a>
+                </div>
+            {!! Form::close() !!}
+        </div>
+    </div>
+</div>
+
+<style>
+/* Fallback for browsers that don't support :has() pseudo-class */
+@supports not selector(:has(*)) {
+    label:has(input[type="checkbox"]:checked) {
+        background-color: #eff6ff !important;
+        border-color: #3b82f6 !important;
+        color: #1e40af !important;
+    }
+}
+</style>
+
+</style>
 <div class="card card-default shadow-sm mb-4">
     <div class="card-header bg-light">
         <div class="d-flex justify-content-between align-items-center">
diff --git a/resources/views/mymovies/index.blade.php b/resources/views/mymovies/index.blade.php
new file mode 100644
index 000000000..81fe0aa66
--- /dev/null
+++ b/resources/views/mymovies/index.blade.php
@@ -0,0 +1,278 @@
+<style>
+    .header-gradient {
+        background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
+    }
+    .info-card-gradient {
+        background: linear-gradient(135deg, #eff6ff 0%, #e0e7ff 100%);
+    }
+    .table-header-gradient {
+        background: linear-gradient(135deg, #f9fafb 0%, #f3f4f6 100%);
+    }
+    .movie-poster-shadow {
+        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    }
+    .category-badge {
+        background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
+    }
+    .empty-state-bg {
+        background: linear-gradient(135deg, #dbeafe 0%, #e0e7ff 100%);
+    }
+</style>
+
+<div class="max-w-7xl mx-auto">
+    <!-- Header Section -->
+    <div class="header-gradient rounded-xl shadow-lg mb-6 overflow-hidden">
+        <div class="px-8 py-6">
+            <div class="flex flex-col md:flex-row md:justify-between md:items-center gap-4">
+                <div>
+                    <h1 class="text-3xl font-bold text-white flex items-center">
+                        <i class="fa fa-film mr-3"></i>My Movies
+                    </h1>
+                    <p class="text-blue-100 mt-2">Manage your movie wishlist and get automatic updates</p>
+                </div>
+                <nav aria-label="breadcrumb">
+                    <ol class="flex items-center space-x-2 text-sm text-blue-100">
+                        <li><a href="{{ url($site->home_link) }}" class="hover:text-white transition">Home</a></li>
+                        <li><i class="fas fa-chevron-right text-xs"></i></li>
+                        <li class="text-white font-medium">My Movies</li>
+                    </ol>
+                </nav>
+            </div>
+        </div>
+    </div>
+
+    <!-- RSS Feed Info Card -->
+    <div class="info-card-gradient border-l-4 border-blue-500 rounded-lg p-5 mb-6 shadow">
+        <div class="flex items-start">
+            <div class="flex-shrink-0">
+                <div class="flex items-center justify-center h-10 w-10 rounded-lg bg-blue-500 text-white">
+                    <i class="fa fa-rss text-lg"></i>
+                </div>
+            </div>
+            <div class="ml-4 flex-1">
+                <h3 class="text-sm font-semibold text-gray-900 mb-1">Automatic Downloads via RSS</h3>
+                <p class="text-sm text-gray-700">
+                    Using 'My Movies' you can search for movies and add them to a wishlist. If the movie becomes available it will be added to your
+                    <a href="{{ url("/rss/mymovies?dl=1&i={$userdata->id}&api_token={$userdata->api_token}") }}"
+                       class="font-semibold text-blue-600 hover:text-blue-800 underline inline-flex items-center">
+                        <i class="fa fa-rss mr-1"></i>personal RSS feed
+                    </a>
+                    for automatic downloading.
+                </p>
+            </div>
+        </div>
+    </div>
+
+    <!-- Action Buttons -->
+    <div class="flex flex-wrap gap-3 mb-6">
+        <a class="px-6 py-3 bg-blue-600 text-white rounded-lg hover:bg-blue-700 shadow-md hover:shadow-lg transition-all duration-200 inline-flex items-center font-medium"
+           href="{{ url('/browse/Movies') }}"
+           title="Browse all available movies">
+            <i class="fa fa-list mr-2"></i>Browse All Movies
+        </a>
+        <a class="px-6 py-3 bg-white text-gray-700 border-2 border-gray-300 rounded-lg hover:bg-gray-50 hover:border-gray-400 shadow-md hover:shadow-lg transition-all duration-200 inline-flex items-center font-medium"
+           href="{{ url("/rss/mymovies?dl=1&i={$userdata->id}&api_token={$userdata->api_token}") }}"
+           title="All movies in your watchlist as an RSS feed">
+            <i class="fa fa-rss mr-2 text-orange-500"></i>RSS Feed
+        </a>
+    </div>
+
+    <!-- Movies Table/Cards -->
+    @if(count($movies ?? []) > 0)
+        <div class="bg-white rounded-xl shadow-lg overflow-hidden border border-gray-200">
+            <!-- Table Header -->
+            <div class="table-header-gradient px-6 py-4 border-b-2 border-gray-300">
+                <div class="flex items-center justify-between">
+                    <h2 class="text-lg font-semibold text-gray-800 flex items-center">
+                        <i class="fa fa-bookmark mr-2 text-blue-600"></i>
+                        Your Movies <span class="ml-2 px-3 py-1 bg-blue-600 text-white text-sm rounded-full font-bold">{{ count($movies) }}</span>
+                    </h2>
+                </div>
+            </div>
+
+            <!-- Desktop Table View -->
+            <div class="hidden lg:block">
+                <div class="divide-y divide-gray-200">
+                    @foreach($movies as $movie)
+                        <div class="p-6 hover:bg-blue-50 transition-colors duration-150">
+                            <div class="flex gap-6">
+                                <!-- Movie Poster -->
+                                <div class="flex-shrink-0">
+                                    <img class="rounded-lg movie-poster-shadow w-32 h-48 object-cover"
+                                         src="{{ url('/covers/movies/' . (($movie['cover'] ?? 0) == 1 ? $movie['imdbid'] . '-cover.jpg' : 'no-cover.jpg')) }}"
+                                         alt="{{ e($movie['title'] ?? '') }}"/>
+                                </div>
+
+                                <!-- Movie Info -->
+                                <div class="flex-1 min-w-0">
+                                    <div class="flex items-start justify-between mb-3">
+                                        <div class="flex-1">
+                                            <h3 class="text-xl font-bold text-gray-900 mb-1">
+                                                <a href="{{ url("/Movies?imdb={$movie['imdbid']}") }}"
+                                                   class="hover:text-blue-600 transition-colors">
+                                                    {{ e($movie['title'] ?? '') }}
+                                                    @if(!empty($movie['year']))
+                                                        <span class="text-gray-500 font-normal">({{ $movie['year'] }})</span>
+                                                    @endif
+                                                </a>
+                                            </h3>
+                                            @if(!empty($movie['tagline']))
+                                                <p class="text-sm italic text-gray-600 mb-2">{{ e($movie['tagline']) }}</p>
+                                            @endif
+                                        </div>
+                                        <div class="flex gap-2 ml-4">
+                                            <a class="inline-flex items-center px-4 py-2 bg-amber-500 text-white rounded-lg hover:bg-amber-600 shadow hover:shadow-md transition-all duration-200 text-sm font-medium"
+                                               href="{{ url("/mymovies?id=edit&imdb={$movie['imdbid']}") }}"
+                                               title="Edit Categories">
+                                                <i class="fa fa-edit mr-1.5"></i>Edit
+                                            </a>
+                                            <a class="inline-flex items-center px-4 py-2 bg-red-500 text-white rounded-lg hover:bg-red-600 shadow hover:shadow-md transition-all duration-200 text-sm font-medium confirm_action"
+                                               href="{{ url("/mymovies?id=delete&imdb={$movie['imdbid']}") }}"
+                                               title="Remove from My Movies">
+                                                <i class="fa fa-trash mr-1.5"></i>Delete
+                                            </a>
+                                        </div>
+                                    </div>
+
+                                    @if(!empty($movie['plot']))
+                                        <p class="text-sm text-gray-700 mb-3 line-clamp-3">{{ e($movie['plot']) }}</p>
+                                    @endif
+
+                                    <div class="grid grid-cols-1 md:grid-cols-2 gap-3 mb-3">
+                                        @if(!empty($movie['genre']))
+                                            <div class="flex items-center text-sm">
+                                                <span class="font-semibold text-gray-700 mr-2"><i class="fa fa-tag mr-1 text-blue-600"></i>Genre:</span>
+                                                <span class="text-gray-600">{{ e($movie['genre']) }}</span>
+                                            </div>
+                                        @endif
+
+                                        @if(!empty($movie['director']))
+                                            <div class="flex items-center text-sm">
+                                                <span class="font-semibold text-gray-700 mr-2"><i class="fa fa-video-camera mr-1 text-blue-600"></i>Director:</span>
+                                                <span class="text-gray-600">{{ e($movie['director']) }}</span>
+                                            </div>
+                                        @endif
+                                    </div>
+
+                                    @if(!empty($movie['actors']))
+                                        <div class="flex items-start text-sm mb-3">
+                                            <span class="font-semibold text-gray-700 mr-2 flex-shrink-0"><i class="fa fa-users mr-1 text-blue-600"></i>Starring:</span>
+                                            <span class="text-gray-600">{{ e($movie['actors']) }}</span>
+                                        </div>
+                                    @endif
+
+                                    <div class="flex items-center gap-4 pt-3 border-t border-gray-200">
+                                        <span class="inline-flex items-center px-3 py-1.5 category-badge text-blue-800 text-xs font-semibold rounded-full border border-blue-200">
+                                            <i class="fa fa-folder-open mr-1.5"></i>{{ !empty($movie['categoryNames']) ? e($movie['categoryNames']) : 'All Categories' }}
+                                        </span>
+                                        <span class="text-xs text-gray-500 flex items-center">
+                                            <i class="fa fa-calendar mr-1"></i>Added {{ isset($movie['created_at']) ? date('M d, Y', strtotime($movie['created_at'])) : '' }}
+                                        </span>
+                                        <a class="inline-flex items-center px-3 py-1.5 bg-yellow-400 hover:bg-yellow-500 text-gray-900 text-xs font-semibold rounded-full transition-colors"
+                                           target="_blank"
+                                           href="{{ $site->dereferrer_link }}http://www.imdb.com/title/tt{{ $movie['imdbid'] }}"
+                                           title="View on IMDB">
+                                            <i class="fa fa-external-link mr-1"></i>IMDB
+                                        </a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    @endforeach
+                </div>
+            </div>
+
+            <!-- Mobile/Tablet Card View -->
+            <div class="lg:hidden">
+                @foreach($movies as $movie)
+                    <div class="p-6 border-b border-gray-200 hover:bg-blue-50 transition-colors duration-150">
+                        <div class="flex gap-4 mb-4">
+                            <div class="flex-shrink-0">
+                                <img class="rounded-lg movie-poster-shadow w-24 h-36 object-cover"
+                                     src="{{ url('/covers/movies/' . (($movie['cover'] ?? 0) == 1 ? $movie['imdbid'] . '-cover.jpg' : 'no-cover.jpg')) }}"
+                                     alt="{{ e($movie['title'] ?? '') }}"/>
+                            </div>
+                            <div class="flex-1 min-w-0">
+                                <h3 class="text-lg font-bold text-gray-900 mb-1">
+                                    <a href="{{ url("/Movies?imdb={$movie['imdbid']}") }}"
+                                       class="hover:text-blue-600">
+                                        {{ e($movie['title'] ?? '') }}
+                                        @if(!empty($movie['year']))
+                                            <span class="text-gray-500 text-sm">({{ $movie['year'] }})</span>
+                                        @endif
+                                    </a>
+                                </h3>
+                                @if(!empty($movie['tagline']))
+                                    <p class="text-xs italic text-gray-600 mb-2">{{ e($movie['tagline']) }}</p>
+                                @endif
+                                <span class="inline-flex items-center px-2 py-1 category-badge text-blue-800 text-xs font-semibold rounded-full border border-blue-200">
+                                    <i class="fa fa-folder-open mr-1"></i>{{ !empty($movie['categoryNames']) ? e($movie['categoryNames']) : 'All' }}
+                                </span>
+                            </div>
+                        </div>
+
+                        @if(!empty($movie['plot']))
+                            <p class="text-sm text-gray-700 mb-3 line-clamp-3">{{ e($movie['plot']) }}</p>
+                        @endif
+
+                        <div class="flex items-center justify-between pt-3 border-t border-gray-200">
+                            <div class="flex gap-2">
+                                <a class="inline-flex items-center px-3 py-1.5 bg-yellow-400 hover:bg-yellow-500 text-gray-900 text-xs font-semibold rounded-full transition-colors"
+                                   target="_blank"
+                                   href="{{ $site->dereferrer_link }}http://www.imdb.com/title/tt{{ $movie['imdbid'] }}">
+                                    <i class="fa fa-external-link mr-1"></i>IMDB
+                                </a>
+                                <span class="text-xs text-gray-500 flex items-center">
+                                    <i class="fa fa-calendar mr-1"></i>{{ isset($movie['created_at']) ? date('M d, Y', strtotime($movie['created_at'])) : '' }}
+                                </span>
+                            </div>
+                            <div class="flex gap-2">
+                                <a class="px-3 py-2 bg-amber-500 text-white rounded-lg hover:bg-amber-600 text-sm font-medium shadow"
+                                   href="{{ url("/mymovies?id=edit&imdb={$movie['imdbid']}") }}"
+                                   title="Edit">
+                                    <i class="fa fa-edit"></i>
+                                </a>
+                                <a class="px-3 py-2 bg-red-500 text-white rounded-lg hover:bg-red-600 text-sm font-medium shadow confirm_action"
+                                   href="{{ url("/mymovies?id=delete&imdb={$movie['imdbid']}") }}"
+                                   title="Remove">
+                                    <i class="fa fa-trash"></i>
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                @endforeach
+            </div>
+        </div>
+    @else
+        <!-- Empty State -->
+        <div class="bg-white rounded-xl shadow-lg overflow-hidden border border-gray-200">
+            <div class="text-center py-16 px-6">
+                <div class="mx-auto h-24 w-24 empty-state-bg rounded-full flex items-center justify-center mb-6 shadow-sm">
+                    <i class="fa fa-film text-5xl text-blue-600"></i>
+                </div>
+                <h3 class="text-2xl font-bold text-gray-900 mb-2">No Movies in Watchlist</h3>
+                <p class="text-gray-600 mb-6 max-w-md mx-auto">
+                    You haven't bookmarked any movies yet. Search for movies and add them to your watchlist.
+                </p>
+                <a href="{{ url('/browse/Movies') }}"
+                   class="inline-flex items-center px-6 py-3 bg-blue-600 text-white rounded-lg hover:bg-blue-700 shadow-md hover:shadow-lg transition-all duration-200 font-medium">
+                    <i class="fa fa-search mr-2"></i>Browse Movies
+                </a>
+            </div>
+        </div>
+    @endif
+</div>
+
+<script>
+document.addEventListener('DOMContentLoaded', function() {
+    // Confirm before removing movies
+    document.querySelectorAll('.confirm_action').forEach(element => {
+        element.addEventListener('click', function(e) {
+            if (!confirm('Are you sure you want to remove this movie from your watchlist?')) {
+                e.preventDefault();
+            }
+        });
+    });
+});
+</script>
+
diff --git a/resources/views/myshows/add.blade.php b/resources/views/myshows/add.blade.php
new file mode 100644
index 000000000..4d2ada59d
--- /dev/null
+++ b/resources/views/myshows/add.blade.php
@@ -0,0 +1,100 @@
+<div class="max-w-4xl mx-auto">
+    <div class="bg-white rounded-xl shadow-lg overflow-hidden border border-gray-200 mb-6">
+        <!-- Header -->
+        <div class="bg-gradient-to-r from-blue-600 to-blue-700 px-6 py-4">
+            <div class="flex flex-col md:flex-row md:justify-between md:items-center gap-4">
+                <h3 class="text-xl font-bold text-white flex items-center">
+                    <i class="fa fa-tv mr-2"></i>{{ ucfirst($type ?? 'add') }} Show to Watchlist
+                </h3>
+                <nav aria-label="breadcrumb">
+                    <ol class="flex items-center space-x-2 text-sm text-blue-100">
+                        <li><a href="{{ url($site->home_link) }}" class="hover:text-white transition">Home</a></li>
+                        <li><i class="fas fa-chevron-right text-xs"></i></li>
+                        <li><a href="{{ url('/myshows') }}" class="hover:text-white transition">My Shows</a></li>
+                        <li><i class="fas fa-chevron-right text-xs"></i></li>
+                        <li class="text-white font-medium">{{ ucfirst($type ?? 'add') }} Show</li>
+                    </ol>
+                </nav>
+            </div>
+        </div>
+
+        <div class="p-6">
+            <div class="mb-6">
+                <div class="flex items-center gap-4 mb-4">
+                    <img class="rounded-lg shadow-md w-24 h-auto"
+                         src="{{ url("/covers/tvshows/{$video}_thumb.jpg") }}"
+                         onerror="this.src='{{ url('/covers/tvshows/no-cover.jpg') }}'"
+                         alt="{{ e($show['title'] ?? '') }}" />
+
+                    <div>
+                        <h4 class="text-lg font-semibold text-gray-900 mb-1">
+                            {{ ucfirst($type ?? 'add') }} "{{ e($show['title'] ?? '') }}" to watchlist
+                        </h4>
+                        <p class="text-gray-600 text-sm">Select categories below to organize this show in your collection.</p>
+                    </div>
+                </div>
+
+                <div class="bg-blue-50 border-l-4 border-blue-500 rounded-lg p-4">
+                    <div class="flex items-start">
+                        <i class="fa fa-info-circle text-blue-600 mt-0.5 mr-3"></i>
+                        <p class="text-sm text-gray-700">
+                            Adding shows to your watchlist will notify you through your
+                            <a href="{{ url("/rss/myshows?dl=1&i={$userdata->id}&api_token={$userdata->api_token}") }}"
+                               class="font-semibold text-blue-600 hover:text-blue-800 underline inline-flex items-center">
+                                <i class="fa fa-rss mr-1"></i>RSS Feed
+                            </a>
+                            when new episodes become available.
+                        </p>
+                    </div>
+                </div>
+            </div>
+
+            {!! Form::open(['id' => 'myshows', 'class' => 'space-y-6', 'url' => "myshows?action=do{$type}"]) !!}
+                <input type="hidden" name="id" value="{{ $video }}"/>
+                @if(!empty($from))
+                    <input type="hidden" name="from" value="{{ $from }}" />
+                @endif
+
+                <div>
+                    <label class="block text-sm font-bold text-gray-700 mb-3">Choose Categories:</label>
+                    <div class="flex flex-wrap gap-3" id="category-container">
+                        @foreach($cat_ids ?? [] as $index => $cat_id)
+                            <label class="inline-flex items-center px-4 py-2 bg-gray-50 border border-gray-300 rounded-lg cursor-pointer hover:bg-gray-100 transition-all duration-200 has-[:checked]:bg-blue-50 has-[:checked]:border-blue-500 has-[:checked]:text-blue-700">
+                                <input type="checkbox"
+                                       id="category_{{ $cat_id }}"
+                                       name="category[]"
+                                       value="{{ $cat_id }}"
+                                       class="mr-2 rounded text-blue-600 focus:ring-blue-500"
+                                       @if(in_array($cat_id, $cat_selected ?? [])) checked @endif>
+                                <span class="text-sm font-medium">{{ $cat_names[$cat_id] ?? '' }}</span>
+                            </label>
+                        @endforeach
+                    </div>
+                </div>
+
+                <div class="flex gap-3 pt-4 border-t border-gray-200">
+                    <button class="px-6 py-3 bg-blue-600 text-white rounded-lg hover:bg-blue-700 shadow-md hover:shadow-lg transition-all duration-200 inline-flex items-center font-medium"
+                            type="submit" name="{{ $type ?? 'add' }}">
+                        <i class="fa {{ ($type ?? 'add') == 'add' ? 'fa-plus' : 'fa-edit' }} mr-2"></i>{{ ucfirst($type ?? 'add') }} Show
+                    </button>
+                    <a href="{{ url('/myshows') }}"
+                       class="px-6 py-3 bg-white text-gray-700 border-2 border-gray-300 rounded-lg hover:bg-gray-50 hover:border-gray-400 shadow-md hover:shadow-lg transition-all duration-200 inline-flex items-center font-medium">
+                        <i class="fa fa-arrow-left mr-2"></i>Back to My Shows
+                    </a>
+                </div>
+            {!! Form::close() !!}
+        </div>
+    </div>
+</div>
+
+<style>
+/* Fallback for browsers that don't support :has() pseudo-class */
+@supports not selector(:has(*)) {
+    label:has(input[type="checkbox"]:checked) {
+        background-color: #eff6ff !important;
+        border-color: #3b82f6 !important;
+        color: #1e40af !important;
+    }
+}
+</style>
+
diff --git a/resources/views/themes/Gentele/myshows.blade.php b/resources/views/myshows/index.blade.php
similarity index 97%
rename from resources/views/themes/Gentele/myshows.blade.php
rename to resources/views/myshows/index.blade.php
index 6f5622e37..4e0897f38 100644
--- a/resources/views/themes/Gentele/myshows.blade.php
+++ b/resources/views/myshows/index.blade.php
@@ -12,7 +12,7 @@
         background: linear-gradient(135deg, #3b82f6 0%, #6366f1 100%);
     }
     .category-badge {
-        background: linear-gradient(135deg, #ddd6fe 0%, #fce7f3 100%);
+        background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
     }
     .empty-state-bg {
         background: linear-gradient(135deg, #dbeafe 0%, #e0e7ff 100%);
@@ -78,7 +78,7 @@
     <!-- Action Buttons -->
     <div class="flex flex-wrap gap-3 mb-6">
         <a class="px-6 py-3 bg-blue-600 text-white rounded-lg hover:bg-blue-700 shadow-md hover:shadow-lg transition-all duration-200 inline-flex items-center font-medium"
-           href="{{ route('series') }}"
+           href="{{ url('/browse/TV') }}"
            title="View available TV series">
             <i class="fa fa-list mr-2"></i>Browse All Series
         </a>
@@ -145,7 +145,7 @@
                                 </td>
                                 <td class="px-8 py-5">
                                     @if(!empty($show['categoryNames']))
-                                        <span class="inline-flex items-center px-3 py-1.5 category-badge text-purple-800 text-xs font-semibold rounded-full border border-purple-200">
+                                        <span class="inline-flex items-center px-3 py-1.5 category-badge text-blue-800 text-xs font-semibold rounded-full border border-blue-200">
                                             <i class="fa fa-folder-open mr-1.5"></i>{{ e($show['categoryNames']) }}
                                         </span>
                                     @else
@@ -203,7 +203,7 @@
                                     </a>
                                     <div class="mt-1.5">
                                         @if(!empty($show['categoryNames']))
-                                            <span class="inline-flex items-center px-2 py-1 category-badge text-purple-800 text-xs font-semibold rounded-full border border-purple-200">
+                                            <span class="inline-flex items-center px-2 py-1 category-badge text-blue-800 text-xs font-semibold rounded-full border border-blue-200">
                                                 <i class="fa fa-folder-open mr-1"></i>{{ e($show['categoryNames']) }}
                                             </span>
                                         @else
@@ -248,7 +248,7 @@
                 <p class="text-gray-600 mb-6 max-w-md mx-auto">
                     You haven't bookmarked any TV series yet. Start building your collection by browsing our series library.
                 </p>
-                <a href="{{ route('series') }}"
+                <a href="{{ url('/browse/TV') }}"
                    class="inline-flex items-center px-6 py-3 bg-blue-600 text-white rounded-lg hover:bg-blue-700 shadow-md hover:shadow-lg transition-all duration-200 font-medium">
                     <i class="fa fa-search mr-2"></i>Browse Series Library
                 </a>
@@ -259,7 +259,6 @@
 
 <script>
 document.addEventListener('DOMContentLoaded', function() {
-
     // Confirm before removing shows
     document.querySelectorAll('.confirm_action').forEach(element => {
         element.addEventListener('click', function(e) {
diff --git a/resources/views/series/viewseries.blade.php b/resources/views/series/viewseries.blade.php
index a414eb977..cb10ae7ce 100644
--- a/resources/views/series/viewseries.blade.php
+++ b/resources/views/series/viewseries.blade.php
@@ -242,10 +242,10 @@
                                                                class="text-blue-600 hover:text-blue-800 font-medium">
                                                                 {{ $release->searchname }}
                                                             </a>
-                                                            @if(!empty($release->failed) && $release->failed > 0)
+                                                            @if(!empty($release->failed) && $release->failed->count() > 0)
                                                                 <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-red-100 text-red-800"
-                                                                      title="{{ $release->failed }} user(s) reported download failure">
-                                                                    <i class="fas fa-exclamation-triangle mr-1"></i> Failed ({{ $release->failed }})
+                                                                      title="{{ $release->failed->count() }} user(s) reported download failure">
+                                                                    <i class="fas fa-exclamation-triangle mr-1"></i> Failed ({{ $release->failed->count() }})
                                                                 </span>
                                                             @endif
                                                         </div>
diff --git a/resources/views/themes/Gentele/browse.blade.php b/resources/views/themes/Gentele/browse.blade.php
deleted file mode 100644
index e30761f89..000000000
--- a/resources/views/themes/Gentele/browse.blade.php
+++ /dev/null
@@ -1,70 +0,0 @@
-<div class="header">
-    <div class="breadcrumb-wrapper">
-        <nav aria-label="breadcrumb">
-            <ol class="breadcrumb">
-                <li class="breadcrumb-item"><a href="{{ url($site->home_link) }}">Home</a></li>
-                <li class="breadcrumb-item active">Browse Movies</li>
-            </ol>
-        </nav>
-    </div>
-</div>
-
-{!! $site->adbrowse ?? '' !!}
-
-@if(count($results ?? []) > 0)
-    <div class="card">
-        <div class="card-body px-0 py-0">
-            <div class="table-responsive">
-                <table class="table table-striped table-hover data mb-0">
-                    <thead class="thead-light">
-                        <tr>
-                            <th>Name</th>
-                            <th>Category</th>
-                            <th>Posted</th>
-                            <th>Size</th>
-                            <th>Files</th>
-                            <th class="text-end">Action</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        @foreach($results as $result)
-                            <tr>
-                                <td>
-                                    <div class="mb-1">
-                                        <a href="{{ url("/details/{$result->guid}") }}" class="title fw-semibold">{{ e(str_replace('.', ' ', $result->searchname ?? '')) }}</a>
-                                    </div>
-                                </td>
-                                <td>
-                                    <span class="badge bg-secondary text-white rounded-pill">
-                                        <i class="fa fa-folder-open me-1"></i>{{ $result->category_name ?? '' }}
-                                    </span>
-                                </td>
-                                <td>
-                                    <span title="{{ $result->postdate ?? '' }}">{{ isset($result->postdate) ? \Carbon\Carbon::parse($result->postdate)->diffForHumans() : '' }}</span>
-                                </td>
-                                <td class="text-center">
-                                    <span class="fw-medium">{{ isset($result->size) ? \App\Extensions\helper\formatBytes($result->size) : '' }}</span>
-                                </td>
-                                <td class="text-center">
-                                    <span class="fw-medium">{{ $result->totalpart ?? 0 }}</span>
-                                </td>
-                                <td class="text-end">
-                                    <div class="d-flex justify-content-end gap-2">
-                                        <a href="{{ url("/getnzb?id={$result->guid}") }}" class="btn btn-sm btn-outline-secondary">
-                                            <i class="fa fa-cloud-download"></i>
-                                        </a>
-                                    </div>
-                                </td>
-                            </tr>
-                        @endforeach
-                    </tbody>
-                </table>
-            </div>
-        </div>
-    </div>
-@else
-    <div class="alert alert-info">
-        <i class="fa fa-info-circle me-2"></i>No results found.
-    </div>
-@endif
-
diff --git a/resources/views/themes/Gentele/mymovies-add.blade.php b/resources/views/themes/Gentele/mymovies-add.blade.php
deleted file mode 100644
index 73db6ffc7..000000000
--- a/resources/views/themes/Gentele/mymovies-add.blade.php
+++ /dev/null
@@ -1,109 +0,0 @@
-<div class="card card-default shadow-sm mb-4">
-    <div class="card-header bg-light">
-        <div class="d-flex justify-content-between align-items-center">
-            <h3 class="mb-0"><i class="fa fa-film me-2 text-primary"></i>{{ ucfirst($type ?? 'add') }} Movie to Watchlist</h3>
-            <div class="breadcrumb-wrapper">
-                <nav aria-label="breadcrumb">
-                    <ol class="breadcrumb mb-0 py-0">
-                        <li class="breadcrumb-item"><a href="{{ url($site->home_link) }}">Home</a></li>
-                        <li class="breadcrumb-item"><a href="{{ url('/mymovies') }}">My Movies</a></li>
-                        <li class="breadcrumb-item active">{{ ucfirst($type ?? 'add') }} Movie</li>
-                    </ol>
-                </nav>
-            </div>
-        </div>
-    </div>
-
-    <div class="card-body">
-        <div class="mb-4">
-            <div class="d-flex align-items-center gap-3 mb-3">
-                <img class="rounded shadow-sm" style="max-width:100px"
-                     src="{{ url("/covers/movies/{$imdbid}-cover.jpg") }}"
-                     onerror="this.src='{{ url('/covers/movies/no-cover.jpg') }}'"
-                     alt="{{ e($movie['title'] ?? '') }}" />
-
-                <div>
-                    <h4 class="mb-1">{{ ucfirst($type ?? 'add') }} "{{ e($movie['title'] ?? '') }}" to watchlist</h4>
-                    <p class="text-muted mb-0">Select categories below to organize this movie in your collection.</p>
-                </div>
-            </div>
-
-            <div class="alert alert-info">
-                <i class="fa fa-info-circle me-2"></i>
-                Adding movies to your watchlist will notify you through your
-                <a href="{{ url("/rss/mymovies?dl=1&i={$userdata->id}&api_token={$userdata->api_token}") }}" class="alert-link">
-                    <i class="fa fa-rss me-1"></i>RSS Feed
-                </a>
-                when they become available.
-            </div>
-        </div>
-
-        {!! Form::open(['id' => 'mymovies', 'class' => 'form', 'url' => "mymovies?id=do{$type}"]) !!}
-            <input type="hidden" name="imdb" value="{{ $imdbid }}"/>
-            @if(!empty($from))
-                <input type="hidden" name="from" value="{{ $from }}" />
-            @endif
-
-            <div class="mb-4">
-                <label class="form-label fw-bold mb-3">Choose Categories:</label>
-                <div class="d-flex flex-wrap gap-3" id="category-container">
-                    @foreach($cat_ids ?? [] as $index => $cat_id)
-                        <div class="category-checkbox">
-                            <input type="checkbox"
-                                   id="category_{{ $cat_id }}"
-                                   name="category[]"
-                                   value="{{ $cat_id }}"
-                                   @if(in_array($cat_id, $cat_selected ?? [])) checked @endif>
-                            <label for="category_{{ $cat_id }}">{{ $cat_names[$cat_id] ?? '' }}</label>
-                        </div>
-                    @endforeach
-                </div>
-            </div>
-
-            <div class="d-flex gap-2">
-                <button class="btn btn-primary" type="submit" name="{{ $type ?? 'add' }}">
-                    <i class="fa {{ ($type ?? 'add') == 'add' ? 'fa-plus' : 'fa-edit' }} me-2"></i>{{ ucfirst($type ?? 'add') }} Movie
-                </button>
-                <a href="{{ url('/mymovies') }}" class="btn btn-outline-secondary">
-                    <i class="fa fa-arrow-left me-2"></i>Back to My Movies
-                </a>
-            </div>
-        {!! Form::close() !!}
-    </div>
-</div>
-
-<style>
-/* Style for checkboxes to make them more modern */
-.category-checkbox {
-    display: inline-flex;
-    align-items: center;
-}
-
-.category-checkbox label {
-    display: flex;
-    align-items: center;
-    padding: 8px 15px;
-    margin-bottom: 0;
-    background-color: #f8f9fa;
-    border: 1px solid #dee2e6;
-    border-radius: 4px;
-    cursor: pointer;
-    transition: all 0.2s ease;
-}
-
-.category-checkbox label:hover {
-    background-color: #e9ecef;
-}
-
-.category-checkbox input[type="checkbox"] {
-    margin-right: 8px;
-    cursor: pointer;
-}
-
-.category-checkbox input[type="checkbox"]:checked ~ label,
-.category-checkbox input[type="checkbox"]:checked + label {
-    background-color: #d1ecf1;
-    border-color: #4dabf7;
-}
-</style>
-
diff --git a/resources/views/themes/Gentele/myshows-add.blade.php b/resources/views/themes/Gentele/myshows-add.blade.php
deleted file mode 100644
index 9d3b265b7..000000000
--- a/resources/views/themes/Gentele/myshows-add.blade.php
+++ /dev/null
@@ -1,109 +0,0 @@
-<div class="card card-default shadow-sm mb-4">
-    <div class="card-header bg-light">
-        <div class="d-flex justify-content-between align-items-center">
-            <h3 class="mb-0"><i class="fa fa-tv me-2 text-primary"></i>{{ ucfirst($type ?? 'add') }} Show to Watchlist</h3>
-            <div class="breadcrumb-wrapper">
-                <nav aria-label="breadcrumb">
-                    <ol class="breadcrumb mb-0 py-0">
-                        <li class="breadcrumb-item"><a href="{{ url($site->home_link) }}">Home</a></li>
-                        <li class="breadcrumb-item"><a href="{{ url('/myshows') }}">My Shows</a></li>
-                        <li class="breadcrumb-item active">{{ ucfirst($type ?? 'add') }} Show</li>
-                    </ol>
-                </nav>
-            </div>
-        </div>
-    </div>
-
-    <div class="card-body">
-        <div class="mb-4">
-            <div class="d-flex align-items-center gap-3 mb-3">
-                <img class="rounded shadow-sm" style="max-width:100px"
-                     src="{{ url("/covers/tvshows/{$video}_thumb.jpg") }}"
-                     onerror="this.src='{{ url('/covers/tvshows/no-cover.jpg') }}'"
-                     alt="{{ e($show['title'] ?? '') }}" />
-
-                <div>
-                    <h4 class="mb-1">{{ ucfirst($type ?? 'add') }} "{{ e($show['title'] ?? '') }}" to watchlist</h4>
-                    <p class="text-muted mb-0">Select categories below to organize this show in your collection.</p>
-                </div>
-            </div>
-
-            <div class="alert alert-info">
-                <i class="fa fa-info-circle me-2"></i>
-                Adding shows to your watchlist will notify you through your
-                <a href="{{ url("/rss/myshows?dl=1&i={$userdata->id}&api_token={$userdata->api_token}") }}" class="alert-link">
-                    <i class="fa fa-rss me-1"></i>RSS Feed
-                </a>
-                when new episodes become available.
-            </div>
-        </div>
-
-        {!! Form::open(['id' => 'myshows', 'class' => 'form', 'url' => "myshows?action=do{$type}"]) !!}
-            <input type="hidden" name="id" value="{{ $video }}"/>
-            @if(!empty($from))
-                <input type="hidden" name="from" value="{{ $from }}" />
-            @endif
-
-            <div class="mb-4">
-                <label class="form-label fw-bold mb-3">Choose Categories:</label>
-                <div class="d-flex flex-wrap gap-3" id="category-container">
-                    @foreach($cat_ids ?? [] as $index => $cat_id)
-                        <div class="category-checkbox">
-                            <input type="checkbox"
-                                   id="category_{{ $cat_id }}"
-                                   name="category[]"
-                                   value="{{ $cat_id }}"
-                                   @if(in_array($cat_id, $cat_selected ?? [])) checked @endif>
-                            <label for="category_{{ $cat_id }}">{{ $cat_names[$cat_id] ?? '' }}</label>
-                        </div>
-                    @endforeach
-                </div>
-            </div>
-
-            <div class="d-flex gap-2">
-                <button class="btn btn-primary" type="submit" name="{{ $type ?? 'add' }}">
-                    <i class="fa {{ ($type ?? 'add') == 'add' ? 'fa-plus' : 'fa-edit' }} me-2"></i>{{ ucfirst($type ?? 'add') }} Show
-                </button>
-                <a href="{{ url('/myshows') }}" class="btn btn-outline-secondary">
-                    <i class="fa fa-arrow-left me-2"></i>Back to My Shows
-                </a>
-            </div>
-        {!! Form::close() !!}
-    </div>
-</div>
-
-<style>
-/* Style for checkboxes to make them more modern */
-.category-checkbox {
-    display: inline-flex;
-    align-items: center;
-}
-
-.category-checkbox label {
-    display: flex;
-    align-items: center;
-    padding: 8px 15px;
-    margin-bottom: 0;
-    background-color: #f8f9fa;
-    border: 1px solid #dee2e6;
-    border-radius: 4px;
-    cursor: pointer;
-    transition: all 0.2s ease;
-}
-
-.category-checkbox label:hover {
-    background-color: #e9ecef;
-}
-
-.category-checkbox input[type="checkbox"] {
-    margin-right: 8px;
-    cursor: pointer;
-}
-
-.category-checkbox input[type="checkbox"]:checked ~ label,
-.category-checkbox input[type="checkbox"]:checked + label {
-    background-color: #d1ecf1;
-    border-color: #4dabf7;
-}
-</style>
-