latest update my Video Platform is working Great

resources/views/layouts/partials/edit-video-modal.blade.php

@@ -196,7 +196,7 @@
     background: linear-gradient(145deg, #1e1e1e 0%, #252525 100%);
     border: 1px solid #3a3a3a;
     border-radius: 24px;
-    box-shadow: 0 25px 80px rgba(0, 0, 0, 0.6), 0 0 40px rgba(139, 92, 246, 0.1);
+    box-shadow: 0 25px 80px rgba(0, 0, 0, 0.6), 0 0 40px rgba(230, 30, 30, 0.1);
     overflow: hidden;
 }
 
@@ -233,7 +233,7 @@
 
 /* Header */
 .edit-modal-header {
-    background: linear-gradient(135deg, #8b5cf6 0%, #a78bfa 100%);
+    background: linear-gradient(135deg, #e61e1e 0%, #ff4757 100%);
     border-bottom: none;
     padding: 20px 24px;
     position: relative;
@@ -326,10 +326,10 @@
 }
 
 .edit-step.active .step-circle {
-    background: linear-gradient(135deg, #8b5cf6 0%, #a78bfa 100%);
-    border-color: #8b5cf6;
+    background: linear-gradient(135deg, #e61e1e 0%, #ff4757 100%);
+    border-color: #e61e1e;
     color: white;
-    box-shadow: 0 4px 15px rgba(139, 92, 246, 0.4);
+    box-shadow: 0 4px 15px rgba(230, 30, 30, 0.4);
 }
 
 .edit-step.completed .step-circle {
@@ -353,7 +353,7 @@
 }
 
 .edit-step.active .step-label {
-    color: #8b5cf6;
+    color: #e61e1e;
 }
 
 .step-line {
@@ -366,7 +366,7 @@
 }
 
 .step-line.active {
-    background: linear-gradient(90deg, #8b5cf6, #22c55e);
+    background: linear-gradient(90deg, #e61e1e, #22c55e);
 }
 
 /* Step Content */
@@ -461,7 +461,7 @@
 }
 
 .form-label i {
-    color: #8b5cf6;
+    color: #e61e1e;
     font-size: 16px;
 }
 
@@ -478,8 +478,8 @@
 
 .form-input:focus, .form-textarea:focus {
     outline: none;
-    border-color: #8b5cf6;
-    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.15);
+    border-color: #e61e1e;
+    box-shadow: 0 0 0 3px rgba(230, 30, 30, 0.15);
 }
 
 .form-input::placeholder, .form-textarea::placeholder {
@@ -499,13 +499,13 @@
 }
 
 .dropzone-modal:hover {
-    border-color: #8b5cf6;
-    background: rgba(139, 92, 246, 0.05);
+    border-color: #e61e1e;
+    background: rgba(230, 30, 30, 0.05);
 }
 
 .dropzone-modal.dragover {
-    border-color: #8b5cf6;
-    background: rgba(139, 92, 246, 0.1);
+    border-color: #e61e1e;
+    background: rgba(230, 30, 30, 0.1);
     transform: scale(1.01);
 }
 
@@ -521,7 +521,7 @@
 
 .dropzone-icon {
     font-size: 48px;
-    color: #8b5cf6;
+    color: #e61e1e;
     margin-bottom: 12px;
     animation: float 3s ease-in-out infinite;
 }
@@ -562,7 +562,7 @@
 .file-preview {
     width: 56px;
     height: 56px;
-    background: linear-gradient(135deg, #8b5cf6 0%, #a78bfa 100%);
+    background: linear-gradient(135deg, #e61e1e 0%, #ff6b6b 100%);
     border-radius: 12px;
     display: flex;
     align-items: center;
@@ -615,7 +615,7 @@
 }
 
 .btn-remove-file:hover {
-    background: #8b5cf6;
+    background: #e61e1e;
     color: white;
 }
 
@@ -651,8 +651,8 @@
 }
 
 .visibility-option-modal.active .visibility-content-modal {
-    border-color: #8b5cf6;
-    background: rgba(139, 92, 246, 0.1);
+    border-color: #e61e1e;
+    background: rgba(230, 30, 30, 0.1);
 }
 
 .visibility-content-modal i {
@@ -664,7 +664,7 @@
 }
 
 .visibility-option-modal.active .visibility-content-modal i {
-    color: #8b5cf6;
+    color: #e61e1e;
 }
 
 .visibility-text {
@@ -719,14 +719,14 @@
 }
 
 .btn-next, .btn-save-changes {
-    background: linear-gradient(135deg, #8b5cf6 0%, #a78bfa 100%);
+    background: linear-gradient(135deg, #e61e1e 0%, #ff4757 100%);
     color: white;
-    box-shadow: 0 4px 15px rgba(139, 92, 246, 0.3);
+    box-shadow: 0 4px 15px rgba(230, 30, 30, 0.3);
 }
 
 .btn-next:hover, .btn-save-changes:hover {
     transform: translateY(-2px);
-    box-shadow: 0 6px 20px rgba(139, 92, 246, 0.4);
+    box-shadow: 0 6px 20px rgba(230, 30, 30, 0.4);
 }
 
 .btn-next:disabled, .btn-save-changes:disabled {