Update app.py

app.py

@@ -239,39 +239,29 @@ if fetch_data:
             completeness_df = pd.DataFrame({"Field": completeness.index, "Completeness (%)": completeness.values})
             completeness_table = completeness_df.set_index("Field")
         
-            # Sidebar Quick Stats (fancy card version)
-            quick_stats_df = pd.DataFrame({
-                "Metric": ["Total Records", "Incomplete Records", "Overall Completeness (%)"],
-                "Value": [len(metadata_df), incomplete_count, round(overall_percent, 1)]
-            })
+            # Prepare styled quick stats
+            quick_stats_df_reset = quick_stats_df.reset_index(drop=True)  # 👈 resets and drops the index completely
             
-            # Card-like background container
-            st.sidebar.markdown("""
-                <div style='
-                    background-color: #2b2b2b;
-                    padding: 1.5rem;
-                    border-radius: 12px;
-                    margin-bottom: 1.5rem;
-                    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
-                '>
-                    <h4 style='color: #FFA500; text-align: center; margin-bottom: 1rem;'>Quick Stats</h4>
-                </div>
-            """, unsafe_allow_html=True)
-            
-            #Reset index to fully remove the index
-            quick_stats_df_reset = quick_stats_df.reset_index(drop=True)
-            
-            #Style: orange gradient + center text inside the cells
             styled_stats = (
                 quick_stats_df_reset.style
-                .background_gradient(cmap="Reds", subset=["Value"])
+                .background_gradient(cmap="Orangess", subset=["Value"])  # 🔥 your red gradient
                 .format({"Value": "{:.1f}"})
                 .set_properties(**{
-                    "text-align": "center",    # center the text
-                    "color": "lightgray",      # light gray text
-                    "font-size": "0.95rem",    # slightly larger text
+                    "text-align": "center",
+                    "color": "#1A1A1A",
+                    "font-size": "0.95rem",
+                    "font-weight": "bold"
                 })
-)
+            )
+            
+            # Render without showing index
+            st.sidebar.dataframe(
+                styled_stats,
+                use_container_width=True,
+                height=240,
+                hide_index=True  # 👈 this hides any leftover index
+            )
+
 
             # Display using st.table for clean appearance
             st.sidebar.table(styled_stats)