Update index.html

index.html

@@ -51,7 +51,35 @@
       width: 100%; padding: .8rem 1rem; border-radius: 10px; border: 1px solid var(--border-color);
       font-size: 1rem; font-family: 'Poppins', sans-serif; background: #f9fafb; transition: all .2s ease-in-out;
     }
-    select:focus, textarea:focus, input[type="text"]:focus { outline:none; border-color: var(--primary-color-start); box-shadow: 0 0 0 3px rgba(79,70,229,.15); background:#fff; }
+    select:focus, textarea:focus, input[type="text"]  
+    /* === Unified dropdown styling for all <select> === */
+    select {
+  /* سارے براؤزرز میں نیٹو اَرو ہٹا دیں */
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+
+  /* اَرو کے لئے اندر اسپیس */
+  padding-right: 2.25rem; /* تھا: 1rem */
+
+  /* کستم chevron (برینڈ کلر #4F46E5 میں) */
+  background-image: url('data:image/svg+xml;utf8,\
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none">\
+<path d="M6 8l4 4 4-4" stroke="%234F46E5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
+  background-repeat: no-repeat;
+  background-position: right .75rem center; /* کنارے سے ہٹا کر اندر */
+  background-size: 14px;
+}
+
+/* پرانے Edge/IE کا نیٹو اَرو */
+select::-ms-expand { display: none; }
+
+/* ڈسایبلڈ ڈراپ ڈاؤن بھی ایک جیسا لگے */
+    select:disabled {
+  opacity: .6;
+  cursor: not-allowed;
+}
+:focus { outline:none; border-color: var(--primary-color-start); box-shadow: 0 0 0 3px rgba(79,70,229,.15); background:#fff; }
     .row { display:grid; grid-template-columns: 1fr 1fr; gap: .75rem 1rem; }
     .row > div { width:100%; }
     .actions { display:grid; grid-template-columns: 1fr 1fr; gap:.75rem; margin-top:1.25rem; }