/* Main page styling */ .stApp { background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); } /* Main content styling */ .main { padding: 2.5rem; } /* Header styling */ .stTitle { color: #e2e8f0; font-weight: 600; text-align: center; margin-bottom: 2rem; } /* Button styling */ .stButton button { width: 100%; border-radius: 8px; height: 3rem; background-color: #a794e3; color: #1a1a2e; border: none; transition: all 0.3s ease; font-weight: 600; } .stButton button:hover { background-color: #9380d0; transform: translateY(-2px); } /* File uploader styling */ .stUploadButton { background-color: #242b42; padding: 1.5rem; border-radius: 8px; border: 2px dashed #a794e3; } /* Upload button specific styling */ [data-testid="stFileUploader"] { background-color: #242b42; padding: 1rem; border-radius: 8px; } [data-testid="stFileUploader"] > section { background-color: #1f2937; border: 2px dashed #a794e3; padding: 1rem; border-radius: 8px; color: #e2e8f0; } /* Download button specific styling */ .stDownloadButton button { background-color: #94c3e3; } .stDownloadButton button:hover { background-color: #80b0d0; } /* Alert and notice boxes */ .stAlert { padding: 1.5rem; border-radius: 8px; background-color: #242b42; border-left: 4px solid #a794e3; color: #e2e8f0; } /* Privacy notice styling */ div[data-testid="stMarkdownContainer"] > div { background-color: #242b42 !important; padding: 1.2rem; border-radius: 8px; border: 1px solid #394056; margin-bottom: 2rem; color: #e2e8f0; } /* Metrics styling */ .stMetric { background-color: #242b42; padding: 1rem; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.2); color: #e2e8f0; } .stMetric label { color: #e2e8f0; } .stMetric [data-testid="stMetricValue"] { color: #a794e3; } /* DataFrame styling */ .stDataFrame { background-color: #242b42; padding: 1rem; border-radius: 8px; } [data-testid="stDataFrameResizable"] { background-color: #1f2937; color: #e2e8f0; } /* Custom positive/negative sentiment colors */ .positive-sentiment { background-color: #2a3b2a !important; color: #94e3a7 !important; } .negative-sentiment { background-color: #3b2a2a !important; color: #e39494 !important; } /* Instructions box styling */ div[data-testid="stMarkdownContainer"] ol { background-color: #242b42; padding: 1.5rem 1.5rem 1.5rem 3rem; border-radius: 8px; margin-top: 2rem; } div[data-testid="stMarkdownContainer"] li { color: #e2e8f0; margin: 0.8rem 0; } /* Browse files button styling */ button[data-testid="baseButton-secondary"] { background-color: #a794e3 !important; color: #1a1a2e !important; border: none !important; font-weight: 600; } button[data-testid="baseButton-secondary"]:hover { background-color: #9380d0 !important; } /* Text color overrides */ p, h1, h2, h3, h4, h5, h6 { color: #e2e8f0 !important; } /* File uploader text */ [data-testid="stFileUploader"] p { color: #e2e8f0 !important; } /* Add some glow effects to interactive elements */ .stButton button, .stDownloadButton button, button[data-testid="baseButton-secondary"] { box-shadow: 0 0 15px rgba(167, 148, 227, 0.2); } .stButton button:hover, .stDownloadButton button:hover, button[data-testid="baseButton-secondary"]:hover { box-shadow: 0 0 20px rgba(167, 148, 227, 0.3); }