Update app.py

app.py

@@ -1657,81 +1657,98 @@ def show_main_app():
     }
 
 
-     * File Uploader */
-   /* Modern card-style file uploader */
+     /* File Uploader with White Text */
     [data-testid="stFileUploaderDropzone"] {
-    border-radius: 20px;
-    border: none;
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-    padding: 30px;
-    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
-    transition: all 0.3s ease;
-    margin-bottom: 2rem;
-    position: relative;
-    overflow: hidden;
-          }
+    border-radius: 12px;
+    border: 2px dashed #a0a8b4;
+    background-color: #2c3e50; /* Dark background to contrast with white text */
+    padding: 25px;
+    transition: border-color 0.3s ease, background-color 0.3s ease;
+    margin-bottom: 1.5rem;
+    }
 
     [data-testid="stFileUploaderDropzone"]:hover {
-    transform: translateY(-5px);
-    box-shadow: 0 15px 40px rgba(0,0,0,0.3);
-             }
-
-   [data-testid="stFileUploaderDropzone"]:before {
-    content: '';
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background: rgba(255,255,255,0.1);
-    opacity: 0;
-    transition: opacity 0.3s ease;
-            }
-
-    [data-testid="stFileUploaderDropzone"]:hover:before {
-    opacity: 1;
-          }
-    /* Force ALL text inside file uploader dropzone to black */
+    border-color: #5d6dbe;
+    background-color: #34495e; /* Slightly lighter on hover */
+    }
+
+    /* Force ALL text inside file uploader dropzone to WHITE */
     [data-testid="stFileUploaderDropzone"] *,
     [data-testid="stFileUploaderDropzone"] p,
     [data-testid="stFileUploaderDropzone"] span,
-    [data-testid="stFileUploaderDropzone"] div {
-        color: black !important;
-        -webkit-text-fill-color: black !important;
-        opacity: 1 !important;
-        white-space: normal !important;
-        word-break: break-word !important;
-        font-weight: normal !important;
+    [data-testid="stFileUploaderDropzone"] div,
+    [data-testid="stFileUploaderDropzone"] small {
+    color: white !important;
+    -webkit-text-fill-color: white !important;
+    opacity: 1 !important;
+    font-weight: normal !important;
     }
-    /* Specific text within the file uploader (e.g., "Drag and drop file here") */
+
+    /* Specific targeting for drag and drop text */
     [data-testid="stFileUploaderDropzone"] > div > div > div:nth-child(2) > div:first-child {
-        color: black !important;
+    color: white !important;
     }
+
     [data-testid="stFileUploaderDropzone"] > div > div > div > span {
-        color: black !important;
+    color: white !important;
     }
 
+    /* Style the Browse files button with white text */
+[   data-testid="stFileUploaderDropzone"] button {
+    background-color: #5d6dbe !important;
+    color: white !important;
+    border: none !important;
+    border-radius: 8px !important;
+    padding: 10px 20px !important;
+    font-weight: bold !important;
+    transition: all 0.3s ease !important;
+    }
+
+    [data-testid="stFileUploaderDropzone"] button:hover {
+    background-color: #4a5c9d !important;
+    transform: translateY(-2px) !important;
+    box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
+     }
+
+    /* File uploader label (outside the dropzone) */
+    [data-testid="stFileUploader"] label {
+    color: white !important;
+    -webkit-text-fill-color: white !important;
+    opacity: 1 !important;
+    font-weight: 600 !important;
+    margin-bottom: 0.5rem !important;
+     }
+
+    /* Uploaded file names */
     [data-testid="stFileUploaderFileName"] {
-        font-size: 0.95em;
-        color: #495057;
-        margin-top: 10px;
-        word-break: break-all;
+    font-size: 0.95em;
+    color: white !important;
+    -webkit-text-fill-color: white !important;
+    margin-top: 10px;
+    word-break: break-all;
+    background-color: rgba(255,255,255,0.1) !important;
+    padding: 8px 12px !important;
+    border-radius: 6px !important;
     }
+
     [data-testid="stFileUploaderFile"] {
-        background-color: #e9ecef;
-        border-radius: 8px;
-        padding: 8px 12px;
-        margin-top: 10px;
-        box-shadow: 0 2px 5px rgba(0,0,0,0.05);
-    }
-     /*file label */
-     [data-testid="stFileUploader"] label {
-    color: black !important;
-    -webkit-text-fill-color: black !important;
-    opacity: 1 !important;
-    font-weight: 600; /* Often labels are a bit bolder */
-    margin-bottom: 0.5rem; /* Add a little space below the label */
-                }
+    background-color: rgba(255,255,255,0.1) !important;
+    border-radius: 8px;
+    padding: 8px 12px;
+    margin-top: 10px;
+    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
+    }
+
+    /* Style the cloud upload icon to be white */
+    [data-testid="stFileUploaderDropzone"] svg {
+    fill: white !important;
+    color: white !important;
+    }
+
+    [data-testid="stFileUploaderDropzone"] svg path {
+    fill: white !important;
+    stroke: white !important;
+     }
 
     /* Information, Success, Error, Warning Boxes */
     [data-testid="stAlert"] {