Update app.py

app.py

@@ -22,71 +22,48 @@ st.markdown("""
 <style>
     @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap');
 
-    [data-testid="stDataFrame"],
-    [data-testid="stDataFrame"] * { background: #0f172a !important; color: #ffffff !important; border: none !important; }
-    [data-testid="stDataFrame"] table, [data-testid="stDataFrame"] th, [data-testid="stDataFrame"] td, [data-testid="stDataFrame"] tr, [data-testid="stDataFrame"] thead, [data-testid="stDataFrame"] tbody { background: #0f172a !important; color: #ffffff !important; font-weight: 700 !important; }
-    [data-testid="stDataFrame"] th { background: rgba(30, 41, 59, 0.95) !important; color: #ffffff !important; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 800 !important; }
-    [data-testid="stDataFrame"] [data-testid="stTableIndex"] { color: #e2e8f0 !important; font-weight: 800 !important; }
-    .styled-dataframe, .dataframe, table { background: #0f172a !important; }
-
-    .css-1d391kg, .css-1y0tuds,
-    [data-testid="stVerticalBlock"] > div:first-child,
-    .block-container, .main > div,
-    [data-testid="stAppViewContainer"] > div:first-child {
-        padding-top: 1rem !important;
-        margin-top: 0 !important;
-    }
-
-
+ /* FINAL & 100% WORKING DATAFRAME FIX — DARK + WHITE TEXT + NEVER DISAPPEARS */
 [data-testid="stDataFrame"] {
     background: #0f172a !important;
     border-radius: 20px !important;
     border: 1px solid rgba(255,255,255,0.12) !important;
     overflow: hidden;
+    box-shadow: 0 8px 32px rgba(0,0,0,0.3);
 }
 
+[data-testid="stDataFrame"] table {
+    background: #0f172a !important;
+    color: #ffffff !important;
+    width: 100% !important;
+}
 
-[data-testid="stDataFrame"] table,
-[data-testid="stDataFrame"] thead,
-[data-testid="stDataFrame"] tbody,
-[data-testid="stDataFrame"] tr,
 [data-testid="stDataFrame"] th,
-[data-testid="stDataFrame"] td {
-    background: #0f172a !important;
+[data-testid="stDataFrame"] td,
+[data-testid="stDataFrame"] tr {
+    background: transparent !important;
     color: #ffffff !important;
     font-weight: 700 !important;
-    border: none !important;
-    text-shadow: 0 1px 4px rgba(0,0,0,0.8) !important;
+    border: 1px solid rgba(255,255,255,0.08) !important;
+    padding: 12px 16px !important;
 }
 
-
 [data-testid="stDataFrame"] th {
-    background: rgba(30, 41, 59, 0.9) !important;
+    background: rgba(30, 41, 59, 0.95) !important;
     color: #ffffff !important;
-    font-weight: 800 !important;
     text-transform: uppercase;
     letter-spacing: 0.5px;
+    font-weight: 800 !important;
 }
 
-
 [data-testid="stDataFrame"] [data-testid="stTableIndex"] {
     color: #e2e8f0 !important;
     font-weight: 800 !important;
 }
 
-
-.css-1offfwp, .css-1d391kg, table, td, th {
-    background: #0f172a !important;
-    color: #ffffff !important;
+/* Kill any pandas background gradient interference */
+.styled-dataframe * {
+    background: transparent !important;
 }
-
-
-    .css-1cpxna2, .css-1kyxreq, .css-1d391kg p,
-    div[data-testid="caption"], p {
-        color: #ffffff !important;
-        font-weight: 700 !important;
-        text-shadow: 0 2px 10px rgba(0,0,0,0.7) !important;
-    }
     
     :root {
         --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);