Upload style.css

style.css

@@ -0,0 +1,173 @@
+/* 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);
+}