Update app.py

app.py

@@ -154,6 +154,22 @@ label, .stSelectbox label, .stMultiselect label, .stCheckbox label {
     font-size: 10px;
     color: var(--text-muted);
 }
+
+/* ================= HEADER ================= */
+.header-box {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 10px 20px;
+    background: white;
+    border-bottom: 1px solid var(--border);
+    margin-bottom: 20px;
+}
+
+.header-title {
+    text-align: center;
+    flex: 1;
+}
 </style>
 """, unsafe_allow_html=True)
 
@@ -198,30 +214,38 @@ def load_data():
 df = load_data()
 
 # ================= HEADER — LOGO EMBEDDED (PASTI MUNCUL) =================
-with st.container():
-    st.markdown('<div class="header-box">', unsafe_allow_html=True)
-    col1, col2, col3 = st.columns([1, 5, 1])
-
-    # LEFT — MICHELIN (SAMA DENGAN PLN)
-    with col1:
-        st.image("logo.png", width=120)
-
-    # CENTER — TITLE
-    with col2:
-        st.markdown("""
-            <div class="header-title">
-                <h1 style="margin-bottom:6px;">
-                    Proactive Safety Intelligence & Analytics Dashboard
-                </h1>
-            </div>
-        """, unsafe_allow_html=True)
+st.markdown('<div class="header-box">', unsafe_allow_html=True)
+col1, col2, col3 = st.columns([1, 5, 1])
 
-    # RIGHT — BTECH (SAMA DENGAN PLN)
-    with col3:
-        st.image("btech.png", width=120)
+# LEFT — MICHELIN (SAMA DENGAN PLN)
+with col1:
+    # Try to load logo.png with error handling
+    try:
+        st.image("logo.png", width=50)
+    except:
+        # If logo.png doesn't exist, show a placeholder or text
+        st.markdown("")
 
-    st.markdown('</div>', unsafe_allow_html=True)
+# CENTER — TITLE
+with col2:
+    st.markdown("""
+        <div class="header-title">
+            <h1 style="margin-bottom:6px;">
+                Proactive Safety Intelligence & Analytics Dashboard
+            </h1>
+        </div>
+    """, unsafe_allow_html=True)
+
+# RIGHT — BTECH (SAMA DENGAN PLN)
+with col3:
+    # Try to load btech.png with error handling
+    try:
+        st.image("btech.png", width=50)
+    except:
+        # If btech.png doesn't exist, show a placeholder or text
+        st.markdown("")
 
+st.markdown('</div>', unsafe_allow_html=True)
 # ================= OBJECTIVES (1–6) =================
 
 # # ================= HEADER =================