Upload app.py

app.py

@@ -145,39 +145,43 @@ footer { display: none !important; }
 .gr-box, .gr-panel { border-radius: 0 !important; background: #000 !important; border: none !important; }
 div.gradio-container { width: 100% !important; max-width: 100% !important; }
 
-/* HEADER */
+/* HEADER - FORCE GREEN */
 .term-header {
-    border: 2px solid var(--accent);
-    padding: 1rem;
-    margin: 1rem;
-    text-transform: uppercase;
-    font-weight: bold;
-    letter-spacing: 3px;
-    color: var(--accent);
-    text-align: center;
-    box-shadow: 0 0 10px rgba(0, 255, 0, 0.2);
+    border: 2px solid #00ff00 !important;
+    padding: 1rem !important;
+    margin: 1rem !important;
+    text-transform: uppercase !important;
+    font-weight: bold !important;
+    letter-spacing: 3px !important;
+    color: #00ff00 !important;
+    text-align: center !important;
+    box-shadow: 0 0 10px rgba(0, 255, 0, 0.2) !important;
+    background: #000 !important;
 }
 
-/* SECTION TITLES */
+/* SECTION TITLES - FORCE CYAN */
 h3 { 
-    color: var(--text-cyan) !important; 
-    text-transform: uppercase; 
-    border-bottom: 2px solid var(--text-cyan); 
-    display: block; 
-    margin-bottom: 15px; 
-    padding-bottom: 5px;
-    letter-spacing: 1px;
+    color: #00ffff !important; 
+    text-transform: uppercase !important; 
+    border-bottom: 2px solid #00ffff !important; 
+    display: block !important; 
+    margin-bottom: 15px !important; 
+    padding-bottom: 5px !important;
+    letter-spacing: 1px !important;
+    background: transparent !important;
 }
 
 /* CONTROLS (LEFT) */
 #control-panel {
     padding: 20px !important;
-    border-right: 1px dashed var(--border);
+    border-right: 1px dashed #333 !important;
 }
 
+/* BUTTONS - FORCE VISIBILITY */
 .term-btn {
+    background-color: #111 !important;
     background: #111 !important;
-    color: #fff !important;
+    color: #ffffff !important;
     border: 1px solid #555 !important;
     text-align: left !important;
     margin-bottom: 12px !important;
@@ -185,25 +189,26 @@ h3 {
     font-size: 13px !important;
     text-transform: uppercase !important;
     padding: 12px !important;
-    transition: all 0.2s;
+    transition: all 0.2s !important;
 }
 .term-btn:hover {
+    background-color: #222 !important;
     background: #222 !important;
-    border-color: var(--accent) !important;
-    color: var(--accent) !important;
-    box-shadow: 0 0 8px rgba(0, 255, 0, 0.3);
+    border-color: #00ff00 !important;
+    color: #00ff00 !important;
+    box-shadow: 0 0 8px rgba(0, 255, 0, 0.3) !important;
 }
 
 /* TERMINAL OUTPUT (RIGHT) */
 #terminal-display {
-    background: #050505;
-    padding: 25px;
-    height: 750px;
-    overflow-y: auto;
-    border: 2px solid var(--accent);
-    font-size: 14px;
-    margin: 20px;
-    box-shadow: inset 0 0 20px rgba(0,0,0,0.8);
+    background: #050505 !important;
+    padding: 25px !important;
+    height: 750px !important;
+    overflow-y: auto !important;
+    border: 2px solid #00ff00 !important;
+    font-size: 14px !important;
+    margin: 20px !important;
+    box-shadow: inset 0 0 20px rgba(0,0,0,0.8) !important;
 }
 
 /* LOG ENTRY STYLING */