Update app.py

app.py

@@ -15,12 +15,20 @@ st.set_page_config(
 )
 
 # --------------------------------------------------
-# STYLING (PROFESSIONAL / JUDGE READY)
+# PROFESSIONAL FINTECH STYLING
 # --------------------------------------------------
 st.markdown("""
 <style>
+:root {
+    --primary: #0f2a44;
+    --secondary: #1e3a8a;
+    --accent: #047857;
+    --muted: #475569;
+    --bg: #f5f7fb;
+}
+
 .stApp {
-    background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
+    background-color: var(--bg);
 }
 
 .block-container {
@@ -29,55 +37,86 @@ st.markdown("""
 }
 
 .card {
-    background: white;
-    border-radius: 16px;
-    padding: 1.5rem;
+    background: #ffffff;
+    border-radius: 14px;
+    padding: 1.6rem;
     margin-bottom: 1.5rem;
-    border: 1px solid #e5e7eb;
-    box-shadow: 0 10px 30px rgba(0,0,0,0.06);
+    border: 1px solid #e6eaf0;
+    box-shadow: 0 12px 28px rgba(15, 42, 68, 0.06);
+}
+
+h1 {
+    color: var(--primary);
+    font-weight: 700;
+    letter-spacing: -0.02em;
+}
+
+h2, h3 {
+    color: var(--primary);
+    font-weight: 600;
+}
+
+.caption {
+    color: var(--muted);
+    font-size: 0.95rem;
+}
+
+.badge-live {
+    background: #e0f2fe;
+    color: #0369a1;
+    padding: 0.35rem 0.8rem;
+    border-radius: 999px;
+    font-size: 0.75rem;
+    font-weight: 600;
 }
 
 .badge-success {
     background: #ecfdf5;
     color: #047857;
-    padding: 0.35rem 0.75rem;
+    padding: 0.35rem 0.8rem;
     border-radius: 999px;
-    font-size: 0.8rem;
+    font-size: 0.75rem;
     font-weight: 600;
 }
 
 .badge-pending {
-    background: #fffbeb;
-    color: #92400e;
-    padding: 0.35rem 0.75rem;
+    background: #fff7ed;
+    color: #9a3412;
+    padding: 0.35rem 0.8rem;
     border-radius: 999px;
-    font-size: 0.8rem;
+    font-size: 0.75rem;
     font-weight: 600;
 }
 
-h1, h2, h3 {
-    color: #0f172a;
+.stButton > button {
+    background-color: var(--secondary);
+    color: white;
+    border-radius: 10px;
     font-weight: 600;
+    border: none;
 }
 
-.stButton > button {
+.stButton > button:hover {
+    background-color: #1e40af;
+}
+
+.stLinkButton a {
     border-radius: 10px;
     font-weight: 600;
-    padding: 0.5rem 1rem;
 }
 </style>
 """, unsafe_allow_html=True)
 
 # --------------------------------------------------
-# HERO
+# HERO / BRAND HEADER
 # --------------------------------------------------
 st.markdown("""
 <div class="card">
 <h1>Invoice-Flow AI</h1>
-<p style="font-size:1.05rem;color:#475569;">
-Agentic invoice verification & on-chain trust registry for MSME finance
+<p class="caption">
+Agentic invoice verification & on-chain trust infrastructure for MSME finance
 </p>
-<span class="badge-success">LIVE HACKATHON PROTOTYPE</span>
+<span class="badge-live">HACKATHON LIVE PROTOTYPE</span>
 </div>
 """, unsafe_allow_html=True)
 
@@ -89,7 +128,7 @@ try:
     RPC_URL = st.secrets["RPC_URL"]
     PRIVATE_KEY = st.secrets["PRIVATE_KEY"]
 except Exception:
-    st.error("Secrets missing. Add them in Hugging Face → Settings → Variables.")
+    st.error("Missing secrets. Add them in Hugging Face → Settings → Variables.")
     st.stop()
 
 # --------------------------------------------------
@@ -106,19 +145,19 @@ contract = w3.eth.contract(
 )
 
 # --------------------------------------------------
-# STATE
+# SESSION STATE
 # --------------------------------------------------
-if "invoice" not in st.session_state:
-    st.session_state.invoice = None
-if "approved" not in st.session_state:
-    st.session_state.approved = False
-if "minted" not in st.session_state:
-    st.session_state.minted = False
-if "tx_hash" not in st.session_state:
-    st.session_state.tx_hash = None
+for key, default in {
+    "invoice": None,
+    "approved": False,
+    "minted": False,
+    "tx_hash": None
+}.items():
+    if key not in st.session_state:
+        st.session_state[key] = default
 
 # --------------------------------------------------
-# MOCK FALLBACK
+# FALLBACK
 # --------------------------------------------------
 def mock_invoice():
     return {
@@ -129,23 +168,23 @@ def mock_invoice():
     }
 
 # --------------------------------------------------
-# LAYOUT
+# MAIN LAYOUT
 # --------------------------------------------------
 col1, col2 = st.columns([1, 1])
 
-# -------------------- LEFT -------------------------
+# ---------------- LEFT -----------------
 with col1:
     st.markdown("<div class='card'>", unsafe_allow_html=True)
-    st.subheader("1️⃣ Invoice Ingestion")
-    st.caption("Upload a raw invoice PDF")
+    st.subheader("Invoice Ingestion")
+    st.markdown("<p class='caption'>Upload an invoice PDF for automated trust verification</p>", unsafe_allow_html=True)
 
     uploaded = st.file_uploader("Invoice PDF", type=["pdf"])
 
     if uploaded:
         pdf_bytes = uploaded.getvalue()
 
-        if st.button("🚀 Analyze with Gemini"):
-            with st.spinner("Extracting invoice data..."):
+        if st.button("Analyze Invoice"):
+            with st.spinner("Extracting structured data..."):
                 try:
                     res = genai_client.models.generate_content(
                         model="gemini-1.5-flash",
@@ -154,40 +193,41 @@ with col1:
                             "Extract invoice as JSON with keys seller_name, seller_gstin, invoice_amount, invoice_number. Return ONLY JSON."
                         ]
                     )
-                    text = res.text.replace("```json", "").replace("```", "").strip()
-                    st.session_state.invoice = json.loads(text)
+                    clean = res.text.replace("```json", "").replace("```", "").strip()
+                    st.session_state.invoice = json.loads(clean)
                 except Exception:
-                    st.warning("AI parsing failed. Using demo-safe fallback.")
+                    st.warning("AI extraction failed. Using demo-safe fallback.")
                     st.session_state.invoice = mock_invoice()
     st.markdown("</div>", unsafe_allow_html=True)
 
-# -------------------- RIGHT ------------------------
+# ---------------- RIGHT ----------------
 with col2:
     if st.session_state.invoice:
         st.markdown("<div class='card'>", unsafe_allow_html=True)
-        st.subheader("2️⃣ Verification Dashboard")
+        st.subheader("Verification Summary")
         st.json(st.session_state.invoice)
         st.markdown("</div>", unsafe_allow_html=True)
 
         st.markdown("<div class='card'>", unsafe_allow_html=True)
-        st.subheader("3️⃣ Buyer Consent")
+        st.subheader("Buyer Consent")
 
         if not st.session_state.approved:
-            st.markdown("<span class='badge-pending'>Awaiting Buyer Approval</span>", unsafe_allow_html=True)
-            if st.button("✅ Approve Invoice"):
+            st.markdown("<span class='badge-pending'>Awaiting Buyer Confirmation</span>", unsafe_allow_html=True)
+            if st.button("Approve Invoice"):
                 st.session_state.approved = True
                 st.rerun()
         else:
             st.markdown("<span class='badge-success'>Buyer Approved</span>", unsafe_allow_html=True)
+
         st.markdown("</div>", unsafe_allow_html=True)
 
         if st.session_state.approved:
             st.markdown("<div class='card'>", unsafe_allow_html=True)
-            st.subheader("4️⃣ On-Chain Settlement")
+            st.subheader("On-Chain Settlement")
 
             if not st.session_state.minted:
-                if st.button("⛓️ Mint Receipt on Polygon"):
-                    with st.spinner("Writing to blockchain..."):
+                if st.button("Mint Verified Receipt"):
+                    with st.spinner("Finalizing on blockchain..."):
                         inv = st.session_state.invoice
                         payload = f"{inv['invoice_number']}{inv['seller_gstin']}{inv['invoice_amount']}"
                         receipt_hash = hashlib.sha256(payload.encode()).hexdigest()
@@ -211,9 +251,9 @@ with col2:
                         st.rerun()
 
             if st.session_state.minted:
-                st.success("Receipt Minted Successfully")
+                st.success("Receipt minted successfully")
                 st.link_button(
-                    "View on PolygonScan",
+                    "View Transaction on PolygonScan",
                     f"https://amoy.polygonscan.com/tx/{st.session_state.tx_hash}"
                 )
 
@@ -223,4 +263,7 @@ with col2:
 # FOOTER
 # --------------------------------------------------
 st.markdown("---")
-st.caption("East-India Blockchain Summit 2.0 • Agentic Trust Infrastructure • Polygon + Gemini")
+st.caption(
+    "Invoice-Flow AI • Trust Infrastructure for MSME Finance • "
+    "Gemini 1.5 Flash • Polygon Amoy"
+)