Update app.py

app.py

@@ -68,6 +68,12 @@ section.main > div { padding-top: 0.5rem; }
 </style>
 """
 st.markdown(DARK_CSS, unsafe_allow_html=True)
+st.markdown("""
+<style>
+h2, .stMarkdown h2 { letter-spacing: .3px; font-weight: 800; }
+hr.sep { border: 0; height: 1px; background: rgba(255,255,255,0.08); margin: 8px 0 16px; }
+</style>
+""", unsafe_allow_html=True)
 
 # -------------------- CONFIG --------------------
 SLOTS = [
@@ -284,7 +290,19 @@ with tab_dash:
         "Expected": expected,
         "Actual": slot_counts
     })
-    st.bar_chart(df.set_index("Slot"))
+    import altair as alt
+df_long = df.melt("Slot", var_name="Type", value_name="Count")
+chart = (
+    alt.Chart(df_long)
+    .mark_bar()
+    .encode(
+        x=alt.X("Slot:N", sort=list(df["Slot"])),
+        y=alt.Y("Count:Q"),
+        color=alt.Color("Type:N"),
+        tooltip=["Slot","Type","Count"]
+    )
+)
+st.altair_chart(chart, use_container_width=True)
 
     st.markdown("### Less Attendance (Last 7 days)")
     low_df = pd.DataFrame(columns=["member_id","checkins_7d"])