Update app.py

app.py

@@ -16,18 +16,55 @@ from transformers import DetrImageProcessor, DetrForObjectDetection
 from transformers import DetrImageProcessor, DetrForObjectDetection
 import networkx as nx
 
-st.set_page_config(page_title="AI Toolkit for Civil Engineers", layout="wide")
+# Set page config with light beige background
+st.set_page_config(
+    page_title="AI Toolkit for Civil Engineers", 
+    layout="wide",
+    page_icon="🏗️"
+)
+
+# Custom CSS for light beige background and red navigation
+st.markdown(
+    """
+    <style>
+    .stApp {
+        background-color: #f5f5dc;  /* Light beige */
+    }
+    .sidebar .sidebar-content {
+        background-color: #f5f5dc;
+    }
+    [data-testid="stSidebarNav"] {
+        background-color: #f5f5dc;
+    }
+    .stRadio div[role="radiogroup"] label {
+        background-color: #ff4d4d !important;  /* Red buttons */
+        color: white !important;
+        padding: 10px;
+        margin: 5px 0;
+        border-radius: 5px;
+    }
+    .stRadio div[role="radiogroup"] label:hover {
+        background-color: #ff3333 !important;
+    }
+    .stRadio div[role="radiogroup"] label[data-baseweb="radio"]:first-child {
+        margin-top: 0;
+    }
+    </style>
+    """,
+    unsafe_allow_html=True
+)
+
 st.title("🏗️ AI-Powered Civil Engineering Assistant")
 
-# Sidebar Navigation
+# Sidebar Navigation with reordered options
 st.sidebar.title("Navigation")
 section = st.sidebar.radio("Go to", [
-    "Sustainable Design",
-    "Project Management",
+    "Project Management",  # Moved to top as requested
     "On-site Safety",
+    "Sustainable Design",  # Moved to 3rd position
     "Video Safety Violation Detector",
     "About"
-])
+], index=0)
 
 # Load the DETR model and processor once
 @st.cache_resource
@@ -83,9 +120,9 @@ def project_management():
         st.dataframe(df)
 
         st.markdown("### 🗓️ Project Timeline")
-        st.write(f"- **Start Date:** {df['Start Date'].min().date()}")
-        st.write(f"- **End Date:** {df['End Date'].max().date()}")
-        st.write(f"- **Total Tasks:** {len(df)}")
+        st.write(f"- *Start Date:* {df['Start Date'].min().date()}")
+        st.write(f"- *End Date:* {df['End Date'].max().date()}")
+        st.write(f"- *Total Tasks:* {len(df)}")
 
         # Gantt Chart
         st.subheader("📊 Gantt Chart")
@@ -228,12 +265,12 @@ def about():
     st.markdown("- Modules: Sustainable Design, Project Management, Safety Monitor, Video Violation Detection")
 
 # Navigation
-if section == "Sustainable Design":
-    sustainable_design()
-elif section == "Project Management":
+if section == "Project Management":  # Changed to match new order
     project_management()
 elif section == "On-site Safety":
     on_site_safety()
+elif section == "Sustainable Design":  # Changed to match new order
+    sustainable_design()
 elif section == "Video Safety Violation Detector":
     video_safety_detector()
 elif section == "About":