Update app.py

app.py

@@ -215,7 +215,7 @@ html, body, .stApp {
     border-right: 3px solid var(--primary) !important;
 }
 
-/* ========== استایل‌های ورودی یکپارچه ========== */
+
 /* ========== استایل‌های ورودی یکپارچه ========== */
 /* استایل پایه برای تمام کانتینرهای ورودی */
 div[data-baseweb="select"] > div:first-child,
@@ -318,6 +318,64 @@ div[data-baseweb="textarea"] > div:first-child:focus-within {
     opacity: 0.5 !important;
     font-family: 'B Nazanin' !important;
 }
+/* استایل پایه برای کانتینر NumberInput */
+.stNumberInput > div {
+    display: flex !important;
+    align-items: center !important;
+    border: 1px solid var(--primary) !important;
+    border-radius: 6px !important;
+    background-color: var(--input-bg) !important;
+    overflow: hidden !important;
+}
+
+/* استایل فیلد ورودی عددی */
+.stNumberInput input {
+    color: var(--text) !important;
+    background-color: transparent !important;
+    border: none !important;
+    padding: 10px 12px !important;
+    min-height: 40px !important;
+    flex-grow: 1 !important;
+    text-align: right !important;
+    font-family: 'B Nazanin' !important;
+}
+
+/* استایل دکمه‌های افزایش/کاهش */
+.stNumberInput button {
+    color: var(--primary) !important;
+    background-color: transparent !important;
+    border: none !important;
+    width: 40px !important;
+    height: 100% !important;
+    font-weight: bold !important;
+    font-size: 16px !important;
+    display: flex !important;
+    align-items: center !important;
+    justify-content: center !important;
+    cursor: pointer !important;
+    transition: all 0.2s ease !important;
+}
+
+/* استایل hover برای دکمه‌ها */
+.stNumberInput button:hover {
+    background-color: #f0e6ff !important;
+}
+
+/* استایل focus برای کل NumberInput */
+.stNumberInput > div:focus-within {
+    border-color: var(--primary) !important;
+    box-shadow: 0 0 0 3px rgba(106, 13, 173, 0.15) !important;
+    outline: none !important;
+}
+
+/* استایل لیبل */
+.stNumberInput > label {
+    color: var(--text) !important;
+    font-weight: bold !important;
+    margin-bottom: 8px !important;
+    font-size: 14px !important;
+    display: block !important;
+}
 
 
 /* کامپوننت‌های سفارشی */