Update app.py

app.py

@@ -1,810 +1,897 @@
 import streamlit as st
-import json
-import os
-import hashlib
-import time
-
-# --- 1. DATA STRUCTURE FOR BioDS CONTENT (Massive Expansion) ---
-# Expanded to include more celestial bodies, stars, and black holes as requested.
-SPACE_DATA = {
-    "MilkyWayGalaxy": {
-        "title": "Milky Way Galaxy: Local Celestial Bodies & Stars",
-        "items": [
-            {"id": "MW_JUPITER", "name": "Jupiter Planet", "color": "0xDDAA00", "detail": "Giant gas planet. Key focus in astrobiology for its moon Europa. Its massive radiation belts make life challenging. Features complex atmospheric biology models.", 
-             "health_pct": 85, "moons": 95, "direction": "North-East Ecliptic", "surface": "Gaseous/Icy", "air_index": "N/A (Gas Giant)", "human_like": "None", "perplexity": 0.98},
-            {"id": "MW_SATURN", "name": "Saturn Moon Titan", "color": "0xAAAAFF", "detail": "Titan has a dense atmosphere and stable liquid methane on its surface. Considered highly promising for exotic life forms, utilizing non-water solvents.",
-             "health_pct": 92, "moons": 0, "direction": "South Celestial Pole", "surface": "Icy/Liquid Methane", "air_index": "High Methane/Nitrogen", "human_like": "Low Probability", "perplexity": 0.95},
-            {"id": "MW_ORION", "name": "Orion Nebula (M42)", "color": "0xFF5555", "detail": "Massive star formation region, a cosmic lab for pre-biotic chemistry. Intense UV radiation shapes the biology of dust grains and molecular clouds.",
-             "health_pct": 78, "moons": "N/A", "direction": "Galactic Center", "surface": "Gas/Dust Cloud", "air_index": "Molecular Hydrogen", "human_like": "Zero", "perplexity": 0.88},
-            {"id": "MW_SUN", "name": "The Sun (G2V Star)", "color": "0xFFFF55", "detail": "Our star, the ultimate source of energy for terrestrial life. Its habitable zone is the core region for Earth-based biology. Future research focuses on solar flare resilience.",
-             "health_pct": 99, "moons": "N/A", "direction": "Sol Centerpoint", "surface": "Plasma", "air_index": "Hydrogen/Helium", "human_like": "Zero", "perplexity": 0.99},
-            {"id": "MW_EARTH", "name": "Earth's Biosphere", "color": "0x00FF00", "detail": "A control point for all space biology: the only known planet to harbor life. Its complex ecosystem is a benchmark for evaluating life signatures elsewhere.",
-             "health_pct": 65, "moons": 1, "direction": "Local Arm Segment", "surface": "Solid/Liquid Water", "air_index": "Excellent (N2/O2)", "human_like": "Benchmark", "perplexity": 0.65},
-            {"id": "MW_MARS", "name": "Mars Planet (Terraforming)", "color": "0xFF5500", "detail": "A prime target for terraforming and searching for past microbial life. Current biology focuses on permafrost extremophiles and atmospheric oxygenation projects.",
-             "health_pct": 75, "moons": 2, "direction": "Inner Solar System", "surface": "Rocky (Iron Oxide)", "air_index": "High CO2", "human_like": "Low, potential for settlement", "perplexity": 0.70},
-            {"id": "MW_VENUS", "name": "Venus Atmosphere", "color": "0xFF88CC", "detail": "A highly acidic and hot surface, but the upper atmosphere is temperate. Hypothesized cloud-based extremophile life forms utilizing sulfur compounds are a key research topic.",
-             "health_pct": 55, "moons": 0, "direction": "Inner Solar System", "surface": "Molten/Volcanic", "air_index": "Sulfuric Acid/CO2", "human_like": "Zero", "perplexity": 0.85},
-            {"id": "MW_URANUS", "name": "Uranus Ice Giant", "color": "0x00AAFF", "detail": "An ice giant with a complex, cold atmosphere. Its unique axial tilt presents challenges for modeling internal heat and potential deep-atmospheric biological zones.",
-             "health_pct": 82, "moons": 27, "direction": "Outer Solar System", "surface": "Gas/Ice", "air_index": "Hydrogen/Helium/Methane", "human_like": "None", "perplexity": 0.90},
-            {"id": "MW_NEPTUNE", "name": "Neptune Triton Moon", "color": "0x0055FF", "detail": "Neptune's largest moon, Triton, is geologically active with cryovolcanoes. Subsurface liquid nitrogen or water oceans make it a candidate for exotic subsurface life.",
-             "health_pct": 88, "moons": 14, "direction": "Outer Solar System", "surface": "Nitrogen Ice", "air_index": "Trace Nitrogen/Methane", "human_like": "Extremophiles", "perplexity": 0.93},
-            {"id": "MW_ALPHACEN", "name": "Alpha Centauri A", "color": "0xFFFF00", "detail": "The nearest star system. Centauri A is a G-type star, similar to the Sun, making its habitable zone a high-priority target for exoplanetary exploration.",
-             "health_pct": 94, "moons": "Unknown", "direction": "Proxima Vicinity", "surface": "Plasma", "air_index": "Hydrogen/Helium", "human_like": "Medium Probability", "perplexity": 0.75},
-            {"id": "MW_BETELG", "name": "Betelgeuse (Red Supergiant)", "color": "0xFF0000", "detail": "A massive, dying star. Its current instability and eventual supernova will sterilize a vast volume of space, but its outer regions currently host dense dust clouds for chemistry.",
-             "health_pct": 20, "moons": "N/A", "direction": "Orion Constellation", "surface": "Supergiant Plasma", "air_index": "Heavy Elements", "human_like": "Zero", "perplexity": 0.99},
-            {"id": "MW_TRAPPIST", "name": "TRAPPIST-1 System", "color": "0xAA00FF", "detail": "A system of seven Earth-sized planets orbiting an ultra-cool dwarf star. Multiple planets are within the theoretical habitable zone, making it a primary focus for atmospheric analysis.",
-             "health_pct": 85, "moons": "Varies", "direction": "Aquarius Constellation", "surface": "Rocky/Water-World", "air_index": "Complex, analyzing", "human_like": "High Probability", "perplexity": 0.60},
-        ]
-    },
-    "AndromedaGalaxy": {
-        "title": "Andromeda Galaxy (M31): Neighboring Mysteries",
-        "items": [
-            {"id": "AND_CORE", "name": "Andromeda Core Region", "color": "0xFFFFFF", "detail": "A dense, high-metallicity environment with rapid star birth. High stellar density increases the chances of close-proximity gravitational events, impacting planetary stability.",
-             "health_pct": 70, "moons": "Unknown", "direction": "Approaching MW", "surface": "Dense Stellar", "air_index": "Very Low", "human_like": "Very Low", "perplexity": 0.93},
-            {"id": "AND_HALO", "name": "Dark Matter Halo Density", "color": "0x555555", "detail": "The invisible gravitational structure. Interaction between dark matter and regular matter is theorized to influence planetary thermal gradients and internal heat.", 
-             "health_pct": 50, "moons": "N/A", "direction": "Perpendicular Spin", "surface": "Non-Baryonic", "air_index": "Vacuum", "human_like": "Zero", "perplexity": 0.99},
-            {"id": "AND_CANDIDATE_P", "name": "Candidate Exoplanet System", "color": "0xAAFFFF", "detail": "Hypothetical system in M31's spiral arms. Search for radio signals (SETI) from Andromeda is ongoing, providing key data points for non-local biology.",
-             "health_pct": 88, "moons": 4, "direction": "M31 Outer Arm", "surface": "Rocky/Super-Earth", "air_index": "Argon/CO2", "human_like": "Possible", "perplexity": 0.77},
-        ]
-    },
-    "Interstellar": {
-        "title": "Interstellar Medium & Boundary Layers",
-        "items": [
-            {"id": "INT_OORT", "name": "Oort Cloud", "color": "0x00AAFF", "detail": "The most distant region of our Solar System, a reservoir of comets. Contains pristine biological precursors (ices, hydrocarbons) crucial for studying panspermia theories.",
-             "health_pct": 80, "moons": "N/A", "direction": "Solar System Edge", "surface": "Water Ice/Rock", "air_index": "Vacuum", "human_like": "Zero", "perplexity": 0.96},
-            {"id": "INT_KUIPER", "name": "Kuiper Belt Objects", "color": "0x55FFAA", "detail": "Region beyond Neptune, home to dwarf planets and small bodies. Its objects (like Pluto) show cryovolcanism, suggesting subsurface oceans—potential habitats for extremophiles.",
-             "health_pct": 90, "moons": "Varies", "direction": "Ecliptic Plane", "surface": "Methane/Nitrogen Ice", "air_index": "Trace Methane", "human_like": "Extremophiles", "perplexity": 0.89},
-            {"id": "INT_MEDIUM", "name": "Interstellar Medium (ISM)", "color": "0xAA55FF", "detail": "The gas and dust between star systems. Site of complex molecule synthesis, including amino acids, which are then delivered to protoplanetary disks.",
-             "health_pct": 75, "moons": "N/A", "direction": "Between Stars", "surface": "Atomic Gas/Dust", "air_index": "Atomic/Molecular H", "human_like": "Zero", "perplexity": 0.92},
-            {"id": "INT_HELIO", "name": "Heliopause Boundary", "color": "0xCCCCFF", "detail": "The magnetic boundary where the solar wind meets the interstellar medium. This shield protects the solar system's inner biology from the majority of galactic cosmic rays.",
-             "health_pct": 98, "moons": "N/A", "direction": "Outbound Velocity Vector", "surface": "Plasma/Magnetic Field", "air_index": "Very Low Density", "human_like": "Indirect Shielding", "perplexity": 0.97},
-        ]
-    },
-    "OtherGalaxies": {
-        "title": "Other Galaxies: Diverse Cosmic Habitats",
-        "items": [
-            {"id": "OG_TRIANGULUM", "name": "Triangulum Galaxy (M33)", "color": "0xFF00AA", "detail": "The third largest galaxy in the Local Group. High rate of star formation, leading to a younger population of potentially habitable exoplanets.",
-             "health_pct": 88, "moons": "Unknown", "direction": "Local Group Edge", "surface": "Spiral Arms", "air_index": "High Star Gas", "human_like": "Medium", "perplexity": 0.70},
-            {"id": "OG_WHIRLPOOL", "name": "Whirlpool Galaxy (M51)", "color": "0xAAFF00", "detail": "A classic interacting spiral galaxy. Merging creates shockwaves and intense compression, triggering stellar explosions that sterilize local star systems.",
-             "health_pct": 68, "moons": "Unknown", "direction": "Interacting", "surface": "Dense Dust", "air_index": "Low", "human_like": "Low", "perplexity": 0.95},
-            {"id": "OG_CARTWHEEL", "name": "Cartwheel Galaxy", "color": "0x00FFAA", "detail": "A lenticular galaxy that was ringed by a high-speed collision. The expanding ring is a transient region of intense star birth and high-energy events.",
-             "health_pct": 72, "moons": "Unknown", "direction": "Expanding Ring", "surface": "High Energy", "air_index": "Ionized Gas", "human_like": "Very Low", "perplexity": 0.90},
-        ]
-    },
-    "BlackHoles": {
-        "title": "Black Holes: Gravity's Biological Frontiers",
-        "items": [
-            {"id": "BH_SAG_A", "name": "Sagittarius A* (Supermassive)", "color": "0xFF8888", "detail": "The supermassive black hole at the center of our galaxy. Its radiation effects and gravitational influence shape the stellar orbits and dust cloud chemistry nearby.",
-             "health_pct": 40, "moons": "N/A", "direction": "Galactic Center", "surface": "Singularity", "air_index": "Accretion Disk", "human_like": "Zero", "perplexity": 0.99},
-            {"id": "BH_M87", "name": "M87's Black Hole (Supermassive)", "color": "0xAAAAAA", "detail": "The first black hole imaged. Its massive jets extend for thousands of light-years, impacting the entire M87 cluster's biology by stripping gas from forming galaxies.",
-             "health_pct": 30, "moons": "N/A", "direction": "Active Jetting", "surface": "Event Horizon", "air_index": "Relativistic Plasma", "human_like": "Zero", "perplexity": 0.99},
-            {"id": "BH_V404CYGNI", "name": "V404 Cygni (Stellar Mass)", "color": "0x00FFFF", "detail": "A highly active stellar-mass black hole in a binary system, known for frequent X-ray flares. The intense burst radiation is highly mutagenic to any biological neighbors.",
-             "health_pct": 55, "moons": "N/A", "direction": "Local Source", "surface": "Binary System", "air_index": "High X-ray Flux", "human_like": "Zero", "perplexity": 0.97},
-            {"id": "BH_GROJ1655", "name": "GRO J1655-40 (Stellar Mass)", "color": "0xCC00AA", "detail": "An exceptionally fast-spinning black hole. The frame-dragging effect (Lense-Thirring effect) around it creates unique environmental physics that could theoretically affect orbiting matter.",
-             "health_pct": 45, "moons": "N/A", "direction": "Rapid Spin", "surface": "Accretion Disk", "air_index": "X-ray/Gamma", "human_like": "Zero", "perplexity": 0.98},
-            {"id": "BH_PRIMORDIAL", "name": "Theoretic Primordial BH", "color": "0x333333", "detail": "Hypothesized to have formed in the early universe. Could potentially be a component of dark matter, and their minimal interaction makes them irrelevant to biological systems.",
-             "health_pct": 5, "moons": "N/A", "direction": "Randomized", "surface": "Theoretic", "air_index": "Vacuum", "human_like": "Zero", "perplexity": 1.00},
-        ]
-    }
-}
-
-
-# --- 2. STREAMLIT PAGE CONFIGURATION (MUST BE FIRST) ---
-st.set_page_config(page_title="BioDS. - Authenticated", page_icon="🔭", layout="wide")
-
-# --- 3. FILE PATHS AND CONSTANTS ---
-USER_DATA_FILE = "user_data.json"
-PASSWORD_SALT = "random_salt_for_security" # In a real app, this should be unique and secret
-
-# --- 4. STREAMLIT SESSION STATE INITIALIZATION (MUST BE SECOND) ---
-if 'authenticated' not in st.session_state:
-    st.session_state.authenticated = False 
-if 'username' not in st.session_state:
-    st.session_state.username = None
-if 'page' not in st.session_state:
-    # Default page is 'auth' if not authenticated, otherwise 'app'
-    st.session_state.page = "auth" if not st.session_state.authenticated else "app"
-
-# Initialize states specific to BioDS page if not already present
-if 'current_section' not in st.session_state:
-    # SPACE_DATA is now defined, so this line will work
-    st.session_state.current_section = list(SPACE_DATA.keys())[0] if SPACE_DATA else None
-if 'selected_item' not in st.session_state:
-    st.session_state.selected_item = None
-# New state for Dashboard navigation
-if 'dashboard_section' not in st.session_state:
-    st.session_state.dashboard_section = 'MilkyWayGalaxy'
-
-# --- 5. AUTHENTICATION HELPER FUNCTIONS (Simulated Database) ---
-def get_hashed_password(password):
-    """Hash the password using SHA256 and a salt."""
-    return hashlib.sha256((password + PASSWORD_SALT).encode('utf-8')).hexdigest()
-
-def load_users():
-    """Load user data from the local JSON file."""
-    if os.path.exists(USER_DATA_FILE):
-        with open(USER_DATA_FILE, 'r') as f:
-            return json.load(f)
-    return {}
-
-def save_users(users):
-    """Save user data to the local JSON file."""
-    with open(USER_DATA_FILE, 'w') as f:
-        json.dump(users, f, indent=4)
-
-def authenticate_user(username, password):
-    """Check credentials against the stored user data."""
-    users = load_users()
-    hashed_password = get_hashed_password(password)
-    if username in users and users[username]['password'] == hashed_password:
-        return True
-    return False
-
-def register_user(username, password, email):
-    """Register a new user."""
-    users = load_users()
-    if username in users:
-        return False, "Username already exists."
+import pandas as pd
+import numpy as np
+import matplotlib.pyplot as plt
+
+# Set page config
+st.set_page_config(page_title="BioDS - Space Biology Dashboard", layout="wide")
+
+# Sidebar Navigation
+menu = ["Home", "Research Data", "About"]
+choice = st.sidebar.selectbox("Navigate", menu)
+
+# Home Section
+if choice == "Home":
+    st.title("🌌 BioDS: Space Biology Data Visualization Dashboard")
+    st.write("""
+        Welcome to **BioDS**, a data visualization and analytics dashboard designed 
+        to explore the fascinating effects of **space environments on biological systems**.
+        Use the sidebar to explore different datasets and insights.
+    """)
+
+    # Example data summary
+    st.subheader("Quick Stats")
+    col1, col2, col3 = st.columns(3)
+    col1.metric("Active Experiments", "15")
+    col2.metric("Species Studied", "7")
+    col3.metric("Avg. Microgravity Hours", "2400+")
+
+    st.markdown("---")
+    st.subheader("Example Visualization")
+    x = np.linspace(0, 10, 100)
+    y = np.sin(x)
+    fig, ax = plt.subplots()
+    ax.plot(x, y, label='Biological Rhythm under Microgravity', color='purple')
+    ax.legend()
+    st.pyplot(fig)
+
+# Research Data Section
+elif choice == "Research Data":
+    st.title("🧬 Space Biology Experiment Data")
+    st.write("Explore sample data on biological changes during spaceflight.")
+
+    data = pd.DataFrame({
+        "Experiment": ["E1", "E2", "E3", "E4"],
+        "Organism": ["Yeast", "Mouse", "Human Cells", "Plant Roots"],
+        "Duration (Days)": [12, 45, 30, 25],
+        "Gravity Effect (%)": [5.2, 12.7, 8.4, 10.1],
+    })
+
+    st.dataframe(data, use_container_width=True)
+
+    st.bar_chart(data.set_index("Organism")["Gravity Effect (%)"])
+
+# About Section
+elif choice == "About":
+    st.title("ℹ️ About BioDS")
+    st.write("""
+        **BioDS (Biological Data System)** is a lightweight demo built with 
+        **Streamlit** to visualize and analyze biological experiment data 
+        from space missions.
+        
+        **Developed by:** Aqsa Abbasi  
+        **Tech Stack:** Python, Streamlit, Pandas, Matplotlib
+    """)
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+# import streamlit as st
+# import json
+# import os
+# import hashlib
+# import time
+
+# # --- 1. DATA STRUCTURE FOR BioDS CONTENT (Massive Expansion) ---
+# # Expanded to include more celestial bodies, stars, and black holes as requested.
+# SPACE_DATA = {
+#     "MilkyWayGalaxy": {
+#         "title": "Milky Way Galaxy: Local Celestial Bodies & Stars",
+#         "items": [
+#             {"id": "MW_JUPITER", "name": "Jupiter Planet", "color": "0xDDAA00", "detail": "Giant gas planet. Key focus in astrobiology for its moon Europa. Its massive radiation belts make life challenging. Features complex atmospheric biology models.", 
+#              "health_pct": 85, "moons": 95, "direction": "North-East Ecliptic", "surface": "Gaseous/Icy", "air_index": "N/A (Gas Giant)", "human_like": "None", "perplexity": 0.98},
+#             {"id": "MW_SATURN", "name": "Saturn Moon Titan", "color": "0xAAAAFF", "detail": "Titan has a dense atmosphere and stable liquid methane on its surface. Considered highly promising for exotic life forms, utilizing non-water solvents.",
+#              "health_pct": 92, "moons": 0, "direction": "South Celestial Pole", "surface": "Icy/Liquid Methane", "air_index": "High Methane/Nitrogen", "human_like": "Low Probability", "perplexity": 0.95},
+#             {"id": "MW_ORION", "name": "Orion Nebula (M42)", "color": "0xFF5555", "detail": "Massive star formation region, a cosmic lab for pre-biotic chemistry. Intense UV radiation shapes the biology of dust grains and molecular clouds.",
+#              "health_pct": 78, "moons": "N/A", "direction": "Galactic Center", "surface": "Gas/Dust Cloud", "air_index": "Molecular Hydrogen", "human_like": "Zero", "perplexity": 0.88},
+#             {"id": "MW_SUN", "name": "The Sun (G2V Star)", "color": "0xFFFF55", "detail": "Our star, the ultimate source of energy for terrestrial life. Its habitable zone is the core region for Earth-based biology. Future research focuses on solar flare resilience.",
+#              "health_pct": 99, "moons": "N/A", "direction": "Sol Centerpoint", "surface": "Plasma", "air_index": "Hydrogen/Helium", "human_like": "Zero", "perplexity": 0.99},
+#             {"id": "MW_EARTH", "name": "Earth's Biosphere", "color": "0x00FF00", "detail": "A control point for all space biology: the only known planet to harbor life. Its complex ecosystem is a benchmark for evaluating life signatures elsewhere.",
+#              "health_pct": 65, "moons": 1, "direction": "Local Arm Segment", "surface": "Solid/Liquid Water", "air_index": "Excellent (N2/O2)", "human_like": "Benchmark", "perplexity": 0.65},
+#             {"id": "MW_MARS", "name": "Mars Planet (Terraforming)", "color": "0xFF5500", "detail": "A prime target for terraforming and searching for past microbial life. Current biology focuses on permafrost extremophiles and atmospheric oxygenation projects.",
+#              "health_pct": 75, "moons": 2, "direction": "Inner Solar System", "surface": "Rocky (Iron Oxide)", "air_index": "High CO2", "human_like": "Low, potential for settlement", "perplexity": 0.70},
+#             {"id": "MW_VENUS", "name": "Venus Atmosphere", "color": "0xFF88CC", "detail": "A highly acidic and hot surface, but the upper atmosphere is temperate. Hypothesized cloud-based extremophile life forms utilizing sulfur compounds are a key research topic.",
+#              "health_pct": 55, "moons": 0, "direction": "Inner Solar System", "surface": "Molten/Volcanic", "air_index": "Sulfuric Acid/CO2", "human_like": "Zero", "perplexity": 0.85},
+#             {"id": "MW_URANUS", "name": "Uranus Ice Giant", "color": "0x00AAFF", "detail": "An ice giant with a complex, cold atmosphere. Its unique axial tilt presents challenges for modeling internal heat and potential deep-atmospheric biological zones.",
+#              "health_pct": 82, "moons": 27, "direction": "Outer Solar System", "surface": "Gas/Ice", "air_index": "Hydrogen/Helium/Methane", "human_like": "None", "perplexity": 0.90},
+#             {"id": "MW_NEPTUNE", "name": "Neptune Triton Moon", "color": "0x0055FF", "detail": "Neptune's largest moon, Triton, is geologically active with cryovolcanoes. Subsurface liquid nitrogen or water oceans make it a candidate for exotic subsurface life.",
+#              "health_pct": 88, "moons": 14, "direction": "Outer Solar System", "surface": "Nitrogen Ice", "air_index": "Trace Nitrogen/Methane", "human_like": "Extremophiles", "perplexity": 0.93},
+#             {"id": "MW_ALPHACEN", "name": "Alpha Centauri A", "color": "0xFFFF00", "detail": "The nearest star system. Centauri A is a G-type star, similar to the Sun, making its habitable zone a high-priority target for exoplanetary exploration.",
+#              "health_pct": 94, "moons": "Unknown", "direction": "Proxima Vicinity", "surface": "Plasma", "air_index": "Hydrogen/Helium", "human_like": "Medium Probability", "perplexity": 0.75},
+#             {"id": "MW_BETELG", "name": "Betelgeuse (Red Supergiant)", "color": "0xFF0000", "detail": "A massive, dying star. Its current instability and eventual supernova will sterilize a vast volume of space, but its outer regions currently host dense dust clouds for chemistry.",
+#              "health_pct": 20, "moons": "N/A", "direction": "Orion Constellation", "surface": "Supergiant Plasma", "air_index": "Heavy Elements", "human_like": "Zero", "perplexity": 0.99},
+#             {"id": "MW_TRAPPIST", "name": "TRAPPIST-1 System", "color": "0xAA00FF", "detail": "A system of seven Earth-sized planets orbiting an ultra-cool dwarf star. Multiple planets are within the theoretical habitable zone, making it a primary focus for atmospheric analysis.",
+#              "health_pct": 85, "moons": "Varies", "direction": "Aquarius Constellation", "surface": "Rocky/Water-World", "air_index": "Complex, analyzing", "human_like": "High Probability", "perplexity": 0.60},
+#         ]
+#     },
+#     "AndromedaGalaxy": {
+#         "title": "Andromeda Galaxy (M31): Neighboring Mysteries",
+#         "items": [
+#             {"id": "AND_CORE", "name": "Andromeda Core Region", "color": "0xFFFFFF", "detail": "A dense, high-metallicity environment with rapid star birth. High stellar density increases the chances of close-proximity gravitational events, impacting planetary stability.",
+#              "health_pct": 70, "moons": "Unknown", "direction": "Approaching MW", "surface": "Dense Stellar", "air_index": "Very Low", "human_like": "Very Low", "perplexity": 0.93},
+#             {"id": "AND_HALO", "name": "Dark Matter Halo Density", "color": "0x555555", "detail": "The invisible gravitational structure. Interaction between dark matter and regular matter is theorized to influence planetary thermal gradients and internal heat.", 
+#              "health_pct": 50, "moons": "N/A", "direction": "Perpendicular Spin", "surface": "Non-Baryonic", "air_index": "Vacuum", "human_like": "Zero", "perplexity": 0.99},
+#             {"id": "AND_CANDIDATE_P", "name": "Candidate Exoplanet System", "color": "0xAAFFFF", "detail": "Hypothetical system in M31's spiral arms. Search for radio signals (SETI) from Andromeda is ongoing, providing key data points for non-local biology.",
+#              "health_pct": 88, "moons": 4, "direction": "M31 Outer Arm", "surface": "Rocky/Super-Earth", "air_index": "Argon/CO2", "human_like": "Possible", "perplexity": 0.77},
+#         ]
+#     },
+#     "Interstellar": {
+#         "title": "Interstellar Medium & Boundary Layers",
+#         "items": [
+#             {"id": "INT_OORT", "name": "Oort Cloud", "color": "0x00AAFF", "detail": "The most distant region of our Solar System, a reservoir of comets. Contains pristine biological precursors (ices, hydrocarbons) crucial for studying panspermia theories.",
+#              "health_pct": 80, "moons": "N/A", "direction": "Solar System Edge", "surface": "Water Ice/Rock", "air_index": "Vacuum", "human_like": "Zero", "perplexity": 0.96},
+#             {"id": "INT_KUIPER", "name": "Kuiper Belt Objects", "color": "0x55FFAA", "detail": "Region beyond Neptune, home to dwarf planets and small bodies. Its objects (like Pluto) show cryovolcanism, suggesting subsurface oceans—potential habitats for extremophiles.",
+#              "health_pct": 90, "moons": "Varies", "direction": "Ecliptic Plane", "surface": "Methane/Nitrogen Ice", "air_index": "Trace Methane", "human_like": "Extremophiles", "perplexity": 0.89},
+#             {"id": "INT_MEDIUM", "name": "Interstellar Medium (ISM)", "color": "0xAA55FF", "detail": "The gas and dust between star systems. Site of complex molecule synthesis, including amino acids, which are then delivered to protoplanetary disks.",
+#              "health_pct": 75, "moons": "N/A", "direction": "Between Stars", "surface": "Atomic Gas/Dust", "air_index": "Atomic/Molecular H", "human_like": "Zero", "perplexity": 0.92},
+#             {"id": "INT_HELIO", "name": "Heliopause Boundary", "color": "0xCCCCFF", "detail": "The magnetic boundary where the solar wind meets the interstellar medium. This shield protects the solar system's inner biology from the majority of galactic cosmic rays.",
+#              "health_pct": 98, "moons": "N/A", "direction": "Outbound Velocity Vector", "surface": "Plasma/Magnetic Field", "air_index": "Very Low Density", "human_like": "Indirect Shielding", "perplexity": 0.97},
+#         ]
+#     },
+#     "OtherGalaxies": {
+#         "title": "Other Galaxies: Diverse Cosmic Habitats",
+#         "items": [
+#             {"id": "OG_TRIANGULUM", "name": "Triangulum Galaxy (M33)", "color": "0xFF00AA", "detail": "The third largest galaxy in the Local Group. High rate of star formation, leading to a younger population of potentially habitable exoplanets.",
+#              "health_pct": 88, "moons": "Unknown", "direction": "Local Group Edge", "surface": "Spiral Arms", "air_index": "High Star Gas", "human_like": "Medium", "perplexity": 0.70},
+#             {"id": "OG_WHIRLPOOL", "name": "Whirlpool Galaxy (M51)", "color": "0xAAFF00", "detail": "A classic interacting spiral galaxy. Merging creates shockwaves and intense compression, triggering stellar explosions that sterilize local star systems.",
+#              "health_pct": 68, "moons": "Unknown", "direction": "Interacting", "surface": "Dense Dust", "air_index": "Low", "human_like": "Low", "perplexity": 0.95},
+#             {"id": "OG_CARTWHEEL", "name": "Cartwheel Galaxy", "color": "0x00FFAA", "detail": "A lenticular galaxy that was ringed by a high-speed collision. The expanding ring is a transient region of intense star birth and high-energy events.",
+#              "health_pct": 72, "moons": "Unknown", "direction": "Expanding Ring", "surface": "High Energy", "air_index": "Ionized Gas", "human_like": "Very Low", "perplexity": 0.90},
+#         ]
+#     },
+#     "BlackHoles": {
+#         "title": "Black Holes: Gravity's Biological Frontiers",
+#         "items": [
+#             {"id": "BH_SAG_A", "name": "Sagittarius A* (Supermassive)", "color": "0xFF8888", "detail": "The supermassive black hole at the center of our galaxy. Its radiation effects and gravitational influence shape the stellar orbits and dust cloud chemistry nearby.",
+#              "health_pct": 40, "moons": "N/A", "direction": "Galactic Center", "surface": "Singularity", "air_index": "Accretion Disk", "human_like": "Zero", "perplexity": 0.99},
+#             {"id": "BH_M87", "name": "M87's Black Hole (Supermassive)", "color": "0xAAAAAA", "detail": "The first black hole imaged. Its massive jets extend for thousands of light-years, impacting the entire M87 cluster's biology by stripping gas from forming galaxies.",
+#              "health_pct": 30, "moons": "N/A", "direction": "Active Jetting", "surface": "Event Horizon", "air_index": "Relativistic Plasma", "human_like": "Zero", "perplexity": 0.99},
+#             {"id": "BH_V404CYGNI", "name": "V404 Cygni (Stellar Mass)", "color": "0x00FFFF", "detail": "A highly active stellar-mass black hole in a binary system, known for frequent X-ray flares. The intense burst radiation is highly mutagenic to any biological neighbors.",
+#              "health_pct": 55, "moons": "N/A", "direction": "Local Source", "surface": "Binary System", "air_index": "High X-ray Flux", "human_like": "Zero", "perplexity": 0.97},
+#             {"id": "BH_GROJ1655", "name": "GRO J1655-40 (Stellar Mass)", "color": "0xCC00AA", "detail": "An exceptionally fast-spinning black hole. The frame-dragging effect (Lense-Thirring effect) around it creates unique environmental physics that could theoretically affect orbiting matter.",
+#              "health_pct": 45, "moons": "N/A", "direction": "Rapid Spin", "surface": "Accretion Disk", "air_index": "X-ray/Gamma", "human_like": "Zero", "perplexity": 0.98},
+#             {"id": "BH_PRIMORDIAL", "name": "Theoretic Primordial BH", "color": "0x333333", "detail": "Hypothesized to have formed in the early universe. Could potentially be a component of dark matter, and their minimal interaction makes them irrelevant to biological systems.",
+#              "health_pct": 5, "moons": "N/A", "direction": "Randomized", "surface": "Theoretic", "air_index": "Vacuum", "human_like": "Zero", "perplexity": 1.00},
+#         ]
+#     }
+# }
+
+
+# # --- 2. STREAMLIT PAGE CONFIGURATION (MUST BE FIRST) ---
+# st.set_page_config(page_title="BioDS. - Authenticated", page_icon="🔭", layout="wide")
+
+# # --- 3. FILE PATHS AND CONSTANTS ---
+# # USER_DATA_FILE = "user_data.json"
+# # PASSWORD_SALT = "random_salt_for_security" # In a real app, this should be unique and secret
+
+# # --- 4. STREAMLIT SESSION STATE INITIALIZATION (MUST BE SECOND) ---
+# if 'authenticated' not in st.session_state:
+#     st.session_state.authenticated = False 
+# if 'username' not in st.session_state:
+#     st.session_state.username = None
+# if 'page' not in st.session_state:
+#     # Default page is 'auth' if not authenticated, otherwise 'app'
+#     st.session_state.page = "auth" if not st.session_state.authenticated else "app"
+
+# # Initialize states specific to BioDS page if not already present
+# if 'current_section' not in st.session_state:
+#     # SPACE_DATA is now defined,so this line will work
+#     st.session_state.current_section = list(SPACE_DATA.keys())[0] if SPACE_DATA else None
+# if 'selected_item' not in st.session_state:
+#     st.session_state.selected_item = None
+# # New state for Dashboard navigation
+# if 'dashboard_section' not in st.session_state:
+#     st.session_state.dashboard_section = 'MilkyWayGalaxy'
+
+# # --- 5. AUTHENTICATION HELPER FUNCTIONS (Simulated Database) ---
+# def get_hashed_password(password):
+#     """Hash the password using SHA256 and a salt."""
+#     return hashlib.sha256((password + PASSWORD_SALT).encode('utf-8')).hexdigest()
+
+# def load_users():
+#     """Load user data from the local JSON file."""
+#     if os.path.exists(USER_DATA_FILE):
+#         with open(USER_DATA_FILE, 'r') as f:
+#             return json.load(f)
+#     return {}
+
+# def save_users(users):
+#     """Save user data to the local JSON file."""
+#     with open(USER_DATA_FILE, 'w') as f:
+#         json.dump(users, f, indent=4)
+
+# def authenticate_user(username, password):
+#     """Check credentials against the stored user data."""
+#     users = load_users()
+#     hashed_password = get_hashed_password(password)
+#     if username in users and users[username]['password'] == hashed_password:
+#         return True
+#     return False
+
+# def register_user(username, password, email):
+#     """Register a new user."""
+#     users = load_users()
+#     if username in users:
+#         return False, "Username already exists."
     
-    users[username] = {
-        'password': get_hashed_password(password),
-        'email': email,
-        'created_at': str(time.strftime("%Y-%m-%d %H:%M:%S")),
-        'is_admin': False
-    }
-    save_users(users)
-    return True, "Registration successful! You can now log in."
-
-
-# --- 6. PAGE LAYOUT FUNCTIONS ---
-
-def render_navbar():
-    """Renders the fixed Navbar with a centered navigation block."""
-    if st.session_state.authenticated:
-        # Use two columns for Logo (Left) and Logout (Right)
-        col_logo, col_logout = st.columns([8, 1])
-
-        with col_logo:
-            # Logo is positioned absolutely to the left
-            st.markdown(f"""
-            <div style="position: absolute; left: 0; padding-left: 2rem; display: flex; align-items: center; height: 50px;">
-                <div style="font-family: 'Inter', sans-serif; font-size: 24px; font-weight: bold; color: #FFFFFF;">BioDS.</div>
-            </div>
-            """, unsafe_allow_html=True)
+#     users[username] = {
+#         'password': get_hashed_password(password),
+#         'email': email,
+#         'created_at': str(time.strftime("%Y-%m-%d %H:%M:%S")),
+#         'is_admin': False
+#     }
+#     save_users(users)
+#     return True, "Registration successful! You can now log in."
+
+
+# # --- 6. PAGE LAYOUT FUNCTIONS ---
+
+# def render_navbar():
+#     """Renders the fixed Navbar with a centered navigation block."""
+#     if st.session_state.authenticated:
+#         # Use two columns for Logo (Left) and Logout (Right)
+#         col_logo, col_logout = st.columns([8, 1])
+
+#         with col_logo:
+#             # Logo is positioned absolutely to the left
+#             st.markdown(f"""
+#             <div style="position: absolute; left: 0; padding-left: 2rem; display: flex; align-items: center; height: 50px;">
+#                 <div style="font-family: 'Inter', sans-serif; font-size: 24px; font-weight: bold; color: #FFFFFF;">BioDS.</div>
+#             </div>
+#             """, unsafe_allow_html=True)
             
-        with col_logout:
-            # Logout button on the right
-            if st.button("Logout", key="logout_btn_top", use_container_width=True):
-                st.session_state.authenticated = False
-                st.session_state.username = None
-                st.session_state.page = "auth"
-                st.toast("Logged out successfully!")
-                st.rerun()
+#         with col_logout:
+#             # Logout button on the right
+#             if st.button("Logout", key="logout_btn_top", use_container_width=True):
+#                 st.session_state.authenticated = False
+#                 st.session_state.username = None
+#                 st.session_state.page = "auth"
+#                 st.toast("Logged out successfully!")
+#                 st.rerun()
         
-        # New Central Navigation Container using custom HTML and CSS
-        # We must use Streamlit columns inside this container for the buttons to be functional
-        st.markdown("""
-        <div class="centered-navbar-container">
-            <div class="centered-navbar-items">
-        """, unsafe_allow_html=True)
+#         # New Central Navigation Container using custom HTML and CSS
+#         # We must use Streamlit columns inside this container for the buttons to be functional
+#         st.markdown("""
+#         <div class="centered-navbar-container">
+#             <div class="centered-navbar-items">
+#         """, unsafe_allow_html=True)
         
-        cols_nav = st.columns([1, 1]) # Two navigation items
+#         cols_nav = st.columns([1, 1]) # Two navigation items
         
-        # Navigation buttons placed inside the centered block
-        if cols_nav[0].button("🧬 App View", key="nav_app_view_center"):
-            st.session_state.page = "app"
-            st.rerun()
-        if cols_nav[1].button("🔭 Dashboard", key="nav_dashboard_center"):
-            st.session_state.page = "dashboard"
-            st.rerun()
-
-        st.markdown("""
-            </div>
-        </div>
-        """, unsafe_allow_html=True)
+#         # Navigation buttons placed inside the centered block
+#         if cols_nav[0].button("🧬 App View", key="nav_app_view_center"):
+#             st.session_state.page = "app"
+#             st.rerun()
+#         if cols_nav[1].button("🔭 Dashboard", key="nav_dashboard_center"):
+#             st.session_state.page = "dashboard"
+#             st.rerun()
+
+#         st.markdown("""
+#             </div>
+#         </div>
+#         """, unsafe_allow_html=True)
         
-        # Horizontal Divider
-        st.markdown("<hr class='navbar-divider'>", unsafe_allow_html=True)
-
-
-def auth_page():
-    """Renders the Sign In and Sign Up interface."""
-    st.markdown('<div class="header-text-auth">BioDS<span style="color: #4b5563;">.</span> Authentication</div>', unsafe_allow_html=True)
-    st.markdown("<h2 style='text-align: center; color: #ccc;'>Space Biology Data System</h2>", unsafe_allow_html=True)
-
-    tab1, tab2 = st.tabs(["Sign In", "Sign Up"])
-
-    with tab1:
-        with st.form("signin_form"):
-            st.subheader("Sign In")
-            login_username = st.text_input("Username", key="login_username")
-            login_password = st.text_input("Password", type="password", key="login_password")
-            submitted = st.form_submit_button("Log In", use_container_width=True)
-
-            if submitted:
-                if authenticate_user(login_username, login_password):
-                    st.session_state.authenticated = True
-                    st.session_state.username = login_username
-                    st.session_state.page = "app"
-                    st.toast(f"Welcome back, {login_username}!")
-                    st.rerun()
-                else:
-                    st.error("Invalid Username or Password.")
-
-    with tab2:
-        with st.form("signup_form"):
-            st.subheader("Sign Up")
-            reg_username = st.text_input("New Username", key="reg_username")
-            reg_email = st.text_input("Email (Optional)", key="reg_email")
-            reg_password = st.text_input("Password", type="password", key="reg_password")
-            reg_password_confirm = st.text_input("Confirm Password", type="password", key="reg_password_confirm")
+#         # Horizontal Divider
+#         st.markdown("<hr class='navbar-divider'>", unsafe_allow_html=True)
+
+
+# def auth_page():
+#     """Renders the Sign In and Sign Up interface."""
+#     st.markdown('<div class="header-text-auth">BioDS<span style="color: #4b5563;">.</span> Authentication</div>', unsafe_allow_html=True)
+#     st.markdown("<h2 style='text-align: center; color: #ccc;'>Space Biology Data System</h2>", unsafe_allow_html=True)
+
+#     tab1, tab2 = st.tabs(["Sign In", "Sign Up"])
+
+#     with tab1:
+#         with st.form("signin_form"):
+#             st.subheader("Sign In")
+#             login_username = st.text_input("Username", key="login_username")
+#             login_password = st.text_input("Password", type="password", key="login_password")
+#             submitted = st.form_submit_button("Log In", use_container_width=True)
+
+#             if submitted:
+#                 if authenticate_user(login_username, login_password):
+#                     st.session_state.authenticated = True
+#                     st.session_state.username = login_username
+#                     st.session_state.page = "app"
+#                     st.toast(f"Welcome back, {login_username}!")
+#                     st.rerun()
+#                 else:
+#                     st.error("Invalid Username or Password.")
+
+#     with tab2:
+#         with st.form("signup_form"):
+#             st.subheader("Sign Up")
+#             reg_username = st.text_input("New Username", key="reg_username")
+#             reg_email = st.text_input("Email (Optional)", key="reg_email")
+#             reg_password = st.text_input("Password", type="password", key="reg_password")
+#             reg_password_confirm = st.text_input("Confirm Password", type="password", key="reg_password_confirm")
             
-            signup_submitted = st.form_submit_button("Create Account", use_container_width=True)
-
-            if signup_submitted:
-                if not reg_username or not reg_password or not reg_password_confirm:
-                    st.error("Username and Password are required.")
-                elif reg_password != reg_password_confirm:
-                    st.error("Passwords do not match.")
-                else:
-                    success, message = register_user(reg_username, reg_password, reg_email)
-                    if success:
-                        st.success(message)
-                        # Optionally switch to login tab
-                    else:
-                        st.error(message)
-
-def render_dashboard_navigation():
-    """Renders the animated navigation tabs for the dashboard."""
+#             signup_submitted = st.form_submit_button("Create Account", use_container_width=True)
+
+#             if signup_submitted:
+#                 if not reg_username or not reg_password or not reg_password_confirm:
+#                     st.error("Username and Password are required.")
+#                 elif reg_password != reg_password_confirm:
+#                     st.error("Passwords do not match.")
+#                 else:
+#                     success, message = register_user(reg_username, reg_password, reg_email)
+#                     if success:
+#                         st.success(message)
+#                         # Optionally switch to login tab
+#                     else:
+#                         st.error(message)
+
+# def render_dashboard_navigation():
+#     """Renders the animated navigation tabs for the dashboard."""
     
-    NAV_KEYS = ['MilkyWayGalaxy', 'AndromedaGalaxy', 'Interstellar', 'OtherGalaxies', 'BlackHoles']
+#     NAV_KEYS = ['MilkyWayGalaxy', 'AndromedaGalaxy', 'Interstellar', 'OtherGalaxies', 'BlackHoles']
     
-    st.markdown("<div class='dashboard-nav-container'>", unsafe_allow_html=True)
-    cols = st.columns(len(NAV_KEYS))
+#     st.markdown("<div class='dashboard-nav-container'>", unsafe_allow_html=True)
+#     cols = st.columns(len(NAV_KEYS))
     
-    for i, key in enumerate(NAV_KEYS):
-        # Use more descriptive but shorter title for the navbar tab
-        title_map = {
-            'MilkyWayGalaxy': 'Milky Way',
-            'AndromedaGalaxy': 'Andromeda',
-            'Interstellar': 'Interstellar',
-            'OtherGalaxies': 'Galaxies',
-            'BlackHoles': 'Black Holes'
-        }
-        title = title_map.get(key, key)
-        is_active = (key == st.session_state.dashboard_section)
+#     for i, key in enumerate(NAV_KEYS):
+#         # Use more descriptive but shorter title for the navbar tab
+#         title_map = {
+#             'MilkyWayGalaxy': 'Milky Way',
+#             'AndromedaGalaxy': 'Andromeda',
+#             'Interstellar': 'Interstellar',
+#             'OtherGalaxies': 'Galaxies',
+#             'BlackHoles': 'Black Holes'
+#         }
+#         title = title_map.get(key, key)
+#         is_active = (key == st.session_state.dashboard_section)
         
-        # Use custom HTML for animated button appearance
-        # Note: We must wrap the title in a container to capture the click event over the entire area
-        button_html = f"""
-        <div class='dashboard-nav-item {"active" if is_active else ""}' 
-             data-key='{key}'>
-            {title}
-        </div>
-        """
+#         # Use custom HTML for animated button appearance
+#         # Note: We must wrap the title in a container to capture the click event over the entire area
+#         button_html = f"""
+#         <div class='dashboard-nav-item {"active" if is_active else ""}' 
+#              data-key='{key}'>
+#             {title}
+#         </div>
+#         """
         
-        # Place HTML in the column
-        cols[i].markdown(button_html, unsafe_allow_html=True)
+#         # Place HTML in the column
+#         cols[i].markdown(button_html, unsafe_allow_html=True)
         
-        # Capture click event using a hidden Streamlit button over the custom HTML
-        if cols[i].button(title, key=f"dash_nav_{key}", use_container_width=True):
-            st.session_state.dashboard_section = key
-            st.rerun()
+#         # Capture click event using a hidden Streamlit button over the custom HTML
+#         if cols[i].button(title, key=f"dash_nav_{key}", use_container_width=True):
+#             st.session_state.dashboard_section = key
+#             st.rerun()
             
-    st.markdown("</div>", unsafe_allow_html=True)
+#     st.markdown("</div>", unsafe_allow_html=True)
 
-def render_dashboard_content(section_key):
-    """Renders dynamic content for the selected dashboard section with more detail."""
-    data = SPACE_DATA[section_key]
-    num_items = len(data['items'])
+# def render_dashboard_content(section_key):
+#     """Renders dynamic content for the selected dashboard section with more detail."""
+#     data = SPACE_DATA[section_key]
+#     num_items = len(data['items'])
     
-    st.markdown(f"<div class='dashboard-content-box'>", unsafe_allow_html=True)
+#     st.markdown(f"<div class='dashboard-content-box'>", unsafe_allow_html=True)
     
-    st.markdown(f"### {data['title']}")
-    st.markdown("---")
+#     st.markdown(f"### {data['title']}")
+#     st.markdown("---")
     
-    # 1. Key Metrics (Dynamically generated stats)
-    col1, col2, col3 = st.columns(3)
+#     # 1. Key Metrics (Dynamically generated stats)
+#     col1, col2, col3 = st.columns(3)
     
-    col1.metric("Total Bodies Tracked", str(num_items), delta=f"+{num_items*3}% Potential Habitability")
-    col2.metric("Dominant Element", "Carbon", "98% Confidence")
-    col3.metric("Latest Entry", data['items'][0]['name'], "Updated 2h ago")
+#     col1.metric("Total Bodies Tracked", str(num_items), delta=f"+{num_items*3}% Potential Habitability")
+#     col2.metric("Dominant Element", "Carbon", "98% Confidence")
+#     col3.metric("Latest Entry", data['items'][0]['name'], "Updated 2h ago")
     
-    st.markdown("---")
+#     st.markdown("---")
     
-    # 2. Summary Analysis based on the section
-    summary_analysis = {
-        'MilkyWayGalaxy': "Local systems show high concentration of water-based life candidates, especially around icy moons and newly discovered exoplanet systems (like TRAPPIST-1). Radiation levels from active stars are the primary biological stressor. Stellar-mass bodies (Sun, Betelgeuse) dictate regional life viability.",
-        'AndromedaGalaxy': "Intergalactic analysis points to high gravitational perturbations, suggesting life would need to be resilient to frequent, high-energy events. Low-mass, cool stars dominate bio-candidates. Ongoing SETI efforts target Candidate Exoplanet System for radio signatures.",
-        'Interstellar': "The interstellar medium is a reservoir of complex organic molecules (e.g., Glycine precursors). Research focuses on cryo-protection for panspermia viability and radiation shielding effectiveness, especially near the Heliopause Boundary.",
-        'OtherGalaxies': "Highly diverse ecosystems. Interacting galaxies (like Whirlpool) indicate transient periods of sterilization followed by rapid chemical rejuvenation. Triangulum Galaxy (M33) is a key region for studying younger, dynamic biospheres.",
-        'BlackHoles': "These regions are primarily studied for their energy output's impact on distant habitable zones. Direct life near the event horizon is theoretically impossible due to tidal forces and high-energy radiation jets, like those from M87's Black Hole. Stellar-mass black holes (V404 Cygni) pose localized threats.",
-    }
+#     # 2. Summary Analysis based on the section
+#     summary_analysis = {
+#         'MilkyWayGalaxy': "Local systems show high concentration of water-based life candidates, especially around icy moons and newly discovered exoplanet systems (like TRAPPIST-1). Radiation levels from active stars are the primary biological stressor. Stellar-mass bodies (Sun, Betelgeuse) dictate regional life viability.",
+#         'AndromedaGalaxy': "Intergalactic analysis points to high gravitational perturbations, suggesting life would need to be resilient to frequent, high-energy events. Low-mass, cool stars dominate bio-candidates. Ongoing SETI efforts target Candidate Exoplanet System for radio signatures.",
+#         'Interstellar': "The interstellar medium is a reservoir of complex organic molecules (e.g., Glycine precursors). Research focuses on cryo-protection for panspermia viability and radiation shielding effectiveness, especially near the Heliopause Boundary.",
+#         'OtherGalaxies': "Highly diverse ecosystems. Interacting galaxies (like Whirlpool) indicate transient periods of sterilization followed by rapid chemical rejuvenation. Triangulum Galaxy (M33) is a key region for studying younger, dynamic biospheres.",
+#         'BlackHoles': "These regions are primarily studied for their energy output's impact on distant habitable zones. Direct life near the event horizon is theoretically impossible due to tidal forces and high-energy radiation jets, like those from M87's Black Hole. Stellar-mass black holes (V404 Cygni) pose localized threats.",
+#     }
     
-    st.markdown(f"""
-    <div class='animated-text'>
-        <p style='font-size: 1.1rem; font-style: italic; color: #9B9B9B;'>
-            **Section Analysis:** {summary_analysis.get(section_key, "No analysis available.")}
-        </p>
-    </div>
-    """, unsafe_allow_html=True)
-
-    st.markdown("---")
+#     st.markdown(f"""
+#     <div class='animated-text'>
+#         <p style='font-size: 1.1rem; font-style: italic; color: #9B9B9B;'>
+#             **Section Analysis:** {summary_analysis.get(section_key, "No analysis available.")}
+#         </p>
+#     </div>
+#     """, unsafe_allow_html=True)
+
+#     st.markdown("---")
     
-    # 3. Item List with simulated data
-    st.subheader("Biological Profile Overview")
+#     # 3. Item List with simulated data
+#     st.subheader("Biological Profile Overview")
     
-    item_names = [item['name'] for item in data['items']]
-    item_details = [item['detail'] for item in data['items']]
+#     item_names = [item['name'] for item in data['items']]
+#     item_details = [item['detail'] for item in data['items']]
     
-    for name, detail in zip(item_names, item_details):
-        st.markdown(f"""
-        <div class='item-summary-card'>
-            <span style='color: #4CAF50; font-weight: bold;'>{name}</span>
-            <p style='font-size: 0.85rem; color: #ccc; margin-top: 5px;'>{detail[:80]}...</p>
-        </div>
-        """, unsafe_allow_html=True)
-
-    st.markdown("</div>", unsafe_allow_html=True)
-
-
-def dashboard_page():
-    """Renders the user's main application Dashboard with new navigation."""
-    st.markdown(f'<div class="header-text">BioDS<span style="color: #4b5563;">.</span></div>', unsafe_allow_html=True)
-    st.subheader(f"Welcome to the BioDS Dashboard, {st.session_state.username}!")
-    st.markdown("---")
+#     for name, detail in zip(item_names, item_details):
+#         st.markdown(f"""
+#         <div class='item-summary-card'>
+#             <span style='color: #4CAF50; font-weight: bold;'>{name}</span>
+#             <p style='font-size: 0.85rem; color: #ccc; margin-top: 5px;'>{detail[:80]}...</p>
+#         </div>
+#         """, unsafe_allow_html=True)
+
+#     st.markdown("</div>", unsafe_allow_html=True)
+
+
+# def dashboard_page():
+#     """Renders the user's main application Dashboard with new navigation."""
+#     st.markdown(f'<div class="header-text">BioDS<span style="color: #4b5563;">.</span></div>', unsafe_allow_html=True)
+#     st.subheader(f"Welcome to the BioDS Dashboard, {st.session_state.username}!")
+#     st.markdown("---")
     
-    # RENDER NEW ANIMATED NAVBAR
-    render_dashboard_navigation()
+#     # RENDER NEW ANIMATED NAVBAR
+#     render_dashboard_navigation()
     
-    # RENDER DYNAMIC CONTENT
-    render_dashboard_content(st.session_state.dashboard_section)
+#     # RENDER DYNAMIC CONTENT
+#     render_dashboard_content(st.session_state.dashboard_section)
 
 
-def render_item_details(item):
-    """Renders the new, detailed metrics for the selected item."""
+# def render_item_details(item):
+#     """Renders the new, detailed metrics for the selected item."""
     
-    st.markdown(f"<h2 style='color:#{item['color'].replace('0x', '')}; font-weight: 700; border-bottom: 2px solid #333; padding-bottom: 0.5rem;'>{item['name']}</h2>", unsafe_allow_html=True)
-    st.markdown(f"<p style='font-size: 0.9rem; color: #ccc;'>**Context:** {st.session_state.current_section}</p>", unsafe_allow_html=True)
-    st.markdown(f"<p style='margin-top: 1rem; line-height: 1.6;'>{item['detail']}</p>", unsafe_allow_html=True)
+#     st.markdown(f"<h2 style='color:#{item['color'].replace('0x', '')}; font-weight: 700; border-bottom: 2px solid #333; padding-bottom: 0.5rem;'>{item['name']}</h2>", unsafe_allow_html=True)
+#     st.markdown(f"<p style='font-size: 0.9rem; color: #ccc;'>**Context:** {st.session_state.current_section}</p>", unsafe_allow_html=True)
+#     st.markdown(f"<p style='margin-top: 1rem; line-height: 1.6;'>{item['detail']}</p>", unsafe_allow_html=True)
     
-    st.markdown("---")
+#     st.markdown("---")
     
-    st.subheader("Biological & Celestial Metrics")
+#     st.subheader("Biological & Celestial Metrics")
 
-    # 1. Detailed Health & Perplexity
-    st.markdown("**1. Health and System Integrity**")
+#     # 1. Detailed Health & Perplexity
+#     st.markdown("**1. Health and System Integrity**")
     
-    # Use st.progress for a visual graph representation of health
-    health_progress = item['health_pct'] / 100.0
-    st.progress(health_progress, text=f"System Health: **{item['health_pct']}%**")
+#     # Use st.progress for a visual graph representation of health
+#     health_progress = item['health_pct'] / 100.0
+#     st.progress(health_progress, text=f"System Health: **{item['health_pct']}%**")
     
-    st.markdown(f"""
-    <div style="display: flex; justify-content: space-between; font-size: 0.9rem; color: #ccc; margin-top: -10px;">
-        <span>Standard Compliance: 99.5%</span>
-        <span>Perplexity Index: **{item['perplexity']}**</span>
-    </div>
-    """, unsafe_allow_html=True)
+#     st.markdown(f"""
+#     <div style="display: flex; justify-content: space-between; font-size: 0.9rem; color: #ccc; margin-top: -10px;">
+#         <span>Standard Compliance: 99.5%</span>
+#         <span>Perplexity Index: **{item['perplexity']}**</span>
+#     </div>
+#     """, unsafe_allow_html=True)
     
-    st.markdown("<br>", unsafe_allow_html=True)
+#     st.markdown("<br>", unsafe_allow_html=True)
     
-    # 2. Celestial Data & Condition
-    col_l, col_r = st.columns(2)
+#     # 2. Celestial Data & Condition
+#     col_l, col_r = st.columns(2)
     
-    with col_l:
-        st.markdown(f"<p style='font-weight: bold; color: #00AAFF;'>Moons/Satellites:</p> <p style='margin-left: 10px;'>{item['moons']}</p>", unsafe_allow_html=True)
-        st.markdown(f"<p style='font-weight: bold; color: #00AAFF;'>Current Direction:</p> <p style='margin-left: 10px;'>{item['direction']}</p>", unsafe_allow_html=True)
+#     with col_l:
+#         st.markdown(f"<p style='font-weight: bold; color: #00AAFF;'>Moons/Satellites:</p> <p style='margin-left: 10px;'>{item['moons']}</p>", unsafe_allow_html=True)
+#         st.markdown(f"<p style='font-weight: bold; color: #00AAFF;'>Current Direction:</p> <p style='margin-left: 10px;'>{item['direction']}</p>", unsafe_allow_html=True)
         
-    with col_r:
-        st.markdown(f"<p style='font-weight: bold; color: #00AAFF;'>Surface Condition:</p> <p style='margin-left: 10px;'>{item['surface']}</p>", unsafe_allow_html=True)
-        st.markdown(f"<p style='font-weight: bold; color: #00AAFF;'>Air Index/Atmosphere:</p> <p style='margin-left: 10px;'>{item['air_index']}</p>", unsafe_allow_html=True)
+#     with col_r:
+#         st.markdown(f"<p style='font-weight: bold; color: #00AAFF;'>Surface Condition:</p> <p style='margin-left: 10px;'>{item['surface']}</p>", unsafe_allow_html=True)
+#         st.markdown(f"<p style='font-weight: bold; color: #00AAFF;'>Air Index/Atmosphere:</p> <p style='margin-left: 10px;'>{item['air_index']}</p>", unsafe_allow_html=True)
         
-    st.markdown("---")
+#     st.markdown("---")
 
-    # 3. Simulated Directory Usage / Simple Graph Visualization
-    st.markdown("""
-    **3. Current Directory / Resource Usage** <div style="font-size: 0.9rem; color: #aaa; margin-bottom: 10px;">(Simulated System Load Graph)</div>
-    """, unsafe_allow_html=True)
+#     # 3. Simulated Directory Usage / Simple Graph Visualization
+#     st.markdown("""
+#     **3. Current Directory / Resource Usage** <div style="font-size: 0.9rem; color: #aaa; margin-bottom: 10px;">(Simulated System Load Graph)</div>
+#     """, unsafe_allow_html=True)
     
-    # Simulated Load Data
-    simulated_load = {
-        "Bio-Scans (35%)": "#00FF00",
-        "Gravimetric Data (45%)": "#FF5555",
-        "Unallocated (20%)": "#444444"
-    }
-
-    st.markdown(f"""
-    <div style='display: flex; width: 100%; height: 20px; border-radius: 5px; overflow: hidden; margin-top: 5px;'>
-        <div style='width: 35%; background-color: {simulated_load['Bio-Scans (35%)']};' title='Bio-Scans (35%)'></div>
-        <div style='width: 45%; background-color: {simulated_load['Gravimetric Data (45%)']};' title='Gravimetric Data (45%)'></div>
-        <div style='width: 20%; background-color: {simulated_load['Unallocated (20%)']};' title='Unallocated (20%)'></div>
-    </div>
-    <div style='margin-top: 10px; font-size: 0.8rem; display: flex; flex-wrap: wrap; gap: 10px;'>
-        <span style='color: #00FF00;'>&#9679; Bio-Scans (35%)</span>
-        <span style='color: #FF5555;'>&#9679; Gravimetric (45%)</span>
-        <span style='color: #444444;'>&#9679; Unallocated (20%)</span>
-    </div>
-    """, unsafe_allow_html=True)
+#     # Simulated Load Data
+#     simulated_load = {
+#         "Bio-Scans (35%)": "#00FF00",
+#         "Gravimetric Data (45%)": "#FF5555",
+#         "Unallocated (20%)": "#444444"
+#     }
+
+#     st.markdown(f"""
+#     <div style='display: flex; width: 100%; height: 20px; border-radius: 5px; overflow: hidden; margin-top: 5px;'>
+#         <div style='width: 35%; background-color: {simulated_load['Bio-Scans (35%)']};' title='Bio-Scans (35%)'></div>
+#         <div style='width: 45%; background-color: {simulated_load['Gravimetric Data (45%)']};' title='Gravimetric Data (45%)'></div>
+#         <div style='width: 20%; background-color: {simulated_load['Unallocated (20%)']};' title='Unallocated (20%)'></div>
+#     </div>
+#     <div style='margin-top: 10px; font-size: 0.8rem; display: flex; flex-wrap: wrap; gap: 10px;'>
+#         <span style='color: #00FF00;'>&#9679; Bio-Scans (35%)</span>
+#         <span style='color: #FF5555;'>&#9679; Gravimetric (45%)</span>
+#         <span style='color: #444444;'>&#9679; Unallocated (20%)</span>
+#     </div>
+#     """, unsafe_allow_html=True)
     
-    st.markdown("---")
+#     st.markdown("---")
 
-    # 4. Human-like Probability
-    human_like_color = "#00FF00" if item['human_like'] == "Possible" or item['human_like'] == "Benchmark" or item['human_like'] == "High Probability" else ("#FFAA00" if item['human_like'] == "Low Probability" or item['human_like'] == "Medium Probability" else "#FF5555")
-    st.markdown(f"""
-    **4. Human-Like Viability**
-    <h3 style='color: {human_like_color}; font-size: 1.5rem; margin-top: 5px;'>
-        {item['human_like']}
-    </h3>
-    <p style='font-size: 0.8rem; color: #aaa;'>
-        The probability of carbon-based, water-dependent life forms surviving/thriving here.
-    </p>
-    """, unsafe_allow_html=True)
+#     # 4. Human-like Probability
+#     human_like_color = "#00FF00" if item['human_like'] == "Possible" or item['human_like'] == "Benchmark" or item['human_like'] == "High Probability" else ("#FFAA00" if item['human_like'] == "Low Probability" or item['human_like'] == "Medium Probability" else "#FF5555")
+#     st.markdown(f"""
+#     **4. Human-Like Viability**
+#     <h3 style='color: {human_like_color}; font-size: 1.5rem; margin-top: 5px;'>
+#         {item['human_like']}
+#     </h3>
+#     <p style='font-size: 0.8rem; color: #aaa;'>
+#         The probability of carbon-based, water-dependent life forms surviving/thriving here.
+#     </p>
+#     """, unsafe_allow_html=True)
 
 
-def bio_ds_page():
-    """Renders the core BioDS content (from previous versions)."""
+# def bio_ds_page():
+#     """Renders the core BioDS content (from previous versions)."""
 
-    # --- CONTENT RENDERER FUNCTIONS ---
+#     # --- CONTENT RENDERER FUNCTIONS ---
 
-    def render_navigation_content():
-        """Renders the liquid glass style navigation bar for content sections."""
+#     def render_navigation_content():
+#         """Renders the liquid glass style navigation bar for content sections."""
         
-        # Custom CSS to contain the buttons within the column
-        st.markdown("""
-        <style>
-            .nav-button-container {
-                display: flex;
-                flex-wrap: wrap; /* Allows wrapping on smaller screens */
-                gap: 10px;
-                margin-bottom: 2rem;
-            }
-        </style>
-        """, unsafe_allow_html=True)
-
-        st.markdown("<div class='nav-button-container'>", unsafe_allow_html=True)
+#         # Custom CSS to contain the buttons within the column
+#         st.markdown("""
+#         <style>
+#             .nav-button-container {
+#                 display: flex;
+#                 flex-wrap: wrap; /* Allows wrapping on smaller screens */
+#                 gap: 10px;
+#                 margin-bottom: 2rem;
+#             }
+#         </style>
+#         """, unsafe_allow_html=True)
+
+#         st.markdown("<div class='nav-button-container'>", unsafe_allow_html=True)
         
-        for key, data in SPACE_DATA.items():
-            css_class = 'content-nav-item active' if key == st.session_state.current_section else 'content-nav-item'
+#         for key, data in SPACE_DATA.items():
+#             css_class = 'content-nav-item active' if key == st.session_state.current_section else 'content-nav-item'
             
-            # Use Streamlit's native button wrapped in custom styling
-            if st.button(data['title'].split(':')[0], key=f"content_nav_{key}"):
-                st.session_state.current_section = key
-                st.session_state.selected_item = None
-                st.rerun()
+#             # Use Streamlit's native button wrapped in custom styling
+#             if st.button(data['title'].split(':')[0], key=f"content_nav_{key}"):
+#                 st.session_state.current_section = key
+#                 st.session_state.selected_item = None
+#                 st.rerun()
 
-        st.markdown("</div>", unsafe_allow_html=True)
+#         st.markdown("</div>", unsafe_allow_html=True)
     
-    # Ensure current_section is initialized when navigating back to this page
-    if st.session_state.current_section is None and SPACE_DATA:
-         st.session_state.current_section = list(SPACE_DATA.keys())[0]
+#     # Ensure current_section is initialized when navigating back to this page
+#     if st.session_state.current_section is None and SPACE_DATA:
+#          st.session_state.current_section = list(SPACE_DATA.keys())[0]
 
-    st.markdown('<div class="header-text">BioDS<span style="color: #4b5563;">.</span></div>', unsafe_allow_html=True)
+#     st.markdown('<div class="header-text">BioDS<span style="color: #4b5563;">.</span></div>', unsafe_allow_html=True)
 
-    # RENDER CONTENT NAVIGATION
-    render_navigation_content()
+#     # RENDER CONTENT NAVIGATION
+#     render_navigation_content()
     
-    # MAIN CONTENT AREA (Grid of Crystals + Info Panel)
-    col_content, col_panel = st.columns([2, 1])
-
-    # --- Content Area (Simulated 3D Crystals) ---
-    with col_content:
-        current_data = SPACE_DATA[st.session_state.current_section]
-        st.subheader(current_data['title'])
-        st.markdown("---")
+#     # MAIN CONTENT AREA (Grid of Crystals + Info Panel)
+#     col_content, col_panel = st.columns([2, 1])
+
+#     # --- Content Area (Simulated 3D Crystals) ---
+#     with col_content:
+#         current_data = SPACE_DATA[st.session_state.current_section]
+#         st.subheader(current_data['title'])
+#         st.markdown("---")
         
-        items_per_row = 3
-        num_items = len(current_data['items'])
-        num_rows = (num_items + items_per_row - 1) // items_per_row
+#         items_per_row = 3
+#         num_items = len(current_data['items'])
+#         num_rows = (num_items + items_per_row - 1) // items_per_row
         
-        for row in range(num_rows):
-            row_cols = st.columns(items_per_row)
-            for i in range(items_per_row):
-                item_index = row * items_per_row + i
-                if item_index < num_items:
-                    item = current_data['items'][item_index]
+#         for row in range(num_rows):
+#             row_cols = st.columns(items_per_row)
+#             for i in range(items_per_row):
+#                 item_index = row * items_per_row + i
+#                 if item_index < num_items:
+#                     item = current_data['items'][item_index]
                     
-                    # Highlight selected item
-                    border_style = "border: 2px solid #00FF00;" if st.session_state.selected_item and st.session_state.selected_item['id'] == item['id'] else ""
+#                     # Highlight selected item
+#                     border_style = "border: 2px solid #00FF00;" if st.session_state.selected_item and st.session_state.selected_item['id'] == item['id'] else ""
                     
-                    # Create a unique key for the click event
-                    click_key = f"crystal_click_{item['id']}"
+#                     # Create a unique key for the click event
+#                     click_key = f"crystal_click_{item['id']}"
 
-                    # Use a custom container for card styling and click handling
-                    container = row_cols[i].container(border=False)
-                    with container:
+#                     # Use a custom container for card styling and click handling
+#                     container = row_cols[i].container(border=False)
+#                     with container:
                         
-                        # Custom HTML for the card appearance
-                        card_html = f"""
-                        <div class='crystal-card' style='{border_style}'>
-                            <p style='color:#{item['color'].replace('0x', '')}; font-size: 2rem; text-align: center; margin-bottom: 0.5rem;'>
-                                ✶
-                            </p>
-                            <p style='font-weight: 600; text-align: center;'>{item['name']}</p>
-                            <p style='font-size: 0.75rem; color: #aaa; text-align: center;'>Click for Bio Profile</p>
-                        </div>
-                        """
-                        # Display the HTML card. We use a hidden Streamlit button for the click event.
-                        st.markdown(card_html, unsafe_allow_html=True)
+#                         # Custom HTML for the card appearance
+#                         card_html = f"""
+#                         <div class='crystal-card' style='{border_style}'>
+#                             <p style='color:#{item['color'].replace('0x', '')}; font-size: 2rem; text-align: center; margin-bottom: 0.5rem;'>
+#                                 ✶
+#                             </p>
+#                             <p style='font-weight: 600; text-align: center;'>{item['name']}</p>
+#                             <p style='font-size: 0.75rem; color: #aaa; text-align: center;'>Click for Bio Profile</p>
+#                         </div>
+#                         """
+#                         # Display the HTML card. We use a hidden Streamlit button for the click event.
+#                         st.markdown(card_html, unsafe_allow_html=True)
                         
-                        # Hidden button to capture the click event
-                        if st.button(item['name'], key=click_key, help=item['name']):
-                            st.session_state.selected_item = item
-                            st.rerun()
+#                         # Hidden button to capture the click event
+#                         if st.button(item['name'], key=click_key, help=item['name']):
+#                             st.session_state.selected_item = item
+#                             st.rerun()
 
 
-    # --- Information Panel ---
-    with col_panel:
-        # Use the custom CSS class for the panel
-        st.markdown('<div class="info-panel">', unsafe_allow_html=True)
+#     # --- Information Panel ---
+#     with col_panel:
+#         # Use the custom CSS class for the panel
+#         st.markdown('<div class="info-panel">', unsafe_allow_html=True)
         
-        if st.session_state.selected_item:
-            # Display NEW detailed metrics
-            render_item_details(st.session_state.selected_item)
+#         if st.session_state.selected_item:
+#             # Display NEW detailed metrics
+#             render_item_details(st.session_state.selected_item)
             
-        else:
-            # Display initial welcome message
-            st.markdown(f"<h2 style='font-weight: 700; border-bottom: 2px solid #333; padding-bottom: 0.5rem;'>Select a Celestial Body</h2>", unsafe_allow_html=True)
-            st.markdown(f"""
-                <p style='margin-top: 1rem; color: #aaa;'>
-                    Click on any of the **star-shaped crystals** (the cards on the left) 
-                    to view its complete Space Biology profile and detailed metrics.
-                </p>
-            """, unsafe_allow_html=True)
+#         else:
+#             # Display initial welcome message
+#             st.markdown(f"<h2 style='font-weight: 700; border-bottom: 2px solid #333; padding-bottom: 0.5rem;'>Select a Celestial Body</h2>", unsafe_allow_html=True)
+#             st.markdown(f"""
+#                 <p style='margin-top: 1rem; color: #aaa;'>
+#                     Click on any of the **star-shaped crystals** (the cards on the left) 
+#                     to view its complete Space Biology profile and detailed metrics.
+#                 </p>
+#             """, unsafe_allow_html=True)
             
-        st.markdown('</div>', unsafe_allow_html=True)
-
-
-# --- 7. MAIN APPLICATION ROUTER ---
-
-def main_app():
-
-    # Custom CSS for the entire app layout and styling
-    st.markdown("""
-    <style>
-        /* Global Streamlit Overrides */
-        .stApp {
-            background-color: #0d0d0d; /* Deep Dark Background */
-            color: #ffffff;
-            font-family: 'Inter', sans-serif;
-            /* Adjust padding to handle absolute/fixed elements */
-            padding-top: 0 !important; 
-            padding-bottom: 2rem;
-            padding-left: 0 !important;
-            padding-right: 0 !important;
-        }
+#         st.markdown('</div>', unsafe_allow_html=True)
+
+
+# # --- 7. MAIN APPLICATION ROUTER ---
+
+# def main_app():
+
+#     # Custom CSS for the entire app layout and styling
+#     st.markdown("""
+#     <style>
+#         /* Global Streamlit Overrides */
+#         .stApp {
+#             background-color: #0d0d0d; /* Deep Dark Background */
+#             color: #ffffff;
+#             font-family: 'Inter', sans-serif;
+#             /* Adjust padding to handle absolute/fixed elements */
+#             padding-top: 0 !important; 
+#             padding-bottom: 2rem;
+#             padding-left: 0 !important;
+#             padding-right: 0 !important;
+#         }
         
-        .stApp > header {
-            /* Hide default Streamlit header bar */
-            display: none;
-        }
-
-        /* Adjust Streamlit main content block for full width and padding */
-        .main {
-            padding: 2rem 2rem 0 2rem; 
-        }
-
-        /* Auth Page specific styling */
-        .header-text-auth {
-            font-size: 3rem;
-            font-weight: 800;
-            letter-spacing: 0.1em;
-            color: #ffffff;
-            text-align: center;
-            margin-top: 50px;
-            margin-bottom: 10px;
-        }
-
-        /* App Page specific styling */
-        .header-text {
-            font-size: 3rem;
-            font-weight: 800;
-            letter-spacing: 0.1em;
-            color: #ffffff;
-            margin-bottom: 0.5rem;
-        }
+#         .stApp > header {
+#             /* Hide default Streamlit header bar */
+#             display: none;
+#         }
+
+#         /* Adjust Streamlit main content block for full width and padding */
+#         .main {
+#             padding: 2rem 2rem 0 2rem; 
+#         }
+
+#         /* Auth Page specific styling */
+#         .header-text-auth {
+#             font-size: 3rem;
+#             font-weight: 800;
+#             letter-spacing: 0.1em;
+#             color: #ffffff;
+#             text-align: center;
+#             margin-top: 50px;
+#             margin-bottom: 10px;
+#         }
+
+#         /* App Page specific styling */
+#         .header-text {
+#             font-size: 3rem;
+#             font-weight: 800;
+#             letter-spacing: 0.1em;
+#             color: #ffffff;
+#             margin-bottom: 0.5rem;
+#         }
         
-        /* === NEW CENTERING CSS FOR NAVBAR === */
-        /* Logo is handled with absolute position in render_navbar function */
-        .centered-navbar-container {
-            /* This div contains the centered items and spans the width */
-            display: flex;
-            justify-content: center;
-            width: 100%;
-            margin-top: -30px; /* Adjust vertical position to overlay/align */
-            position: relative;
-            z-index: 100;
-        }
-
-        .centered-navbar-items {
-            display: flex;
-            gap: 20px;
-            padding: 10px 20px;
-            background-color: rgba(255, 255, 255, 0.05); /* Background for the center block */
-            border-radius: 10px;
-            border: 1px solid rgba(255, 255, 255, 0.1);
-            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
-            width: fit-content;
-        }
-
-        /* Style the buttons inside the centered navigation specifically */
-        .centered-navbar-items .stButton > button {
-            background-color: transparent !important;
-            color: #fff !important;
-            border: none !important;
-            padding: 8px 15px !important;
-            font-weight: 600 !important;
-            transition: all 0.3s;
-            line-height: 1; /* Ensure text is vertically centered */
-        }
-
-        .centered-navbar-items .stButton > button:hover {
-            background-color: rgba(0, 255, 0, 0.1) !important;
-            color: #00FF00 !important;
-            box-shadow: none !important;
-            transform: translateY(-2px);
-        }
+#         /* === NEW CENTERING CSS FOR NAVBAR === */
+#         /* Logo is handled with absolute position in render_navbar function */
+#         .centered-navbar-container {
+#             /* This div contains the centered items and spans the width */
+#             display: flex;
+#             justify-content: center;
+#             width: 100%;
+#             margin-top: -30px; /* Adjust vertical position to overlay/align */
+#             position: relative;
+#             z-index: 100;
+#         }
+
+#         .centered-navbar-items {
+#             display: flex;
+#             gap: 20px;
+#             padding: 10px 20px;
+#             background-color: rgba(255, 255, 255, 0.05); /* Background for the center block */
+#             border-radius: 10px;
+#             border: 1px solid rgba(255, 255, 255, 0.1);
+#             box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+#             width: fit-content;
+#         }
+
+#         /* Style the buttons inside the centered navigation specifically */
+#         .centered-navbar-items .stButton > button {
+#             background-color: transparent !important;
+#             color: #fff !important;
+#             border: none !important;
+#             padding: 8px 15px !important;
+#             font-weight: 600 !important;
+#             transition: all 0.3s;
+#             line-height: 1; /* Ensure text is vertically centered */
+#         }
+
+#         .centered-navbar-items .stButton > button:hover {
+#             background-color: rgba(0, 255, 0, 0.1) !important;
+#             color: #00FF00 !important;
+#             box-shadow: none !important;
+#             transform: translateY(-2px);
+#         }
         
-        .navbar-divider {
-            border: 1px solid rgba(255, 255, 255, 0.1); 
-            margin-top: 20px; 
-            margin-bottom: 20px;
-        }
-        /* END NEW CENTERING CSS */
-
-
-        /* Crystal Card (Simulated 3D item) */
-        .crystal-card {
-            background-color: rgba(255, 255, 255, 0.05);
-            border: 1px solid rgba(255, 255, 255, 0.1);
-            border-radius: 1rem;
-            padding: 1.5rem;
-            cursor: pointer;
-            transition: all 0.3s;
-            height: 100%;
-            animation: fadeIn 0.8s ease-out; 
-        }
-        .crystal-card:hover {
-            background-color: rgba(255, 255, 255, 0.1);
-            transform: translateY(-5px);
-            box-shadow: 0 5px 20px rgba(0, 255, 0, 0.2);
-        }
+#         .navbar-divider {
+#             border: 1px solid rgba(255, 255, 255, 0.1); 
+#             margin-top: 20px; 
+#             margin-bottom: 20px;
+#         }
+#         /* END NEW CENTERING CSS */
+
+
+#         /* Crystal Card (Simulated 3D item) */
+#         .crystal-card {
+#             background-color: rgba(255, 255, 255, 0.05);
+#             border: 1px solid rgba(255, 255, 255, 0.1);
+#             border-radius: 1rem;
+#             padding: 1.5rem;
+#             cursor: pointer;
+#             transition: all 0.3s;
+#             height: 100%;
+#             animation: fadeIn 0.8s ease-out; 
+#         }
+#         .crystal-card:hover {
+#             background-color: rgba(255, 255, 255, 0.1);
+#             transform: translateY(-5px);
+#             box-shadow: 0 5px 20px rgba(0, 255, 0, 0.2);
+#         }
         
-        /* Info Panel Style */
-        .info-panel {
-            background-color: rgba(255, 255, 255, 0.05);
-            backdrop-filter: blur(8px);
-            border: 1px solid rgba(255, 255, 255, 0.1);
-            border-radius: 1rem;
-            padding: 1.5rem;
-            height: 100%;
-            overflow-y: auto;
-            animation: fadeIn 0.5s ease-out; 
-        }
-
-        /* Dashboard Navigation Styling */
-        .dashboard-nav-container {
-            display: flex;
-            justify-content: space-between;
-            margin-bottom: 2rem;
-            padding: 0 1rem;
-            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
-            margin-top: 1rem;
-        }
+#         /* Info Panel Style */
+#         .info-panel {
+#             background-color: rgba(255, 255, 255, 0.05);
+#             backdrop-filter: blur(8px);
+#             border: 1px solid rgba(255, 255, 255, 0.1);
+#             border-radius: 1rem;
+#             padding: 1.5rem;
+#             height: 100%;
+#             overflow-y: auto;
+#             animation: fadeIn 0.5s ease-out; 
+#         }
+
+#         /* Dashboard Navigation Styling */
+#         .dashboard-nav-container {
+#             display: flex;
+#             justify-content: space-between;
+#             margin-bottom: 2rem;
+#             padding: 0 1rem;
+#             border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+#             margin-top: 1rem;
+#         }
         
-        .dashboard-nav-item {
-            cursor: pointer;
-            padding: 10px 15px;
-            font-weight: 600;
-            color: #AAAAAA;
-            border-bottom: 3px solid transparent;
-            transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-            text-align: center;
-            width: 100%; 
-        }
+#         .dashboard-nav-item {
+#             cursor: pointer;
+#             padding: 10px 15px;
+#             font-weight: 600;
+#             color: #AAAAAA;
+#             border-bottom: 3px solid transparent;
+#             transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
+#             text-align: center;
+#             width: 100%; 
+#         }
         
-        .dashboard-nav-item:hover {
-            color: #FFFFFF;
-            border-bottom: 3px solid #00AAFF; 
-            transform: translateY(-2px);
-            text-shadow: 0 0 5px rgba(0, 170, 255, 0.5);
-        }
+#         .dashboard-nav-item:hover {
+#             color: #FFFFFF;
+#             border-bottom: 3px solid #00AAFF; 
+#             transform: translateY(-2px);
+#             text-shadow: 0 0 5px rgba(0, 170, 255, 0.5);
+#         }
         
-        .dashboard-nav-item.active {
-            color: #00FF00; 
-            border-bottom: 3px solid #00FF00;
-            font-weight: 700;
-        }
+#         .dashboard-nav-item.active {
+#             color: #00FF00; 
+#             border-bottom: 3px solid #00FF00;
+#             font-weight: 700;
+#         }
         
-        /* Dashboard Content Animation */
-        .dashboard-content-box {
-            background-color: rgba(255, 255, 255, 0.03);
-            border-radius: 1rem;
-            padding: 2rem;
-            animation: fadeIn 0.8s ease-out; 
-        }
-
-        @keyframes fadeIn {
-            from { opacity: 0; transform: translateY(20px); }
-            to { opacity: 1; transform: translateY(0); }
-        }
+#         /* Dashboard Content Animation */
+#         .dashboard-content-box {
+#             background-color: rgba(255, 255, 255, 0.03);
+#             border-radius: 1rem;
+#             padding: 2rem;
+#             animation: fadeIn 0.8s ease-out; 
+#         }
+
+#         @keyframes fadeIn {
+#             from { opacity: 0; transform: translateY(20px); }
+#             to { opacity: 1; transform: translateY(0); }
+#         }
         
-        /* Item Summary Card for Dashboard content */
-        .item-summary-card {
-            background-color: rgba(255, 255, 255, 0.05);
-            padding: 10px;
-            margin-bottom: 8px;
-            border-left: 4px solid #00FF00;
-            border-radius: 4px;
-            transition: background-color 0.2s;
-        }
-        .item-summary-card:hover {
-            background-color: rgba(255, 255, 255, 0.1);
-        }
-
-
-        /* Hide the Streamlit button visual for the custom HTML cards and Dashboard nav */
-        div[data-testid="stVerticalBlock"] > div > div > button {
-             opacity: 0;
-             position: absolute;
-             top: 0;
-             left: 0;
-             width: 100%;
-             height: 100%;
-             cursor: pointer;
-             z-index: 10; 
-        }
-
-        /* Ensure Streamlit columns for dashboard nav contain buttons properly */
-        div[data-testid^="stColumn"] {
-            padding: 0;
-            display: flex;
-            align-items: stretch;
-            position: relative;
-        }
-        .stButton {
-            height: 100%;
-            padding: 0;
-            margin: 0;
-        }
+#         /* Item Summary Card for Dashboard content */
+#         .item-summary-card {
+#             background-color: rgba(255, 255, 255, 0.05);
+#             padding: 10px;
+#             margin-bottom: 8px;
+#             border-left: 4px solid #00FF00;
+#             border-radius: 4px;
+#             transition: background-color 0.2s;
+#         }
+#         .item-summary-card:hover {
+#             background-color: rgba(255, 255, 255, 0.1);
+#         }
+
+
+#         /* Hide the Streamlit button visual for the custom HTML cards and Dashboard nav */
+#         div[data-testid="stVerticalBlock"] > div > div > button {
+#              opacity: 0;
+#              position: absolute;
+#              top: 0;
+#              left: 0;
+#              width: 100%;
+#              height: 100%;
+#              cursor: pointer;
+#              z-index: 10; 
+#         }
+
+#         /* Ensure Streamlit columns for dashboard nav contain buttons properly */
+#         div[data-testid^="stColumn"] {
+#             padding: 0;
+#             display: flex;
+#             align-items: stretch;
+#             position: relative;
+#         }
+#         .stButton {
+#             height: 100%;
+#             padding: 0;
+#             margin: 0;
+#         }
         
-        /* Reset for the inner block containing the custom HTML to ensure alignment */
-        div[data-testid="stVerticalBlock"] > div > div > div:first-child > div:first-child {
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            height: 100%;
-        }
+#         /* Reset for the inner block containing the custom HTML to ensure alignment */
+#         div[data-testid="stVerticalBlock"] > div > div > div:first-child > div:first-child {
+#             display: flex;
+#             align-items: center;
+#             justify-content: center;
+#             height: 100%;
+#         }
         
-        /* Style for st.progress bar */
-        .stProgress > div > div > div > div {
-            background-color: #00FF00;
-        }
-        .stProgress > div > div > div {
-            background-color: #333333;
-        }
-
-    </style>
-    """, unsafe_allow_html=True)
+#         /* Style for st.progress bar */
+#         .stProgress > div > div > div > div {
+#             background-color: #00FF00;
+#         }
+#         .stProgress > div > div > div {
+#             background-color: #333333;
+#         }
+
+#     </style>
+#     """, unsafe_allow_html=True)
     
-    # ROUTING LOGIC
-    if st.session_state.authenticated:
-        # Render the custom navigation layout
-        render_navbar()
+#     # ROUTING LOGIC
+#     if st.session_state.authenticated:
+#         # Render the custom navigation layout
+#         render_navbar()
         
-        # All main content now needs padding since the navbar is fixed/absolute at the top
-        st.markdown("<div class='main'>", unsafe_allow_html=True) 
+#         # All main content now needs padding since the navbar is fixed/absolute at the top
+#         st.markdown("<div class='main'>", unsafe_allow_html=True) 
         
-        if st.session_state.page == "app":
-            bio_ds_page()
-        elif st.session_state.page == "dashboard":
-            dashboard_page()
-        else:
-            bio_ds_page()
+#         if st.session_state.page == "app":
+#             bio_ds_page()
+#         elif st.session_state.page == "dashboard":
+#             dashboard_page()
+#         else:
+#             bio_ds_page()
             
-        st.markdown("</div>", unsafe_allow_html=True) # Close the main content wrapper
-    else:
-        auth_page()
+#         st.markdown("</div>", unsafe_allow_html=True) # Close the main content wrapper
+#     else:
+#         auth_page()
 
 
-if __name__ == "__main__":
-    main_app()
+# if __name__ == "__main__":
+#     main_app()