Update app.py

app.py

@@ -241,25 +241,19 @@ if fetch_data:
             completeness_table = completeness_df.set_index("Field")
         
             # Sidebar Quick Stats
-            stats_html = f"""
-            <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.2);
-            '>
-                <h4 style='color: #90EE90; margin-bottom: 1rem;'>📊 Quick Stats</h4>
-                <div style='color: lightgray; line-height: 1.8; font-size: 0.95rem;'>
-                    <b>Total Records:</b> {len(metadata_df)}<br>
-                    <b>Incomplete Records:</b> {incomplete_count}<br>
-                    <b>Overall Completeness:</b> {overall_percent:.1f}%
-                </div>
-            </div>
-            """
-            stats_placeholder.markdown(stats_html, unsafe_allow_html=True)
+            # 📊 Sidebar Quick Stats (new professional table version)
+            quick_stats_df = pd.DataFrame({
+                "Metric": ["Total Records", "Incomplete Records", "Overall Completeness (%)"],
+                "Value": [len(metadata_df), incomplete_count, round(overall_percent, 1)]
+            })
+            
+            with st.sidebar.expander("Quick Stats", expanded=True):
+                st.dataframe(
+                    quick_stats_df.style.background_gradient(cmap="Oranges", subset=["Value"]).format({"Value": "{:.1f}"}),
+                    use_container_width=True,
+                    height=240
+                )
 
-            stats_placeholder.markdown(stats_html, unsafe_allow_html=True)
 
             # Calculate Top 10 Subjects
             if 'subject' in metadata_df.columns: