From 05e54286d22f86f56ed5f09529b3f1ee47efeaf4 Mon Sep 17 00:00:00 2001
From: DariusIII <dkrisan@gmail.com>
Date: Mon, 23 Feb 2026 09:32:42 +0100
Subject: [PATCH] Fix tailwindcss v4 usage

---
 .../blade-tailwind/views/modal-form.blade.php |  2 +-
 .../views/post/confirm-restore.blade.php      |  2 +-
 .../views/pages/category/create.blade.php     |  2 +-
 .../views/pages/category/edit.blade.php       |  2 +-
 .../views/pages/category/manage.blade.php     |  2 +-
 .../views/pages/post/edit.blade.php           |  2 +-
 .../views/pages/post/show.blade.php           |  2 +-
 .../views/pages/thread/create.blade.php       |  2 +-
 .../views/pages/thread/reply.blade.php        |  2 +-
 .../js/alpine/components/admin/dashboard.js   |  2 +-
 .../js/alpine/components/filelist-modal.js    |  2 +-
 .../js/alpine/components/mediainfo-modal.js   |  6 ++--
 .../js/alpine/components/movies-layout.js     |  6 ++--
 resources/views/admin/anidb/remove.blade.php  |  6 ++--
 .../views/admin/blacklist/index.blade.php     |  4 +--
 .../views/admin/categories/index.blade.php    |  2 +-
 resources/views/admin/dashboard.blade.php     | 16 +++++-----
 resources/views/admin/predb/index.blade.php   |  2 +-
 .../promotions/show-statistics.blade.php      |  8 ++---
 .../admin/promotions/statistics.blade.php     | 10 +++----
 .../admin/regexes/category-list.blade.php     |  4 +--
 .../admin/regexes/collection-list.blade.php   |  4 +--
 .../admin/regexes/collection-test.blade.php   |  2 +-
 .../regexes/release-naming-list.blade.php     |  4 +--
 .../regexes/release-naming-test.blade.php     |  4 +--
 .../admin/release-reports/index.blade.php     |  2 +-
 .../views/admin/releases/index.blade.php      |  2 +-
 resources/views/admin/shows/remove.blade.php  |  6 ++--
 resources/views/admin/site/stats.blade.php    | 12 ++++----
 resources/views/admin/users/edit.blade.php    | 10 +++----
 .../views/auth/passwords/reset.blade.php      |  2 +-
 resources/views/books/index.blade.php         |  2 +-
 resources/views/browse/index.blade.php        |  6 ++--
 resources/views/cart/index.blade.php          |  2 +-
 resources/views/console/index.blade.php       |  4 +--
 resources/views/details/index.blade.php       | 30 +++++++++----------
 resources/views/forum/modal-form.blade.php    |  2 +-
 .../forum/post/confirm-restore.blade.php      |  2 +-
 resources/views/games/index.blade.php         |  2 +-
 resources/views/layouts/admin.blade.php       |  6 ++--
 resources/views/layouts/main.blade.php        |  6 ++--
 resources/views/movies/trending.blade.php     |  6 ++--
 .../views/movies/viewmoviefull.blade.php      |  2 +-
 resources/views/music/index.blade.php         |  2 +-
 resources/views/mymovies/add.blade.php        |  4 +--
 resources/views/mymovies/index.blade.php      |  8 ++---
 resources/views/myshows/add.blade.php         |  4 +--
 resources/views/myshows/index.blade.php       |  6 ++--
 resources/views/nfo/view.blade.php            |  2 +-
 .../views/partials/header-menu.blade.php      | 10 +++----
 resources/views/search/index.blade.php        |  4 +--
 resources/views/series/trending.blade.php     |  6 ++--
 resources/views/series/viewseries.blade.php   | 22 +++++++-------
 .../views/series/viewserieslist.blade.php     |  2 +-
 resources/views/xxx/index.blade.php           |  2 +-
 55 files changed, 138 insertions(+), 138 deletions(-)

diff --git a/resources/forum/blade-tailwind/views/modal-form.blade.php b/resources/forum/blade-tailwind/views/modal-form.blade.php
index ae17560e2..457468a69 100644
--- a/resources/forum/blade-tailwind/views/modal-form.blade.php
+++ b/resources/forum/blade-tailwind/views/modal-form.blade.php
@@ -1,6 +1,6 @@
 <div tabindex="-1" role="dialog" data-modal="{{ $key }}" class="fixed top-0 left-0 w-full h-full hidden z-10 items-center justify-center">
     <div class="fixed top-0 left-0 w-full h-full bg-black/25 dark:bg-black/50" data-close-modal></div>
-    <div class="relative bg-white dark:bg-gray-800 rounded-md max-w-screen-sm w-full m-2 transition-colors" role="document">
+    <div class="relative bg-white dark:bg-gray-800 rounded-md max-w-(--breakpoint-sm) w-full m-2 transition-colors" role="document">
         <div class="">
             <div class="border-b dark:border-gray-700 px-6 py-4 flex justify-between">
                 <h5 class="text-xl font-medium flex items-center gap-1 text-gray-900 dark:text-gray-100">{!!$title !!}</h5>
diff --git a/resources/forum/blade-tailwind/views/post/confirm-restore.blade.php b/resources/forum/blade-tailwind/views/post/confirm-restore.blade.php
index c45c699d1..c06a903a1 100644
--- a/resources/forum/blade-tailwind/views/post/confirm-restore.blade.php
+++ b/resources/forum/blade-tailwind/views/post/confirm-restore.blade.php
@@ -2,7 +2,7 @@
 
 @section ('content')
     <div id="delete-post">
-        <h2 class="flex-grow-1 text-3xl text-gray-900 dark:text-gray-100">{{ trans_choice('forum::posts.restore', 1) }}</h2>
+        <h2 class="grow text-3xl text-gray-900 dark:text-gray-100">{{ trans_choice('forum::posts.restore', 1) }}</h2>
 
         <hr class="border-gray-300 dark:border-gray-700">
 
diff --git a/resources/forum/livewire-tailwind/views/pages/category/create.blade.php b/resources/forum/livewire-tailwind/views/pages/category/create.blade.php
index 9cc159743..b420c6a18 100644
--- a/resources/forum/livewire-tailwind/views/pages/category/create.blade.php
+++ b/resources/forum/livewire-tailwind/views/pages/category/create.blade.php
@@ -3,7 +3,7 @@
     @include ('forum::components.breadcrumbs')
 
     <div class="flex justify-center items-center">
-        <div class="grow max-w-screen-md">
+        <div class="grow max-w-(--breakpoint-md)">
             <h1>{{ trans('forum::categories.create') }}</h1>
 
             <div class="bg-white rounded-md shadow-md my-2 p-6 dark:bg-slate-700">
diff --git a/resources/forum/livewire-tailwind/views/pages/category/edit.blade.php b/resources/forum/livewire-tailwind/views/pages/category/edit.blade.php
index d2eb5c846..fe1f4514f 100644
--- a/resources/forum/livewire-tailwind/views/pages/category/edit.blade.php
+++ b/resources/forum/livewire-tailwind/views/pages/category/edit.blade.php
@@ -3,7 +3,7 @@
     @include ('forum::components.breadcrumbs')
 
     <div class="flex justify-center items-center">
-        <div class="grow max-w-screen-md">
+        <div class="grow max-w-(--breakpoint-md)">
             <h1 class="mb-2">{{ trans('forum::categories.edit') }}</h1>
             <h2 class="mb-4 text-slate-500">{{ $category->title }}</h2>
 
diff --git a/resources/forum/livewire-tailwind/views/pages/category/manage.blade.php b/resources/forum/livewire-tailwind/views/pages/category/manage.blade.php
index 2f9561193..dff33e939 100644
--- a/resources/forum/livewire-tailwind/views/pages/category/manage.blade.php
+++ b/resources/forum/livewire-tailwind/views/pages/category/manage.blade.php
@@ -3,7 +3,7 @@
     @include ('forum::components.breadcrumbs')
 
     <div class="flex justify-center items-center">
-        <div class="grow max-w-screen-lg">
+        <div class="grow max-w-(--breakpoint-lg)">
             <h1>{{ trans('forum::general.manage') }}</h1>
 
             @can ('createCategories')
diff --git a/resources/forum/livewire-tailwind/views/pages/post/edit.blade.php b/resources/forum/livewire-tailwind/views/pages/post/edit.blade.php
index 4e02cbd81..084b90b7c 100644
--- a/resources/forum/livewire-tailwind/views/pages/post/edit.blade.php
+++ b/resources/forum/livewire-tailwind/views/pages/post/edit.blade.php
@@ -3,7 +3,7 @@
     @include ('forum::components.breadcrumbs')
 
     <div class="flex justify-center items-center">
-        <div class="grow max-w-screen-lg">
+        <div class="grow max-w-(--breakpoint-lg)">
             <h1 class="mb-2">{{ trans('forum::posts.edit') }}</h1>
             <h2 class="mb-4 text-slate-500">Re: {{ $post->thread->title }}</h2>
 
diff --git a/resources/forum/livewire-tailwind/views/pages/post/show.blade.php b/resources/forum/livewire-tailwind/views/pages/post/show.blade.php
index 71eace7ee..75f442b61 100644
--- a/resources/forum/livewire-tailwind/views/pages/post/show.blade.php
+++ b/resources/forum/livewire-tailwind/views/pages/post/show.blade.php
@@ -3,7 +3,7 @@
     @include ('forum::components.breadcrumbs')
 
     <div class="flex justify-center items-center">
-        <div class="grow max-w-screen-xl">
+        <div class="grow max-w-(--breakpoint-xl)">
             <h1 class="mb-2">{{ trans('forum::posts.view') }}</h1>
             <h2 class="text-slate-500">Re: {{ $post->thread->title }}</h2>
 
diff --git a/resources/forum/livewire-tailwind/views/pages/thread/create.blade.php b/resources/forum/livewire-tailwind/views/pages/thread/create.blade.php
index 03991d98b..1647782c0 100644
--- a/resources/forum/livewire-tailwind/views/pages/thread/create.blade.php
+++ b/resources/forum/livewire-tailwind/views/pages/thread/create.blade.php
@@ -3,7 +3,7 @@
     @include ('forum::components.breadcrumbs')
 
     <div class="flex justify-center items-center">
-        <div class="grow max-w-screen-lg">
+        <div class="grow max-w-(--breakpoint-lg)">
             <h1>{{ trans('forum::threads.new_thread') }} ({{ $category->title }})</h1>
 
             <div class="bg-white rounded-md shadow-md my-2 p-6 dark:bg-slate-700">
diff --git a/resources/forum/livewire-tailwind/views/pages/thread/reply.blade.php b/resources/forum/livewire-tailwind/views/pages/thread/reply.blade.php
index 09849db1a..872d2b0b2 100644
--- a/resources/forum/livewire-tailwind/views/pages/thread/reply.blade.php
+++ b/resources/forum/livewire-tailwind/views/pages/thread/reply.blade.php
@@ -3,7 +3,7 @@
     @include ('forum::components.breadcrumbs')
 
     <div class="flex justify-center items-center">
-        <div class="grow max-w-screen-lg">
+        <div class="grow max-w-(--breakpoint-lg)">
             <h1 class="mb-2">{{ trans('forum::general.reply') }}</h1>
             <h2 class="text-slate-500">Re: {{ $thread->title }}</h2>
 
diff --git a/resources/js/alpine/components/admin/dashboard.js b/resources/js/alpine/components/admin/dashboard.js
index 487d056c2..7a655ccd8 100644
--- a/resources/js/alpine/components/admin/dashboard.js
+++ b/resources/js/alpine/components/admin/dashboard.js
@@ -79,7 +79,7 @@ Alpine.data('recentActivity', () => ({
             data.activities.forEach(a => {
                 const div = document.createElement('div');
                 div.className = 'flex items-start activity-item rounded-lg p-2 hover:bg-gray-50 dark:hover:bg-gray-900 transition-colors';
-                div.innerHTML = '<div class="w-8 h-8 ' + a.icon_bg + ' rounded-full flex items-center justify-center mr-3 flex-shrink-0"><i class="fas fa-' + a.icon + ' ' + a.icon_color + ' text-sm"></i></div><div class="flex-1"><p class="text-sm text-gray-800 dark:text-gray-200">' + escapeHtml(a.message) + '</p><p class="text-xs text-gray-500 dark:text-gray-400">' + escapeHtml(a.created_at) + '</p></div>';
+                div.innerHTML = '<div class="w-8 h-8 ' + a.icon_bg + ' rounded-full flex items-center justify-center mr-3 shrink-0"><i class="fas fa-' + a.icon + ' ' + a.icon_color + ' text-sm"></i></div><div class="flex-1"><p class="text-sm text-gray-800 dark:text-gray-200">' + escapeHtml(a.message) + '</p><p class="text-xs text-gray-500 dark:text-gray-400">' + escapeHtml(a.created_at) + '</p></div>';
                 this.$el.appendChild(div);
             });
             const ts = document.getElementById('activity-last-updated');
diff --git a/resources/js/alpine/components/filelist-modal.js b/resources/js/alpine/components/filelist-modal.js
index 1e68ded86..dcd9411d1 100644
--- a/resources/js/alpine/components/filelist-modal.js
+++ b/resources/js/alpine/components/filelist-modal.js
@@ -51,7 +51,7 @@ Alpine.data('filelistModal', () => ({
 
     _buildHtml(data) {
         let html = '<div class="space-y-4">';
-        html += '<div class="bg-gradient-to-r from-green-50 to-teal-50 dark:from-green-900 dark:to-teal-900 rounded-lg p-4 mb-4">';
+        html += '<div class="bg-linear-to-r from-green-50 to-teal-50 dark:from-green-900 dark:to-teal-900 rounded-lg p-4 mb-4">';
         html += '<h4 class="text-md font-semibold text-gray-800 dark:text-gray-200 mb-2">' + escapeHtml(data.release.searchname) + '</h4>';
         html += '<p class="text-sm text-gray-600 dark:text-gray-400">Total Files: ' + data.total + '</p></div>';
         html += '<div class="overflow-hidden rounded-lg border border-gray-200 dark:border-gray-700">';
diff --git a/resources/js/alpine/components/mediainfo-modal.js b/resources/js/alpine/components/mediainfo-modal.js
index 87597154f..bddd3e637 100644
--- a/resources/js/alpine/components/mediainfo-modal.js
+++ b/resources/js/alpine/components/mediainfo-modal.js
@@ -53,7 +53,7 @@ Alpine.data('mediainfoModal', () => ({
         let html = '<div class="space-y-6">';
 
         if (data.video) {
-            html += '<div class="bg-gradient-to-r from-blue-50 to-indigo-50 dark:from-blue-900 dark:to-indigo-900 rounded-lg p-4">';
+            html += '<div class="bg-linear-to-r from-blue-50 to-indigo-50 dark:from-blue-900 dark:to-indigo-900 rounded-lg p-4">';
             html += '<h4 class="text-md font-semibold text-gray-800 dark:text-gray-200 mb-3 flex items-center"><i class="fas fa-video mr-2 text-blue-600 dark:text-blue-400"></i> Video Information</h4>';
             html += '<dl class="grid grid-cols-2 gap-3">';
             const v = data.video;
@@ -70,7 +70,7 @@ Alpine.data('mediainfoModal', () => ({
         }
 
         if (data.audio && data.audio.length > 0) {
-            html += '<div class="bg-gradient-to-r from-green-50 to-teal-50 dark:from-green-900 dark:to-teal-900 rounded-lg p-4">';
+            html += '<div class="bg-linear-to-r from-green-50 to-teal-50 dark:from-green-900 dark:to-teal-900 rounded-lg p-4">';
             html += '<h4 class="text-md font-semibold text-gray-800 dark:text-gray-200 mb-3 flex items-center"><i class="fas fa-volume-up mr-2 text-green-600 dark:text-green-400"></i> Audio Information</h4>';
             data.audio.forEach((a, i) => {
                 if (i > 0) html += '<hr class="my-3 border-gray-200 dark:border-gray-700">';
@@ -86,7 +86,7 @@ Alpine.data('mediainfoModal', () => ({
         }
 
         if (data.subs) {
-            html += '<div class="bg-gradient-to-r from-purple-50 to-pink-50 dark:from-purple-900 dark:to-pink-900 rounded-lg p-4">';
+            html += '<div class="bg-linear-to-r from-purple-50 to-pink-50 dark:from-purple-900 dark:to-pink-900 rounded-lg p-4">';
             html += '<h4 class="text-md font-semibold text-gray-800 dark:text-gray-200 mb-3 flex items-center"><i class="fas fa-closed-captioning mr-2 text-purple-600 dark:text-purple-400"></i> Subtitles</h4>';
             html += '<p class="text-sm text-gray-900 dark:text-gray-100">' + escapeHtml(data.subs) + '</p></div>';
         }
diff --git a/resources/js/alpine/components/movies-layout.js b/resources/js/alpine/components/movies-layout.js
index 2fcd7e054..e373f00b4 100644
--- a/resources/js/alpine/components/movies-layout.js
+++ b/resources/js/alpine/components/movies-layout.js
@@ -44,7 +44,7 @@ Alpine.data('moviesLayout', () => ({
         const effectiveLayout = isLargeScreen ? this.layout : 1;
 
         // Select movie poster images and placeholder divs
-        const images = grid.querySelectorAll('.flex-shrink-0 img, .flex-shrink-0 > a > div, .flex-shrink-0 > div');
+        const images = grid.querySelectorAll('.shrink-0 img, .shrink-0 > a > div, .shrink-0 > div');
         const containers = grid.querySelectorAll('.release-card-container');
 
         if (effectiveLayout === 1) {
@@ -57,7 +57,7 @@ Alpine.data('moviesLayout', () => ({
                 const info = c.querySelector('.release-info-wrapper');
                 if (info) info.classList.add('flex-1', 'min-w-0');
                 const acts = c.querySelector('.release-actions');
-                if (acts) { acts.classList.remove('flex-wrap', 'mt-2'); acts.classList.add('flex-shrink-0', 'flex-row', 'items-center'); }
+                if (acts) { acts.classList.remove('flex-wrap', 'mt-2'); acts.classList.add('shrink-0', 'flex-row', 'items-center'); }
             });
         } else {
             // Two column layout
@@ -69,7 +69,7 @@ Alpine.data('moviesLayout', () => ({
                 const info = c.querySelector('.release-info-wrapper');
                 if (info) info.classList.remove('flex-1', 'min-w-0');
                 const acts = c.querySelector('.release-actions');
-                if (acts) { acts.classList.add('flex-wrap', 'items-center', 'mt-2'); acts.classList.remove('flex-shrink-0', 'flex-row'); }
+                if (acts) { acts.classList.add('flex-wrap', 'items-center', 'mt-2'); acts.classList.remove('shrink-0', 'flex-row'); }
             });
         }
     }
diff --git a/resources/views/admin/anidb/remove.blade.php b/resources/views/admin/anidb/remove.blade.php
index aafac6033..cc3406e44 100644
--- a/resources/views/admin/anidb/remove.blade.php
+++ b/resources/views/admin/anidb/remove.blade.php
@@ -20,7 +20,7 @@
             @if($success)
                 <div class="bg-green-50 dark:bg-green-900 border-l-4 border-green-500 dark:border-green-600 p-4 rounded mb-6">
                     <div class="flex">
-                        <div class="flex-shrink-0">
+                        <div class="shrink-0">
                             <i class="fas fa-check-circle text-green-600 dark:text-green-400 text-xl"></i>
                         </div>
                         <div class="ml-3">
@@ -56,7 +56,7 @@
             @else
                 <div class="bg-red-50 dark:bg-red-900 border-l-4 border-red-500 dark:border-red-600 p-4 rounded mb-6">
                     <div class="flex">
-                        <div class="flex-shrink-0">
+                        <div class="shrink-0">
                             <i class="fas fa-exclamation-circle text-red-600 dark:text-red-400 text-xl"></i>
                         </div>
                         <div class="ml-3">
@@ -79,7 +79,7 @@
             <!-- Info Box -->
             <div class="mt-6 bg-blue-50 dark:bg-blue-900 border-l-4 border-blue-500 dark:border-blue-600 p-4 rounded">
                 <div class="flex">
-                    <div class="flex-shrink-0">
+                    <div class="shrink-0">
                         <i class="fas fa-info-circle text-blue-600 dark:text-blue-400"></i>
                     </div>
                     <div class="ml-3">
diff --git a/resources/views/admin/blacklist/index.blade.php b/resources/views/admin/blacklist/index.blade.php
index 164acb0b0..cc27a038e 100644
--- a/resources/views/admin/blacklist/index.blade.php
+++ b/resources/views/admin/blacklist/index.blade.php
@@ -18,7 +18,7 @@
         <!-- Info Alert -->
         <div class="px-6 py-4 bg-blue-50 dark:bg-blue-900/20 border-b border-blue-100 dark:border-blue-800">
             <div class="flex">
-                <div class="flex-shrink-0">
+                <div class="shrink-0">
                     <i class="fa fa-info-circle text-blue-500 dark:text-blue-400 text-2xl"></i>
                 </div>
                 <div class="ml-3">
@@ -89,7 +89,7 @@
                                     @endif
                                 </td>
                                 <td class="px-6 py-4 text-sm">
-                                    <div class="max-w-[200px] break-words">
+                                    <div class="max-w-[200px] wrap-break-word">
                                         <a href="{{ url('/admin/binaryblacklist-edit?id=' . $bin->id) }}" class="text-blue-600 dark:text-blue-400 hover:text-blue-900 dark:hover:text-blue-300" title="{{ htmlspecialchars($bin->regex) }}">
                                             <code class="bg-gray-100 dark:bg-gray-700 text-gray-900 dark:text-gray-100 px-2 py-1 rounded text-xs break-all">{{ htmlspecialchars($bin->regex) }}</code>
                                         </a>
diff --git a/resources/views/admin/categories/index.blade.php b/resources/views/admin/categories/index.blade.php
index cbf2a4ac3..473a5fcc1 100644
--- a/resources/views/admin/categories/index.blade.php
+++ b/resources/views/admin/categories/index.blade.php
@@ -20,7 +20,7 @@
         <!-- Info Alert -->
         <div class="px-6 py-4 bg-blue-50 dark:bg-blue-900 border-b border-blue-100 dark:border-blue-800">
             <div class="flex">
-                <div class="flex-shrink-0">
+                <div class="shrink-0">
                     <i class="fa fa-info-circle text-blue-500 dark:text-blue-400 text-2xl"></i>
                 </div>
                 <div class="ml-3">
diff --git a/resources/views/admin/dashboard.blade.php b/resources/views/admin/dashboard.blade.php
index 07f2de4aa..b86bc2f4d 100644
--- a/resources/views/admin/dashboard.blade.php
+++ b/resources/views/admin/dashboard.blade.php
@@ -111,23 +111,23 @@
 
         <!-- Summary Stats Row -->
         <div class="grid grid-cols-1 md:grid-cols-5 gap-4 mb-6">
-            <div class="bg-gradient-to-br from-blue-50 to-blue-100 dark:from-blue-900 dark:to-blue-800 rounded-lg p-4 text-center">
+            <div class="bg-linear-to-br from-blue-50 to-blue-100 dark:from-blue-900 dark:to-blue-800 rounded-lg p-4 text-center">
                 <p class="text-sm text-blue-600 dark:text-blue-300 font-medium mb-1">Total Users</p>
                 <p class="text-2xl font-bold text-blue-800 dark:text-blue-100">{{ number_format($userStats['summary']['total_users']) }}</p>
             </div>
-            <div class="bg-gradient-to-br from-green-50 to-green-100 dark:from-green-900 dark:to-green-800 rounded-lg p-4 text-center">
+            <div class="bg-linear-to-br from-green-50 to-green-100 dark:from-green-900 dark:to-green-800 rounded-lg p-4 text-center">
                 <p class="text-sm text-green-600 dark:text-green-300 font-medium mb-1">Downloads Today</p>
                 <p class="text-2xl font-bold text-green-800 dark:text-green-100">{{ number_format($userStats['summary']['downloads_today']) }}</p>
             </div>
-            <div class="bg-gradient-to-br from-purple-50 to-purple-100 dark:from-purple-900 dark:to-purple-800 rounded-lg p-4 text-center">
+            <div class="bg-linear-to-br from-purple-50 to-purple-100 dark:from-purple-900 dark:to-purple-800 rounded-lg p-4 text-center">
                 <p class="text-sm text-purple-600 dark:text-purple-300 font-medium mb-1">Downloads (7d)</p>
                 <p class="text-2xl font-bold text-purple-800 dark:text-purple-100">{{ number_format($userStats['summary']['downloads_week']) }}</p>
             </div>
-            <div class="bg-gradient-to-br from-orange-50 to-orange-100 dark:from-orange-900 dark:to-orange-800 rounded-lg p-4 text-center">
+            <div class="bg-linear-to-br from-orange-50 to-orange-100 dark:from-orange-900 dark:to-orange-800 rounded-lg p-4 text-center">
                 <p class="text-sm text-orange-600 dark:text-orange-300 font-medium mb-1">API Hits Today</p>
                 <p class="text-2xl font-bold text-orange-800 dark:text-orange-100">{{ number_format($userStats['summary']['api_hits_today']) }}</p>
             </div>
-            <div class="bg-gradient-to-br from-pink-50 to-pink-100 dark:from-pink-900 dark:to-pink-800 rounded-lg p-4 text-center">
+            <div class="bg-linear-to-br from-pink-50 to-pink-100 dark:from-pink-900 dark:to-pink-800 rounded-lg p-4 text-center">
                 <p class="text-sm text-pink-600 dark:text-pink-300 font-medium mb-1">API Hits (7d)</p>
                 <p class="text-2xl font-bold text-pink-800 dark:text-pink-100">{{ number_format($userStats['summary']['api_hits_week']) }}</p>
             </div>
@@ -287,7 +287,7 @@
 
         <!-- Current Usage Stats -->
         <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-6">
-            <div class="bg-gradient-to-br from-orange-50 to-orange-100 dark:from-orange-900 dark:to-orange-800 rounded-lg p-4">
+            <div class="bg-linear-to-br from-orange-50 to-orange-100 dark:from-orange-900 dark:to-orange-800 rounded-lg p-4">
                 <div class="flex items-center justify-between mb-3">
                     <div>
                         <p class="text-sm text-orange-600 dark:text-orange-300 font-medium mb-1">CPU Usage</p>
@@ -328,7 +328,7 @@
                 </div>
             </div>
 
-            <div class="bg-gradient-to-br from-cyan-50 to-cyan-100 dark:from-cyan-900 dark:to-cyan-800 rounded-lg p-4">
+            <div class="bg-linear-to-br from-cyan-50 to-cyan-100 dark:from-cyan-900 dark:to-cyan-800 rounded-lg p-4">
                 <div class="flex items-center justify-between">
                     <div>
                         <p class="text-sm text-cyan-600 dark:text-cyan-300 font-medium mb-1">RAM Usage</p>
@@ -473,7 +473,7 @@
                 @if(isset($recent_activity) && count($recent_activity) > 0)
                     @foreach($recent_activity as $activity)
                         <div class="flex items-start activity-item rounded-lg p-2 hover:bg-gray-50 dark:hover:bg-gray-900 transition-colors">
-                            <div class="w-8 h-8 {{ $activity->icon_bg }} rounded-full flex items-center justify-center mr-3 flex-shrink-0">
+                            <div class="w-8 h-8 {{ $activity->icon_bg }} rounded-full flex items-center justify-center mr-3 shrink-0">
                                 <i class="fas fa-{{ $activity->icon }} {{ $activity->icon_color }} text-sm"></i>
                             </div>
                             <div class="flex-1">
diff --git a/resources/views/admin/predb/index.blade.php b/resources/views/admin/predb/index.blade.php
index fd323d324..839552706 100644
--- a/resources/views/admin/predb/index.blade.php
+++ b/resources/views/admin/predb/index.blade.php
@@ -167,7 +167,7 @@
     @if($lastSearch)
     <div class="mt-6 bg-blue-50 dark:bg-blue-900 border-l-4 border-blue-500 dark:border-blue-600 p-4 rounded">
         <div class="flex">
-            <div class="flex-shrink-0">
+            <div class="shrink-0">
                 <i class="fas fa-info-circle text-blue-600 dark:text-blue-400"></i>
             </div>
             <div class="ml-3">
diff --git a/resources/views/admin/promotions/show-statistics.blade.php b/resources/views/admin/promotions/show-statistics.blade.php
index 05e34e385..4fdb37c59 100644
--- a/resources/views/admin/promotions/show-statistics.blade.php
+++ b/resources/views/admin/promotions/show-statistics.blade.php
@@ -94,7 +94,7 @@
     <div class="grid grid-cols-1 md:grid-cols-4 gap-6 mb-6">
         <div class="bg-white dark:bg-gray-800 rounded-xl shadow-sm p-6">
             <div class="flex items-center">
-                <div class="flex-shrink-0 bg-blue-100 dark:bg-blue-900 rounded-full p-3">
+                <div class="shrink-0 bg-blue-100 dark:bg-blue-900 rounded-full p-3">
                     <i class="fa fa-arrow-up text-2xl text-blue-600 dark:text-blue-400"></i>
                 </div>
                 <div class="ml-4">
@@ -106,7 +106,7 @@
 
         <div class="bg-white dark:bg-gray-800 rounded-xl shadow-sm p-6">
             <div class="flex items-center">
-                <div class="flex-shrink-0 bg-green-100 dark:bg-green-900 rounded-full p-3">
+                <div class="shrink-0 bg-green-100 dark:bg-green-900 rounded-full p-3">
                     <i class="fa fa-users text-2xl text-green-600 dark:text-green-400"></i>
                 </div>
                 <div class="ml-4">
@@ -118,7 +118,7 @@
 
         <div class="bg-white dark:bg-gray-800 rounded-xl shadow-sm p-6">
             <div class="flex items-center">
-                <div class="flex-shrink-0 bg-purple-100 dark:bg-purple-900 rounded-full p-3">
+                <div class="shrink-0 bg-purple-100 dark:bg-purple-900 rounded-full p-3">
                     <i class="fa fa-calendar-plus text-2xl text-purple-600 dark:text-purple-400"></i>
                 </div>
                 <div class="ml-4">
@@ -130,7 +130,7 @@
 
         <div class="bg-white dark:bg-gray-800 rounded-xl shadow-sm p-6">
             <div class="flex items-center">
-                <div class="flex-shrink-0 bg-yellow-100 dark:bg-yellow-900 rounded-full p-3">
+                <div class="shrink-0 bg-yellow-100 dark:bg-yellow-900 rounded-full p-3">
                     <i class="fa fa-user-tag text-2xl text-yellow-600 dark:text-yellow-400"></i>
                 </div>
                 <div class="ml-4">
diff --git a/resources/views/admin/promotions/statistics.blade.php b/resources/views/admin/promotions/statistics.blade.php
index 87f99e005..a7afab1a0 100644
--- a/resources/views/admin/promotions/statistics.blade.php
+++ b/resources/views/admin/promotions/statistics.blade.php
@@ -53,7 +53,7 @@
     <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-6 mb-6">
         <div class="bg-white dark:bg-gray-800 rounded-xl shadow-sm p-6">
             <div class="flex items-center">
-                <div class="flex-shrink-0 bg-blue-100 dark:bg-blue-900 rounded-full p-3">
+                <div class="shrink-0 bg-blue-100 dark:bg-blue-900 rounded-full p-3">
                     <i class="fa fa-gift text-2xl text-blue-600 dark:text-blue-400"></i>
                 </div>
                 <div class="ml-4">
@@ -65,7 +65,7 @@
 
         <div class="bg-white dark:bg-gray-800 rounded-xl shadow-sm p-6">
             <div class="flex items-center">
-                <div class="flex-shrink-0 bg-green-100 dark:bg-green-900 rounded-full p-3">
+                <div class="shrink-0 bg-green-100 dark:bg-green-900 rounded-full p-3">
                     <i class="fa fa-check-circle text-2xl text-green-600 dark:text-green-400"></i>
                 </div>
                 <div class="ml-4">
@@ -77,7 +77,7 @@
 
         <div class="bg-white dark:bg-gray-800 rounded-xl shadow-sm p-6">
             <div class="flex items-center">
-                <div class="flex-shrink-0 bg-purple-100 dark:bg-purple-900 rounded-full p-3">
+                <div class="shrink-0 bg-purple-100 dark:bg-purple-900 rounded-full p-3">
                     <i class="fa fa-arrow-up text-2xl text-purple-600 dark:text-purple-400"></i>
                 </div>
                 <div class="ml-4">
@@ -89,7 +89,7 @@
 
         <div class="bg-white dark:bg-gray-800 rounded-xl shadow-sm p-6">
             <div class="flex items-center">
-                <div class="flex-shrink-0 bg-yellow-100 dark:bg-yellow-900 rounded-full p-3">
+                <div class="shrink-0 bg-yellow-100 dark:bg-yellow-900 rounded-full p-3">
                     <i class="fa fa-users text-2xl text-yellow-600 dark:text-yellow-400"></i>
                 </div>
                 <div class="ml-4">
@@ -101,7 +101,7 @@
 
         <div class="bg-white dark:bg-gray-800 rounded-xl shadow-sm p-6">
             <div class="flex items-center">
-                <div class="flex-shrink-0 bg-red-100 dark:bg-red-900 rounded-full p-3">
+                <div class="shrink-0 bg-red-100 dark:bg-red-900 rounded-full p-3">
                     <i class="fa fa-calendar-plus text-2xl text-red-600 dark:text-red-400"></i>
                 </div>
                 <div class="ml-4">
diff --git a/resources/views/admin/regexes/category-list.blade.php b/resources/views/admin/regexes/category-list.blade.php
index 7237f5967..eb13a99b5 100644
--- a/resources/views/admin/regexes/category-list.blade.php
+++ b/resources/views/admin/regexes/category-list.blade.php
@@ -18,7 +18,7 @@
         <!-- Info Alert -->
         <div class="px-6 py-4 bg-blue-50 dark:bg-blue-900/20 border-b border-blue-100 dark:border-blue-800">
             <div class="flex">
-                <div class="flex-shrink-0">
+                <div class="shrink-0">
                     <i class="fa fa-info-circle text-blue-500 dark:text-blue-400 text-2xl"></i>
                 </div>
                 <div class="ml-3">
@@ -93,7 +93,7 @@
                                     </span>
                                 </td>
                                 <td class="px-6 py-4 text-sm">
-                                    <div class="max-w-[200px] break-words">
+                                    <div class="max-w-[200px] wrap-break-word">
                                         <code class="bg-gray-100 dark:bg-gray-700 text-gray-800 dark:text-gray-200 px-2 py-1 rounded text-xs break-all" title="{{ htmlspecialchars($row->regex) }}">
                                             {{ htmlspecialchars($row->regex) }}
                                         </code>
diff --git a/resources/views/admin/regexes/collection-list.blade.php b/resources/views/admin/regexes/collection-list.blade.php
index e12739757..4f0e5106c 100644
--- a/resources/views/admin/regexes/collection-list.blade.php
+++ b/resources/views/admin/regexes/collection-list.blade.php
@@ -18,7 +18,7 @@
         <!-- Info Alert -->
         <div class="px-6 py-4 bg-blue-50 dark:bg-blue-900/20 border-b border-blue-100 dark:border-blue-800">
             <div class="flex">
-                <div class="flex-shrink-0">
+                <div class="shrink-0">
                     <i class="fa fa-info-circle text-blue-500 dark:text-blue-400 text-2xl"></i>
                 </div>
                 <div class="ml-3">
@@ -92,7 +92,7 @@
                                     </span>
                                 </td>
                                 <td class="px-6 py-4 text-sm">
-                                    <div class="max-w-[200px] break-words">
+                                    <div class="max-w-[200px] wrap-break-word">
                                         <code class="bg-gray-100 dark:bg-gray-700 text-gray-800 dark:text-gray-200 px-2 py-1 rounded text-xs break-all" title="{{ htmlspecialchars($row->regex) }}">
                                             {{ htmlspecialchars($row->regex) }}
                                         </code>
diff --git a/resources/views/admin/regexes/collection-test.blade.php b/resources/views/admin/regexes/collection-test.blade.php
index 1b441b3ac..58cce33b4 100644
--- a/resources/views/admin/regexes/collection-test.blade.php
+++ b/resources/views/admin/regexes/collection-test.blade.php
@@ -109,7 +109,7 @@
                                             {{ $row['binaryID'] ?? $row['id'] ?? 'N/A' }}
                                         </td>
                                         <td class="px-6 py-4 text-sm text-gray-500">
-                                            <div class="max-w-2xl break-words">
+                                            <div class="max-w-2xl wrap-break-word">
                                                 {{ $row['subject'] ?? '' }}
                                             </div>
                                         </td>
diff --git a/resources/views/admin/regexes/release-naming-list.blade.php b/resources/views/admin/regexes/release-naming-list.blade.php
index f4842f585..3e097e89d 100644
--- a/resources/views/admin/regexes/release-naming-list.blade.php
+++ b/resources/views/admin/regexes/release-naming-list.blade.php
@@ -18,7 +18,7 @@
         <!-- Info Alert -->
         <div class="px-6 py-4 bg-blue-50 dark:bg-blue-900/20 border-b border-blue-100 dark:border-blue-800">
             <div class="flex">
-                <div class="flex-shrink-0">
+                <div class="shrink-0">
                     <i class="fa fa-info-circle text-blue-500 dark:text-blue-400 text-2xl"></i>
                 </div>
                 <div class="ml-3">
@@ -92,7 +92,7 @@
                                     </span>
                                 </td>
                                 <td class="px-6 py-4 text-sm">
-                                    <div class="max-w-[200px] break-words">
+                                    <div class="max-w-[200px] wrap-break-word">
                                         <code class="bg-gray-100 dark:bg-gray-700 text-gray-800 dark:text-gray-200 px-2 py-1 rounded text-xs break-all" title="{{ htmlspecialchars($row->regex) }}">
                                             {{ htmlspecialchars($row->regex) }}
                                         </code>
diff --git a/resources/views/admin/regexes/release-naming-test.blade.php b/resources/views/admin/regexes/release-naming-test.blade.php
index 8783dcc70..8ef75a035 100644
--- a/resources/views/admin/regexes/release-naming-test.blade.php
+++ b/resources/views/admin/regexes/release-naming-test.blade.php
@@ -127,13 +127,13 @@
                                             {{ $row['releaseID'] ?? $row['id'] ?? 'N/A' }}
                                         </td>
                                         <td class="px-6 py-4 text-sm text-gray-500">
-                                            <div class="max-w-xl break-words">
+                                            <div class="max-w-xl wrap-break-word">
                                                 {{ $row['oldName'] ?? $row['name'] ?? '' }}
                                             </div>
                                         </td>
                                         <td class="px-6 py-4 text-sm">
                                             @if(isset($row['newName']) && $row['newName'])
-                                                <div class="max-w-xl break-words font-semibold text-green-600">
+                                                <div class="max-w-xl wrap-break-word font-semibold text-green-600">
                                                     {{ $row['newName'] }}
                                                 </div>
                                             @else
diff --git a/resources/views/admin/release-reports/index.blade.php b/resources/views/admin/release-reports/index.blade.php
index 5f20947aa..87591cd68 100644
--- a/resources/views/admin/release-reports/index.blade.php
+++ b/resources/views/admin/release-reports/index.blade.php
@@ -327,7 +327,7 @@
                 </div>
                 <div>
                     <label class="block text-sm font-medium text-gray-500 dark:text-gray-400 mb-1">Additional Details</label>
-                    <div id="reportDescContent" class="p-4 bg-gray-50 dark:bg-gray-900 rounded-lg text-gray-700 dark:text-gray-300 whitespace-pre-wrap break-words max-h-64 overflow-y-auto"></div>
+                    <div id="reportDescContent" class="p-4 bg-gray-50 dark:bg-gray-900 rounded-lg text-gray-700 dark:text-gray-300 whitespace-pre-wrap wrap-break-word max-h-64 overflow-y-auto"></div>
                 </div>
             </div>
 
diff --git a/resources/views/admin/releases/index.blade.php b/resources/views/admin/releases/index.blade.php
index 049d9ced7..3efd2d52b 100644
--- a/resources/views/admin/releases/index.blade.php
+++ b/resources/views/admin/releases/index.blade.php
@@ -51,7 +51,7 @@
                             <tr class="hover:bg-gray-50 dark:hover:bg-gray-700">
                                 <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900 dark:text-gray-100">{{ $release->id }}</td>
                                 <td class="px-6 py-4 text-sm">
-                                    <div class="text-gray-900 dark:text-gray-100 font-medium max-w-md break-words break-all" title="{{ $release->searchname }}">
+                                    <div class="text-gray-900 dark:text-gray-100 font-medium max-w-md wrap-break-word break-all" title="{{ $release->searchname }}">
                                         {{ $release->searchname }}
                                     </div>
                                     <div class="text-gray-500 dark:text-gray-400 text-xs mt-1 max-w-md truncate" title="{{ $release->name }}">
diff --git a/resources/views/admin/shows/remove.blade.php b/resources/views/admin/shows/remove.blade.php
index 2be8ecc05..72a8c588e 100644
--- a/resources/views/admin/shows/remove.blade.php
+++ b/resources/views/admin/shows/remove.blade.php
@@ -20,7 +20,7 @@
             @if($success)
                 <div class="bg-green-50 dark:bg-green-900 border-l-4 border-green-500 dark:border-green-600 p-4 rounded mb-6">
                     <div class="flex">
-                        <div class="flex-shrink-0">
+                        <div class="shrink-0">
                             <i class="fas fa-check-circle text-green-600 dark:text-green-400 text-xl"></i>
                         </div>
                         <div class="ml-3">
@@ -56,7 +56,7 @@
             @else
                 <div class="bg-red-50 dark:bg-red-900 border-l-4 border-red-500 dark:border-red-600 p-4 rounded mb-6">
                     <div class="flex">
-                        <div class="flex-shrink-0">
+                        <div class="shrink-0">
                             <i class="fas fa-exclamation-circle text-red-600 dark:text-red-400 text-xl"></i>
                         </div>
                         <div class="ml-3">
@@ -79,7 +79,7 @@
             <!-- Info Box -->
             <div class="mt-6 bg-blue-50 dark:bg-blue-900 border-l-4 border-blue-500 dark:border-blue-600 p-4 rounded">
                 <div class="flex">
-                    <div class="flex-shrink-0">
+                    <div class="shrink-0">
                         <i class="fas fa-info-circle text-blue-600 dark:text-blue-400"></i>
                     </div>
                     <div class="ml-3">
diff --git a/resources/views/admin/site/stats.blade.php b/resources/views/admin/site/stats.blade.php
index 8e0f6e607..96e44e193 100644
--- a/resources/views/admin/site/stats.blade.php
+++ b/resources/views/admin/site/stats.blade.php
@@ -5,7 +5,7 @@
     <!-- Header -->
     <div class="mb-8">
         <div class="flex items-center space-x-3">
-            <div class="flex items-center justify-center w-12 h-12 bg-gradient-to-br from-blue-400 to-purple-500 rounded-xl shadow-md">
+            <div class="flex items-center justify-center w-12 h-12 bg-linear-to-br from-blue-400 to-purple-500 rounded-xl shadow-md">
                 <i class="fa fa-chart-bar text-white text-xl"></i>
             </div>
             <div>
@@ -19,7 +19,7 @@
         <!-- Top Grabbers -->
         @if(!empty($topgrabs) && count($topgrabs) > 0)
             <div class="bg-gray-50 dark:bg-gray-800 rounded-xl shadow-md overflow-hidden border border-gray-300 dark:border-gray-700 hover:shadow-lg transition-shadow duration-300">
-                <div class="bg-gradient-to-r from-blue-400 to-blue-500 px-6 py-4">
+                <div class="bg-linear-to-r from-blue-400 to-blue-500 px-6 py-4">
                     <div class="flex items-center space-x-3">
                         <div class="flex items-center justify-center w-10 h-10 bg-blue-700/40 rounded-lg">
                             <i class="fa fa-trophy text-blue-100 text-lg"></i>
@@ -55,7 +55,7 @@
         <!-- Recently Added -->
         @if(!empty($recent) && count($recent) > 0)
             <div class="bg-gray-50 dark:bg-gray-800 rounded-xl shadow-md overflow-hidden border border-gray-300 dark:border-gray-700 hover:shadow-lg transition-shadow duration-300">
-                <div class="bg-gradient-to-r from-green-400 to-green-500 px-6 py-4">
+                <div class="bg-linear-to-r from-green-400 to-green-500 px-6 py-4">
                     <div class="flex items-center space-x-3">
                         <div class="flex items-center justify-center w-10 h-10 bg-green-700/40 rounded-lg">
                             <i class="fa fa-clock text-green-100 text-lg"></i>
@@ -86,7 +86,7 @@
         <!-- Users by Month -->
         @if(!empty($usersbymonth) && count($usersbymonth) > 0)
             <div class="bg-gray-50 dark:bg-gray-800 rounded-xl shadow-md overflow-hidden border border-gray-300 dark:border-gray-700 hover:shadow-lg transition-shadow duration-300">
-                <div class="bg-gradient-to-r from-indigo-400 to-indigo-500 px-6 py-4">
+                <div class="bg-linear-to-r from-indigo-400 to-indigo-500 px-6 py-4">
                     <div class="flex items-center space-x-3">
                         <div class="flex items-center justify-center w-10 h-10 bg-indigo-700/40 rounded-lg">
                             <i class="fa fa-calendar text-indigo-100 text-lg"></i>
@@ -117,7 +117,7 @@
         <!-- Users by Role -->
         @if(!empty($usersbyrole) && count($usersbyrole) > 0)
             <div class="bg-gray-50 dark:bg-gray-800 rounded-xl shadow-md overflow-hidden border border-gray-300 dark:border-gray-700 hover:shadow-lg transition-shadow duration-300">
-                <div class="bg-gradient-to-r from-pink-400 to-pink-500 px-6 py-4">
+                <div class="bg-linear-to-r from-pink-400 to-pink-500 px-6 py-4">
                     <div class="flex items-center space-x-3">
                         <div class="flex items-center justify-center w-10 h-10 bg-pink-700/40 rounded-lg">
                             <i class="fa fa-user-shield text-pink-100 text-lg"></i>
@@ -149,7 +149,7 @@
     @if(empty($topgrabs) && empty($recent) && empty($usersbymonth) && empty($usersbyrole))
         <div class="bg-gray-50 dark:bg-gray-800 rounded-xl shadow-md p-12 text-center border border-gray-300 dark:border-gray-700">
             <div class="flex justify-center mb-6">
-                <div class="flex items-center justify-center w-24 h-24 bg-gradient-to-br from-gray-200 to-gray-300 dark:from-gray-700 dark:to-gray-600 rounded-full">
+                <div class="flex items-center justify-center w-24 h-24 bg-linear-to-br from-gray-200 to-gray-300 dark:from-gray-700 dark:to-gray-600 rounded-full">
                     <i class="fa fa-chart-bar text-gray-500 dark:text-gray-500 text-4xl"></i>
                 </div>
             </div>
diff --git a/resources/views/admin/users/edit.blade.php b/resources/views/admin/users/edit.blade.php
index e297760d6..e58ecff96 100644
--- a/resources/views/admin/users/edit.blade.php
+++ b/resources/views/admin/users/edit.blade.php
@@ -110,7 +110,7 @@
                 </div>
 
                 <!-- Role Expiry Date -->
-                <div class="border border-gray-200 dark:border-gray-700 rounded-lg p-4 bg-gradient-to-br from-gray-50 to-white dark:from-gray-900 dark:to-gray-800">
+                <div class="border border-gray-200 dark:border-gray-700 rounded-lg p-4 bg-linear-to-br from-gray-50 to-white dark:from-gray-900 dark:to-gray-800">
                     <div class="flex items-center justify-between mb-3">
                         <label for="rolechangedate" class="text-sm font-medium text-gray-700 dark:text-gray-300 flex items-center">
                             <i class="fa fa-calendar-alt mr-2 text-blue-600 dark:text-blue-400"></i>
@@ -327,7 +327,7 @@
                         $allPendingRoles = $user->getAllPendingStackedRoles();
                     @endphp
                     @if($allPendingRoles->count() > 0)
-                        <div class="border-2 border-blue-300 dark:border-blue-600 rounded-lg p-4 bg-gradient-to-br from-blue-50 via-blue-50 to-white dark:from-blue-900/30 dark:via-blue-900/20 dark:to-gray-800 shadow-md">
+                        <div class="border-2 border-blue-300 dark:border-blue-600 rounded-lg p-4 bg-linear-to-br from-blue-50 via-blue-50 to-white dark:from-blue-900/30 dark:via-blue-900/20 dark:to-gray-800 shadow-md">
                             <div class="flex items-center justify-between mb-3">
                                 <label class="text-sm font-semibold text-blue-700 dark:text-blue-300 flex items-center">
                                     <i class="fa fa-layer-group mr-2 text-lg"></i>
@@ -388,7 +388,7 @@
                         </div>
                     @elseif(!empty($user->pending_roles_id) && !empty($user->pending_role_start_date))
                         {{-- Fallback to old display if no history records but pending_roles_id is set --}}
-                        <div class="border-2 border-blue-300 dark:border-blue-600 rounded-lg p-4 bg-gradient-to-br from-blue-50 via-blue-50 to-white dark:from-blue-900/30 dark:via-blue-900/20 dark:to-gray-800 shadow-md">
+                        <div class="border-2 border-blue-300 dark:border-blue-600 rounded-lg p-4 bg-linear-to-br from-blue-50 via-blue-50 to-white dark:from-blue-900/30 dark:via-blue-900/20 dark:to-gray-800 shadow-md">
                             <div class="flex items-center justify-between mb-3">
                                 <label class="text-sm font-semibold text-blue-700 dark:text-blue-300 flex items-center">
                                     <i class="fa fa-layer-group mr-2 text-lg"></i>
@@ -437,7 +437,7 @@
 
                 <!-- Role Stacking Option -->
                 @if(!is_array($user) && !empty($user->rolechangedate) && \Carbon\Carbon::parse($user->rolechangedate)->isFuture())
-                    <div class="border border-purple-300 dark:border-purple-600 rounded-lg p-4 bg-gradient-to-br from-purple-50 via-purple-50 to-white dark:from-gray-800 dark:via-gray-800 dark:to-gray-700 shadow-sm">
+                    <div class="border border-purple-300 dark:border-purple-600 rounded-lg p-4 bg-linear-to-br from-purple-50 via-purple-50 to-white dark:from-gray-800 dark:via-gray-800 dark:to-gray-700 shadow-sm">
                         <label class="flex items-center cursor-pointer group">
                             <input type="checkbox" name="stack_role" value="1" checked
                                    class="rounded border-gray-300 dark:border-gray-500 text-purple-600 dark:text-purple-500 shadow-sm focus:ring-2 focus:ring-purple-500 dark:focus:ring-purple-400 focus:border-purple-500 dark:focus:border-purple-400 bg-white dark:bg-gray-700">
@@ -472,7 +472,7 @@
                     </div>
 
                     <!-- Daily Activity Stats -->
-                    <div class="border border-gray-200 dark:border-gray-700 rounded-lg p-4 bg-gradient-to-br from-gray-50 to-white dark:from-gray-900 dark:to-gray-800">
+                    <div class="border border-gray-200 dark:border-gray-700 rounded-lg p-4 bg-linear-to-br from-gray-50 to-white dark:from-gray-900 dark:to-gray-800">
                         <div class="flex items-center mb-3">
                             <i class="fa fa-chart-line mr-2 text-purple-600 dark:text-purple-400"></i>
                             <label class="text-sm font-medium text-gray-700 dark:text-gray-300">
diff --git a/resources/views/auth/passwords/reset.blade.php b/resources/views/auth/passwords/reset.blade.php
index 5badb00fb..db74e472e 100644
--- a/resources/views/auth/passwords/reset.blade.php
+++ b/resources/views/auth/passwords/reset.blade.php
@@ -1,7 +1,7 @@
 @extends('layouts.guest')
 
 @section('content')
-<div class="min-h-screen flex items-center justify-center bg-gradient-to-br from-blue-50 to-indigo-100 py-12 px-4 sm:px-6 lg:px-8">
+<div class="min-h-screen flex items-center justify-center bg-linear-to-br from-blue-50 to-indigo-100 py-12 px-4 sm:px-6 lg:px-8">
     <div class="max-w-md w-full space-y-8">
         <!-- Logo and Title -->
         <div class="text-center">
diff --git a/resources/views/books/index.blade.php b/resources/views/books/index.blade.php
index 8e3360e60..ba4aa0d24 100644
--- a/resources/views/books/index.blade.php
+++ b/resources/views/books/index.blade.php
@@ -121,7 +121,7 @@
                                 </div>
                             @endif
                             <div class="p-3">
-                                <h3 class="font-semibold text-sm text-gray-800 dark:text-gray-200 line-clamp-2 mb-1 break-words break-all" title="{{ $result->title }}">
+                                <h3 class="font-semibold text-sm text-gray-800 dark:text-gray-200 line-clamp-2 mb-1 wrap-break-word break-all" title="{{ $result->title }}">
                                     {{ $result->title }}
                                 </h3>
                                 @if(!empty($result->author))
diff --git a/resources/views/browse/index.blade.php b/resources/views/browse/index.blade.php
index a07a4a1ff..a8e812eec 100644
--- a/resources/views/browse/index.blade.php
+++ b/resources/views/browse/index.blade.php
@@ -138,13 +138,13 @@
                                             $hasValidCover = $coverUrl && !str_contains($coverUrl, 'no-cover.png');
                                         @endphp
                                         @if($hasValidCover)
-                                            <a href="{{ url('/details/' . $result->guid) }}" class="flex-shrink-0">
+                                            <a href="{{ url('/details/' . $result->guid) }}" class="shrink-0">
                                                 <img src="{{ $coverUrl }}" class="w-12 h-16 object-cover rounded mr-3 shadow-sm hover:shadow-md transition" alt="Cover" loading="lazy">
                                             </a>
                                         @endif
                                         <div class="flex-1">
                                             <div class="flex items-center gap-2 flex-wrap">
-                                                <a href="{{ url('/details/' . $result->guid) }}" class="text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 font-medium break-words break-all">{{ $result->searchname }}</a>
+                                                <a href="{{ url('/details/' . $result->guid) }}" class="text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 font-medium wrap-break-word break-all">{{ $result->searchname }}</a>
                                                 @if(!empty($result->report_count) && $result->report_count > 0)
                                                     <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-orange-100 dark:bg-orange-900 text-orange-800 dark:text-orange-200"
                                                           title="Reported: {{ \App\Models\ReleaseReport::reasonKeysToLabels($result->report_reasons ?? '') }}">
@@ -290,7 +290,7 @@
                                         <img src="{{ $mCoverUrl }}" class="w-16 h-20 object-cover rounded-lg shadow-sm" alt="Cover" loading="lazy">
                                     </a>
                                 @endif
-                                <a href="{{ url('/details/' . $result->guid) }}" class="text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 font-medium break-words text-base">
+                                <a href="{{ url('/details/' . $result->guid) }}" class="text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 font-medium wrap-break-word text-base">
                                     {{ $result->searchname }}
                                 </a>
                                 <div class="flex flex-wrap items-center gap-2 mt-2 text-sm text-gray-600 dark:text-gray-400">
diff --git a/resources/views/cart/index.blade.php b/resources/views/cart/index.blade.php
index 2f36bd220..5326d2cf7 100644
--- a/resources/views/cart/index.blade.php
+++ b/resources/views/cart/index.blade.php
@@ -75,7 +75,7 @@
                                     </td>
                                     <td class="px-4 py-3">
                                         <a href="{{ url('/details/' . $result->release->guid) }}"
-                                           class="text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 font-semibold break-words break-all">
+                                           class="text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 font-semibold wrap-break-word break-all">
                                             {{ $result->release->searchname }}
                                         </a>
                                     </td>
diff --git a/resources/views/console/index.blade.php b/resources/views/console/index.blade.php
index ecefd2140..677507bbe 100644
--- a/resources/views/console/index.blade.php
+++ b/resources/views/console/index.blade.php
@@ -90,7 +90,7 @@
                         <div class="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg overflow-hidden hover:shadow-lg transition-shadow">
                             <div class="flex flex-row">
                                 <!-- Console Cover -->
-                                <div class="flex-shrink-0">
+                                <div class="shrink-0">
                                     @if($guid)
                                         <a href="{{ url('/details/' . $guid) }}" class="block relative">
                                             <img class="w-32 h-48 object-cover"
@@ -175,7 +175,7 @@
                                                                     <a href="{{ url('/details/' . $release->guid) }}" class="text-sm text-gray-800 dark:text-gray-200 hover:text-blue-600 dark:hover:text-blue-400 font-medium block break-all flex-1" title="{{ $release->searchname }}">
                                                                         {{ $release->searchname }}
                                                                     </a>
-                                                                    <label class="inline-flex items-center flex-shrink-0">
+                                                                    <label class="inline-flex items-center shrink-0">
                                                                         <input type="checkbox" class="chkRelease form-checkbox h-4 w-4 text-blue-600" value="{{ $release->guid }}" name="release[]" @change="onCheckboxChange()"/>
                                                                     </label>
                                                                 </div>
diff --git a/resources/views/details/index.blade.php b/resources/views/details/index.blade.php
index 20a0de9f4..44895e9de 100644
--- a/resources/views/details/index.blade.php
+++ b/resources/views/details/index.blade.php
@@ -11,7 +11,7 @@
         <nav class="text-sm text-gray-600">
             <a href="{{ url('/') }}" class="hover:text-blue-600">Home</a>
             <i class="fas fa-chevron-right mx-2 text-xs"></i>
-            <span class="break-words break-all">{{ $release->searchname }}</span>
+            <span class="wrap-break-word break-all">{{ $release->searchname }}</span>
         </nav>
     </div>
 
@@ -22,18 +22,18 @@
             <div class="border-b border-gray-200 dark:border-gray-700 pb-4">
                 <div class="flex gap-4 mb-4">
                     <!-- Cover Image -->
-                    <div class="flex-shrink-0">
+                    <div class="shrink-0">
                         <img src="{{ getReleaseCover($release) }}"
                              alt="{{ $release->searchname }}"
                              class="w-48 h-72 object-cover rounded-lg shadow-md max-w-[192px] max-h-[288px]"
-                             class="rounded-lg shadow-lg object-cover w-192 h-288"
+                             class="rounded-lg shadow-lg object-cover w-3xl h-288"
                              data-fallback-src="{{ asset('assets/images/no-cover.png') }}">
                     </div>
 
                     <!-- Title and Actions -->
                     <div class="flex-1">
                         <div class="mb-3">
-                            <h2 class="text-xl font-bold text-gray-800 dark:text-gray-200 mb-2 break-words break-all">{{ $release->searchname }}</h2>
+                            <h2 class="text-xl font-bold text-gray-800 dark:text-gray-200 mb-2 wrap-break-word break-all">{{ $release->searchname }}</h2>
                             <div class="flex flex-wrap gap-2">
                                 @if(!empty($reportCount) && $reportCount > 0)
                                     <div class="inline-flex items-center px-3 py-1.5 rounded-lg text-sm font-medium bg-orange-100 dark:bg-orange-900 text-orange-800 dark:text-orange-200 border border-orange-200 dark:border-orange-800"
@@ -138,7 +138,7 @@
                     $movieLanguage = $movieData['language'] ?? ($movie->language ?? null);
                     $movieTrailer = $movieData['trailer'] ?? ($movie->trailer ?? null);
                 @endphp
-                <div class="bg-gradient-to-r from-blue-50 to-indigo-50 dark:from-blue-900 dark:to-indigo-900 rounded-lg p-6 border border-blue-100 dark:border-blue-800">
+                <div class="bg-linear-to-r from-blue-50 to-indigo-50 dark:from-blue-900 dark:to-indigo-900 rounded-lg p-6 border border-blue-100 dark:border-blue-800">
                     <h3 class="text-lg font-semibold text-gray-800 dark:text-gray-200 mb-4 flex items-center">
                         <i class="fas fa-film mr-2 text-blue-600 dark:text-blue-400"></i> Movie Information
                     </h3>
@@ -222,7 +222,7 @@
                     $showStarted = $showData['started'] ?? ($show->started ?? null);
                     $showTvdb = $showData['tvdb'] ?? ($show->tvdb ?? null);
                 @endphp
-                <div class="bg-gradient-to-r from-purple-50 to-pink-50 dark:from-purple-900 dark:to-pink-900 rounded-lg p-6 border border-purple-100 dark:border-purple-800">
+                <div class="bg-linear-to-r from-purple-50 to-pink-50 dark:from-purple-900 dark:to-pink-900 rounded-lg p-6 border border-purple-100 dark:border-purple-800">
                     <h3 class="text-lg font-semibold text-gray-800 dark:text-gray-200 mb-4 flex items-center">
                         <i class="fas fa-tv mr-2 text-purple-600 dark:text-purple-400"></i> TV Show Information
                     </h3>
@@ -263,7 +263,7 @@
                     $musicReleaseDate = $musicData['releasedate'] ?? ($music->releasedate ?? null);
                     $musicGenres = $musicData['genres'] ?? ($music->genres ?? null);
                 @endphp
-                <div class="bg-gradient-to-r from-green-50 to-teal-50 dark:from-green-900 dark:to-teal-900 rounded-lg p-6 border border-green-100 dark:border-green-800">
+                <div class="bg-linear-to-r from-green-50 to-teal-50 dark:from-green-900 dark:to-teal-900 rounded-lg p-6 border border-green-100 dark:border-green-800">
                     <h3 class="text-lg font-semibold text-gray-800 dark:text-gray-200 mb-4 flex items-center">
                         <i class="fas fa-music mr-2 text-green-600 dark:text-green-400"></i> Music Information
                     </h3>
@@ -311,7 +311,7 @@
                     $gameReleaseDate = $gameData['releasedate'] ?? ($game->releasedate ?? null);
                     $gameGenres = $gameData['genres'] ?? ($game->genres ?? null);
                 @endphp
-                <div class="bg-gradient-to-r from-orange-50 to-yellow-50 dark:from-orange-900 dark:to-yellow-900 rounded-lg p-6 border border-orange-100 dark:border-orange-800">
+                <div class="bg-linear-to-r from-orange-50 to-yellow-50 dark:from-orange-900 dark:to-yellow-900 rounded-lg p-6 border border-orange-100 dark:border-orange-800">
                     <h3 class="text-lg font-semibold text-gray-800 dark:text-gray-200 mb-4 flex items-center">
                         <i class="fas fa-gamepad mr-2 text-orange-600 dark:text-orange-400"></i> Game Information
                     </h3>
@@ -352,7 +352,7 @@
                     $conPublisher = $conData['publisher'] ?? ($con->publisher ?? null);
                     $conReleaseDate = $conData['releasedate'] ?? ($con->releasedate ?? null);
                 @endphp
-                <div class="bg-gradient-to-r from-indigo-50 to-blue-50 dark:from-indigo-900 dark:to-blue-900 rounded-lg p-6 border border-indigo-100 dark:border-indigo-800">
+                <div class="bg-linear-to-r from-indigo-50 to-blue-50 dark:from-indigo-900 dark:to-blue-900 rounded-lg p-6 border border-indigo-100 dark:border-indigo-800">
                     <h3 class="text-lg font-semibold text-gray-800 dark:text-gray-200 mb-4 flex items-center">
                         <i class="fas fa-gamepad mr-2 text-indigo-600 dark:text-indigo-400"></i> Console Game Information
                     </h3>
@@ -389,7 +389,7 @@
                     $bookPublishDate = $bookData['publishdate'] ?? ($book->publishdate ?? null);
                     $bookOverview = $bookData['overview'] ?? ($book->overview ?? null);
                 @endphp
-                <div class="bg-gradient-to-r from-amber-50 to-orange-50 dark:from-amber-900 dark:to-orange-900 rounded-lg p-6 border border-amber-100 dark:border-amber-800">
+                <div class="bg-linear-to-r from-amber-50 to-orange-50 dark:from-amber-900 dark:to-orange-900 rounded-lg p-6 border border-amber-100 dark:border-amber-800">
                     <h3 class="text-lg font-semibold text-gray-800 dark:text-gray-200 mb-4 flex items-center">
                         <i class="fas fa-book mr-2 text-amber-600 dark:text-amber-400"></i> Book Information
                     </h3>
@@ -486,7 +486,7 @@
                     ];
                     $anidbSourceLabel = $sourceLabels[$anidbSource] ?? $anidbSource;
                 @endphp
-                <div class="bg-gradient-to-r from-pink-50 to-purple-50 dark:from-pink-900 dark:to-purple-900 rounded-lg p-6 border border-pink-100 dark:border-pink-800">
+                <div class="bg-linear-to-r from-pink-50 to-purple-50 dark:from-pink-900 dark:to-purple-900 rounded-lg p-6 border border-pink-100 dark:border-pink-800">
                     <h3 class="text-lg font-semibold text-gray-800 dark:text-gray-200 mb-4 flex items-center">
                         <i class="fas fa-dragon mr-2 text-pink-600 dark:text-pink-400"></i>
                         @if($anidbMediaType === 'MANGA')
@@ -679,7 +679,7 @@
 
             <!-- Password Information -->
             @if(isset($release->passwordstatus) && $release->passwordstatus > 0)
-                <div class="bg-gradient-to-r from-red-50 to-orange-50 dark:from-red-900 dark:to-orange-900 rounded-lg p-6 border border-red-100 dark:border-red-800">
+                <div class="bg-linear-to-r from-red-50 to-orange-50 dark:from-red-900 dark:to-orange-900 rounded-lg p-6 border border-red-100 dark:border-red-800">
                     <h3 class="text-lg font-semibold text-gray-800 dark:text-gray-200 mb-4 flex items-center">
                         <i class="fas fa-lock mr-2 text-red-600 dark:text-red-400"></i> Password Protected Release
                     </h3>
@@ -726,7 +726,7 @@
 
             <!-- Video/Audio Metadata -->
             @if(!empty($reVideo) || !empty($reAudio) || !empty($reSubs))
-                <div class="bg-gradient-to-r from-blue-50 to-indigo-50 dark:from-blue-900 dark:to-indigo-900 rounded-lg p-6 border border-blue-200 dark:border-blue-800">
+                <div class="bg-linear-to-r from-blue-50 to-indigo-50 dark:from-blue-900 dark:to-indigo-900 rounded-lg p-6 border border-blue-200 dark:border-blue-800">
                     <h3 class="text-lg font-semibold text-gray-800 dark:text-gray-200 mb-4 flex items-center">
                         <i class="fas fa-photo-video mr-2 text-blue-600 dark:text-blue-400"></i> Media Information
                     </h3>
@@ -871,7 +871,7 @@
 
             <!-- PreDB Information -->
             @if(!empty($predb) && is_array($predb))
-                <div class="bg-gradient-to-r from-cyan-50 to-blue-50 rounded-lg p-6">
+                <div class="bg-linear-to-r from-cyan-50 to-blue-50 rounded-lg p-6">
                     <h3 class="text-lg font-semibold text-gray-800 dark:text-gray-200 mb-4 flex items-center">
                         <i class="fas fa-database mr-2 text-cyan-600"></i> PreDB Information
                     </h3>
@@ -1010,7 +1010,7 @@
                             <div class="bg-gray-50 dark:bg-gray-900 rounded-lg p-4 border border-gray-200 dark:border-gray-700 hover:border-gray-300 dark:hover:border-gray-600 transition">
                                 <div class="flex items-start justify-between mb-3">
                                     <div class="flex items-center">
-                                        <div class="w-10 h-10 bg-gradient-to-br from-blue-600 to-blue-700 dark:from-blue-700 dark:to-blue-800 rounded-full flex items-center justify-center text-white font-bold mr-3 shadow-sm">
+                                        <div class="w-10 h-10 bg-linear-to-br from-blue-600 to-blue-700 dark:from-blue-700 dark:to-blue-800 rounded-full flex items-center justify-center text-white font-bold mr-3 shadow-sm">
                                             {{ strtoupper(substr($comment['username'] ?? 'U', 0, 1)) }}
                                         </div>
                                         <div>
diff --git a/resources/views/forum/modal-form.blade.php b/resources/views/forum/modal-form.blade.php
index 43e3063fd..dbfef4011 100644
--- a/resources/views/forum/modal-form.blade.php
+++ b/resources/views/forum/modal-form.blade.php
@@ -1,6 +1,6 @@
 <div tabindex="-1" role="dialog" data-modal="{{ $key }}" class="fixed top-0 left-0 w-full h-full hidden z-10 items-center justify-center">
     <div class="fixed top-0 left-0 w-full h-full bg-black/25" data-close-modal></div>
-    <div class="relative bg-white dark:bg-gray-800 rounded-md max-w-screen-sm w-full m-2" role="document">
+    <div class="relative bg-white dark:bg-gray-800 rounded-md max-w-(--breakpoint-sm) w-full m-2" role="document">
         <div class="">
             <div class="border-b px-4 py-3 flex justify-between">
                 <h5 class="text-xl font-medium flex items-center gap-1">{!! $title !!}</h5>
diff --git a/resources/views/forum/post/confirm-restore.blade.php b/resources/views/forum/post/confirm-restore.blade.php
index 35334ac63..8bdfa2186 100644
--- a/resources/views/forum/post/confirm-restore.blade.php
+++ b/resources/views/forum/post/confirm-restore.blade.php
@@ -2,7 +2,7 @@
 
 @section ('content')
     <div id="delete-post">
-        <h2 class="flex-grow-1">{{ trans_choice('forum::posts.restore', 1) }}</h2>
+        <h2 class="grow">{{ trans_choice('forum::posts.restore', 1) }}</h2>
 
         <hr>
 
diff --git a/resources/views/games/index.blade.php b/resources/views/games/index.blade.php
index 5c90ee29e..f1499574a 100644
--- a/resources/views/games/index.blade.php
+++ b/resources/views/games/index.blade.php
@@ -130,7 +130,7 @@
                     <div class="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg overflow-hidden hover:shadow-lg transition-shadow">
                         <div class="flex flex-row">
                             <!-- Game Cover -->
-                            <div class="flex-shrink-0">
+                            <div class="shrink-0">
                                 @if($guid)
                                     <a href="{{ url('/details/' . $guid) }}" class="block">
                                         @if(!empty($result->cover))
diff --git a/resources/views/layouts/admin.blade.php b/resources/views/layouts/admin.blade.php
index 575377081..89e19dfc8 100644
--- a/resources/views/layouts/admin.blade.php
+++ b/resources/views/layouts/admin.blade.php
@@ -28,7 +28,7 @@
 <body class="bg-gray-100 dark:bg-gray-900 font-sans antialiased transition-colors duration-200">
     <div class="h-screen flex">
         <!-- Admin Sidebar -->
-        <aside class="hidden md:flex md:flex-col w-64 bg-gray-900 dark:bg-gray-950 text-white flex-shrink-0 h-full overflow-y-auto rounded-r-xl">
+        <aside class="hidden md:flex md:flex-col w-64 bg-gray-900 dark:bg-gray-950 text-white shrink-0 h-full overflow-y-auto rounded-r-xl">
             <div class="flex items-center justify-between p-4 border-b border-gray-800 dark:border-gray-700">
                 <a href="{{ route('admin.index') }}" class="flex items-center space-x-2">
                     <i class="fas fa-cog text-2xl text-blue-500 dark:text-blue-400"></i>
@@ -44,7 +44,7 @@
         <!-- Main Content -->
         <div class="flex-1 flex flex-col h-full overflow-hidden">
             <!-- Top Bar -->
-            <header class="bg-white dark:bg-gray-800 shadow-sm border-b border-gray-200 dark:border-gray-700 flex-shrink-0 rounded-b-xl">
+            <header class="bg-white dark:bg-gray-800 shadow-sm border-b border-gray-200 dark:border-gray-700 shrink-0 rounded-b-xl">
                 <div class="flex items-center justify-between px-6 py-4">
                     <h1 class="text-2xl font-semibold text-gray-800 dark:text-gray-200">{{ $page_title ?? 'Admin Dashboard' }}</h1>
                     <div class="flex items-center space-x-4">
@@ -81,7 +81,7 @@
             </main>
 
             <!-- Admin Footer - Fixed at bottom -->
-            <footer class="bg-white dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700 flex-shrink-0 rounded-t-xl">
+            <footer class="bg-white dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700 shrink-0 rounded-t-xl">
                 <div class="px-6 py-3">
                     <div class="flex flex-wrap items-center justify-between gap-2 text-sm text-gray-600 dark:text-gray-400">
                         <p>&copy; {{ now()->year }} <a href="https://github.com/NNTmux/newznab-tmux" class="text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 transition">NNTmux</a> Admin Panel</p>
diff --git a/resources/views/layouts/main.blade.php b/resources/views/layouts/main.blade.php
index 77775b9ec..d2ac41c6f 100644
--- a/resources/views/layouts/main.blade.php
+++ b/resources/views/layouts/main.blade.php
@@ -33,7 +33,7 @@
     <div class="h-screen flex">
         <!-- Sidebar -->
         @auth
-            <aside id="sidebar" class="hidden md:flex md:flex-col w-64 bg-gray-900 dark:bg-gray-950 text-white flex-shrink-0 h-full overflow-y-auto rounded-r-xl">
+            <aside id="sidebar" class="hidden md:flex md:flex-col w-64 bg-gray-900 dark:bg-gray-950 text-white shrink-0 h-full overflow-y-auto rounded-r-xl">
                 <div class="flex items-center justify-between p-4 border-b border-gray-800 dark:border-gray-700">
                     <a href="{{ $site['home_link'] ?? url('/') }}" class="flex items-center space-x-3">
                         <img src="{{ asset('assets/images/logo.svg') }}" alt="{{ config('app.name') }} Logo" class="w-12 h-12" aria-hidden="true">
@@ -51,7 +51,7 @@
         <div class="flex-1 flex flex-col h-full overflow-hidden">
             <!-- Top Navigation -->
             @auth
-                <header class="bg-gray-800 dark:bg-gray-950 text-white shadow-lg flex-shrink-0 z-10 rounded-b-xl">
+                <header class="bg-gray-800 dark:bg-gray-950 text-white shadow-lg shrink-0 z-10 rounded-b-xl">
                     @include('partials.header-menu')
                 </header>
             @endauth
@@ -85,7 +85,7 @@
             </main>
 
             <!-- Footer - Fixed at bottom -->
-            <footer class="flex-shrink-0 rounded-t-xl">
+            <footer class="shrink-0 rounded-t-xl">
                 @include('partials.footer')
             </footer>
         </div>
diff --git a/resources/views/movies/trending.blade.php b/resources/views/movies/trending.blade.php
index fd05ca017..976d891ce 100644
--- a/resources/views/movies/trending.blade.php
+++ b/resources/views/movies/trending.blade.php
@@ -28,7 +28,7 @@
     </div>
 
     <!-- Header -->
-    <div class="px-6 py-6 bg-gradient-to-r from-blue-500 to-purple-600 text-white">
+    <div class="px-6 py-6 bg-linear-to-r from-blue-500 to-purple-600 text-white">
         <div class="flex items-center justify-between">
             <div>
                 <h1 class="text-3xl font-bold mb-2">
@@ -59,13 +59,13 @@
                             <!-- Rank Badge -->
                             <div class="absolute top-4 left-4 z-10">
                                 <div class="w-12 h-12 rounded-full flex items-center justify-center text-white font-bold text-lg shadow-lg
-                                    {{ $index < 3 ? 'bg-gradient-to-br from-yellow-400 to-yellow-600' : 'bg-gradient-to-br from-gray-400 to-gray-600' }}">
+                                    {{ $index < 3 ? 'bg-linear-to-br from-yellow-400 to-yellow-600' : 'bg-linear-to-br from-gray-400 to-gray-600' }}">
                                     #{{ $index + 1 }}
                                 </div>
                             </div>
 
                             <!-- Movie Poster -->
-                            <div class="flex-shrink-0 relative">
+                            <div class="shrink-0 relative">
                                 <a href="{{ route('movie.view', ['imdbid' => $movie->imdbid]) }}" class="block">
                                     @if($movie->cover)
                                         <img src="{{ $movie->cover }}" alt="{{ $movie->title }}" class="w-full md:w-64 h-96 object-cover">
diff --git a/resources/views/movies/viewmoviefull.blade.php b/resources/views/movies/viewmoviefull.blade.php
index 085fc8084..4d4aa96f4 100644
--- a/resources/views/movies/viewmoviefull.blade.php
+++ b/resources/views/movies/viewmoviefull.blade.php
@@ -228,7 +228,7 @@
                                             @endif
                                         </div>
                                     </div>
-                                    <div class="flex gap-2 flex-shrink-0">
+                                    <div class="flex gap-2 shrink-0">
                                         <a href="{{ url('/getnzb/' . $release->guid) }}" class="inline-flex items-center px-4 py-2 bg-green-600 dark:bg-green-700 text-white text-sm font-medium rounded-lg hover:bg-green-700 dark:hover:bg-green-800 transition">
                                             <i class="fas fa-download mr-2"></i> Download
                                         </a>
diff --git a/resources/views/music/index.blade.php b/resources/views/music/index.blade.php
index e9857c86f..25598c1e8 100644
--- a/resources/views/music/index.blade.php
+++ b/resources/views/music/index.blade.php
@@ -127,7 +127,7 @@
                     <div class="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg overflow-hidden hover:shadow-lg transition-shadow">
                         <div class="flex flex-row">
                             <!-- Album Cover -->
-                            <div class="flex-shrink-0">
+                            <div class="shrink-0">
                                 @if($guid)
                                     <a href="{{ url('/details/' . $guid) }}" class="block">
                                         @if(!empty($result->cover))
diff --git a/resources/views/mymovies/add.blade.php b/resources/views/mymovies/add.blade.php
index d34b2efbf..46a6a3790 100644
--- a/resources/views/mymovies/add.blade.php
+++ b/resources/views/mymovies/add.blade.php
@@ -1,7 +1,7 @@
 <div class="max-w-4xl mx-auto">
     <div class="bg-white dark:bg-gray-800 rounded-xl shadow-lg overflow-hidden border border-gray-200 dark:border-gray-700 mb-6">
         <!-- Header -->
-        <div class="bg-gradient-to-r from-blue-600 to-blue-700 px-6 py-4">
+        <div class="bg-linear-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
@@ -59,7 +59,7 @@
                     <label class="block text-sm font-bold text-gray-700 dark:text-gray-300 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 dark:bg-gray-900 border border-gray-300 dark:border-gray-600 rounded-lg cursor-pointer hover:bg-gray-100 dark:bg-gray-800 transition-all duration-200 has-[:checked]:bg-blue-50 has-[:checked]:border-blue-500 has-[:checked]:text-blue-700">
+                            <label class="inline-flex items-center px-4 py-2 bg-gray-50 dark:bg-gray-900 border border-gray-300 dark:border-gray-600 rounded-lg cursor-pointer hover:bg-gray-100 dark:bg-gray-800 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[]"
diff --git a/resources/views/mymovies/index.blade.php b/resources/views/mymovies/index.blade.php
index 720f1a153..05fa474ac 100644
--- a/resources/views/mymovies/index.blade.php
+++ b/resources/views/mymovies/index.blade.php
@@ -24,7 +24,7 @@
     <!-- 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="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>
@@ -77,7 +77,7 @@
                         <div class="p-6 hover:bg-blue-50 dark:hover:bg-gray-700 transition-colors duration-150">
                             <div class="flex gap-6">
                                 <!-- Movie Poster -->
-                                <div class="flex-shrink-0">
+                                <div class="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'] ?? '') }}"/>
@@ -143,7 +143,7 @@
 
                                     @if(!empty($movie['actors']))
                                         <div class="flex items-start text-sm mb-3">
-                                            <span class="font-semibold text-gray-700 dark:text-gray-300 mr-2 flex-shrink-0"><i class="fa fa-users mr-1 text-blue-600 dark:text-blue-400"></i>Starring:</span>
+                                            <span class="font-semibold text-gray-700 dark:text-gray-300 mr-2 shrink-0"><i class="fa fa-users mr-1 text-blue-600 dark:text-blue-400"></i>Starring:</span>
                                             <span class="text-gray-600 dark:text-gray-400">{{ e($movie['actors']) }}</span>
                                         </div>
                                     @endif
@@ -174,7 +174,7 @@
                 @foreach($movies as $movie)
                     <div class="p-6 border-b border-gray-200 dark:border-gray-700 hover:bg-blue-50 dark:hover:bg-gray-700 transition-colors duration-150">
                         <div class="flex gap-4 mb-4">
-                            <div class="flex-shrink-0">
+                            <div class="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'] ?? '') }}"/>
diff --git a/resources/views/myshows/add.blade.php b/resources/views/myshows/add.blade.php
index b89cb42c7..b003f69af 100644
--- a/resources/views/myshows/add.blade.php
+++ b/resources/views/myshows/add.blade.php
@@ -1,7 +1,7 @@
 <div class="max-w-4xl mx-auto">
     <div class="bg-white dark:bg-gray-800 rounded-xl shadow-lg overflow-hidden border border-gray-200 dark:border-gray-700 mb-6">
         <!-- Header -->
-        <div class="bg-gradient-to-r from-blue-600 to-blue-700 px-6 py-4">
+        <div class="bg-linear-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
@@ -59,7 +59,7 @@
                     <label class="block text-sm font-bold text-gray-700 dark:text-gray-300 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 dark:bg-gray-900 border border-gray-300 dark:border-gray-600 rounded-lg cursor-pointer hover:bg-gray-100 dark:bg-gray-800 transition-all duration-200 has-[:checked]:bg-blue-50 has-[:checked]:border-blue-500 has-[:checked]:text-blue-700">
+                            <label class="inline-flex items-center px-4 py-2 bg-gray-50 dark:bg-gray-900 border border-gray-300 dark:border-gray-600 rounded-lg cursor-pointer hover:bg-gray-100 dark:bg-gray-800 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[]"
diff --git a/resources/views/myshows/index.blade.php b/resources/views/myshows/index.blade.php
index 76fbb1731..551d08464 100644
--- a/resources/views/myshows/index.blade.php
+++ b/resources/views/myshows/index.blade.php
@@ -24,7 +24,7 @@
     <!-- 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="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>
@@ -99,7 +99,7 @@
                             <tr class="hover:bg-blue-50 dark:hover:bg-gray-700 transition-colors duration-150">
                                 <td class="px-8 py-5">
                                     <div class="flex items-center">
-                                        <div class="flex-shrink-0 h-12 w-12 show-avatar rounded-lg flex items-center justify-center text-white font-bold text-lg shadow-sm">
+                                        <div class="shrink-0 h-12 w-12 show-avatar rounded-lg flex items-center justify-center text-white font-bold text-lg shadow-sm">
                                             {{ strtoupper(substr($show['title'] ?? 'T', 0, 1)) }}
                                         </div>
                                         <div class="ml-4">
@@ -168,7 +168,7 @@
                     <div class="p-6 border-b border-gray-200 dark:border-gray-700 hover:bg-blue-50 dark:hover:bg-gray-700 transition-colors duration-150">
                         <div class="flex items-start justify-between mb-4">
                             <div class="flex items-center flex-1">
-                                <div class="flex-shrink-0 h-12 w-12 show-avatar rounded-lg flex items-center justify-center text-white font-bold text-xl shadow-sm">
+                                <div class="shrink-0 h-12 w-12 show-avatar rounded-lg flex items-center justify-center text-white font-bold text-xl shadow-sm">
                                     {{ strtoupper(substr($show['title'] ?? 'T', 0, 1)) }}
                                 </div>
                                 <div class="ml-3 flex-1">
diff --git a/resources/views/nfo/view.blade.php b/resources/views/nfo/view.blade.php
index e2b0c7792..2f9ce7e29 100644
--- a/resources/views/nfo/view.blade.php
+++ b/resources/views/nfo/view.blade.php
@@ -11,7 +11,7 @@
                 <a href="{{ url('/') }}" class="hover:text-blue-600">Home</a>
                 <i class="fas fa-chevron-right mx-2 text-xs"></i>
                 @if(isset($rel))
-                    <a href="{{ url('/details/' . $rel['guid']) }}" class="hover:text-blue-600 break-words break-all">{{ $rel['searchname'] }}</a>
+                    <a href="{{ url('/details/' . $rel['guid']) }}" class="hover:text-blue-600 wrap-break-word break-all">{{ $rel['searchname'] }}</a>
                     <i class="fas fa-chevron-right mx-2 text-xs"></i>
                 @endif
                 <span>NFO</span>
diff --git a/resources/views/partials/header-menu.blade.php b/resources/views/partials/header-menu.blade.php
index bb6b35290..21d248117 100644
--- a/resources/views/partials/header-menu.blade.php
+++ b/resources/views/partials/header-menu.blade.php
@@ -12,7 +12,7 @@
                 @if(isset($parentcatlist))
                     @foreach($parentcatlist as $parentcat)
                         @if($parentcat['id'] == App\Models\Category::TV_ROOT)
-                            <div class="relative dropdown-container flex-shrink-0">
+                            <div class="relative dropdown-container shrink-0">
                                 <button class="dropdown-toggle flex items-center px-3 py-2 text-gray-300 dark:text-gray-400 hover:text-white dark:hover:text-white hover:bg-gray-700 dark:hover:bg-gray-800 rounded-lg transition text-sm whitespace-nowrap">
                                     <i class="fa fa-television mr-1.5"></i>
                                     <span>{{ $parentcat['title'] }}</span>
@@ -52,7 +52,7 @@
                                 </div>
                             </div>
                         @elseif($parentcat['id'] == App\Models\Category::MOVIE_ROOT)
-                            <div class="relative dropdown-container flex-shrink-0">
+                            <div class="relative dropdown-container shrink-0">
                                 <button class="dropdown-toggle flex items-center px-3 py-2 text-gray-300 dark:text-gray-400 hover:text-white dark:hover:text-white hover:bg-gray-700 dark:hover:bg-gray-800 rounded-lg transition text-sm whitespace-nowrap">
                                     <i class="fa fa-film mr-1.5"></i>
                                     <span>{{ $parentcat['title'] }}</span>
@@ -109,7 +109,7 @@
                                 </div>
                             </div>
                         @elseif($parentcat['id'] == App\Models\Category::GAME_ROOT)
-                            <div class="relative dropdown-container flex-shrink-0">
+                            <div class="relative dropdown-container shrink-0">
                                 <button class="dropdown-toggle flex items-center px-3 py-2 text-gray-300 dark:text-gray-400 hover:text-white dark:hover:text-white hover:bg-gray-700 dark:hover:bg-gray-800 rounded-lg transition text-sm whitespace-nowrap">
                                     <i class="fa fa-gamepad mr-1.5"></i>
                                     <span>{{ $parentcat['title'] }}</span>
@@ -132,7 +132,7 @@
                                 </div>
                             </div>
                         @elseif($parentcat['id'] == App\Models\Category::PC_ROOT)
-                            <div class="relative dropdown-container flex-shrink-0">
+                            <div class="relative dropdown-container shrink-0">
                                 <button class="dropdown-toggle flex items-center px-3 py-2 text-gray-300 dark:text-gray-400 hover:text-white dark:hover:text-white hover:bg-gray-700 dark:hover:bg-gray-800 rounded-lg transition text-sm whitespace-nowrap">
                                     <i class="fa fa-desktop mr-1.5"></i>
                                     <span>{{ $parentcat['title'] }}</span>
@@ -159,7 +159,7 @@
                                 ];
                                 $desktopIcon = $desktopIconMap[$parentcat['id']] ?? 'fa-folder';
                             @endphp
-                            <div class="relative dropdown-container flex-shrink-0">
+                            <div class="relative dropdown-container shrink-0">
                                 <button class="dropdown-toggle flex items-center px-3 py-2 text-gray-300 dark:text-gray-400 hover:text-white dark:hover:text-white hover:bg-gray-700 dark:hover:bg-gray-800 rounded-lg transition text-sm whitespace-nowrap">
                                     <i class="fa {{ $desktopIcon }} mr-1.5"></i>
                                     <span>{{ $parentcat['title'] }}</span>
diff --git a/resources/views/search/index.blade.php b/resources/views/search/index.blade.php
index 334a92d9f..66ad458b7 100644
--- a/resources/views/search/index.blade.php
+++ b/resources/views/search/index.blade.php
@@ -213,7 +213,7 @@
                                 <td class="px-3 py-4">
                                     <div class="flex-1">
                                         <div class="flex items-center gap-2 flex-wrap">
-                                            <a href="{{ url('/details/' . $result->guid) }}" class="text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 font-medium break-words break-all">{{ $result->searchname }}</a>
+                                            <a href="{{ url('/details/' . $result->guid) }}" class="text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 font-medium wrap-break-word break-all">{{ $result->searchname }}</a>
                                             @if(!empty($result->report_count) && $result->report_count > 0)
                                                 <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-orange-100 dark:bg-orange-900 text-orange-800 dark:text-orange-200"
                                                       title="Reported: {{ \App\Models\ReleaseReport::reasonKeysToLabels($result->report_reasons ?? '') }}">
@@ -349,7 +349,7 @@
                             <input type="checkbox" class="chkRelease rounded border-gray-300 dark:border-gray-600 text-blue-600 dark:text-blue-500 focus:ring-blue-500 dark:focus:ring-blue-400 dark:bg-gray-700 mt-1" name="release[]" value="{{ $result->guid }}" @change="onCheckboxChange()">
                             <div class="flex-1">
                                 <div class="flex items-center gap-2 flex-wrap mb-2">
-                                    <a href="{{ url('/details/' . $result->guid) }}" class="text-lg font-medium text-blue-600 dark:text-blue-400 hover:text-blue-800 break-words break-all">
+                                    <a href="{{ url('/details/' . $result->guid) }}" class="text-lg font-medium text-blue-600 dark:text-blue-400 hover:text-blue-800 wrap-break-word break-all">
                                         {{ $result->searchname }}
                                     </a>
                                     @if(!empty($result->report_count) && $result->report_count > 0)
diff --git a/resources/views/series/trending.blade.php b/resources/views/series/trending.blade.php
index af9fd88a2..d5466fe82 100644
--- a/resources/views/series/trending.blade.php
+++ b/resources/views/series/trending.blade.php
@@ -28,7 +28,7 @@
     </div>
 
     <!-- Header -->
-    <div class="px-6 py-6 bg-gradient-to-r from-indigo-500 to-purple-600 text-white">
+    <div class="px-6 py-6 bg-linear-to-r from-indigo-500 to-purple-600 text-white">
         <div class="flex items-center justify-between">
             <div>
                 <h1 class="text-3xl font-bold mb-2">
@@ -59,13 +59,13 @@
                             <!-- Rank Badge -->
                             <div class="absolute top-4 left-4 z-10">
                                 <div class="w-12 h-12 rounded-full flex items-center justify-center text-white font-bold text-lg shadow-lg
-                                    {{ $index < 3 ? 'bg-gradient-to-br from-yellow-400 to-yellow-600' : 'bg-gradient-to-br from-gray-400 to-gray-600' }}">
+                                    {{ $index < 3 ? 'bg-linear-to-br from-yellow-400 to-yellow-600' : 'bg-linear-to-br from-gray-400 to-gray-600' }}">
                                     #{{ $index + 1 }}
                                 </div>
                             </div>
 
                             <!-- TV Show Poster -->
-                            <div class="flex-shrink-0 relative">
+                            <div class="shrink-0 relative">
                                 <a href="{{ route('series', ['id' => $show->id]) }}" class="block">
                                     @if($show->image)
                                         <img src="{{ url('/covers/tvshows/' . $show->id . '.jpg') }}" alt="{{ $show->title }}" class="w-full md:w-64 h-96 object-cover" data-fallback-src="{{ url('/covers/tvshows/no-cover.jpg') }}">
diff --git a/resources/views/series/viewseries.blade.php b/resources/views/series/viewseries.blade.php
index f7c9463f8..d24ca73c3 100644
--- a/resources/views/series/viewseries.blade.php
+++ b/resources/views/series/viewseries.blade.php
@@ -35,31 +35,31 @@
                     <!-- Series Stats -->
                     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4 mb-6">
                         @if(!empty($show['started']))
-                            <div class="bg-gradient-to-br from-blue-50 to-blue-100 rounded-lg p-4 border border-blue-200">
+                            <div class="bg-linear-to-br from-blue-50 to-blue-100 rounded-lg p-4 border border-blue-200">
                                 <div class="text-xs font-semibold text-blue-600 dark:text-blue-400 uppercase mb-1">Series Started</div>
                                 <div class="text-lg font-bold text-blue-900">
                                     {{ \Carbon\Carbon::parse($show['started'])->format('M d, Y') }}
                                 </div>
                             </div>
                         @endif
-                        <div class="bg-gradient-to-br from-purple-50 to-purple-100 rounded-lg p-4 border border-purple-200">
+                        <div class="bg-linear-to-br from-purple-50 to-purple-100 rounded-lg p-4 border border-purple-200">
                             <div class="text-xs font-semibold text-purple-600 uppercase mb-1">Total Seasons Aired</div>
                             <div class="text-lg font-bold text-purple-900">{{ $totalSeasonsAired ?? 0 }}</div>
                         </div>
-                        <div class="bg-gradient-to-br from-pink-50 to-pink-100 rounded-lg p-4 border border-pink-200">
+                        <div class="bg-linear-to-br from-pink-50 to-pink-100 rounded-lg p-4 border border-pink-200">
                             <div class="text-xs font-semibold text-pink-600 uppercase mb-1">Seasons Available</div>
                             <div class="text-lg font-bold text-pink-900">{{ $totalSeasonsAvailable ?? 0 }}</div>
                         </div>
-                        <div class="bg-gradient-to-br from-indigo-50 to-indigo-100 rounded-lg p-4 border border-indigo-200">
+                        <div class="bg-linear-to-br from-indigo-50 to-indigo-100 rounded-lg p-4 border border-indigo-200">
                             <div class="text-xs font-semibold text-indigo-600 uppercase mb-1">Total Episodes Aired</div>
                             <div class="text-lg font-bold text-indigo-900">{{ $totalEpisodesAired ?? 0 }}</div>
                         </div>
-                        <div class="bg-gradient-to-br from-violet-50 to-violet-100 rounded-lg p-4 border border-violet-200">
+                        <div class="bg-linear-to-br from-violet-50 to-violet-100 rounded-lg p-4 border border-violet-200">
                             <div class="text-xs font-semibold text-violet-600 uppercase mb-1">Episodes Available</div>
                             <div class="text-lg font-bold text-violet-900">{{ $episodeCount ?? 0 }}</div>
                         </div>
                         @if(!empty($firstEpisodeAired))
-                            <div class="bg-gradient-to-br from-teal-50 to-teal-100 rounded-lg p-4 border border-teal-200">
+                            <div class="bg-linear-to-br from-teal-50 to-teal-100 rounded-lg p-4 border border-teal-200">
                                 <div class="text-xs font-semibold text-teal-600 uppercase mb-1">First Episode Aired</div>
                                 <div class="text-sm font-bold text-teal-900">
                                     {{ $firstEpisodeAired->format('M d, Y') }}
@@ -67,7 +67,7 @@
                             </div>
                         @endif
                         @if(!empty($lastEpisodeAired))
-                            <div class="bg-gradient-to-br from-orange-50 to-orange-100 rounded-lg p-4 border border-orange-200">
+                            <div class="bg-linear-to-br from-orange-50 to-orange-100 rounded-lg p-4 border border-orange-200">
                                 <div class="text-xs font-semibold text-orange-600 uppercase mb-1">Last Episode Aired</div>
                                 <div class="text-sm font-bold text-orange-900">
                                     {{ $lastEpisodeAired->format('M d, Y') }}
@@ -75,7 +75,7 @@
                             </div>
                         @endif
                         @if(!empty($seriescountry))
-                            <div class="bg-gradient-to-br from-green-50 to-green-100 rounded-lg p-4 border border-green-200">
+                            <div class="bg-linear-to-br from-green-50 to-green-100 rounded-lg p-4 border border-green-200">
                                 <div class="text-xs font-semibold text-green-600 uppercase mb-1">Country</div>
                                 <div class="text-lg font-bold text-green-900">{{ strtoupper($seriescountry) }}</div>
                             </div>
@@ -132,7 +132,7 @@
                                         </a>
                                     @endif
 
-                                    <a class="px-4 py-2 bg-gradient-to-r from-green-600 to-green-700 text-white rounded-lg hover:from-green-700 hover:to-green-800 inline-flex items-center text-sm font-medium shadow-sm transition"
+                                    <a class="px-4 py-2 bg-linear-to-r from-green-600 to-green-700 text-white rounded-lg hover:from-green-700 hover:to-green-800 inline-flex items-center text-sm font-medium shadow-sm transition"
                                        href="{{ url('/rss/full-feed?show=' . $show['id'] . (isset($category) && $category != '' ? '&t=' . $category : '') . '&dl=1&i=' . auth()->id() . '&api_token=' . auth()->user()->api_token) }}">
                                         <i class="fa fa-rss mr-2"></i> RSS Feed
                                     </a>
@@ -260,13 +260,13 @@
                                         <div class="space-y-2">
                                             @foreach($releases as $release)
                                                 <div class="flex items-center gap-3 bg-gray-50 dark:bg-gray-900 rounded p-3 hover:bg-gray-100">
-                                                    <div class="flex-shrink-0">
+                                                    <div class="shrink-0">
                                                         <input type="checkbox" class="chkRelease rounded border-gray-300 dark:border-gray-600 text-blue-600 dark:text-blue-500 focus:ring-blue-500 dark:focus:ring-blue-400 dark:bg-gray-700" name="release[]" value="{{ $release->guid }}" @change="onCheckboxChange()">
                                                     </div>
                                                     <div class="flex-1">
                                                         <div class="flex items-center gap-2 flex-wrap">
                                                             <a href="{{ url('/details/' . $release->guid) }}"
-                                                               class="text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 font-medium break-words break-all">
+                                                               class="text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 font-medium wrap-break-word break-all">
                                                                 {{ $release->searchname }}
                                                             </a>
                                                             @if(!empty($release->failed) && $release->failed->count() > 0)
diff --git a/resources/views/series/viewserieslist.blade.php b/resources/views/series/viewserieslist.blade.php
index fda08f83a..c8fda93d4 100644
--- a/resources/views/series/viewserieslist.blade.php
+++ b/resources/views/series/viewserieslist.blade.php
@@ -35,7 +35,7 @@
         <!-- Action buttons and search -->
         <div class="flex flex-col md:flex-row justify-between items-start md:items-center gap-4 mb-4">
             <div class="flex gap-2">
-                <a href="{{ route('trending-tv') }}" class="inline-flex items-center px-4 py-2 bg-gradient-to-r from-orange-500 to-red-600 text-white rounded-lg hover:from-orange-600 hover:to-red-700 transition shadow-md">
+                <a href="{{ route('trending-tv') }}" class="inline-flex items-center px-4 py-2 bg-linear-to-r from-orange-500 to-red-600 text-white rounded-lg hover:from-orange-600 hover:to-red-700 transition shadow-md">
                     <i class="fas fa-fire mr-2"></i> View Trending TV Shows
                 </a>
                 <a class="px-4 py-2 bg-blue-600 dark:bg-blue-700 text-white rounded hover:bg-blue-700 dark:hover:bg-blue-800 inline-flex items-center" href="{{ route('myshows') }}" title="List my watched shows">
diff --git a/resources/views/xxx/index.blade.php b/resources/views/xxx/index.blade.php
index 35516ab40..65153e821 100644
--- a/resources/views/xxx/index.blade.php
+++ b/resources/views/xxx/index.blade.php
@@ -65,7 +65,7 @@
                             <tr class="hover:bg-gray-50 dark:hover:bg-gray-700/50 transition">
                                 <td class="px-3 py-4">
                                     <div class="flex items-start gap-3">
-                                        <div class="flex-shrink-0 w-12 h-16 bg-gray-200 dark:bg-gray-700 rounded flex items-center justify-center">
+                                        <div class="shrink-0 w-12 h-16 bg-gray-200 dark:bg-gray-700 rounded flex items-center justify-center">
                                             <i class="fas fa-film text-gray-400 text-lg"></i>
                                         </div>
                                         <div class="flex-1 min-w-0">