updated UI

app.py

@@ -35,20 +35,12 @@ logging.basicConfig(
 
 # --- RAGSystem Class ---
 class RAGSystem:
-    # (Keep the RAGSystem class exactly the same as in the previous version)
-    # ... __init__ ...
-    # ... extract_statutes ...
-    # ... process_query_cached ...
-    # ... process_query ...
-    # ... get_states ...
-    # ... load_pdf ...
     def __init__(self, vector_db: Optional[VectorDatabase] = None):
         logging.info("Initializing RAGSystem")
         self.vector_db = vector_db if vector_db else VectorDatabase()
         self.llm = None
         self.chain = None
         self.prompt_template_str = """You are a legal assistant specializing in tenant rights and landlord-tenant laws. Your goal is to provide accurate, detailed, and helpful answers grounded in legal authority. Use the provided statutes as the primary source when available. If no relevant statutes are found in the context, rely on your general knowledge to provide a pertinent and practical response, clearly indicating when you are doing so and prioritizing state-specific information over federal laws for state-specific queries.
-
 Instructions:
 * Use the context and statutes as the primary basis for your answer when available.
 * For state-specific queries, prioritize statutes or legal principles from the specified state over federal laws.
@@ -58,17 +50,14 @@ Instructions:
 * Include practical examples or scenarios to enhance clarity and usefulness.
 * Use bullet points or numbered lists for readability when appropriate.
 * Maintain a professional and neutral tone.
-
 Question: {query}
 State: {state}
 Statutes from context:
 {statutes}
-
 Context information:
 --- START CONTEXT ---
 {context}
 --- END CONTEXT ---
-
 Answer:"""
         self.prompt_template = PromptTemplate(
             input_variables=["query", "context", "state", "statutes"],
@@ -248,463 +237,406 @@ 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 ---
     def gradio_interface(self):
-        # Wrapper function for the Gradio interface logic
         def query_interface_wrapper(api_key: str, query: str, state: str) -> str:
             logging.info(f"Gradio interface received query: '{query[:50]}...', state: '{state}'")
-
-            # Re-validate inputs robustly
             if not api_key or not api_key.strip() or not api_key.startswith("sk-"):
-                 return "<div class='error-message'>Please provide a valid OpenAI API key (starting with 'sk-'). <a href='https://platform.openai.com/api-keys' target='_blank'>Get one here</a>.</div>"
+                 return "<div class='error-message'><span class='error-icon'>⚠️</span>Please provide a valid OpenAI API key (starting with 'sk-'). <a href='https://platform.openai.com/api-keys' target='_blank'>Get one here</a>.</div>"
             if not state or state == "Select a state..." or "Error" in state:
-                return "<div class='error-message'>Please select a valid state from the dropdown.</div>"
+                return "<div class='error-message'><span class='error-icon'>⚠️</span>Please select a valid state from the dropdown.</div>"
             if not query or not query.strip():
-                return "<div class='error-message'>Please enter your question in the text box.</div>"
-
-            # Call the core processing logic
+                return "<div class='error-message'><span class='error-icon'>⚠️</span>Please enter your question in the text box.</div>"
             result = self.process_query(query=query, state=state, openai_api_key=api_key)
-
-            # Format the response for display
-            answer = result.get("answer", "<div class='error-message'>An unexpected error occurred, and no answer was generated. Please check the logs or try again.</div>")
-
-            # Add a header *only* if the answer is not an error message itself
+            answer = result.get("answer", "<div class='error-message'><span class='error-icon'>⚠️</span>An unexpected error occurred.</div>")
             if not "<div class='error-message'>" in answer:
-                 formatted_response = f"<h3 class='response-header'>Response for {state}</h3><hr class='divider'>{answer}"
+                 formatted_response = f"<div class='response-header'><span class='response-icon'>📜</span>Response for {state}</div><hr class='divider'>{answer}"
             else:
-                 formatted_response = answer # Pass through error messages directly
-
-            # Log context length for debugging (optional)
-            context_used = result.get("context_used", "N/A")
-            if isinstance(context_used, str) and "N/A" not in context_used:
-                logging.debug(f"Context length used for query: {len(context_used)} characters.")
-            else:
-                logging.debug(f"No context was used or available for this query ({context_used}).")
-
+                 formatted_response = answer
             return formatted_response
 
-        # --- Get Available States for Dropdown ---
         try:
             available_states_list = self.get_states()
-            if not available_states_list or "Error" in available_states_list[0]:
-                dropdown_choices = ["Error: Could not load states"]
-                initial_value = dropdown_choices[0]
-                logging.error("Could not load states for dropdown. UI will show error.")
-            else:
-                dropdown_choices = ["Select a state..."] + available_states_list
-                initial_value = dropdown_choices[0]
-        except Exception as e:
-            logging.error(f"Unexpected critical error getting states: {e}", exc_info=True)
+            dropdown_choices = ["Select a state..."] + (available_states_list if available_states_list and "Error" not in available_states_list[0] else ["Error: States unavailable"])
+            initial_value = dropdown_choices[0]
+        except Exception:
             dropdown_choices = ["Error: Critical failure loading states"]
             initial_value = dropdown_choices[0]
 
-        # --- Prepare Example Queries ---
         example_queries_base = [
             ["What are the rules for security deposit returns?", "California"],
             ["Can a landlord enter my apartment without notice?", "New York"],
             ["My landlord hasn't made necessary repairs. What can I do?", "Texas"],
-            ["What are the limits on rent increases in my state?", "Florida"],
-            ["Is my lease automatically renewed if I don't move out?", "Illinois"],
-            ["What happens if I break my lease early?", "Washington"]
         ]
         example_queries = []
-        if available_states_list and "Error" not in available_states_list[0]:
+        if available_states_list and "Error" not in available_states_list[0] and len(available_states_list) > 0: # Check length too
             loaded_states_set = set(available_states_list)
             example_queries = [ex for ex in example_queries_base if ex[1] in loaded_states_set]
-        if not example_queries:
-             fallback_state = available_states_list[0] if available_states_list and "Error" not in available_states_list[0] else "California"
-             example_queries.append(["What basic rights do tenants have?", fallback_state])
+            if not example_queries: # If base examples don't match loaded states, add a generic one
+                 example_queries.append(["What basic rights do tenants have?", available_states_list[0]])
+        elif not example_queries: # Fallback if states list is empty or errored
+            example_queries.append(["What basic rights do tenants have?", "California"])
 
-        # --- Refined Custom CSS ---
-        # Focus: Unified background, distinct white cards, proper centering, refined examples table
+
+        # --- REFINED "Clarity & Counsel" Theme ---
         custom_css = """
-        @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
+        @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
+
+        :root {
+            --font-family-main: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+
+            /* Clarity & Counsel - Light Theme */
+            --app-bg-light: #F9FAFB;
+            --surface-bg-light: #FFFFFF;
+            --text-primary-light: #1A202C; /* Tailwind gray-900 - darker for more contrast */
+            --text-secondary-light: #718096; /* Tailwind gray-600 */
+            --accent-primary-light: #00796B; /* Teal 700 */
+            --accent-primary-hover-light: #00695C; /* Teal 800 */
+            --interactive-text-light: #00796B;
+            --interactive-text-hover-light: #005F52; /* Darker hover for links */
+            --border-light: #E2E8F0; /* Tailwind gray-300 */
+            --button-secondary-bg-light: #F1F5F9; /* Tailwind slate-100 */
+            --button-secondary-text-light: #334155; /* Tailwind slate-700 */
+            --button-secondary-hover-bg-light: #E2E8F0; /* Tailwind slate-200 */
+            --shadow-light: 0 4px 12px rgba(0,0,0,0.05); /* Single softer, more diffused shadow */
+            --focus-ring-light: rgba(0, 121, 107, 0.2);
+            --error-bg-light: #FFF1F2; --error-text-light: #C81E1E; --error-border-light: #FFD0D0;
+            --success-bg-light: #EFFCF6; --success-text-light: #15803D; --success-border-light: #B3EED1;
+
+            /* Clarity & Counsel - Dark Theme */
+            --app-bg-dark: #0F172A; /* Tailwind slate-900 - deeper dark */
+            --surface-bg-dark: #1E293B; /* Tailwind slate-800 */
+            --text-primary-dark: #F1F5F9; /* Tailwind slate-100 */
+            --text-secondary-dark: #94A3B8; /* Tailwind slate-400 */
+            --accent-primary-dark: #2DD4BF; /* Teal 400 */
+            --accent-primary-hover-dark: #14B8A6; /* Teal 500 */
+            --interactive-text-dark: #5EEAD4; /* Brighter teal for links */
+            --interactive-text-hover-dark: #99F6E4; /* Even brighter */
+            --border-dark: #334155; /* Tailwind slate-700 */
+            --button-secondary-bg-dark: #334155;
+            --button-secondary-text-dark: #CBD5E1; /* Tailwind slate-300 */
+            --button-secondary-hover-bg-dark: #475569; /* Tailwind slate-600 */
+            --shadow-dark: 0 4px 12px rgba(0,0,0,0.2);
+            --focus-ring-dark: rgba(45, 212, 191, 0.25);
+            --error-bg-dark: #451515; --error-text-dark: #FFD0D0; --error-border-dark: #9E2D2D;
+            --success-bg-dark: #073D24; --success-text-dark: #B3EED1; --success-border-dark: #16653D;
+
+            --radius-sm: 4px; --radius-md: 8px; --radius-lg: 12px; /* More pronounced radius */
+            --transition: 0.15s ease-in-out;
+        }
 
-        /* --- Base & Body --- */
         body, .gradio-container {
-            font-family: 'Roboto', sans-serif !important;
-            background-color: #F5F7FA !important; /* Light grey base background */
-            color: #1F2A44;
-            margin: 0;
-            padding: 0;
-            min-height: 100vh;
-            font-size: 16px; /* Base font size */
-            -webkit-font-smoothing: antialiased;
-            -moz-osx-font-smoothing: grayscale;
-        }
-        * {
-             box-sizing: border-box;
-        }
-
-        /* --- Main Content Container --- */
-        .gradio-container > .flex.flex-col { /* Target the main content column */
-            max-width: 960px; /* Slightly wider max-width */
-            margin: 0 auto !important; /* Center the column */
-            padding: 3rem 1.5rem !important; /* More vertical padding */
-            gap: 2.5rem !important; /* Consistent gap between sections */
-            background-color: transparent !important; /* Ensure container itself is transparent */
-        }
-
-        /* --- Card Styling (Applied to Groups) --- */
-        .card-style {
-            background-color: #FFFFFF !important; /* White background for cards */
-            border: 1px solid #E5E7EB !important; /* Subtle border */
-            border-radius: 12px !important;
-            padding: 2rem !important; /* Consistent padding inside cards */
-            box-shadow: 0 4px 12px rgba(101, 119, 134, 0.08) !important; /* Refined shadow */
-            overflow: hidden; /* Prevent content spill */
-        }
-        /* Remove default Gradio Group padding if using custom padding */
-        .gradio-group {
-            padding: 0 !important;
-            border: none !important;
-            background: none !important;
-            box-shadow: none !important;
-        }
-
-        /* --- Header Section --- */
-        .header-section {
-            background-color: transparent !important; /* Header blends */
-            padding: 1rem 0 !important;
-            text-align: center !important; /* Center align all content */
-            border: none !important;
-            box-shadow: none !important;
-        }
-        .header-logo {
-            font-size: 2.8rem;
-            color: #2563EB;
-            margin-bottom: 0.75rem;
-            display: block; /* Ensure centering */
-        }
-        .header-title {
-            font-size: 2rem; /* Larger title */
-            font-weight: 700;
-            color: #111827; /* Darker title */
-            margin: 0 0 0.25rem 0;
-        }
-        .header-tagline {
-            font-size: 1.1rem;
-            color: #4B5563;
-            margin: 0;
-        }
-
-        /* --- Introduction Section --- */
-        /* Uses card-style defined above */
-        .intro-card h3 {
-            font-size: 1.5rem;
-            font-weight: 600;
-            color: #0369A1; /* Blue heading */
-            margin: 0 0 1rem 0;
-            padding-bottom: 0.5rem;
-            border-bottom: 1px solid #E0F2FE; /* Light blue underline */
-        }
-        .intro-card p {
-            font-size: 1rem;
-            line-height: 1.6;
-            color: #374151; /* Standard text color */
-            margin: 0 0 0.75rem 0;
-        }
-        .intro-card a {
-            color: #0369A1;
-            text-decoration: underline;
-            font-weight: 500;
-        }
-        .intro-card a:hover { color: #0284C7; }
-        .intro-card strong { font-weight: 600; color: #1F2A44; }
-
-        /* --- Input Form Section --- */
-        /* Uses card-style */
-        .input-form-card h3 {
-            font-size: 1.4rem;
-            font-weight: 600;
-            color: #1F2A44;
-            margin: 0 0 1.75rem 0;
-            padding-bottom: 0.75rem;
-            border-bottom: 1px solid #E5E7EB;
-        }
-        .input-field-group { margin-bottom: 1.5rem; }
-        .input-row { display: flex; gap: 1.5rem; flex-wrap: wrap; margin-bottom: 1.5rem; }
-        .input-field { flex: 1; min-width: 220px; }
-
-        /* Input Elements */
+            font-family: var(--font-family-main) !important; background: var(--app-bg-light) !important;
+            color: var(--text-primary-light) !important; margin: 0; padding: 0; min-height: 100vh;
+            font-size: 16px; line-height: 1.7;
+        }
+        * { box-sizing: border-box; }
+        @media (prefers-color-scheme: dark) {
+            body, .gradio-container { background: var(--app-bg-dark) !important; color: var(--text-primary-dark) !important; }
+        }
+
+        .gradio-container > .flex.flex-col {
+            max-width: 800px; margin: 0 auto !important; padding: 3rem 1.5rem !important; gap: 3rem !important; /* Increased gap */
+        }
+
+        .content-surface {
+            background: var(--surface-bg-light) !important; border-radius: var(--radius-lg) !important;
+            padding: 2.75rem !important; /* More padding */
+            box-shadow: var(--shadow-light) !important; border: 1px solid var(--border-light) !important;
+        }
+        @media (prefers-color-scheme: dark) {
+            .content-surface {
+                background: var(--surface-bg-dark) !important; box-shadow: var(--shadow-dark) !important;
+                border: 1px solid var(--border-dark) !important;
+            }
+        }
+
+        .app-header {
+            background: var(--accent-primary-light) !important; color: #FFFFFF !important;
+            padding: 3.5rem 2rem !important; /* More padding */
+            text-align: center; margin-bottom: 3rem; /* Increased space */
+            border-bottom-left-radius: var(--radius-lg); border-bottom-right-radius: var(--radius-lg);
+            box-shadow: 0 6px 15px rgba(0, 121, 107, 0.15); /* Shadow using accent color */
+            border-bottom: 4px solid var(--accent-primary-hover-light);
+        }
+        .app-header-logo { font-size: 3.25rem; margin-bottom: 0.85rem; display: block; }
+        .app-header-title { font-size: 2.4rem; font-weight: 600; margin: 0 0 0.6rem 0; }
+        .app-header-tagline { font-size: 1.15rem; font-weight: 300; opacity: 0.95; }
+        @media (prefers-color-scheme: dark) {
+            .app-header {
+                background: var(--accent-primary-dark) !important; color: var(--app-bg-dark) !important; /* Dark text on bright teal */
+                box-shadow: 0 6px 15px rgba(45, 212, 191, 0.2);
+                border-bottom: 4px solid var(--accent-primary-hover-dark);
+            }
+        }
+
+        .section-title, .input-form-card h3, .examples-card .gr-examples-header {
+            font-size: 1.6rem !important; font-weight: 600 !important; color: var(--text-primary-light) !important;
+            margin: 0 auto 2.25rem auto !important; padding-bottom: 1rem !important;
+            border-bottom: 1px solid var(--border-light) !important; text-align: center !important; max-width: 100%;
+        }
+        @media (prefers-color-scheme: dark) {
+            .section-title, .input-form-card h3, .examples-card .gr-examples-header {
+                color: var(--text-primary-dark) !important; border-bottom-color: var(--border-dark) !important;
+            }
+        }
+
+        .content-surface p { font-size: 1.05rem; line-height: 1.75; color: var(--text-secondary-light); margin-bottom: 1.1rem; }
+        .content-surface a { color: var(--interactive-text-light); text-decoration: none; font-weight: 500; }
+        .content-surface a:hover { color: var(--interactive-text-hover-light); text-decoration: underline; }
+        .content-surface strong { font-weight: 600; color: var(--text-primary-light); }
+        @media (prefers-color-scheme: dark) {
+            .content-surface p { color: var(--text-secondary-dark); }
+            .content-surface a { color: var(--interactive-text-dark); }
+            .content-surface a:hover { color: var(--interactive-text-hover-dark); }
+            .content-surface strong { color: var(--text-primary-dark); }
+        }
+
+        .input-field-group { margin-bottom: 2rem; }
+        .input-row { display: flex; gap: 2rem; flex-wrap: wrap; margin-bottom: 2rem; }
+        .input-field { flex: 1; min-width: 240px; }
+
+        .gradio-input-label {
+            font-size: 0.95rem !important; font-weight: 500 !important; color: var(--text-primary-light) !important;
+            margin-bottom: 0.6rem !important; display: block !important;
+        }
+        .gradio-input-info { font-size: 0.85rem !important; color: var(--text-secondary-light) !important; margin-top: 0.4rem; }
+        @media (prefers-color-scheme: dark) {
+            .gradio-input-label { color: var(--text-primary-dark) !important; }
+            .gradio-input-info { color: var(--text-secondary-dark) !important; }
+        }
+
         .gradio-textbox textarea, .gradio-dropdown select, .gradio-textbox input[type=password] {
-            border: 1px solid #D1D5DB !important;
-            border-radius: 8px !important;
-            padding: 0.8rem 1rem !important;
-            font-size: 1rem !important; /* Make inputs slightly larger */
-            background-color: #F9FAFB !important;
-            color: #1F2A44 !important;
-            transition: border-color 0.2s ease, box-shadow 0.2s ease;
-            width: 100% !important;
-        }
-        .gradio-textbox textarea { min-height: 90px; }
+            border: 1px solid var(--border-light) !important; border-radius: var(--radius-md) !important;
+            padding: 0.9rem 1.1rem !important; font-size: 1rem !important;
+            background: var(--surface-bg-light) !important; color: var(--text-primary-light) !important;
+            width: 100% !important; box-shadow: none !important;
+        }
+        .gradio-textbox textarea { min-height: 125px; }
+        .gradio-textbox textarea::placeholder, .gradio-textbox input[type=password]::placeholder { color: #A0AEC0 !important; } /* Tailwind gray-400 for placeholder */
         .gradio-textbox textarea:focus, .gradio-dropdown select:focus, .gradio-textbox input[type=password]:focus {
-            border-color: #2563EB !important;
-            box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15) !important;
-            outline: none !important;
-            background-color: #FFFFFF !important;
-        }
-        .gradio-input-label, .gradio-output-label { /* Label styling */
-            font-size: 0.9rem !important;
-            font-weight: 500 !important;
-            color: #374151 !important;
-            margin-bottom: 0.5rem !important;
-            display: block !important;
-        }
-        .gradio-input-info { /* Info text */
-            font-size: 0.85rem !important;
-            color: #6B7280 !important;
-            margin-top: 0.3rem;
-        }
-
-        /* Buttons */
-        .button-row { display: flex; gap: 1rem; margin-top: 1.5rem; flex-wrap: wrap; justify-content: flex-end; }
+            border-color: var(--accent-primary-light) !important;
+            box-shadow: 0 0 0 3px var(--focus-ring-light) !important; outline: none !important;
+        }
+        @media (prefers-color-scheme: dark) {
+            .gradio-textbox textarea, .gradio-dropdown select, .gradio-textbox input[type=password] {
+                border: 1px solid var(--border-dark) !important; background: var(--surface-bg-dark) !important;
+                color: var(--text-primary-dark) !important;
+            }
+            .gradio-textbox textarea::placeholder, .gradio-textbox input[type=password]::placeholder { color: #718096 !important; } /* Tailwind gray-600 dark placeholder */
+            .gradio-textbox textarea:focus, .gradio-dropdown select:focus, .gradio-textbox input[type=password]:focus {
+                border-color: var(--accent-primary-dark) !important; box-shadow: 0 0 0 3px var(--focus-ring-dark) !important;
+            }
+        }
+        .gradio-dropdown select {
+            appearance: none; -webkit-appearance: none; -moz-appearance: none;
+            background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22%236B7280%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M5.293%207.293a1%201%200%20011.414%200L10%2010.586l3.293-3.293a1%201%200%20111.414%201.414l-4%204a1%201%200%2001-1.414%200l-4-4a1%201%200%20010-1.414z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
+            background-repeat: no-repeat; background-position: right 1.1rem center; background-size: 1em; padding-right: 3.2rem !important;
+        }
+        @media (prefers-color-scheme: dark) {
+            .gradio-dropdown select {
+                 background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22%239CA3AF%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M5.293%207.293a1%201%200%20011.414%200L10%2010.586l3.293-3.293a1%201%200%20111.414%201.414l-4%204a1%201%200%2001-1.414%200l-4-4a1%201%200%20010-1.414z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
+            }
+        }
+
+        .button-row { display: flex; gap: 1.25rem; margin-top: 2.25rem; flex-wrap: wrap; justify-content: flex-end; }
         .gradio-button {
-            border-radius: 8px !important; padding: 0.75rem 1.5rem !important; font-size: 0.95rem !important;
-            font-weight: 500 !important; border: none !important; cursor: pointer;
-            transition: background-color 0.2s ease, transform 0.1s ease, box-shadow 0.2s ease;
-        }
-        .gradio-button:hover:not(:disabled) { transform: translateY(-1px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); }
-        .gradio-button:active:not(:disabled) { transform: scale(0.98); box-shadow: none; }
-        .gradio-button:disabled { background: #E5E7EB !important; color: #9CA3AF !important; cursor: not-allowed; }
-        .gr-button-primary { background-color: #2563EB !important; color: #FFFFFF !important; }
-        .gr-button-primary:hover:not(:disabled) { background-color: #1D4ED8 !important; }
-        .gr-button-secondary { background-color: #F3F4F6 !important; color: #374151 !important; border: 1px solid #D1D5DB !important; }
-        .gr-button-secondary:hover:not(:disabled) { background-color: #E5E7EB !important; border-color: #9CA3AF !important; }
-
-        /* --- Output Section --- */
-        /* Uses card-style */
-        .output-card .response-header { /* Style the H3 we add in Python */
-            font-size: 1.3rem;
-            font-weight: 600;
-            color: #1F2A44;
-            margin: 0 0 0.75rem 0;
-        }
-        .output-card .divider { /* Style the HR we add */
-            border: none; border-top: 1px solid #E5E7EB; margin: 1rem 0 1.5rem 0;
-        }
-        .output-card .output-content-wrapper { /* Wrapper for the markdown content */
-            font-size: 1rem; line-height: 1.7; color: #374151;
-        }
-        .output-card .output-content-wrapper p { margin-bottom: 1rem; }
-        .output-card .output-content-wrapper ul, .output-card .output-content-wrapper ol { margin-left: 1.5rem; margin-bottom: 1rem; padding-left: 1rem; }
-        .output-card .output-content-wrapper li { margin-bottom: 0.5rem; }
-        .output-card .output-content-wrapper strong, .output-card .output-content-wrapper b { font-weight: 600; color: #111827; }
-        .output-card .output-content-wrapper a { color: #2563EB; text-decoration: underline; }
-        .output-card .output-content-wrapper a:hover { color: #1D4ED8; }
-
-        /* Error message styling */
-        .output-card .error-message {
-            background-color: #FEF2F2; border: 1px solid #FECACA; border-left: 4px solid #F87171;
-            border-radius: 8px; padding: 1rem 1.25rem; color: #B91C1C; font-weight: 500; margin-top: 0.5rem;
-        }
-        .output-card .error-details { font-size: 0.9rem; color: #991B1B; margin-top: 0.5rem; font-style: italic; }
-        /* Placeholder text */
-        .output-card .placeholder { color: #9CA3AF; font-style: italic; text-align: center; padding: 2rem 1rem; display: block; }
-
-        /* --- Examples Section --- */
-        /* Uses card-style */
-        .examples-card .gr-examples-header { /* Style the header Gradio adds */
-            font-size: 1.3rem !important; font-weight: 600 !important; color: #1F2A44 !important;
-            margin: 0 0 1.5rem 0 !important; padding-bottom: 0.75rem !important; border-bottom: 1px solid #E5E7EB !important;
-        }
-        /* Style the TABLE generated by gr.Examples */
-        .examples-card .gr-examples-table { border-collapse: collapse !important; width: 100% !important; }
-        .examples-card .gr-examples-table th,
-        .examples-card .gr-examples-table td {
-            text-align: left !important; padding: 0.75rem 1rem !important;
-            border: 1px solid #E5E7EB !important; font-size: 0.95rem !important;
-            color: #374151 !important; background-color: transparent !important;
-        }
-        .examples-card .gr-examples-table th {
-             font-weight: 500 !important; background-color: #F9FAFB !important; color: #1F2A44 !important;
-        }
-        /* Style the example *rows* when clickable */
-         .examples-card .gr-examples-table tr { cursor: pointer; transition: background-color 0.2s ease; }
-         .examples-card .gr-examples-table tr:hover td { background-color: #F3F4F6 !important; }
-
-        /* --- Footer Section --- */
-        .footer-section {
-            background-color: transparent !important;
-            border-top: 1px solid #E5E7EB !important;
-            padding: 2rem 1rem !important;
-            margin-top: 1rem !important; /* Space above footer */
-            text-align: center !important;
-            color: #6B7280 !important;
-            font-size: 0.9rem !important;
-            line-height: 1.6 !important;
-            box-shadow: none !important; border-radius: 0 !important;
-        }
-        .footer-section strong { color: #374151; font-weight: 500; }
-        .footer-section a { color: #2563EB; text-decoration: none; font-weight: 500; }
-        .footer-section a:hover { color: #1D4ED8; text-decoration: underline; }
-
-        /* --- Accessibility & Focus --- */
-        :focus-visible {
-             outline: 2px solid #2563EB !important;
-             outline-offset: 2px;
-             box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.2) !important;
-        }
-        /* Remove default Gradio focus on button internal span */
+            border-radius: var(--radius-md) !important; padding: 0.85rem 2rem !important; /* Generous padding */
+            font-size: 1rem !important; font-weight: 500 !important; border: 1px solid transparent !important;
+            box-shadow: var(--shadow-light) !important;
+        }
+        .gradio-button:hover:not(:disabled) { transform: translateY(-2px); box-shadow: 0 5px 10px rgba(0,0,0,0.07) !important; }
+        .gradio-button:active:not(:disabled) { transform: translateY(-1px); }
+        .gradio-button:disabled {
+            background: #E5E7EB !important; color: #9CA3AF !important; box-shadow: none !important; border-color: #D1D5DB !important;
+        }
+        .gr-button-primary {
+            background: var(--accent-primary-light) !important; color: #FFFFFF !important; border-color: var(--accent-primary-light) !important;
+        }
+        .gr-button-primary:hover:not(:disabled) { background: var(--accent-primary-hover-light) !important; border-color: var(--accent-primary-hover-light) !important;}
+        .gr-button-secondary {
+            background: var(--button-secondary-bg-light) !important; color: var(--button-secondary-text-light) !important;
+            border-color: var(--border-light) !important;
+        }
+        .gr-button-secondary:hover:not(:disabled) { background: var(--button-secondary-hover-bg-light) !important; border-color: #CBD5E0 !important; }
+        @media (prefers-color-scheme: dark) {
+            .gradio-button { box-shadow: var(--shadow-dark) !important; }
+            .gradio-button:hover:not(:disabled) { box-shadow: 0 5px 10px rgba(0,0,0,0.25) !important; }
+            .gradio-button:disabled { background: #334155 !important; color: #6B7280 !important; border-color: #475569 !important;}
+            .gr-button-primary {
+                background: var(--accent-primary-dark) !important; color: var(--app-bg-dark) !important; /* Dark text on bright teal */
+                border-color: var(--accent-primary-dark) !important;
+            }
+            .gr-button-primary:hover:not(:disabled) { background: var(--accent-primary-hover-dark) !important; border-color: var(--accent-primary-hover-dark) !important; }
+            .gr-button-secondary {
+                background: var(--button-secondary-bg-dark) !important; color: var(--button-secondary-text-dark) !important;
+                border-color: var(--border-dark) !important;
+            }
+            .gr-button-secondary:hover:not(:disabled) { background: var(--button-secondary-hover-bg-dark) !important; border-color: #475569 !important; }
+        }
+
+        .output-card .response-header { font-size: 1.35rem; font-weight: 600; color: var(--text-primary-light); margin: 0 0 1rem 0; display: flex; align-items: center; gap: 0.65rem; }
+        .output-card .response-icon { font-size: 1.5rem; color: var(--text-secondary-light); }
+        .output-card .divider { border: none; border-top: 1px solid var(--border-light); margin: 1.5rem 0; }
+        .output-card .output-content-wrapper { font-size: 1.05rem; line-height: 1.8; color: var(--text-primary-light); }
+        @media (prefers-color-scheme: dark) {
+            .output-card .response-header { color: var(--text-primary-dark); }
+            .output-card .response-icon { color: var(--text-secondary-dark); }
+            .output-card .divider { border-top: 1px solid var(--border-dark); }
+            .output-card .output-content-wrapper { color: var(--text-primary-dark); }
+        }
+
+        .output-card .error-message, .output-card .success-message {
+            padding: 1.1rem 1.35rem; margin-top: 1.25rem; font-size: 1rem;
+        }
+        .output-card .error-message .error-icon { font-size: 1.25rem; }
+        .output-card .error-details { font-size: 0.9rem; }
+        .output-card .placeholder { padding: 3.5rem 1.75rem; font-size: 1.15rem; }
+
+        .examples-card .gr-examples-table {
+            border-radius: var(--radius-lg) !important; border: 1px solid var(--border-light) !important;
+        }
+        .examples-card .gr-examples-table th, .examples-card .gr-examples-table td {
+            padding: 1rem 1.2rem !important; font-size: 1rem !important;
+        }
+        .examples-card .gr-examples-table th { background: #F9FAFB !important; } /* Slightly off-white header */
+        @media (prefers-color-scheme: dark) {
+            .examples-card .gr-examples-table { border: 1px solid var(--border-dark) !important;}
+            .examples-card .gr-examples-table th { background: #111827 !important; }
+        }
+
+        .app-footer {
+            border-top: 1px solid var(--border-light) !important; padding: 3rem 1.5rem !important;
+            margin-top: 3rem !important; text-align: center !important;
+            font-size: 0.95rem !important; color: var(--text-secondary-light);
+        }
+        .app-footer p { color: var(--text-secondary-light) !important; margin-bottom: 0.6rem; } /* Explicit color for p */
+        .app-footer a { color: var(--interactive-text-light) !important; } /* Explicit color for a */
+        .app-footer a:hover { color: var(--interactive-text-hover-light) !important; }
+        @media (prefers-color-scheme: dark) {
+            .app-footer { border-top: 1px solid var(--border-dark) !important; color: var(--text-secondary-dark); }
+            .app-footer p { color: var(--text-secondary-dark) !important; }
+            .app-footer a { color: var(--interactive-text-dark) !important; }
+            .app-footer a:hover { color: var(--interactive-text-hover-dark) !important; }
+        }
+
+        :focus-visible { outline: 2px solid var(--accent-primary-light) !important; outline-offset: 2px; box-shadow: 0 0 0 3px var(--focus-ring-light) !important; }
+        @media (prefers-color-scheme: dark) {
+            :focus-visible { outline-color: var(--accent-primary-dark) !important; box-shadow: 0 0 0 3px var(--focus-ring-dark) !important; }
+        }
         .gradio-button span:focus { outline: none !important; }
 
-        /* --- Responsive Adjustments --- */
         @media (max-width: 768px) {
-            .gradio-container > .flex.flex-col { padding: 2rem 1rem !important; gap: 2rem !important; }
-            .card-style { padding: 1.5rem !important; }
-            .header-title { font-size: 1.8rem; }
-            .header-tagline { font-size: 1rem; }
-            .input-row { flex-direction: column; gap: 1rem; margin-bottom: 1rem; }
-            .button-row { justify-content: center; }
+            body { font-size: 15px; }
+            .gradio-container > .flex.flex-col { padding: 2rem 1rem !important; gap: 2.5rem !important; }
+            .content-surface { padding: 2.25rem !important; }
+            .app-header { padding: 3rem 1.25rem !important; }
+            .app-header-logo { font-size: 2.8rem; } .app-header-title { font-size: 2rem; } .app-header-tagline { font-size: 1.05rem; }
+            .input-row { flex-direction: column; gap: 1.75rem; } .input-field { min-width: 100%; }
+            .button-row { justify-content: stretch; } .gradio-button { width: 100%; }
+            .section-title, .input-form-card h3, .examples-card .gr-examples-header { font-size: 1.4rem !important; }
         }
         @media (max-width: 480px) {
-             body { font-size: 15px; }
-            .gradio-container > .flex.flex-col { padding: 1.5rem 1rem !important; gap: 1.5rem !important; }
-            .card-style { padding: 1.25rem !important; border-radius: 10px !important;}
-            .header-logo { font-size: 2.5rem; margin-bottom: 0.5rem;}
-            .header-title { font-size: 1.5rem; }
-            .header-tagline { font-size: 0.95rem; }
-            .intro-card h3, .input-form-card h3, .output-card .response-header, .examples-card .gr-examples-header { font-size: 1.2rem !important; margin-bottom: 1rem !important; }
-            .gradio-textbox textarea, .gradio-dropdown select, .gradio-textbox input[type=password] { font-size: 0.95rem !important; padding: 0.75rem !important; }
-            .gradio-button { width: 100%; padding: 0.7rem 1.2rem !important; font-size: 0.9rem !important; }
-            .button-row { flex-direction: column; gap: 0.75rem; }
-            .footer-section { font-size: 0.85rem; padding: 1.5rem 1rem !important; }
-             .examples-card .gr-examples-table th, .examples-card .gr-examples-table td { padding: 0.6rem 0.8rem !important; font-size: 0.9rem !important;}
-        }
-
-        /* Gradio Specific Overrides (Use sparingly) */
-        /* Force main container gap */
-        .gradio-container > .flex { gap: 2.5rem !important; }
-        /* Ensure no weird margins collapse */
-        .gradio-markdown > *:first-child { margin-top: 0; }
-        .gradio-markdown > *:last-child { margin-bottom: 0; }
-        /* Remove border from dropdown wrapper if needed */
-        .gradio-dropdown { border: none !important; padding: 0 !important; }
-        /* Remove border from textbox wrapper */
-        .gradio-textbox { border: none !important; padding: 0 !important; }
+            .gradio-container > .flex.flex-col { padding: 1.75rem 0.75rem !important; gap: 2rem !important; }
+            .content-surface { padding: 1.75rem !important; border-radius: var(--radius-md) !important; }
+            .app-header { padding: 2.5rem 1rem !important; border-bottom-left-radius: var(--radius-md); border-bottom-right-radius: var(--radius-md); }
+            .app-header-logo { font-size: 2.4rem; } .app-header-title { font-size: 1.8rem; } .app-header-tagline { font-size: 1rem; }
+            .section-title, .input-form-card h3, .examples-card .gr-examples-header { font-size: 1.3rem !important; margin-bottom: 1.75rem !important; padding-bottom: 0.85rem !important; }
+            .gradio-textbox textarea, .gradio-dropdown select, .gradio-textbox input[type=password] { font-size: 0.95rem !important; padding: 0.85rem 1rem !important; }
+            .gradio-button { padding: 0.85rem 1.5rem !important; font-size: 1rem !important; }
+        }
+
+        .gradio-container > .flex { gap: 3rem !important; }
+        .gradio-markdown > *:first-child { margin-top: 0; } .gradio-markdown > *:last-child { margin-bottom: 0; }
+        .gradio-dropdown, .gradio-textbox { border: none !important; padding: 0 !important; background: transparent !important; }
         """
 
-        # --- Gradio Blocks Layout ---
-        with gr.Blocks(theme = 'light',css=custom_css, title="Landlord-Tenant Rights Assistant") as demo:
-            # The main container class is applied implicitly by Gradio, CSS targets it
+        with gr.Blocks(theme=None, css=custom_css, title="Landlord-Tenant Rights Assistant") as demo:
+            with gr.Row():
+                with gr.Column(scale=12):
+                    gr.Markdown(
+                        """
+                        <div class="app-header">
+                            <span class="app-header-logo">⚖️</span>
+                            <h1 class="app-header-title">Landlord-Tenant Rights Assistant</h1>
+                            <p class="app-header-tagline">Empowering You with State-Specific Legal Insights</p>
+                        </div>
+                        """
+                    )
 
-            # Header Section (No Card Style)
-            with gr.Group(elem_classes="header-section"): # Use Group for structure, styled via class
+            with gr.Group(elem_classes="content-surface"):
+                gr.Markdown("<h3 class='section-title'>Know Your Rights</h3>")
                 gr.Markdown(
                     """
-                    <span class="header-logo">⚖️</span>
-                    <h1 class="header-title">Landlord-Tenant Rights Assistant</h1>
-                    <p class="header-tagline">Your AI-powered guide to U.S. landlord-tenant laws</p>
-                    """, elem_id="app-title"
-                )
-
-            # Introduction Section (Card Style)
-            with gr.Group(elem_classes="card-style intro-card"):
-                gr.Markdown(
+                    <p>Navigate landlord-tenant laws with ease. Enter your <strong>OpenAI API key</strong>, select your state, and ask your question to get detailed, state-specific answers.</p>
+                    <p>Don't have an API key? <a href='https://platform.openai.com/api-keys' target='_blank'>Get one free from OpenAI</a>.</p>
+                    <p><strong>Disclaimer:</strong> This tool provides information only, not legal advice. For legal guidance, consult a licensed attorney.</p>
                     """
-            <h3 style="text-align: center;">Discover Your Rights</h3>
-
-            <p>Get accurate, AI-powered answers to your questions about landlord-tenant laws. Select your state, provide an <strong>OpenAI API key</strong>, and ask your question below.</p>
-            <p>Need an API key? <a href='https://platform.openai.com/api-keys' target='_blank'>Get one free here</a> from OpenAI.</p>
-            <p><strong>Note:</strong> This tool is for informational purposes only. Always consult a licensed attorney for legal advice specific to your situation.</p>
-                    """,
-                    elem_id="app-description"
                 )
 
-            # Examples Section (Card Style)
-
-            # Input Form Section (Card Style)
-            with gr.Group(elem_classes="card-style input-form-card"):
-                gr.Markdown("<h3>Query Section</h3>", elem_id="form-heading")
-
+            with gr.Group(elem_classes="content-surface input-form-card"):
+                gr.Markdown("<h3>Ask Your Question</h3>")
                 with gr.Column(elem_classes="input-field-group"):
-                     api_key_input = gr.Textbox(
-                         label="OpenAI API Key", type="password",
-                         placeholder="Enter your API key (e.g., sk-...)",
-                         info="Required to process your question. Securely used per request, not stored.",
-                         elem_id="api-key-input", lines=1
-                     )
-
+                    api_key_input = gr.Textbox(
+                        label="OpenAI API Key", type="password", placeholder="Enter your API key (e.g., sk-...)",
+                        info="Required to process your query. Securely used per request, not stored.", lines=1
+                    )
                 with gr.Row(elem_classes="input-row"):
-                     with gr.Column(elem_classes="input-field"):
-                         query_input = gr.Textbox(
-                             label="Curious about landlord-tenant laws in your state? Ask away!",
-                             placeholder="E.g., What are the rules for security deposit returns in my state?",
-                             lines=4, max_lines=8, elem_id="query-input"
-                         )
-                     with gr.Column(elem_classes="input-field"):
+                    with gr.Column(elem_classes="input-field", min_width="58%"): # Adjusted min-width
+                        query_input = gr.Textbox(
+                            label="Your Question", placeholder="E.g., What are the rules for security deposit returns in my state?",
+                            lines=5, max_lines=10 # Slightly taller
+                        )
+                    with gr.Column(elem_classes="input-field", min_width="38%"): # Adjusted min-width
                         state_input = gr.Dropdown(
                             label="Select State", choices=dropdown_choices, value=initial_value,
-                            allow_custom_value=False, elem_id="state-dropdown"
-                         )
-
+                            allow_custom_value=False
+                        )
                 with gr.Row(elem_classes="button-row"):
-                    clear_button = gr.Button(
-                        "Clear Inputs", variant="secondary", elem_id="clear-button",
-                        elem_classes=["gr-button-secondary"]
-                    )
-                    submit_button = gr.Button(
-                        "Submit Question", variant="primary", elem_id="submit-button",
-                        elem_classes=["gr-button-primary"]
-                    )
+                    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 Section (Card Style)
-            with gr.Group(elem_classes="card-style output-card"):
-                # Wrap the output markdown for better targeting if needed
-                with gr.Column(): # Add column wrapper if needed for spacing/styling
-                    output = gr.Markdown(
-                        value="<div class='placeholder'>The response will appear here after submitting a question.</div>",
-                        elem_id="output-content",
-                        elem_classes="output-content-wrapper" # Apply styling to this wrapper
-                    )
+            with gr.Group(elem_classes="content-surface output-card"): # Added output-card for specific styling if needed
+                output = gr.Markdown(
+                    value="<div class='placeholder'>Your answer will appear here after submitting your query.</div>",
+                    elem_classes="output-content-wrapper"
+                )
 
-            # Example Questions Section (Card Style)
             if example_queries:
-                with gr.Group(elem_classes="card-style examples-card"):
-                     gr.Examples(
-                         examples=example_queries,
-                         inputs=[query_input, state_input],
-                         label="Example Sample Questions", # Uses .gr-examples-header class
-                         examples_per_page=6
-                     )
-            else:
-                 with gr.Group(elem_classes="card-style examples-card"): # Still use card style for consistency
-                    gr.Markdown(
-                        "<div class='placeholder'>Sample questions could not be loaded. Please ensure states are available.</div>"
+                with gr.Group(elem_classes="content-surface examples-card"):
+                    gr.Examples(
+                        examples=example_queries, inputs=[query_input, state_input],
+                        label="Explore Sample Questions", examples_per_page=5
                     )
+            else:
+                with gr.Group(elem_classes="content-surface"):
+                    gr.Markdown("<div class='placeholder'>Sample questions could not be loaded.</div>")
+
+            with gr.Row():
+                 with gr.Column(scale=12):
+                   gr.Markdown(
+    """
+    <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 <span style="color:#2AE7D6; font-weight:bold;">Nischal Subedi</span>.
+        Connect on <a href="https://www.linkedin.com/in/nischal1/" target='_blank' style="color:#2AE7D6; text-decoration:underline;">LinkedIn</a>
+        or explore insights at <a href="https://datascientistinsights.substack.com/" target='_blank' style="color:#2AE7D6; text-decoration:underline;">Substack</a>.</p>
+    </div>
+    """
+)
 
-            # Footer Section (No Card Style)
-            with gr.Group(elem_classes="footer-section"):
-                gr.Markdown(
-                    """
-                    **Disclaimer**: This tool is for informational purposes only and does not constitute legal advice.
-                    <br><br>
-                    Developed by **Nischal Subedi**. 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>.
-                    """, elem_id="app-footer"
-                )
 
-            # --- Event Listeners ---
             submit_button.click(
-                fn=query_interface_wrapper,
-                inputs=[api_key_input, query_input, state_input],
-                outputs=output,
-                api_name="submit_query"
+                fn=query_interface_wrapper, inputs=[api_key_input, query_input, state_input], outputs=output, api_name="submit_query"
             )
-
             clear_button.click(
-                fn=lambda: (
-                    "", "", initial_value,
-                    "<div class='placeholder'>Inputs cleared. Ready for your next question.</div>"
-                ),
-                inputs=[],
-                outputs=[api_key_input, query_input, state_input, output]
+                fn=lambda: ("", "", initial_value, "<div class='placeholder'>Inputs cleared. Ready for your next question.</div>"),
+                inputs=[], outputs=[api_key_input, query_input, state_input, output]
             )
-
-        logging.info("Refined Gradio interface created successfully.")
+        logging.info("Refined Clarity & Counsel theme Gradio interface created.")
         return demo
 
-# --- Main Execution Block ---
+# --- Main Execution Block (remains the same) ---
 if __name__ == "__main__":
     logging.info("Starting Landlord-Tenant Rights Bot application...")
     try:
@@ -718,73 +650,22 @@ if __name__ == "__main__":
         os.makedirs(os.path.dirname(VECTOR_DB_PATH), exist_ok=True)
         os.makedirs(os.path.dirname(PDF_PATH), exist_ok=True)
 
-        logging.info(f"Using PDF path: {PDF_PATH}")
-        logging.info(f"Using Vector DB path: {VECTOR_DB_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 ---")
-            print(f"The required PDF file ('{os.path.basename(PDF_PATH)}') was not found at:")
-            print(f"  {PDF_PATH}")
-            print(f"Please ensure the file exists or set 'PDF_PATH' environment variable.")
-            print(f"---------------------------\n")
+            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)
 
-        logging.info("Initializing Vector Database...")
         vector_db_instance = VectorDatabase(persist_directory=VECTOR_DB_PATH)
-        logging.info("Initializing RAG System...")
         rag = RAGSystem(vector_db=vector_db_instance)
+        rag.load_pdf(PDF_PATH)
 
-        logging.info(f"Loading/Verifying data from PDF: {PDF_PATH}")
-        states_loaded_count = rag.load_pdf(PDF_PATH)
-        doc_count = vector_db_instance.document_collection.count() if vector_db_instance.document_collection else 0
-        state_count = vector_db_instance.state_collection.count() if vector_db_instance.state_collection else 0
-        total_items = doc_count + state_count
-
-        if total_items > 0:
-            logging.info(f"Data loading/verification complete. Vector DB contains {total_items} items. Found {states_loaded_count} distinct states.")
-        else:
-            logging.warning("Potential issue: PDF processed but Vector DB appears empty. Check PDF content/format and logs.")
-            print("\nWarning: No data loaded from PDF or found in DB. Application might not function correctly.\n")
-
-        logging.info("Setting up Gradio interface...")
         app_interface = rag.gradio_interface()
-
         SERVER_PORT = 7860
         logging.info(f"Launching Gradio app on http://0.0.0.0:{SERVER_PORT}")
-        print("\n--- Gradio App Running ---")
-        print(f"Access the interface in your browser at: http://localhost:{SERVER_PORT} or http://<your-ip-address>:{SERVER_PORT}")
-        print("--------------------------\n")
-        app_interface.launch(
-            server_name="0.0.0.0", server_port=SERVER_PORT,
-            share=True,
-            
-        )
+        print(f"\n--- Gradio App Running ---\nAccess at: http://localhost:{SERVER_PORT}\n--------------------------\n")
+        app_interface.launch(server_name="0.0.0.0", server_port=SERVER_PORT, share=True)
 
-    except FileNotFoundError as fnf_error:
-        logging.error(f"Initialization failed due to a missing file: {str(fnf_error)}", exc_info=True)
-        print(f"\n--- STARTUP ERROR: File Not Found ---")
-        print(f"{str(fnf_error)}")
-        print(f"---------------------------------------\n")
-        exit(1)
-    except ImportError as import_error:
-        logging.error(f"Import error: {str(import_error)}. Check dependencies.", exc_info=True)
-        print(f"\n--- STARTUP ERROR: Missing Dependency ---")
-        print(f"Import Error: {str(import_error)}")
-        print(f"Please ensure required libraries are installed (e.g., pip install -r requirements.txt).")
-        print(f"-----------------------------------------\n")
-        exit(1)
-    except RuntimeError as runtime_error:
-        logging.error(f"A runtime error occurred during setup: {str(runtime_error)}", exc_info=True)
-        print(f"\n--- STARTUP ERROR: Runtime Problem ---")
-        print(f"Runtime Error: {str(runtime_error)}")
-        print(f"Check logs for details, often related to data loading or DB setup.")
-        print(f"--------------------------------------\n")
-        exit(1)
     except Exception as e:
-        logging.error(f"An unexpected error occurred during application startup: {str(e)}", exc_info=True)
-        print(f"\n--- FATAL STARTUP ERROR ---")
-        print(f"An unexpected error stopped the application: {str(e)}")
-        print(f"Check logs for detailed traceback.")
-        print(f"---------------------------\n")
+        logging.error(f"Application startup failed: {str(e)}", exc_info=True)
+        print(f"\n--- FATAL STARTUP ERROR ---\n{str(e)}\nCheck logs for details.\n---------------------------\n")
         exit(1)