fix: resolve merge conflicts and update UI

app.py

@@ -70,20 +70,112 @@ def process_document(file):
         logger.error(f"Error processing insurance claim: {str(e)}")
         return f"Error processing claim: {str(e)}", None, None
 
-# Create Gradio interface
-iface = gr.Interface(
-    fn=process_document,
-    inputs=gr.File(label="Upload Insurance Claim Document"),
-    outputs=[
-        gr.Textbox(label="Extracted Claim Details"),
-        gr.Textbox(label="Claim Validation Results"),
-        gr.Textbox(label="Document Classification")
-    ],
-    title="Automated Insurance Claim Validation System",
-    description="Upload insurance claim documents (PDF or image) for automated validation and analysis",
-    theme="default",
-    css=".gradio-container {max-width: 800px; margin: auto}"
-)
+# Custom CSS for better UI
+custom_css = """
+.gradio-container {
+    max-width: 900px !important;
+    margin: auto;
+    padding-top: 1.5rem;
+    padding-bottom: 1.5rem;
+}
+
+.main-div {
+    display: flex;
+    flex-direction: column;
+    gap: 20px;
+}
+
+.container {
+    border-radius: 10px;
+    background-color: #ffffff;
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+    margin-bottom: 20px;
+    padding: 20px;
+}
+
+.output-div {
+    min-height: 100px;
+    margin-bottom: 10px;
+}
+
+h1 {
+    color: #2a4365;
+    text-align: center;
+    font-size: 2.5rem;
+    margin-bottom: 1rem;
+    font-weight: bold;
+}
+
+.description {
+    text-align: center;
+    color: #4a5568;
+    margin-bottom: 2rem;
+}
+
+.file-upload {
+    border: 2px dashed #cbd5e0;
+    border-radius: 8px;
+    padding: 20px;
+    text-align: center;
+    transition: all 0.3s ease;
+}
+
+.file-upload:hover {
+    border-color: #4299e1;
+}
+
+.output-label {
+    font-weight: bold;
+    color: #2d3748;
+    margin-bottom: 0.5rem;
+}
+
+.output-text {
+    background-color: #f7fafc;
+    border-radius: 6px;
+    padding: 12px;
+}
+"""
+
+# Create Gradio interface with enhanced UI
+with gr.Blocks(css=custom_css) as iface:
+    gr.HTML("<h1>🔍 Automated Insurance Claim Validation System</h1>")
+    gr.HTML("""
+        <div class="description">
+            Upload insurance claim documents (PDF or image) for automated validation and analysis.
+            Our AI system will process and validate your claims instantly.
+        </div>
+    """)
+    
+    with gr.Row():
+        with gr.Column():
+            file_input = gr.File(
+                label="Upload Insurance Claim Document",
+                file_types=["pdf", "png", "jpg", "jpeg"],
+                elem_classes="file-upload"
+            )
+    
+    with gr.Row():
+        with gr.Column():
+            text_output = gr.Textbox(
+                label="Extracted Claim Details",
+                elem_classes="output-div",
+                lines=5
+            )
+            validation_output = gr.Textbox(
+                label="Claim Validation Results",
+                elem_classes="output-div"
+            )
+            classification_output = gr.Textbox(
+                label="Document Classification",
+                elem_classes="output-div"
+            )
+    
+    file_input.change(
+        fn=process_document,
+        inputs=[file_input],
+        outputs=[text_output, validation_output, classification_output]
+    )
 
 if __name__ == "__main__":
     iface.launch(server_name="0.0.0.0", server_port=7860)