Update app.py

app.py

@@ -143,34 +143,60 @@ def analisis_gaji_final(judul, lokasi, model_choice):
         return f"<b>Error:</b> {e}", None
 
 # ------------------------------
-# CLEAN UI (NEW GRADIO FORMAT)
+# CLEAN UI (DASHBOARD STYLE) - FIXED
 # ------------------------------
 
-css = """
-.gradio-container {max-width: 1000px !important; margin:auto;}
+custom_css = """
+<style>
+.dashboard-box {
+    background: #ffffff;
+    padding: 18px;
+    border-radius: 12px;
+    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
+}
+.gradio-container {max-width: 1100px !important; margin:auto;}
+</style>
 """
 
-with gr.Blocks(title="Salary AI", css=css) as demo:
+with gr.Blocks(title="Salary AI") as demo:
+
+    # Inject CSS
+    gr.HTML(custom_css)
 
-    gr.Markdown("<h1 style='text-align:center;'>💼 Salary AI</h1>")
-    gr.Markdown("<p style='text-align:center; color:gray;'>Prediksi gaji dengan Machine Learning + Benchmark Indonesia.</p>")
+    gr.Markdown("""
+    <h1 style='text-align:center;'>💼 Salary AI Dashboard</h1>
+    <p style='text-align:center; color:gray;'>
+        Prediksi gaji + Benchmark Nasional & Regional Indonesia.
+    </p>
+    """)
 
     with gr.Row():
-        with gr.Column():
-            t1 = gr.Textbox(label="Posisi Pekerjaan")
-            t2 = gr.Textbox(label="Kabupaten/Kota")
+
+        # LEFT PANEL — INPUT FORM
+        with gr.Column(scale=1):
+            gr.HTML("<div class='dashboard-box'><h3>📥 Input Data</h3>")
+            t1 = gr.Textbox(label="Posisi Pekerjaan", placeholder="cth: Data Analyst")
+            t2 = gr.Textbox(label="Kabupaten/Kota", placeholder="cth: Bandung")
             model = gr.Dropdown(
                 choices=list(loaded_models.keys()),
                 value="Random Forest",
                 label="Model Prediksi"
             )
-            btn = gr.Button("🔍 Analisis", variant="primary")
+            btn = gr.Button("🔍 Analisis Gaji", variant="primary")
+            gr.HTML("</div>")
 
-        with gr.Column():
+        # RIGHT PANEL — OUTPUT
+        with gr.Column(scale=2):
+            gr.HTML("<div class='dashboard-box'><h3>📊 Hasil Analisis</h3>")
             out_html = gr.HTML()
             out_plot = gr.Plot()
+            gr.HTML("</div>")
 
-    btn.click(analisis_gaji_final, inputs=[t1, t2, model], outputs=[out_html, out_plot])
+    btn.click(
+        analisis_gaji_final,
+        inputs=[t1, t2, model],
+        outputs=[out_html, out_plot]
+    )
 
 if __name__ == "__main__":
     print("App running...")