Update app.py

app.py

@@ -13,21 +13,59 @@ st.markdown(
     .stApp { background-color: #E4ECE3; }
     section[data-testid="stSidebar"] { background-color: #084C3C; }
     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 {
+    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; 
+    }
+
+    /* Submit button custom styling */
+    div[data-testid="stFormSubmitButton"] 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 */
+        font-size: 16px !important; /* Increase text size */
+    }
+
+    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; /* Ensure white text on hover/focus */
+    }
+
+    /* Style for other buttons (non-form buttons) */
+    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 */
+        font-size: 16px !important; /* Increase text size */
     }
-    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 */
+
+    div.stButton > button:hover {
+        background-color: #056C4C !important; /* Slightly lighter green on hover */
+        color: white !important; /* Keep text white on hover */
+    }
+
+    table { 
+        border-collapse: collapse; 
+        width: 100%; 
+        background-color: #E4ECE3; 
+    }
+    th, td { 
+        border: 1px solid #084C3C; 
+        text-align: left; 
+        padding: 10px; 
+        color: #084C3C; 
     }
-    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; }
     tr:nth-child(even) { background-color: #f9f9f9; }
 
@@ -40,21 +78,6 @@ 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
@@ -62,6 +85,7 @@ st.markdown(
 
 
 
+
 # Sample user data for login
 users = {
     "manager123": {"password": "managerpass", "role": "Manager"},