Update app.py

app.py

@@ -9,14 +9,8 @@ import pandas as pd
 import matplotlib.pyplot as plt
 from io import BytesIO
 from fuzzywuzzy import process
-import plotly.graph_objects as go  # For interactive graphs
 
-# 📌 Salesforce Credentials (HARDCODED)
-SALESFORCE_USERNAME = "venkatramana@sandbox.com"
-SALESFORCE_PASSWORD = "Venkat12345@"
-SALESFORCE_SECURITY_TOKEN = "GhcJJmjBEefdnukJoz4CAQlR"
-
-# 📌 Attribute mappings: readable names to Salesforce API names
+#📌 Attribute mappings: readable names to Salesforce API names
 ATTRIBUTE_MAPPING = {
     "Product name": "Productname__c",
     "Colour": "Colour__c",
@@ -24,175 +18,544 @@ ATTRIBUTE_MAPPING = {
     "Frequency": "Frequency__c",
     "Grossweight": "Grossweight__c",
     "Ratio": "Ratio__c",
+    "MotorFrame": "Motorframe__c",
+    "Model": "Model__c",
+    "Speed": "Speed__c",
     "Quantity": "Quantity__c",
     "Voltage": "Voltage__c",
+    "Material": "Material__c",
     "Type": "Type__c",
     "Horsepower": "Horsepower__c",
+    "Consignee": "Consignee__c",
+    "LOT": "LOT__c",
+    "Stage": "Stage__c",
+    "Outlet": "Outlet__c",
     "Serialnumber": "Serialnumber__c",
+    "HeadSize": "Headsize__c",
+    "Deliverysize": "Deliverysize__c",
+    "Phase": "Phase__c",
+    "Size": "Size__c",
+    "MRP": "MRP__c",
+    "Usebefore": "Usebefore__c",
+    "Height": "Height__c",
+    "MaximumDischarge Flow": "Maximumdischargeflow__c",
+    "DischargeRange": "Dischargeflow__c",
+    "Assembledby": "Manufacturer__c",
+    "Manufacturedate": "Manufacturedate__c",
+    "Companyname": "Companyname__c",
+    "Customercarenumber": "Customercarenumber__c",
+    "SellerAddress": "Selleraddress__c",
+    "Selleremail": "Selleremail__c",
+    "GSTIN": "GSTIN__c",
+    "Totalamount": "Totalamount__c",
+    "Paymentstatus": "Paymentstatus__c",
+    "Paymentmethod": "Paymentstatus__c",
+    "Invoicedate": "Manufacturedate__c",
+    "Warranty": "Warranty__c",
+    "Brand": "Brand__c",
+    "Motorhorsepower": "Motorhorsepower__c",
+    "Power": "Power__c",
+    "Motorphase": "Motorphase__c",
+    "Enginetype": "Enginetype__c",
+    "Tankcapacity": "Tankcapacity__c",
+    "Head": "Head__c",
+    "Usage/Application": "Usage_Application__c",
+    "Volts": "volts__c",
+    "Hertz": "Hertz__c",
+    "Frame": "frame__c",
+    "Mounting": "Mounting__c",
+    "Tollfreenumber": "Tollfreenumber__c",
+    "Pipesize": "Pipesize__c",
+    "Manufacturer": "Manufacturer__c",
+    "Office": "Office__c",
+    "SRnumber": "SRnumber__c",
+    "TypeOfEndUse": "TypeOfEndUse__c",
+    "Model Name": "Model_Name_Number__c",
+    "coolingmethod": "coolingmethod__c"
 }
 
-# 📌 List of product names for matching
+# List of product names to match
 PRODUCT_NAMES = [
-    "Centrifugal mono block pump", "SINGLE PHASE MOTOR STARTER", "Electric Motor",
-    "Submersible pump set", "Self Priming Pump", "HAVELL'S MOTOR", "Kirloskar Water Pump"
+    "Centrifugal mono block pump", "SINGLE PHASE MOTOR STARTER", "EasyPact EZC 100",
+    "Openwell Submersible Pumpset", "Electric Motor", "Self Priming Pump",
+    "Control panel for single phase submersible pumps", "MOTOR", "Submersible pump set",
+    "Fusion submersible pump set", "DCT", "Shock proof water proof", "CG COMMERCIAL MOTORS", "Fusion",
+    "control panel for single phase submerisible pumps",
+    "single phase digital starter dry run and timer panel", "5HP AV1 XL Kirloskar Pump",
+    "Phase stainless steel submersible pump", "Submersible pump", "WB15X",
+    "Vtype self priming pump", "SP SHINE DISC", "havells submersible pump",
+    "Havells open well Submersible pump", "Bertolini pump CK3 90pp",
+    "WPA 772 Water Pump Assy", "bertolini TTL triplex high pressure plunger pumps",
+    "Generic plunger high pressure pump", "Apple Normal, Banana",
+    "Cast Iron KSb centrifugal pump", "5.5kw Water Pump",
+    "KSB reliable i line centrifuged pumps", "Apple Normal, Orange, Banana",
+    "Positive API 6745 hydraulic diaphragm pump", "1/2 inch Fuel Hose Pipe", "Kirloskar Water Pump",
+    "Rotodel motor pump", "PVC Electrical Insulation Materials",
+    "Electric kirloskar domestic water pump", "Electrical Insulation Materials",
+    "sellowell motor pump", "bhupathi submersible pump set",
+    "Flowshine Submersible pump set", "Index submersible pump",
+    "Wintoss Plastic Electric Switch Board", "Electric 18 watt ujagar cooler pump",
+    "Generator Service", "LG WM FHT1207ZWL, LG REF GL-S292RSCY",
+    "Water tank, Filters, Water Pump", "MS Control Submersible Panel",
+    "Centrifugal Monoblock Pumps", "Electric Motor with Pump BodyBlue and White",
+    "Various Repair and Maintenance Parts", "Earthmax Pump",
+    "Water Tank, Filters, Water Pump", "Centrifugal Water Pump for Agriculture",
+    "mono block pumps"
 ]
 
-# 🧠 Initialize PaddleOCR
+#📌 Salesforce credentials
+SALESFORCE_USERNAME = "venkatramana@sandbox.com"
+SALESFORCE_PASSWORD = "Venkat12345@"
+SALESFORCE_SECURITY_TOKEN = "GhcJJmjBEefdnukJoz4CAQlR"
+
+#🧠 Initialize PaddleOCR
 ocr = PaddleOCR(use_angle_cls=True, lang='en')
 
-# 📌 Function to extract text using PaddleOCR
+# Function to extract text using PaddleOCR
 def extract_text(image):
     result = ocr.ocr(image)
-    extracted_text = "\n".join([line[1][0] for line in result[0]])
-    return extracted_text
+    extracted_text = []
+    for line in result[0]:
+        extracted_text.append(line[1][0])
+    return "\n".join(extracted_text)
 
-# 📌 Function to match product name using fuzzy matching
+# Function to match product name using fuzzy matching
 def match_product_name(extracted_text):
-    match, score = process.extractOne(extracted_text, PRODUCT_NAMES) if extracted_text else (None, 0)
-    return match if score >= 70 else None  # Threshold of 70 for matching
+    best_match = None
+    best_score = 0
+
+    for line in extracted_text.split("\n"):
+        match, score = process.extractOne(line, PRODUCT_NAMES)
+        if score > best_score:
+            best_match = match
+            best_score = score
 
-# 📌 Function to extract attributes and values from text
+    return best_match if best_score >= 70 else None  # Threshold of 70 for a match
+
+# Function to extract attributes and their values
 def extract_attributes(extracted_text):
     attributes = {}
+
     for readable_attr, sf_attr in ATTRIBUTE_MAPPING.items():
         pattern = rf"{re.escape(readable_attr)}[:\-]?\s*(.+)"
         match = re.search(pattern, extracted_text, re.IGNORECASE)
         if match:
             attributes[readable_attr] = match.group(1).strip()
+
     return attributes
 
-# 📌 Function to connect to Salesforce
-def connect_to_salesforce():
+# Function to filter attributes for valid Salesforce fields
+def filter_valid_attributes(attributes, valid_fields):
+    return {ATTRIBUTE_MAPPING[key]: value for key, value in attributes.items() if ATTRIBUTE_MAPPING[key] in valid_fields}
+
+#📊  Function to interact with Salesforce based on mode and type
+def interact_with_salesforce(mode, entry_type, quantity, extracted_text):
     try:
         sf = Salesforce(
             username=SALESFORCE_USERNAME,
             password=SALESFORCE_PASSWORD,
             security_token=SALESFORCE_SECURITY_TOKEN
         )
-        return sf
-    except Exception as e:
-        return f"❌ Salesforce API error: {str(e)}"
 
-# 📌 Function to interact with Salesforce
-def interact_with_salesforce(mode, entry_type, quantity, extracted_text):
-    try:
-        sf = connect_to_salesforce()
-        if isinstance(sf, str):
-            return sf  # Return error message
+        # Mapping mode and entry_type to Salesforce object and field
+        object_name = None
+        field_name = None
+        product_field_name = "Product_Name__c"  # Correct field for product name in the object
+        model_field_name = "Modal_Name__c"  # Correct field for model name in the object
 
-        # 📌 Define the correct Salesforce object and field names
         if mode == "Entry":
-            object_name = "Stock_Entry__c"
-            field_name = "Quantity__c"
+            if entry_type == "Sales":
+                object_name = "VENKATA_RAMANA_MOTORS__c"
+                field_name = "Quantity__c"
+            elif entry_type == "Non-Sales":
+                object_name = "UNBILLING_DATA__c"
+                field_name = "TotalQuantity__c"
         elif mode == "Exit":
-            object_name = "Stock_Exit__c"
-            field_name = "Quantity_Sold__c"
-        else:
-            return "❌ Invalid mode selected."
-
-        # 📌 Match product name
+            if entry_type == "Sales":
+                object_name = "Inventory_Management__c"
+                product_field_name = "Product_Name__c"
+                model_field_name = "Modal_Name__c"
+                field_name = "Quantity_Sold__c"
+            elif entry_type == "Non-Sales":
+                object_name = "Un_Billable__c"
+                product_field_name = "Product_Name__c"
+                model_field_name = "Model_Name__c"
+                field_name = "Sold_Out__c"
+
+        if not object_name or not field_name:
+            return "Invalid mode or entry type."
+
+        # Get valid fields for the specified Salesforce object
+        sf_object = sf.__getattr__(object_name)
+        schema = sf_object.describe()
+        valid_fields = {field["name"] for field in schema["fields"]}
+
+        # Extract product name or model number
         product_name = match_product_name(extracted_text)
         attributes = extract_attributes(extracted_text)
 
-        if product_name:
-            attributes["Product name"] = product_name
+        if not product_name:
+            return "Product name could not be matched from the extracted text."
 
-        # 📌 Fetch the current stock for updates
-        query = f"SELECT Id, {field_name} FROM {object_name} WHERE Product_Name__c = '{product_name}' LIMIT 1"
-        response = sf.query(query)
+        attributes["Product name"] = product_name
 
-        if response["records"]:
-            record_id = response["records"][0]["Id"]
-            sf.__getattr__(object_name).update(record_id, {field_name: quantity})
-            return f"✅ Updated stock record for '{product_name}' in {object_name}."
+        if mode == "Exit":
+            query = f"SELECT Id, {field_name} FROM {object_name} WHERE {product_field_name} = '{product_name}' OR {model_field_name} = '{attributes.get('Model Name', '')}' LIMIT 1"
+            response = sf.query(query)
+
+            if response["records"]:
+                record_id = response["records"][0]["Id"]
+                updated_quantity = quantity  # Overwrite the quantity, don't add
+                sf_object.update(record_id, {field_name: updated_quantity})
+                return f"Updated record for product '{product_name}' in {object_name}. New {field_name}: {updated_quantity}."
+            else:
+                return f"No matching record found for product '{product_name}' in {object_name}."
         else:
-            return f"⚠️ No existing record found for '{product_name}' in {object_name}."
+            filtered_attributes = filter_valid_attributes(attributes, valid_fields)
+            filtered_attributes[field_name] = quantity
+            sf_object.create(filtered_attributes)
+            return f"✅ Data successfully exported to Salesforce object {object_name}."
 
     except Exception as e:
-        return f"❌ Salesforce API error: {str(e)}"
+        return f"❌ Error interacting with Salesforce: {str(e)}"
 
-# 📌 Function to pull data from Salesforce
-def pull_data_from_salesforce():
+# Function to pull data from Salesforce MotorDataAPI
+def pull_data_from_motor_api():
     try:
-        sf = connect_to_salesforce()
-        if isinstance(sf, str):
-            return sf, None, None  # Return error message
-
-        query = "SELECT Product_Name__c, Current_Stocks__c FROM Inventory_Management__c LIMIT 100"
-        response = sf.query_all(query)
-        records = response.get("records", [])
-
-        if not records:
-            return "⚠️ No data found in Salesforce.", None, None
-
-        df = pd.DataFrame(records)
-        df = df.drop(columns=['attributes'], errors='ignore')
-
-        # 📌 Rename columns for better readability
-        df.rename(columns={"Product_Name__c": "Product Name", "Current_Stocks__c": "Current Stocks"}, inplace=True)
-
-        # 📌 Generate a bar chart using Plotly
-        fig = go.Figure()
-        fig.add_trace(go.Bar(
-            x=df['Product Name'],
-            y=df['Current Stocks'],
-            marker=dict(color='blue'),
-            text=df['Current Stocks'],
-            textposition='outside'
-        ))
-
-        fig.update_layout(
-            title="Current Stocks of Products",
-            xaxis=dict(title="Product Name", tickangle=-45),
-            yaxis=dict(title="Stock Quantity"),
-            hovermode='x'
+        sf = Salesforce(
+            username=SALESFORCE_USERNAME,
+            password=SALESFORCE_PASSWORD,
+            security_token=SALESFORCE_SECURITY_TOKEN
         )
+        motor_data = sf.apexecute("MotorDataAPI/", method="GET")
+        return motor_data  # API returns the list of records
+    except Exception as e:
+        return f"Error pulling data from MotorDataAPI: {str(e)}"
+
+# Function to format Salesforce data into a DataFrame with readable headers
+def format_salesforce_data():
+    try:
+        data = pull_data_from_motor_api()
+        if isinstance(data, list):
+            df = pd.DataFrame(data)
+            df = df.rename(columns={
+                "Product_Name__c": "Product Name",
+                "Modal_Name__c": "Model Name",
+                "Current_Stocks__c": "Current Stocks"
+            })
+            # Remove unnecessary columns
+            df = df[["Product Name", "Model Name", "Current Stocks"]]
+            return df
+        else:
+            return None
+    except Exception as e:
+        return None
 
-        return "✅ Data retrieved successfully.", df, fig
+# Function to generate a bar graph from Salesforce data
+def generate_bar_graph(df):
+    try:
+        fig, ax = plt.subplots(figsize=(12, 8))
+        df.plot(kind='bar', x="Product Name", y="Current Stocks", ax=ax, legend=False)
+        ax.set_title("Stock Distribution by Product Name")
+        ax.set_xlabel("Product Name")
+        ax.set_ylabel("Current Stocks")
+        plt.xticks(rotation=45, ha="right", fontsize=10)
+        plt.tight_layout()
+        buffer = BytesIO()
+        plt.savefig(buffer, format="png")
+        buffer.seek(0)
+        img = Image.open(buffer)
+        return img
     except Exception as e:
-        return f"❌ Error fetching data: {str(e)}", None, None
+        return None
 
-# 📌 Function to process images and send data to Salesforce
+# Unified function to handle image processing and Salesforce interaction
 def process_image(image, mode, entry_type, quantity):
     extracted_text = extract_text(image)
     if not extracted_text:
-        return "⚠️ No text detected in the image.", None
+        return "No text detected in the image.", None
 
+    product_name = match_product_name(extracted_text)
     attributes = extract_attributes(extracted_text)
+    if product_name:
+        attributes["Product name"] = product_name
+
+    # Interact with Salesforce
     message = interact_with_salesforce(mode, entry_type, quantity, extracted_text)
 
-    return f"Extracted Text:\n{extracted_text}\n\nAttributes:\n{attributes}", message
+    numbered_output = "\n".join([f"{key}: {value}" for key, value in attributes.items()])
+    return f"Extracted Text:\n{extracted_text}\n\nAttributes and Values:\n{numbered_output}", message
+
+
+import gradio as gr
+import numpy as np
+from PIL import Image
+
+# Function to fetch and return Salesforce data
+def generate_salesforce_data():
+    df = format_salesforce_data()
+    if df is not None:
+        table_component = df.to_html(index=False)
+        bar_graph_image = generate_bar_graph(df)
+        return table_component, bar_graph_image
+    return "<p>No Data Available</p>", None
 
-# 📌 Define the Gradio UI
 def app():
-    with gr.Blocks() as interface:
+    with gr.Blocks(css="""
+        /* General Styling */
+        .gradio-container { 
+            background: #0b0f29; /* Deep Dark Blue */
+            font-family: 'Poppins', sans-serif;
+            color: white;
+            padding: 10px;
+        }
+
+        h1, h2, h3 {
+            text-align: center;
+            color: white;
+            font-weight: bold;
+            text-shadow: 0px 0px 10px rgba(255,255,255,0.8);
+        }
+
+        /* Cards & Elements */
+        .card {
+            background: rgba(255, 255, 255, 0.1);
+            border-radius: 15px;
+            padding: 20px;
+            width: 100%;
+            max-width: 900px; /* Prevents extra-wide tables */
+            margin: auto; /* Centers the table */
+            box-shadow: 0px 0px 25px rgba(0, 255, 255, 0.6);
+            transition: 0.3s;
+        }
+
+        .card:hover {
+            box-shadow: 0px 0px 30px rgba(0, 255, 255, 0.9);
+        }
+
+        /* Buttons */
+        .gradio-button {
+            background: linear-gradient(to right, #ff416c, #ff4b2b);
+            color: white !important;
+            border-radius: 10px !important;
+            font-weight: bold;
+            padding: 12px;
+            transition: all 0.3s ease-in-out;
+            box-shadow: 0px 0px 20px rgba(255, 0, 255, 0.6);
+        }
+
+        .gradio-button:hover {
+            background: linear-gradient(to right, #ff4b2b, #ff416c);
+            box-shadow: 0px 0px 30px rgba(255, 0, 255, 0.9);
+        }
+
+        /* Tabs */
+        .gradio-tab {
+            font-size: 16px;
+            color: white;
+            font-weight: bold;
+            text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.6);
+        }
+
+        /* Scrollable Table */
+        .table-container {
+            width: 100%;
+            max-width: 900px;
+            max-height: 400px; /* Controls table height */
+            overflow-y: auto; /* Enables vertical scrolling */
+            overflow-x: auto; /* Enables horizontal scrolling if needed */
+            display: flex;
+            justify-content: center;
+            margin: auto;
+        }
+
+        table {
+            width: 100%;
+            border-collapse: collapse;
+            background: rgba(255, 255, 255, 0.1);
+            color: white;
+            min-width: 600px;
+        }
+
+        th, td {
+            padding: 12px;
+            text-align: left;
+            border-bottom: 1px solid rgba(255, 255, 255, 0.2);
+            font-size: 14px;
+        }
+
+        th {
+            background: rgba(0, 255, 255, 0.2);
+        }
+
+        /* Mobile View */
+        @media (max-width: 768px) {
+            .gradio-container {
+                padding: 10px;
+            }
+
+            .card {
+                width: 100%;
+                max-width: 100%;
+                padding: 10px;
+            }
+
+            .table-container {
+                max-height: 350px; /* Adjusts for mobile */
+                overflow-y: scroll; /* Ensures vertical scrolling */
+            }
+
+            table {
+                width: 100%;
+                min-width: 100%;
+            }
+
+            th, td {
+                font-size: 12px;
+                padding: 8px;
+            }
+        }
+
+    """) as interface:
+
         gr.Markdown("<h1>🏢 VENKATARAMANA MOTORS</h1>")
 
         with gr.Tab("📥 Stock Entry & Processing"):
             with gr.Row():
                 with gr.Column():
-                    image_input = gr.Image(type="numpy", label="📄 Upload Image")
-                    mode_dropdown = gr.Dropdown(label="📌 Mode", choices=["Entry", "Exit"], value="Entry")
-                    entry_type_radio = gr.Radio(label="📦 Entry Type", choices=["Sales", "Non-Sales"], value="Sales")
-                    quantity_input = gr.Number(label="🔢 Quantity", value=1, interactive=True)
+                    gr.Markdown("<h3>📌 Upload & Process</h3>")
+                    image_input = gr.Image(type="numpy", label="📄 Upload Image", elem_classes="card")
+                    mode_dropdown = gr.Dropdown(label="📌 Mode", choices=["Entry", "Exit"], value="Entry", elem_classes="card")
+                    entry_type_radio = gr.Radio(label="📦 Entry Type", choices=["Sales", "Non-Sales"], value="Sales", elem_classes="card")
+                    quantity_input = gr.Number(label="🔢 Quantity", value=1, interactive=True, elem_classes="card")
 
                 with gr.Column():
-                    image_view = gr.Text(label="📜 Image Data Viewer", interactive=False)
-                    result_output = gr.Text(label="📝 Processed Result", interactive=False)
-                    submit_button = gr.Button("🔍 Process Image")
-
-            submit_button.click(fn=process_image, inputs=[image_input, mode_dropdown, entry_type_radio, quantity_input], 
-                                outputs=[image_view, result_output])
+                    gr.Markdown("<h3>📊 Processed Data</h3>")
+                    image_view = gr.Text(label="📜 Image Data Viewer", interactive=False, elem_classes="card")
+                    result_output = gr.Text(label="📝 Processed Result", interactive=False, elem_classes="card")
+                    submit_button = gr.Button("🔍 Process Image", elem_id="process-btn", elem_classes="gradio-button")
 
         with gr.Tab("📊 Salesforce Data Overview"):
-            salesforce_table = gr.Dataframe()
-            salesforce_graph = gr.Plot()
-            generate_button = gr.Button("⚡ Generate Data")
+            gr.Markdown("<h3>📑 Stock Table</h3>")
+            with gr.Row(elem_classes="table-container"):
+                salesforce_table = gr.HTML(label="📦 Salesforce Data Table", elem_classes="card")
+
+            gr.Markdown("<h3>📈 Inventory Analytics</h3>")
+            with gr.Row():
+                salesforce_graph = gr.Image(type="pil", label="📉 Stock Distribution Bar Graph", elem_classes="card")
+
+            generate_button = gr.Button("⚡ Generate Data", elem_classes="gradio-button")
+
+        # Clicking "Generate Data" fetches table & graph
+        generate_button.click(fn=generate_salesforce_data, inputs=[], outputs=[salesforce_table, salesforce_graph])
+
+        submit_button.click(fn=process_image, inputs=[image_input, mode_dropdown, entry_type_radio, quantity_input], outputs=[image_view, result_output])
+
+        return interface
+
+interface = app()
+interface.launch()
+css = """
+    body {
+        background: linear-gradient(135deg, #282c34, #4b79a1);
+        font-family: 'Poppins', sans-serif;
+    }
+
+    .gradio-container {
+        border-radius: 20px;
+        padding: 30px;
+        background: rgba(255, 255, 255, 0.2);
+        backdrop-filter: blur(10px);
+        box-shadow: 0px 8px 30px rgba(0, 123, 255, 0.4);
+        border: 2px solid rgba(255, 255, 255, 0.4);
+    }
+
+    .gradio-title {
+        font-size: 48px;
+        font-weight: bold;
+        text-align: center;
+        background: linear-gradient(90deg, #ff7eb3, #ff758c);
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+        text-shadow: 5px 5px 20px rgba(255, 105, 180, 0.6);
+        margin-bottom: 20px;
+        animation: glow 2s infinite alternate;
+    }
+
+    @keyframes glow {
+        from {
+            text-shadow: 5px 5px 30px rgba(255, 87, 134, 0.6);
+        }
+        to {
+            text-shadow: 6px 6px 40px rgba(255, 54, 90, 1);
+        }
+    }
+
+    .gradio-box {
+        border-radius: 15px;
+        padding: 25px;
+        background: linear-gradient(135deg, #6a11cb, #2575fc);
+        box-shadow: 0px 6px 25px rgba(30, 144, 255, 0.6);
+        border: 2px solid #6a5acd;
+        color: white;
+        font-size: 18px;
+    }
+
+    .gradio-button {
+        border-radius: 12px;
+        padding: 18px 36px;
+        font-size: 20px;
+        font-weight: bold;
+        color: #fff;
+        background: linear-gradient(135deg, #1e90ff, #00bfff);
+        box-shadow: 0px 6px 25px rgba(0, 191, 255, 0.6);
+        transition: all 0.3s ease-in-out;
+    }
+
+    .gradio-button:hover {
+        background: linear-gradient(135deg, #00bfff, #1e90ff);
+        box-shadow: 0px 10px 35px rgba(0, 191, 255, 0.9);
+        transform: scale(1.1);
+    }
+
+    .gradio-input {
+        border-radius: 10px;
+        padding: 16px;
+        font-size: 18px;
+        background: rgba(255, 255, 255, 0.3);
+        border: 2px solid rgba(0, 123, 255, 0.5);
+        color: #fff;
+        transition: 0.3s;
+    }
+
+    .gradio-input:focus {
+        border: 2px solid #1e90ff;
+        outline: none;
+        box-shadow: 0px 5px 20px rgba(30, 144, 255, 0.6);
+    }
+
+    .gradio-output {
+        background: linear-gradient(135deg, #f39c12, #e74c3c);
+        padding: 22px;
+        border-radius: 15px;
+        color: white;
+        font-size: 20px;
+        text-align: center;
+        border: 2px solid #f39c12;
+    }
+
+    .gradio-file {
+        background: linear-gradient(135deg, #8e44ad, #3498db);
+        color: white;
+        padding: 16px;
+        border-radius: 15px;
+        text-align: center;
+        font-size: 18px;
+    }
+"""
+
 
-            generate_button.click(fn=pull_data_from_salesforce, inputs=[], outputs=[salesforce_table, salesforce_graph])
 
-    return interface
 
-# 🚀 Launch the app
 if __name__ == "__main__":
-    app().launch(share=True)
+    app().launch(share=True)