Update app.py

app.py

@@ -13,7 +13,82 @@ from datetime import datetime
 from typing import Dict, List, Any
 import pandas as pd  # Added pandas import
 
+# Cyberpunk and Loading Animation Styling
+def setup_cyberpunk_style():
+    st.markdown("""
+        <style>
+        body {
+            background-color: #000;
+            color: #00ff00;
+            font-family: 'Monaco', monospace;
+        }
+        .stButton>button {
+          color: #00ff00;
+          border: 1px solid #00ff00;
+          background-color: transparent;
+          transition: 0.3s ease-in-out;
+        }
+        .stButton>button:hover {
+          color: #000;
+          background-color: #00ff00;
+        }
+        .stTextInput>div>div>input, .stSelectbox>div>div>div>div, .stTextArea>div>div>textarea {
+            background-color: #111;
+            color: #00ff00;
+            border: 1px solid #00ff00;
+        }
+        .stSlider>div>div>div>div, .stNumberInput>div>div>div>div>input {
+            background-color: #111;
+            color: #00ff00;
+        }
+        .stMarkdown, .stText, .stDataFrame {
+            color: #00ff00;
+        }
+        .stAlert {
+            background-color: #111;
+            color: #00ff00;
+            border: 1px solid #00ff00;
+        }
+        .stProgress>div>div>div {
+            background-color: #00ff00;
+        }
+        /* Loading animation */
+        .st-loader {
+            border: 8px solid #111;
+            border-top: 8px solid #00ff00;
+            border-radius: 50%;
+            width: 60px;
+            height: 60px;
+            animation: spin 1s linear infinite;
+        }
 
+        @keyframes spin {
+            0% { transform: rotate(0deg); }
+            100% { transform: rotate(360deg); }
+        }
+        /* Plotly chart styling */
+        .modebar {
+            background-color: #111 !important;
+            border: 1px solid #00ff00 !important;
+        }
+        .modebar-btn {
+            color: #00ff00 !important;
+            background-color: transparent !important;
+        }
+        .modebar-btn:hover {
+            background-color: #00ff00 !important;
+            color: #000 !important;
+        }
+        .plotly-notifier {
+          background-color: #111 !important;
+          color: #00ff00 !important;
+          border: 1px solid #00ff00 !important;
+        }
+        .plotly-notifier a {
+          color: #00ff00 !important;
+        }
+        </style>
+    """, unsafe_allow_html=True)
 
 # Prepare Dataset Function with Padding Token Fix
 def prepare_dataset(data, tokenizer, block_size=128):