Update app.py

app.py

@@ -19,7 +19,7 @@ st.markdown("""
         }
         .block-container {
             background-color: gray !important;
-            color: #808080!important;
+            color: #1A1A1A!important;
         }
         section[data-testid="stSidebar"] > div:first-child {
             background-color: #808080 !important;
@@ -237,15 +237,15 @@ if fetch_data:
             completeness_table = completeness.round(1).to_frame(name="Completeness (%)")
         
             # Render stats summary in sidebar
-            stats_html = f"""
-            <div class="sidebar-stats">
-                <h3 style="color: lightgray;">Quick Stats</h3>
-                <p style="color:lightgray;">Total Records: <b>{len(metadata_df)}</b></p>
-                <p style="color:lightgray;">Incomplete Records: <b>{incomplete_count}</b></p>
-                <p style="color:lightgray;">Overall Metadata Completeness: <b>{overall_percent:.1f}%</b></p>
-            </div>
-            """
             stats_placeholder.markdown(stats_html, unsafe_allow_html=True)
+
+            # Render collapsible green completeness table in sidebar
+            with st.sidebar.expander("📊 Field Completeness Breakdown", expanded=True):
+                st.dataframe(
+                    completeness_table.style.background_gradient(cmap="Greens").format("{:.1f}%"),
+                    use_container_width=True,
+                    height=240
+                )
         
 
         # Utility functions for deeper metadata quality analysis