Update style.css

style.css

@@ -7,7 +7,6 @@
   --text-main: #111827;
   --text-muted: #6b7280;
   --radius-xl: 22px;
-  --radius-md: 14px;
   --shadow-soft: 0 14px 40px rgba(15, 23, 42, 0.09);
   --font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
   --transition: 0.18s ease;
@@ -337,8 +336,6 @@ body {
   font-size: 8.5px;
 }
 
-/* أزرار الصف */
-
 .row-actions {
   display: flex;
   align-items: center;
@@ -386,7 +383,7 @@ body {
 }
 
 .output-input:focus {
-  border-color: var(--primary);
+  border-color: #2563eb;
   box-shadow: 0 0 0 3px var(--primary-soft2);
 }
 
@@ -484,6 +481,39 @@ body {
   border: 1px solid #fed7aa;
 }
 
+/* شريط التقدم */
+
+.progress {
+  margin-top: 6px;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.progress.hidden {
+  display: none;
+}
+
+.progress-text {
+  font-size: 9.5px;
+  color: #374151;
+}
+
+.progress-bar {
+  width: 100%;
+  height: 6px;
+  background-color: #e5e7eb;
+  border-radius: 999px;
+  overflow: hidden;
+}
+
+.progress-fill {
+  height: 100%;
+  width: 0%;
+  background: linear-gradient(90deg, #2563eb, #60a5fa);
+  transition: width 0.18s ease;
+}
+
 /* تجاوب */
 
 @media (max-width: 640px) {