Update app.py

app.py

@@ -15,8 +15,17 @@ st.markdown(
     section[data-testid="stSidebar"] p, section[data-testid="stSidebar"] label { color: white; }
     input, textarea, select, .stFileUploader { background-color: white !important; border: 2px solid #084C3C !important; color: #084C3C !important; border-radius: 5px !important; }
     input:focus, textarea:focus, select:focus, .stFileUploader:focus { border: 2px solid #7FDB8B !important; outline: none !important; }
-    div[data-testid="stFormSubmitButton"] button, div.stButton > button { background-color: #084C3C !important; color: white !important; border-radius: 10px !important; padding: 10px 20px !important; border: none !important; }
-    div[data-testid="stFormSubmitButton"] button:hover, div.stButton > button:hover { background-color: #7FDB8B !important; color: #084C3C !important; }
+    div[data-testid="stFormSubmitButton"] button, div.stButton > button {
+        background-color: #084C3C !important; /* Dark green background */
+        color: white !important; /* White text */
+        border-radius: 10px !important; /* Rounded corners */
+        padding: 10px 20px !important; /* Button padding */
+        border: none !important; /* Remove border */
+    }
+    div[data-testid="stFormSubmitButton"] button:hover, div.stButton > button:hover {
+        background-color: #7FDB8B !important; /* Slightly lighter green on hover */
+        color: #084C3C !important; /* Dark green text on hover */
+    }
     table { border-collapse: collapse; width: 100%; background-color: #E4ECE3; }
     th, td { border: 1px solid #084C3C; text-align: left; padding: 10px; color: #084C3C; }
     th { background-color: #7FDB8B; }
@@ -31,12 +40,28 @@ st.markdown(
     div[data-testid="stMarkdownContainer"] p {
         color: #084C3C !important;
     }
+
+    /* Submit button custom styling */
+    div[data-testid="stFormSubmitButton"] button {
+        background-color: #084C3C !important; /* Dark green background */
+        color: white !important; /* White text */
+        border: none !important; /* Remove border */
+        border-radius: 5px !important; /* Rounded corners */
+        padding: 10px 20px !important; /* Button padding */
+    }
+
+    div[data-testid="stFormSubmitButton"] button:focus,
+    div[data-testid="stFormSubmitButton"] button:hover {
+        background-color: #066B4E !important; /* Slightly lighter green on hover/focus */
+        color: white !important; /* Keep white text on hover/focus */
+    }
     </style>
     """,
     unsafe_allow_html=True
 )
 
 
+
 # Sample user data for login
 users = {
     "manager123": {"password": "managerpass", "role": "Manager"},