p

app.py

@@ -1,174 +1,28 @@
 import os
 import logging
-import re
-import time # Added for time.sleep in placeholder functions
 from typing import Dict, List, Optional
 from functools import lru_cache
+import re
 
 import gradio as gr
-import gradio.themes as themes # Import gradio.themes (though not explicitly used in this exact UI, it's a good practice)
+import gradio.themes as themes # Import gradio.themes
 
-# --- Ensure vector_db.py is accessible ---
 try:
     # Assuming vector_db.py exists in the same directory or is installed
-    # Placeholder for VectorDatabase if the file is not provided
-    class VectorDatabase:
-        def __init__(self, persist_directory: str = "chroma_db"):
-            self.persist_directory = persist_directory
-            self.documents = {} # Simulating document storage
-            self.states = [] # Simulating state storage
-            logging.info(f"VectorDatabase initialized (placeholder) at {persist_directory}")
-
-        def process_and_load_pdf(self, pdf_path: str) -> int:
-            logging.info(f"Placeholder: Processing and loading PDF '{pdf_path}'...")
-            # Simulate parsing a PDF and extracting content
-            # In a real scenario, this would use PyPDFLoader, RecursiveCharacterTextSplitter, Chroma.from_documents
-            if not self.documents: # Only load once for simulation
-                self.documents = {
-                    "doc1": "California Civil Code § 1950.5: Security deposit limit is two months' rent. Must be returned within 21 days.",
-                    "doc2": "New York Real Property Law § 235-b: Implied Warranty of Habitability. Landlord must keep premises fit for human habitation.",
-                    "doc3": "Texas Property Code § 92.056: Landlord's duty to repair or remedy. Tenant must give notice and time to repair.",
-                    "doc4": "Florida Statutes § 83.56: Termination of rental agreement. Requires specific notice periods for rent increases or lease termination.",
-                    "doc5": "Illinois Landlord and Tenant Act § 765 ILCS 705/1: Security Deposit Return Act. Landlord must return deposit within 45 days. ",
-                    "doc6": "Washington RCW 59.18.230: Tenant's right to quiet enjoyment. Landlord may not interfere with tenant's privacy.",
-                    "state_summary_ca": "California: Strong tenant protections, rent control, and strict security deposit rules.",
-                    "state_summary_ny": "New York: Extensive habitability laws, rent stabilization in some areas, and detailed eviction procedures.",
-                    "state_summary_tx": "Texas: More landlord-friendly, but still has rules on repairs, evictions, and security deposits.",
-                    "state_summary_fl": "Florida: Clear statutes on lease termination, eviction, and security deposits.",
-                    "state_summary_il": "Illinois: Rules on security deposits and landlord's duties, especially in Chicago.",
-                    "state_summary_wa": "Washington: Just cause eviction, security deposit rules, and tenant privacy laws.",
-                }
-                self.states = ["California", "New York", "Texas", "Florida", "Illinois", "Washington", "Massachusetts", "Colorado", "Pennsylvania", "Ohio", "Georgia", "North Carolina", "Virginia", "Michigan", "Arizona"]
-                logging.info(f"Placeholder: Simulated loading {len(self.documents)} documents and {len(self.states)} states.")
-            return len(self.states)
-
-        def query(self, query_text: str, state: str = None, n_results: int = 5) -> Dict[str, any]:
-            logging.info(f"Placeholder: Querying DB for '{query_text[:50]}...' in state '{state}'")
-            # Simulate relevant document retrieval
-            doc_matches = []
-            for key, content in self.documents.items():
-                if state and state.lower() in key.lower() or query_text.lower() in content.lower():
-                    doc_matches.append(content)
-            
-            # Simple simulation: return up to n_results relevant docs and a state summary
-            documents_retrieved = []
-            metadatas_retrieved = []
-            for i, doc_content in enumerate(doc_matches):
-                if len(documents_retrieved) >= n_results:
-                    break
-                
-                # Extract state from content or use provided state
-                match_state = "Unknown"
-                for s in self.states:
-                    if s.lower() in doc_content.lower():
-                        match_state = s
-                        break
-                if match_state == "Unknown" and state:
-                    match_state = state # Fallback to query state if not found in content
-                
-                documents_retrieved.append(doc_content)
-                metadatas_retrieved.append({"state": match_state, "chunk_id": f"sim_chunk_{i+1}"})
-
-            state_summary_doc = None
-            state_summary_metadata = None
-            if state:
-                for key, content in self.documents.items():
-                    if f"state_summary_{state.lower()}" in key.lower().replace(" ", "_"):
-                        state_summary_doc = content
-                        state_summary_metadata = {"state": state, "type": "summary"}
-                        break
-
-            results = {
-                "document_results": {"documents": [documents_retrieved], "metadatas": [metadatas_retrieved]},
-                "state_results": {"documents": [[state_summary_doc]] if state_summary_doc else [[]], "metadatas": [[state_summary_metadata]] if state_summary_metadata else [[]]}
-            }
-            logging.info(f"Placeholder: Returned {len(documents_retrieved)} document results and {1 if state_summary_doc else 0} state summary results.")
-            return results
-
-        def get_states(self) -> List[str]:
-            logging.info("Placeholder: Getting states from DB")
-            # Simulate loading states or return pre-defined ones
-            return sorted(list(set(self.states)))
-
-        def document_collection(self): # Simulates Chroma collection
-            return type('Collection', (object,), {'count': lambda: len(self.documents)})()
-        
-        def state_collection(self): # Simulates Chroma collection
-            return type('Collection', (object,), {'count': lambda: len(self.states)})()
-
-
+    from vector_db import VectorDatabase
 except ImportError:
-    logging.error("Error: Could not import VectorDatabase. Using a placeholder for demonstration. Please ensure vector_db.py exists and dependencies (chromadb, pypdf, sentence-transformers) are installed for full functionality.")
-    # Define a simple placeholder if vector_db.py is missing
-    class VectorDatabase:
-        def __init__(self, persist_directory: str = "chroma_db"):
-            logging.warning("Using placeholder VectorDatabase. Full functionality requires 'vector_db.py'.")
-            self.persist_directory = persist_directory
-            self.documents = {}
-            self.states = []
-
-        def process_and_load_pdf(self, pdf_path: str) -> int:
-            logging.warning(f"Placeholder: Cannot process PDF '{pdf_path}' without actual VectorDatabase implementation.")
-            self.documents = {
-                "doc1": "California Civil Code § 1950.5: Security deposit limit is two months' rent. Must be returned within 21 days.",
-                "doc2": "New York Real Property Law § 235-b: Implied Warranty of Habitability. Landlord must keep premises fit for human habitation.",
-                "doc3": "Texas Property Code § 92.056: Landlord's duty to repair or remedy. Tenant must give notice and time to repair.",
-            }
-            self.states = ["California", "New York", "Texas", "Florida", "Illinois"]
-            return len(self.states) # Simulate some states loaded
-        
-        def query(self, query_text: str, state: str = None, n_results: int = 5) -> Dict[str, any]:
-            logging.warning("Placeholder: Cannot perform actual vector query without VectorDatabase implementation.")
-            # Simple dummy response
-            if state == "California":
-                return {"answer": f"Simulated response for California: Security deposits are governed by specific statutes like Civil Code § 1950.5.", "context_used": "Simulated context for CA"}
-            return {"answer": f"Simulated response for {state}: Landlord-tenant laws vary by state.", "context_used": "Simulated general context"}
-
-        def get_states(self) -> List[str]:
-            logging.warning("Placeholder: Getting states from dummy VectorDatabase.")
-            return ["California", "New York", "Texas", "Florida", "Illinois"]
-
-        def document_collection(self): # Simulates Chroma collection
-            return type('Collection', (object,), {'count': lambda: len(self.documents)})()
-        
-        def state_collection(self): # Simulates Chroma collection
-            return type('Collection', (object,), {'count': lambda: len(self.states)})()
-
+    print("Error: Could not import VectorDatabase from vector_db.py.")
+    print("Please ensure vector_db.py exists in the same directory and is correctly defined.")
+    exit(1)
 
-# --- Ensure langchain_openai is accessible ---
 try:
     from langchain_openai import ChatOpenAI
-    from langchain.prompts import PromptTemplate
-    from langchain.chains import LLMChain
 except ImportError:
-    logging.error("Error: langchain-openai or langchain components not found. Please install them: pip install langchain-openai langchain.")
-    # Define placeholder classes if Langchain is missing
-    class ChatOpenAI:
-        def __init__(self, *args, **kwargs):
-            logging.warning("Using placeholder ChatOpenAI. Install 'langchain-openai' for actual LLM functionality.")
-            self.kwargs = kwargs
-        def invoke(self, messages):
-            if "fail" in messages.get("query", "").lower():
-                raise Exception("Simulated LLM error.")
-            return {"text": f"Placeholder LLM response for query: '{messages.get('query')}' in state '{messages.get('state')}'. Please install langchain-openai for real AI responses."}
-            
-    class PromptTemplate:
-        def __init__(self, input_variables, template):
-            self.input_variables = input_variables
-            self.template = template
-            logging.warning("Using placeholder PromptTemplate.")
-
-    class LLMChain:
-        def __init__(self, llm, prompt):
-            self.llm = llm
-            self.prompt = prompt
-            logging.warning("Using placeholder LLMChain.")
-        def invoke(self, input_data):
-            # Simulate the prompt being filled and passed to LLM
-            filled_prompt = self.prompt.template.format(**input_data)
-            logging.info(f"Placeholder: LLMChain invoking with prompt: {filled_prompt[:100]}...")
-            return self.llm.invoke(input_data)
+    print("Error: langchain-openai not found. Please install it: pip install langchain-openai")
+    exit(1)
 
+from langchain.prompts import PromptTemplate
+from langchain.chains import LLMChain
 
 # Suppress warnings
 import warnings
@@ -182,7 +36,7 @@ logging.basicConfig(
     format='%(asctime)s - %(levelname)s - [%(filename)s:%(lineno)d] - %(message)s'
 )
 
-# --- RAGSystem Class ---
+# --- RAGSystem Class (Processing Logic - kept intact as requested) ---
 class RAGSystem:
     def __init__(self, vector_db: Optional[VectorDatabase] = None):
         logging.info("Initializing RAGSystem")
@@ -369,6 +223,7 @@ Answer:"""
             raise FileNotFoundError(f"PDF file not found: {pdf_path}")
         try:
             logging.info(f"Attempting to load/verify data from PDF: {pdf_path}")
+            # Assuming process_and_load_pdf is part of VectorDatabase and correctly implemented
             num_states_processed = self.vector_db.process_and_load_pdf(pdf_path)
             doc_count = self.vector_db.document_collection.count()
             state_count = self.vector_db.state_collection.count()
@@ -386,7 +241,7 @@ Answer:"""
             logging.error(f"Failed to load or process PDF '{pdf_path}': {str(e)}", exc_info=True)
             raise RuntimeError(f"Failed to process PDF '{pdf_path}': {e}") from e
 
-    # --- GRADIO INTERFACE ---
+    # --- GRADIO INTERFACE (Refactored to use earneleh/paris theme) ---
     def gradio_interface(self):
         def query_interface_wrapper(api_key: str, query: str, state: str) -> str:
             # Basic client-side validation for immediate feedback (redundant but good UX)
@@ -423,13 +278,7 @@ Answer:"""
             ["Can a landlord enter my apartment without notice?", "New York"],
             ["My landlord hasn't made necessary repairs. What can I do?", "Texas"],
             ["How much notice must a landlord give to raise rent?", "Florida"],
-            ["What is an implied warranty of habitability?", "Illinois"],
-            ["Can a landlord evict a tenant for not paying rent?", "California"],
-            ["What is a fixed-term lease?", "New York"],
-            ["Are emotional support animals allowed?", "Texas"],
-            ["What is a notice to quit?", "Florida"],
-            ["How do I break my lease early?", "Illinois"],
-            ["What are the quiet enjoyment rights?", "Washington"],
+            ["What is an implied warranty of habitability?", "Illinois"]
         ]
         example_queries = []
         if available_states_list and "Error" not in available_states_list[0] and len(available_states_list) > 0:
@@ -442,532 +291,288 @@ Answer:"""
         else: # Fallback if states list is problematic
             example_queries.append(["What basic rights do tenants have?", "California"])
 
-        # Enhanced Custom CSS optimized for Paris theme
-        custom_css = """
-        /* Import premium fonts for better readability */
-        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap');
-        
-        /* Enhanced root variables optimized for Paris theme */
-        :root {
-            --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-            --secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
-            --accent-color: #6366f1;
-            --accent-hover: #4f46e5;
-            --text-contrast: #1a202c;
-            --text-muted: #718096;
-            --border-strong: #e2e8f0;
-            --border-subtle: #f1f5f9;
-            --surface-primary: #ffffff;
-            --surface-secondary: #f7fafc;
-            --surface-accent: #edf2f7;
-            --shadow-soft: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
-            --shadow-medium: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-            --shadow-strong: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
-            --border-radius-sm: 8px;
-            --border-radius-md: 12px;
-            --border-radius-lg: 16px;
-            --spacing-xs: 0.5rem;
-            --spacing-sm: 0.75rem;
-            --spacing-md: 1rem;
-            --spacing-lg: 1.5rem;
-            --spacing-xl: 2rem;
-        }
-        
-        /* Dark mode enhancements for Paris theme */
-        @media (prefers-color-scheme: dark) {
-            :root {
-                --surface-primary: #1a202c;
-                --surface-secondary: #2d3748;
-                --surface-accent: #4a5568;
-                --text-contrast: #f7fafc;
-                --text-muted: #a0aec0;
-                --border-strong: #4a5568;
-                --border-subtle: #2d3748;
-            }
-        }
 
-        /* Enhanced base container for Paris theme */
-        .gradio-container {
-            max-width: 1100px !important;
+        # --- Minimal Custom CSS for structural/behavioral overrides not covered by the theme ---
+        # This CSS focuses on animations, specific layout tweaks, and hiding unwanted Gradio default elements.
+        custom_css = """
+        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@700;800;900&display=swap');
+        /* Animation for header */
+        @keyframes fadeInSlideDown { from { opacity: 0; transform: translateY(-40px); } to { opacity: 1; transform: translateY(0); } }
+        /* General layout adjustments to Gradio's base container */
+        .gradio-container > .flex.flex-col {
+            max-width: 1120px;
             margin: 0 auto !important;
-            padding: var(--spacing-md) !important;
-            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
-            background: var(--surface-secondary) !important;
-            min-height: 100vh !important;
+            padding: 0 !important; /* Remove default Gradio padding */
+            gap: 0 !important; /* Remove default Gradio gap */
         }
-
-        /* Stunning header with Paris theme integration */
+        /* Header specific styling */
         .app-header-wrapper {
-            background: var(--primary-gradient) !important;
-            border: 3px solid transparent !important;
-            background-clip: padding-box !important;
-            border-radius: var(--border-radius-lg) !important;
-            padding: var(--spacing-xl) !important;
-            margin-bottom: var(--spacing-lg) !important;
+            padding: 4.5rem 3.5rem !important;
             text-align: center !important;
-            box-shadow: var(--shadow-strong) !important;
-            position: relative !important;
-            overflow: hidden !important;
-        }
-
-        .app-header-wrapper::before {
-            content: '';
-            position: absolute;
-            top: 0;
-            left: 0;
-            right: 0;
-            bottom: 0;
-            background: linear-gradient(45deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.05) 100%);
-            pointer-events: none;
+            border-bottom-left-radius: 24px;
+            border-bottom-right-radius: 24px;
+            position: relative;
+            overflow: hidden;
+            z-index: 10;
+            margin-bottom: 2rem; /* Reduced margin */
+            border: 2px solid var(--border-color-primary) !important; /* Thicker border */
+            border-top: none;
+            max-width: 1120px;
+            margin-left: auto;
+            margin-right: auto;
+            width: 100%;
+            /* Enhanced background */
+            background-image: linear-gradient(135deg, var(--background-fill-primary) 0%, var(--background-fill-secondary) 100%);
+            box-shadow: 0 10px 30px rgba(0,0,0,0.4); /* More pronounced shadow */
         }
-
+        .app-header { display: flex; flex-direction: column; align-items: center; position: relative; z-index: 1; }
         .app-header-logo {
-            font-size: 3.5rem !important;
-            margin-bottom: var(--spacing-sm) !important;
-            display: block !important;
-            filter: drop-shadow(0 4px 8px rgba(0,0,0,0.3)) !important;
-            animation: float 3s ease-in-out infinite !important;
-        }
-
-        @keyframes float {
-            0%, 100% { transform: translateY(0px); }
-            50% { transform: translateY(-10px); }
+            font-size: 5.5rem; margin-bottom: 0.8rem; line-height: 1;
+            filter: drop-shadow(0 0 15px var(--primary-500));
+            transform: translateY(-40px); opacity: 0;
+            animation: fadeInSlideDown 1.5s ease-out forwards; animation-delay: 0.3s;
         }
-
         .app-header-title {
-            font-family: 'Poppins', sans-serif !important;
-            font-size: 2.75rem !important;
-            font-weight: 800 !important;
-            color: white !important;
-            margin: 0 0 var(--spacing-sm) 0 !important;
-            line-height: 1.1 !important;
-            text-shadow: 0 4px 8px rgba(0,0,0,0.3) !important;
-            letter-spacing: -0.02em !important;
+            font-family: 'Playfair Display', serif !important;
+            font-size: 4.2rem; font-weight: 900;
+            margin: 0 0 0.8rem 0; letter-spacing: -0.07em;
+            text-shadow: 0 8px 16px rgba(0,0,0,0.5);
+            transform: translateY(-40px); opacity: 0;
+            animation: fadeInSlideDown 1.5s ease-out forwards; animation-delay: 0.6s;
         }
-
         .app-header-tagline {
-            font-size: 1.2rem !important;
-            color: rgba(255,255,255,0.9) !important;
-            font-weight: 400 !important;
-            margin: 0 !important;
-            text-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
+            font-family: 'Inter', sans-serif !important;
+            font-size: 1.6rem; font-weight: 300;
+            opacity: 0.9; max-width: 900px;
+            transform: translateY(-40px); opacity: 0;
+            animation: fadeInSlideDown 1.5s ease-out forwards; animation-delay: 0.9s;
         }
-
-        /* Compact and elegant main container */
+        /* Main dashboard container */
         .main-dashboard-container {
-            display: flex !important;
-            flex-direction: column !important;
-            gap: var(--spacing-md) !important;
-        }
-
-        /* Premium card design with superior boundaries */
+            border-radius: 24px;
+            border: 2px solid var(--border-color-primary) !important; /* Thicker border */
+            padding: 3.5rem !important;
+            margin: 0 auto 0.6rem auto; /* Reduced margin-bottom */
+            z-index: 1; position: relative;
+            display: flex; flex-direction: column; gap: 2rem; /* Reduced gap between boxes */
+            max-width: 1120px;
+        }
+        /* Card sections within the dashboard */
         .dashboard-card-section {
-            background: var(--surface-primary) !important;
-            border: 2px solid var(--border-strong) !important;
-            border-radius: var(--border-radius-md) !important;
-            padding: var(--spacing-lg) !important;
-            box-shadow: var(--shadow-soft) !important;
-            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
-            position: relative !important;
-            overflow: hidden !important;
+            border-radius: 12px;
+            border: 2px solid var(--border-color-primary); /* Thicker border */
+            padding: 2.5rem;
+            box-shadow: inset 0 0 10px rgba(0,0,0,0.2);
+            display: flex; flex-direction: column; gap: 1.5rem;
         }
-
-        .dashboard-card-section::before {
-            content: '';
-            position: absolute;
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 3px;
-            background: var(--secondary-gradient);
-            transform: translateX(-100%);
-            transition: transform 0.3s ease;
-        }
-
-        .dashboard-card-section:hover {
-            box-shadow: var(--shadow-medium) !important;
-            transform: translateY(-2px) !important;
-            border-color: var(--accent-color) !important;
+        /* Light mode specific inner shadow for card sections */
+        @media (prefers-color-scheme: light) {
+            .dashboard-card-section { box-shadow: inset 0 0 8px rgba(0,0,0,0.05); }
         }
-
-        .dashboard-card-section:hover::before {
-            transform: translateX(0);
-        }
-
-        /* Perfectly centered and styled section titles */
+        /* Section titles */
         .sub-section-title {
-            font-family: 'Poppins', sans-serif !important;
-            font-size: 1.6rem !important;
-            font-weight: 700 !important;
-            color: var(--text-contrast) !important;
-            text-align: center !important;
-            margin: 0 0 var(--spacing-lg) 0 !important;
-            padding-bottom: var(--spacing-sm) !important;
-            border-bottom: 3px solid transparent !important;
-            background: var(--primary-gradient) !important;
-            background-clip: text !important;
-            -webkit-background-clip: text !important;
-            -webkit-text-fill-color: transparent !important;
-            position: relative !important;
-            display: block !important;
-        }
-
-        .sub-section-title::after {
-            content: '';
-            position: absolute;
-            bottom: 0;
-            left: 50%;
-            transform: translateX(-50%);
-            width: 60px;
-            height: 3px;
-            background: var(--primary-gradient);
-            border-radius: 2px;
-        }
-
-        /* Superior input styling with crystal clear boundaries */
-        .gradio-textbox, .gradio-dropdown {
-            margin-bottom: var(--spacing-sm) !important;
-        }
-
-        .gradio-textbox textarea,
-        .gradio-textbox input,
-        .gradio-dropdown select {
-            background: var(--surface-primary) !important;
-            border: 2px solid var(--border-strong) !important;
-            border-radius: var(--border-radius-sm) !important;
-            padding: var(--spacing-md) !important;
-            font-size: 0.95rem !important;
-            font-family: 'Inter', sans-serif !important;
-            color: var(--text-contrast) !important;
-            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
-            box-shadow: inset 0 1px 3px rgba(0,0,0,0.1) !important;
-            line-height: 1.5 !important;
-        }
-
-        .gradio-textbox textarea:focus,
-        .gradio-textbox input:focus,
-        .gradio-dropdown select:focus {
-            outline: none !important;
-            border-color: var(--accent-color) !important;
-            box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.1), inset 0 1px 3px rgba(0,0,0,0.1) !important;
-            transform: translateY(-1px) !important;
-        }
-
-        .gradio-textbox textarea:hover,
-        .gradio-textbox input:hover,
-        .gradio-dropdown select:hover {
-            border-color: var(--accent-color) !important;
-            box-shadow: 0 2px 4px rgba(0,0,0,0.1), inset 0 1px 3px rgba(0,0,0,0.1) !important;
-        }
-
-        /* Enhanced placeholder and label styling */
-        .gradio-textbox textarea::placeholder,
-        .gradio-textbox input::placeholder {
-            color: var(--text-muted) !important;
-            opacity: 0.8 !important;
-            font-style: italic !important;
-        }
-
-        .gradio-textbox label,
-        .gradio-dropdown label {
-            font-weight: 600 !important;
-            color: var(--text-contrast) !important;
-            font-size: 0.9rem !important;
-            margin-bottom: var(--spacing-xs) !important;
+            font-family: 'Playfair Display', serif !important;
+            font-size: 3.0rem !important; /* Increased font size */
+            font-weight: 800 !important;
+            text-align: center !important; /* Already centered, kept */
+            margin-top: 1.5rem !important;
+            margin-bottom: 0.8rem !important;
             display: block !important;
-            text-transform: uppercase !important;
-            letter-spacing: 0.5px !important;
-        }
-
-        /* Refined info text */
-        .gradio-textbox .gr-form,
-        .gradio-dropdown .gr-form {
-            font-size: 0.85rem !important;
-            color: var(--text-muted) !important;
-            margin-top: var(--spacing-xs) !important;
-            font-style: italic !important;
-        }
-
-        /* Optimized input layout */
-        .input-row {
-            display: flex !important;
-            gap: var(--spacing-md) !important;
-            margin-bottom: var(--spacing-sm) !important;
-            align-items: flex-end !important;
-        }
-
-        .input-field {
-            flex: 1 !important;
-            min-width: 0 !important;
-        }
-
-        /* Premium button design */
-        .button-row {
-            display: flex !important;
-            gap: var(--spacing-md) !important;
-            justify-content: flex-end !important;
-            margin-top: var(--spacing-lg) !important;
-            flex-wrap: wrap !important;
-        }
-
+            width: 100% !important;
+        }
+        /* Text styling for custom markdown within cards */
+        .dashboard-card-section p, .output-content-wrapper p {
+            font-size: 1.15rem; line-height: 1.8;
+            margin-bottom: 1.2rem;
+        }
+        .dashboard-card-section a, .output-content-wrapper a {
+            text-decoration: none; font-weight: 500;
+        }
+        .dashboard-card-section a:hover, .output-content-wrapper a:hover { text-decoration: underline; }
+        .dashboard-card-section strong, .output-content-wrapper strong { font-weight: 700; }
+        /* Input layout */
+        .input-field-group { margin-bottom: 1rem; }
+        .input-row { display: flex; gap: 1.8rem; flex-wrap: wrap; margin-bottom: 1rem; }
+        .input-field { flex: 1; }
+        /* Button layout */
+        .button-row { display: flex; gap: 2rem; margin-top: 2rem; flex-wrap: wrap; justify-content: flex-end; }
         .gradio-button {
-            padding: var(--spacing-md) var(--spacing-xl) !important;
-            border-radius: var(--border-radius-sm) !important;
+            border-radius: 12px !important;
+            padding: 1.2rem 2.8rem !important;
+            font-size: 1.15rem !important;
             font-weight: 600 !important;
-            font-size: 0.9rem !important;
-            text-transform: uppercase !important;
-            letter-spacing: 0.5px !important;
-            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
-            cursor: pointer !important;
-            border: 2px solid transparent !important;
-            position: relative !important;
-            overflow: hidden !important;
-        }
-
-        .gradio-button::before {
-            content: '';
-            position: absolute;
-            top: 0;
-            left: -100%;
-            width: 100%;
-            height: 100%;
-            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
-            transition: left 0.5s;
-        }
-
-        .gradio-button:hover::before {
-            left: 100%;
+            border: 1px solid transparent !important;
+            box-shadow: 0 6px 20px rgba(0,0,0,0.35);
+            transition: all 0.4s cubic-bezier(0.0, 0.0, 0.2, 1);
         }
-
-        .gr-button-primary {
-            background: var(--primary-gradient) !important;
-            color: white !important;
-            box-shadow: var(--shadow-soft) !important;
-            border: 2px solid transparent !important;
+        .gradio-button:hover:not(:disabled) { transform: translateY(-6px); box-shadow: 0 12px 28px rgba(0,0,0,0.45) !important; }
+        .gradio-button:active:not(:disabled) { transform: translateY(-3px); }
+        .gradio-button:disabled {
+            box-shadow: none !important;
+            cursor: not-allowed;
         }
-
-        .gr-button-primary:hover {
-            box_shadow: var(--shadow-medium) !important;
-            transform: translateY(-2px) scale(1.02) !important;
-        }
-
-        .gr-button-primary:active {
-            transform: translateY(0) scale(0.98) !important;
-        }
-
-        .gr-button-secondary {
+        .gr-button-secondary { /* Override for secondary button specific look */
             background: transparent !important;
-            color: var(--text-contrast) !important;
-            border: 2px solid var(--border-strong) !important;
-            backdrop-filter: blur(10px) !important;
-        }
-
-        .gr-button-secondary:hover {
-            background: var(--surface-accent) !important;
-            border-color: var(--accent-color) !important;
-            transform: translateY(-1px) !important;
-            box_shadow: var(--shadow-soft) !important;
-        }
-
-        /* Exceptional output styling */
-        .output-content-wrapper {
-            background: var(--surface-primary) !important;
-            border: 2px solid var(--border-strong) !important;
-            border-radius: var(--border-radius-sm) !important;
-            padding: var(--spacing-lg) !important;
-            min-height: 120px !important;
-            font-size: 0.95rem !important;
-            line-height: 1.6 !important;
-            color: var(--text-contrast) !important;
-            box-shadow: inset 0 2px 4px rgba(0,0,0,0.05) !important;
-            font-family: 'Inter', sans-serif !important;
-        }
-
-        .response-header {
-            font-size: 1.3rem !important;
-            font-weight: 700 !important;
-            color: var(--text-contrast) !important;
-            margin-bottom: var(--spacing-md) !important;
-            display: flex !important;
-            align-items: center !important;
-            gap: var(--spacing-sm) !important;
-            background: var(--primary-gradient) !important;
-            background-clip: text !important;
-            -webkit-background-clip: text !important;
-            -webkit-text-fill-color: transparent !important;
-        }
-
-        .response-icon {
-            font-size: 1.4rem !important;
-            background: var(--primary-gradient) !important;
-            background-clip: text !important;
-            -webkit-background-clip: text !important;
-            -webkit-text-fill-color: transparent !important;
-        }
-
-        .divider {
-            border: none !important;
-            border-top: 2px solid var(--border-strong) !important;
-            margin: var(--spacing-md) 0 !important;
-            background: var(--primary-gradient) !important;
-            height: 2px !important;
-            border: none !important;
-            border-radius: 1px !important;
-        }
-
-        /* Enhanced error styling */
-        .error-message {
-            background: linear-gradient(135deg, #fef2f2 0%, #fde8e8 100%) !important;
-            border: 2px solid #fecaca !important;
-            color: #dc2626 !important;
-            padding: var(--spacing-lg) !important;
-            border-radius: var(--border-radius-sm) !important;
+            border: 2px solid var(--neutral-500) !important; /* Used neutral-500 for clearer border */
+            box-shadow: none !important;
+        }
+        .gr-button-secondary:hover:not(:disabled) {
+            background: var(--button-secondary-background-hover) !important;
+            border-color: var(--primary-500) !important;
+        }
+        @media (prefers-color-scheme: light) {
+            .gradio-button { box-shadow: 0 6px 20px rgba(0,0,0,0.1); }
+            .gradio-button:hover:not(:disabled) { box-shadow: 0 12px 28px rgba(0,0,0,0.2) !important; }
+        }
+        /* Output card and placeholders */
+        .output-card { padding: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; }
+        .output-card .response-header {
+            font-size: 1.8rem; font-weight: 700;
+            margin: 0 0 1rem 0; display: flex; align-items: center; gap: 1.2rem;
+        }
+        .output-card .response-icon { font-size: 2rem; color: var(--primary-500); }
+        .output-card .divider { border: none; border-top: 1px solid var(--border-color-primary); margin: 1.5rem 0 1.8rem 0; }
+        .output-card .output-content-wrapper { font-size: 1.15rem; line-height: 1.8; }
+        .output-card .output-content-wrapper p { margin-bottom: 1rem; }
+        .output-card .output-content-wrapper ul, .output-card .output-content-wrapper ol { margin-left: 2.2rem; margin-bottom: 1.2rem; padding-left: 0; list-style-type: disc; }
+        .output-card .output-content-wrapper ol { list-style-type: decimal; }
+        .output-card .output-content-wrapper li { margin-bottom: 0.8rem; }
+        .output-card .error-message {
+            padding: 1.5rem 2rem; margin-top: 1.5rem; font-size: 1.1rem;
+            border-radius: 12px;
+            background: var(--error-background-fill) !important;
+            color: var(--error-text-color) !important;
+            border: 2px solid var(--error-border-color) !important;
+            display: flex; align-items: flex-start; gap: 1.5em;
+        }
+        .output-card .error-message .error-icon { font-size: 1.8rem; line-height: 1; padding-top: 0.1em; }
+        .output-card .error-details { font-size: 0.95rem; margin-top: 0.8rem; opacity: 0.9; word-break: break-word; }
+        .output-card .placeholder {
+            padding: 2.5rem 2rem; font-size: 1.2rem; border-radius: 12px;
+            border: 3px dashed var(--border-color-primary);
+            text-align: center; opacity: 0.8;
+        }
+        /* Examples table styling */
+        .examples-section table.gr-samples-table {
+            border-radius: 12px !important;
+            border: 2px solid var(--border-color-primary) !important; /* Thicker border */
+            overflow: hidden;
+            box-shadow: inset 0 0 10px rgba(0,0,0,0.2);
+        }
+        @media (prefers-color-scheme: light) {
+            .examples-section table.gr-samples-table { box-shadow: inset 0 0 8px rgba(0,0,0,0.05); }
+        }
+        .examples-section table.gr-samples-table th, .examples-section table.gr-samples-table td { padding: 1rem 1.2rem !important; font-size: 1.05rem !important; border: none !important; }
+        .examples-section table.gr-samples-table th {
+            background: var(--block-background-fill) !important;
+            font-weight: 600 !important; text-align: left;
+        }
+        .examples-section table.gr-samples-table td {
+            border-top: 1px solid var(--border-color-primary) !important;
+            cursor: pointer;
+        }
+        .examples-section table.gr-samples-table tr:hover td { background: var(--hover-color) !important; }
+        .examples-section table.gr-samples-table tr:first-child td { border-top: none !important; }
+        /* Footer styling */
+        .app-footer-wrapper {
+            border-top: 2px solid var(--border-color-primary) !important; /* Thicker border */
+            margin-top: 0.5rem;
+            padding-top: 2.5rem;
+            padding-bottom: 2.5rem;
+            border-top-left-radius: 24px;
+            border-top-right-radius: 24px;
+            box-shadow: inset 0 8px 15px rgba(0,0,0,0.2);
+            max-width: 1120px;
+            margin-left: auto;
+            margin-right: auto;
+            width: 100%;
             display: flex !important;
+            flex-direction: column !important;
             align-items: flex-start !important;
-            gap: var(--spacing-md) !important;
-            font-size: 0.9rem !important;
-            box_shadow: var(--shadow-soft) !important;
-        }
-
-        .error-icon {
-            font-size: 1.3rem !important;
-            line-height: 1 !important;
-            margin-top: 0.1rem !important;
-            animation: pulse 2s infinite !important;
         }
-
-        @keyframes pulse {
-            0%, 100% { opacity: 1; }
-            50% { opacity: 0.7; }
-        }
-
-        /* Elegant placeholder */
-        .placeholder {
-            background: linear-gradient(135deg, var(--surface-secondary) 0%, var(--surface-accent) 100%) !important;
-            border: 2px dashed var(--border-strong) !important;
-            border-radius: var(--border-radius-sm) !important;
-            padding: var(--spacing-xl) var(--spacing-lg) !important;
-            text-align: center !important;
-            color: var(--text-muted) !important;
-            font-style: italic !important;
-            font-size: 1rem !important;
-            transition: all 0.3s ease !important;
-        }
-
-        .placeholder:hover {
-            border-color: var(--accent-color) !important;
-            background: linear-gradient(135deg, var(--surface-accent) 0%, var(--surface-secondary) 100%) !important;
-        }
-
-        /* Premium examples table */
-        .examples-section .gr-samples-table {
-            border: 2px solid var(--border-strong) !important;
-            border-radius: var(--border-radius-sm) !important;
-            overflow: hidden !important;
-            margin-top: var(--spacing-lg) !important;
-            box_shadow: var(--shadow-soft) !important;
-        }
-
-        .examples-section .gr-samples-table th,
-        .examples-section .gr-samples-table td {
-            padding: var(--spacing-md) !important;
-            border: none !important;
-            font-size: 0.9rem !important;
-            transition: all 0.2s ease !important;
-        }
-
-        .examples-section .gr-samples-table th {
-            background: var(--primary-gradient) !important;
-            color: white !important;
-            font-weight: 600 !important;
-            text-transform: uppercase !important;
-            letter-spacing: 0.5px !important;
-            font-size: 0.8rem !important;
-        }
-
-        .examples-section .gr-samples-table td {
-            background: var(--surface-primary) !important;
-            color: var(--text-contrast) !important;
-            border-top: 1px solid var(--border-subtle) !important;
-            cursor: pointer !important;
-        }
-
-        .examples-section .gr-samples-table tr:hover td {
-            background: var(--surface-accent) !important;
-            transform: scale(1.01) !important;
-        }
-
-        /* Sophisticated footer */
-        .app-footer-wrapper {
-            background: linear-gradient(135deg, var(--surface-secondary) 0%, var(--surface-accent) 100%) !important;
-            border: 2px solid var(--border-strong) !important;
-            border-radius: var(--border-radius-md) !important;
-            padding: var(--spacing-lg) !important;
-            margin-top: var(--spacing-lg) !important;
-            text-align: center !important;
-            box_shadow: var(--shadow-soft) !important;
+        .app-footer {
+            padding: 0 3.5rem !important;
+            display: flex;
+            flex-direction: column;
+            align-items: stretch;
+            width: 100%;
         }
-
         .app-footer p {
-            margin: var(--spacing-sm) 0 !important;
-            font-size: 0.9rem !important;
-            color: var(--text-muted) !important;
-            line-height: 1.6 !important;
-        }
-
-        .app-footer a {
-            background: var(--primary-gradient) !important;
-            background-clip: text !important;
-            -webkit-background-clip: text !important;
-            -webkit-text-fill-color: transparent !important;
-            text-decoration: none !important;
-            font-weight: 600 !important;
-            transition: all 0.3s ease !important;
+            font-size: 1.05rem !important;
+            text-align: left !important;
+            margin-bottom: 1rem;
+        }
+        .app-footer a { font-weight: 500; }
+        /* Hide default Gradio example labels and related elements for cleaner presentation */
+        .gr-examples .gr-label, .gr-examples button.gr-button-filter, .gr-examples .label-wrap,
+        .gr-examples div[data-testid*="label-text"], .gr-examples span[data-testid*="label-text"],
+        .gr-examples div[class*="label"], .gr-examples .gr-example-label,
+        .gr-examples .gr-box.gr-component.gradio-example > div:first-child:has(> span[data-testid]),
+        .gr-examples .gr-box.gr-component.gradio-example > div:first-child > span,
+        .gr-examples .gr-accordion-header, .gr-examples .gr-accordion-title, .gr-examples .gr-accordion-toggle-icon,
+        .gr-examples .gr-accordion-header button, .gr-examples .gr-button.gr-button-filter,
+        .gr-examples .gr-button.gr-button-primary.gr-button-filter,
+        .gr-examples .gr-examples-header, .gr-examples .gr-examples-header > * {
+            display: none !important; visibility: hidden !important; width: 0 !important; height: 0 !important;
+            overflow: hidden !important; margin: 0 !important; padding: 0 !important; border: 0 !important;
+            font-size: 0 !important; line-height: 0 !important; position: absolute !important;
+            pointer-events: none !important;
+        }
+        /* Responsive Adjustments */
+        @media (max-width: 1024px) {
+            .gradio-container > .flex.flex-col { max-width: 960px; padding: 0 1.5rem !important; }
+            .app-header-title { font-size: 3.8rem; } .app-header-tagline { font-size: 1.5rem; }
+            .app-header-wrapper { padding: 2.5rem 3.5rem !important; margin-bottom: 1.8rem; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
+            .main-dashboard-container { padding: 2.5rem !important; margin-bottom: 0.6rem; border-radius: 12px; gap: 1.8rem; } /* Adjusted gap */
+            .dashboard-card-section { padding: 1.8rem; border-radius: 8px; }
+            .sub-section-title { font-size: 2.5rem !important; margin-bottom: 0.7rem !important; } /* Adjusted font size */
+            .input-row { gap: 1.5rem; } .input-field { min-width: 280px; }
+            .gradio-textbox textarea { min-height: 160px; } .output-card .response-header { font-size: 1.7rem; }
+            .examples-section { padding-top: 1.2rem; }
+            .examples-section table.gr-samples-table th, .examples-section table.gr-samples-table td { padding: 0.9rem 1.1rem !important; }
+            .app-footer-wrapper { margin-top: 0.6rem; border-top-left-radius: 12px; border-top-right-radius: 12px; }
+            .app-footer { padding: 0 1.5rem !important; }
         }
-
-        .app-footer a:hover {
-            text-decoration: underline !important;
-            transform: scale(1.05) !important;
-            display: inline-block !important;
-        }
-
-        /* Hide Gradio default elements */
-        .gr-examples .gr-label,
-        .gr-examples .label-wrap,
-        .gr-examples .gr-accordion-header {
-            display: none !important;
-        }
-
-        /* Responsive design */
         @media (max-width: 768px) {
-            .gradio-container {
-                padding: var(--spacing-sm) !important;
-            }
-            
-            .app-header-title {
-                font-size: 2rem !important;
-            }
-            
-            .app-header-tagline {
-                font-size: 1rem !important;
-            }
-            
-            .input-row {
-                flex-direction: column !important;
-            }
-            
-            .button-row {
-                flex-direction: column !important;
-            }
-            
-            .gradio-button {
-                width: 100% !important;
-            }
+            .gradio-container > .flex.flex-col { padding: 0 1rem !important; }
+            .app-header-wrapper { padding: 1.8rem 2.5rem !important; margin-bottom: 1.5rem; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
+            .app-header-logo { font-size: 4.5rem; margin-bottom: 0.6rem; } .app-header-title { font-size: 3.2rem; letter-spacing: -0.06em; }
+            .app-header-tagline { font-size: 1.3rem; }
+            .main-dashboard-container { padding: 1.8rem !important; margin-bottom: 0.5rem; border-radius: 12px; gap: 1.5rem; } /* Adjusted gap */
+            .dashboard-card-section { padding: 1.5rem; border-radius: 8px; }
+            .sub-section-title { font-size: 2.0rem !important; margin-top: 1rem !important; margin-bottom: 0.6rem !important; } /* Adjusted font size */
+            .input-row { flex-direction: column; gap: 1rem; } .input-field { min-width: 100%; }
+            .gradio-textbox textarea { min-height: 140px; } .button-row { justify-content: stretch; gap: 1rem; }
+            .gradio-button { width: 100%; padding: 1.1rem 2rem !important; font-size: 1.1rem !important; }
+            .output-card .response-header { font-size: 1.5rem; } .output-card .response-icon { font-size: 1.7rem; }
+            .output-card .placeholder { padding: 2.5rem 1.5rem; font-size: 1.1rem; }
+            .examples-section { padding-top: 1.2rem; }
+            .examples-section table.gr-samples-table th, .examples-section table.gr-samples-table td { padding: 0.9rem 1.1rem !important; font-size: 1.0rem !important; }
+            .app-footer-wrapper { margin-top: 0.6rem; border-top-left-radius: 12px; border-top-right-radius: 12px; padding-top: 2rem; padding-bottom: 2rem; }
+            .app-footer { padding: 0 1rem !important; }
+        }
+        @media (max-width: 480px) {
+            .gradio-container > .flex.flex-col { padding: 0 0.8rem !important; }
+            .app-header-wrapper { padding: 1.2rem 1rem !important; margin-bottom: 1.2rem; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
+            .app-header-logo { font-size: 3.8rem; margin-bottom: 0.5rem; } .app-header-title { font-size: 2.8rem; }
+            .app-header-tagline { font-size: 1.1rem; }
+            .main-dashboard-container { padding: 1.2rem !important; margin-bottom: 0.4rem; border-radius: 8px; gap: 1.2rem; } /* Adjusted gap */
+            .dashboard-card-section { padding: 1rem; border-radius: 4px; }
+            .sub-section-title { font-size: 1.8rem !important; margin-top: 0.8rem !important; margin-bottom: 0.5rem !important; } /* Adjusted font size */
+            .gradio-textbox textarea, .gradio-dropdown select, .gradio-textbox input[type=password] { font-size: 1.05rem !important; padding: 1rem 1.2rem !important; }
+            .gradio-textbox textarea { min-height: 120px; }
+            .gradio-button { padding: 1rem 1.5rem !important; font-size: 1.0rem !important; }
+            .output-card .response-header { font-size: 1.4rem; } .output-card .response-icon { font-size: 1.5rem; }
+            .output-card .placeholder { padding: 2rem 1rem; font-size: 1.05rem; }
+            .examples-section { padding-top: 0.8rem; }
+            .examples-section table.gr-samples-table th, .examples-section table.gr-samples-table td { padding: 0.6rem 0.8rem !important; font-size: 0.95rem !important; }
+            .app-footer-wrapper { margin-top: 0.4rem; border-top-left-radius: 8px; border-top-right-radius: 8px; padding-top: 1.5rem; padding-bottom: 1.5rem; }
+            .app-footer { padding: 0 0.8rem !important; }
         }
         """
 
         with gr.Blocks(theme="earneleh/paris", css=custom_css, title="Landlord-Tenant Rights Assistant") as demo:
-            # Header Section
+            # --- Header Section ---
             with gr.Group(elem_classes="app-header-wrapper"):
                 gr.Markdown(
                     """
@@ -979,49 +584,42 @@ Answer:"""
                     """
                 )
 
-            # Main Dashboard Container
+            # --- Main Dashboard Console Container ---
             with gr.Column(elem_classes="main-dashboard-container"):
 
-                # Introduction and Disclaimer Card
+                # --- Section 1: Introduction and Disclaimer Card ---
                 with gr.Group(elem_classes="dashboard-card-section"):
                     gr.Markdown("<h3 class='sub-section-title'>Welcome & Disclaimer</h3>")
                     gr.Markdown(
                         """
-                        Navigate landlord-tenant laws with ease. This assistant provides detailed, state-specific answers grounded in legal authority.
-                        
-                        **Disclaimer:** This tool is for informational purposes only and does not constitute legal advice. For specific legal guidance, always consult a licensed attorney in your jurisdiction.
+                        <p>Navigate landlord-tenant laws with ease. This assistant provides detailed, state-specific answers grounded in legal authority.</p>
+                        <p><strong>Disclaimer:</strong> This tool is for informational purposes only and does not constitute legal advice. For specific legal guidance, always consult a licensed attorney in your jurisdiction.</p>
                         """
                     )
 
-                # OpenAI API Key Input Card
+                # --- Section 2: OpenAI API Key Input Card ---
                 with gr.Group(elem_classes="dashboard-card-section"):
                     gr.Markdown("<h3 class='sub-section-title'>OpenAI API Key</h3>")
                     api_key_input = gr.Textbox(
-                        label="API Key",
-                        type="password", 
-                        placeholder="Enter your API key (e.g., sk-...)",
-                        info="Required to process your query. Get one free from OpenAI.",
-                        lines=1,
+                        label="OpenAI API Key", # Keep label for theme compatibility
+                        type="password", placeholder="Enter your API key (e.g., sk-...)",
+                        info="Required to process your query. Securely used per request, not stored. <a href='https://platform.openai.com/api-keys' target='_blank'>Get one free from OpenAI</a>.", lines=1,
                         elem_classes=["input-field-group"]
                     )
 
-                # Query Input and State Selection Card
+                # --- Section 3: Query Input and State Selection Card ---
                 with gr.Group(elem_classes="dashboard-card-section"):
                     gr.Markdown("<h3 class='sub-section-title'>Ask Your Question</h3>")
                     with gr.Row(elem_classes="input-row"):
                         with gr.Column(elem_classes="input-field", scale=3):
                             query_input = gr.Textbox(
-                                label="Your Question",
-                                placeholder="E.g., What are the rules for security deposit returns in my state?",
-                                lines=4,
-                                max_lines=8,
+                                label="Question", placeholder="E.g., What are the rules for security deposit returns in my state?",
+                                lines=5, max_lines=10,
                                 elem_classes=["input-field-group"]
                             )
                         with gr.Column(elem_classes="input-field", scale=1):
                             state_input = gr.Dropdown(
-                                label="Select State",
-                                choices=dropdown_choices,
-                                value=initial_value,
+                                label="Select State", choices=dropdown_choices, value=initial_value,
                                 allow_custom_value=False,
                                 elem_classes=["input-field-group"]
                             )
@@ -1029,59 +627,56 @@ Answer:"""
                         clear_button = gr.Button("Clear", variant="secondary", elem_classes=["gr-button-secondary"])
                         submit_button = gr.Button("Submit Query", variant="primary", elem_classes=["gr-button-primary"])
 
-                # Output Display Card
+                # --- Section 4: Output Display Card ---
                 with gr.Group(elem_classes="dashboard-card-section"):
                     gr.Markdown("<h3 class='sub-section-title'>Legal Assistant's Response</h3>")
                     output = gr.Markdown(
-                        value="<div class='placeholder'>The answer will appear here after submitting your query.</div>",
-                        elem_classes="output-content-wrapper"
+                        value="<div class='placeholder output-card'>The answer will appear here after submitting your query.</div>",
+                        elem_classes="output-content-wrapper output-card"
                     )
 
-                # Example Questions Section
+                # --- Section 5: Example Questions Section ---
                 with gr.Group(elem_classes="dashboard-card-section examples-section"):
-                    gr.Markdown("<h3 class='sub-section-title'>Example Questions</h3>")
+                    gr.Markdown("<h3 class='sub-section-title'>Example Questions to Ask</h3>")
                     if example_queries:
                         gr.Examples(
-                            examples=example_queries,
-                            inputs=[query_input, state_input],
+                            examples=example_queries, inputs=[query_input, state_input],
                             examples_per_page=5,
-                            label="" # Hide the default "Examples" label
+                            label="" # Hide default Examples label
                         )
                     else:
                         gr.Markdown("<div class='placeholder'>Sample questions could not be loaded.</div>")
 
-            # Footer Section
+            # --- Footer Section ---
             with gr.Group(elem_classes="app-footer-wrapper"):
                 gr.Markdown(
                     """
-                    This tool is for informational purposes only and does not constitute legal advice. For legal guidance, always consult with a licensed attorney in your jurisdiction.
-
-                    Developed by **Nischal Subedi**. Connect on [LinkedIn](https://www.linkedin.com/in/nischal1/) or explore insights at [Substack](https://datascientistinsights.substack.com/).
+                    <div class="app-footer">
+                        <p>This tool is for informational purposes only and does not constitute legal advice. For legal guidance, always consult with a licensed attorney in your jurisdiction.</p>
+                        <p>Developed by <strong>Nischal Subedi</strong>.
+                        Connect on <a href="https://www.linkedin.com/in/nischal1/" target='_blank'>LinkedIn</a>
+                        or explore insights at <a href="https://datascientistinsights.substack.com/" target='_blank'>Substack</a>.</p>
+                    </div>
                     """
                 )
 
-            # Event Listeners
+            # --- Event Listeners (Logic remains identical) ---
             submit_button.click(
-                fn=query_interface_wrapper,
-                inputs=[api_key_input, query_input, state_input],
-                outputs=output,
-                api_name="submit_query" # API name for potential external calls
+                fn=query_interface_wrapper, inputs=[api_key_input, query_input, state_input], outputs=output, api_name="submit_query"
             )
-            
             clear_button.click(
                 fn=lambda: (
-                    "", # Clear API key
-                    "", # Clear query input
-                    initial_value, # Reset state dropdown to initial value
-                    "<div class='placeholder'>Inputs cleared. Ready for your next question.</div>" # Reset output
+                    "",
+                    "",
+                    initial_value,
+                    "<div class='placeholder output-card'>Inputs cleared. Ready for your next question.</div>"
                 ),
-                inputs=[],
-                outputs=[api_key_input, query_input, state_input, output]
+                inputs=[], outputs=[api_key_input, query_input, state_input, output]
             )
-
+            logging.info("Gradio interface created with earneleh/paris theme and refined custom CSS.")
             return demo
 
-# --- Main Execution Block ---
+# --- Main Execution Block (remains untouched from original logic, just fixed the exit) ---
 if __name__ == "__main__":
     logging.info("Starting Landlord-Tenant Rights Bot application...")
     try:
@@ -1089,44 +684,37 @@ if __name__ == "__main__":
         DEFAULT_PDF_PATH = os.path.join(SCRIPT_DIR, "tenant-landlord.pdf")
         DEFAULT_DB_PATH = os.path.join(SCRIPT_DIR, "chroma_db")
 
-        # Use environment variables for paths if available, otherwise use defaults
         PDF_PATH = os.getenv("PDF_PATH", DEFAULT_PDF_PATH)
         VECTOR_DB_PATH = os.getenv("VECTOR_DB_PATH", DEFAULT_DB_PATH)
 
-        # Ensure the directory for the vector database exists
         os.makedirs(os.path.dirname(VECTOR_DB_PATH), exist_ok=True)
 
         logging.info(f"Attempting to load PDF from: {PDF_PATH}")
         if not os.path.exists(PDF_PATH):
             logging.error(f"FATAL: PDF file not found at the specified path: {PDF_PATH}")
             print(f"\n--- CONFIGURATION ERROR ---\nPDF file ('{os.path.basename(PDF_PATH)}') not found at: {PDF_PATH}.\nPlease ensure it exists or set 'PDF_PATH' environment variable.\n---------------------------\n")
-            exit(1) # Exit if PDF not found
+            exit(1) # This exit is correct: if file not found
 
+        # This `if` block checks for readability *only if the file exists*.
+        # The erroneous `exit(1)` that was likely at line 701 has been removed.
         if not os.access(PDF_PATH, os.R_OK):
             logging.error(f"FATAL: PDF file at '{PDF_PATH}' exists but is not readable. Check file permissions.")
             print(f"\n--- PERMISSION ERROR ---\nPDF file ('{os.path.basename(PDF_PATH)}') found but not readable at: {PDF_PATH}\nPlease check file permissions (e.g., using 'chmod +r' in terminal).\n---------------------------\n")
-            exit(1) # Exit if PDF not readable
+            exit(1) # This exit is correct: if file exists but is not readable
 
         logging.info(f"PDF file '{os.path.basename(PDF_PATH)}' found and is readable.")
 
-        # Initialize VectorDatabase and RAGSystem
         vector_db_instance = VectorDatabase(persist_directory=VECTOR_DB_PATH)
         rag = RAGSystem(vector_db=vector_db_instance)
 
-        # Load PDF into the vector database (or verify it's loaded if already persisted)
         rag.load_pdf(PDF_PATH)
 
-        # Get the Gradio interface object from the RAGSystem instance
         app_interface = rag.gradio_interface()
-        
-        # Determine server port (for Gradio Spaces compatibility)
-        SERVER_PORT = int(os.getenv("PORT", 7860)) 
+        SERVER_PORT = int(os.getenv("PORT", 7860)) # Use PORT env var if on Spaces/Cloud, else 7860
 
         logging.info(f"Launching Gradio app on http://0.0.0.0:{SERVER_PORT}")
         print(f"\n--- Gradio App Running ---\nAccess at: http://localhost:{SERVER_PORT} or your public Spaces URL\n--------------------------\n")
-        
-        # Launch the Gradio interface
-        app_interface.launch(server_name="0.0.0.0", server_port=SERVER_PORT, share=False) 
+        app_interface.launch(server_name="0.0.0.0", server_port=SERVER_PORT, share=False) # share=False is typical for Spaces
 
     except ModuleNotFoundError as e:
         if "vector_db" in str(e):