import streamlit as st
import pandas as pd
import numpy as np
import random
import requests

# Apply custom CSS with stronger selectors
st.markdown("""
    <style>
    /* Force background color */
    html, body, .stApp {
        background-color: #0A192F !important;
        color: #FFFFFF !important;
    }

    /* Title and headers styling */
    .stApp h1 {
        color: #00FFFF !important;
        font-family: 'Roboto', sans-serif;
        font-weight: 700 !important;
        text-align: center !important;
    }

    .stApp h2 {
        color: #FFCD00 !important;
        font-family: 'Roboto', sans-serif;
        font-weight: 600 !important;
        text-align: center !important;
    }

    /* Improve sidebar styling */
    section[data-testid="stSidebar"] {
        background-color: #1C1C1C !important;
        color: white !important;
        padding: 20px !important;
        border-radius: 10px !important;
    }

    section[data-testid="stSidebar"] h1, 
    section[data-testid="stSidebar"] h2, 
    section[data-testid="stSidebar"] h3, 
    section[data-testid="stSidebar"] p {
        color: white !important;
    }

    /* Force paragraph and text colors */
    .stMarkdown p, .stApp p {
        font-family: 'Georgia', serif !important;
        font-size: 16px !important;
        color: #EAEAEA !important; /* Light grey for better visibility */
        line-height: 1.8 !important;
    }

    /* Button styling */
    .stButton>button {
        background-color: #007BFF !important;
        color: white !important;
        border-radius: 8px !important;
        padding: 10px 20px !important;
        font-weight: bold !important;
    }

    /* Fix text inside widgets */
    .stTextInput>div>div>input {
        background-color: #1E1E1E !important;
        color: white !important;
    }

    </style>
    """, unsafe_allow_html=True)

# Title
st.title("AUTO ML")