<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 675" width="100%" height="100%" fill="none">
  <!-- Background -->
  <rect width="1200" height="675" rx="16" fill="#090d16" stroke="#1e293b" stroke-width="2"/>
  
  <!-- Window Controls -->
  <circle cx="32" cy="32" r="6" fill="#ef4444"/>
  <circle cx="52" cy="32" r="6" fill="#f59e0b"/>
  <circle cx="72" cy="32" r="6" fill="#10b981"/>
  <text x="110" y="37" fill="#64748b" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif" font-size="13" font-weight="500">INR Finance Compass — High-Density Passbook &amp; Ledger Audit (UI Preview)</text>
  <line x1="0" y1="60" x2="1200" y2="60" stroke="#1e293b" stroke-width="1.5"/>

  <!-- Subheader / Filter Bar -->
  <rect x="40" y="80" width="340" height="36" rx="8" fill="#0f172a" stroke="#1e293b"/>
  <text x="56" y="103" fill="#64748b" font-family="-apple-system, BlinkMacSystemFont, sans-serif" font-size="13">🔍 Search transactions, remarks, payees...</text>

  <!-- Filter Pills -->
  <rect x="400" y="80" width="110" height="36" rx="8" fill="#1e293b"/>
  <text x="416" y="103" fill="#f8fafc" font-family="-apple-system, BlinkMacSystemFont, sans-serif" font-size="12" font-weight="500">All Accounts</text>

  <rect x="520" y="80" width="100" height="36" rx="8" fill="#0f172a" stroke="#1e293b"/>
  <text x="536" y="103" fill="#94a3b8" font-family="-apple-system, BlinkMacSystemFont, sans-serif" font-size="12">September 2026</text>

  <!-- Add Transaction Button -->
  <rect x="1000" y="80" width="160" height="36" rx="8" fill="#2563eb"/>
  <text x="1025" y="103" fill="#ffffff" font-family="-apple-system, BlinkMacSystemFont, sans-serif" font-size="13" font-weight="600">+ Add Transaction</text>

  <!-- Table Container -->
  <rect x="40" y="135" width="1120" height="500" rx="12" fill="#0f172a" stroke="#1e293b" stroke-width="1.5"/>

  <!-- Table Header -->
  <rect x="40" y="135" width="1120" height="42" rx="12" fill="#1e293b" opacity="0.7"/>
  <text x="64" y="161" fill="#94a3b8" font-family="-apple-system, BlinkMacSystemFont, sans-serif" font-size="12" font-weight="600">DATE</text>
  <text x="160" y="161" fill="#94a3b8" font-family="-apple-system, BlinkMacSystemFont, sans-serif" font-size="12" font-weight="600">DESCRIPTION / REMARKS</text>
  <text x="520" y="161" fill="#94a3b8" font-family="-apple-system, BlinkMacSystemFont, sans-serif" font-size="12" font-weight="600">ACCOUNT</text>
  <text x="680" y="161" fill="#94a3b8" font-family="-apple-system, BlinkMacSystemFont, sans-serif" font-size="12" font-weight="600">CATEGORY</text>
  <text x="840" y="161" fill="#94a3b8" font-family="-apple-system, BlinkMacSystemFont, sans-serif" font-size="12" font-weight="600">AMOUNT</text>
  <text x="970" y="161" fill="#94a3b8" font-family="-apple-system, BlinkMacSystemFont, sans-serif" font-size="12" font-weight="600">BALANCE ANCHOR</text>
  <text x="1110" y="161" fill="#94a3b8" font-family="-apple-system, BlinkMacSystemFont, sans-serif" font-size="12" font-weight="600">ACTIONS</text>
  <line x1="40" y1="177" x2="1160" y2="177" stroke="#1e293b" stroke-width="1.5"/>

  <!-- Row 1: Salary Credit -->
  <g transform="translate(40, 185)">
    <text x="24" y="24" fill="#94a3b8" font-family="monospace" font-size="12">01 Sep 2026</text>
    <text x="120" y="22" fill="#f8fafc" font-family="-apple-system, BlinkMacSystemFont, sans-serif" font-size="13" font-weight="600">ACH CREDIT: TESTGORILLA B.V.</text>
    <text x="120" y="40" fill="#60a5fa" font-family="-apple-system, BlinkMacSystemFont, sans-serif" font-size="11">Monthly consulting compensation</text>
    
    <rect x="480" y="12" width="120" height="22" rx="4" fill="#1e293b"/>
    <text x="490" y="27" fill="#cbd5e1" font-family="-apple-system, BlinkMacSystemFont, sans-serif" font-size="11">HDFC Salary</text>
    
    <text x="640" y="27" fill="#94a3b8" font-family="-apple-system, BlinkMacSystemFont, sans-serif" font-size="12">Income / Salary</text>
    <text x="860" y="27" text-anchor="end" fill="#34d399" font-family="monospace" font-size="13" font-weight="700">+₹4,50,000.00</text>
    <text x="1000" y="27" text-anchor="end" fill="#94a3b8" font-family="monospace" font-size="12">₹8,45,210.00 ⚓</text>
    
    <!-- Actions -->
    <text x="1080" y="27" fill="#64748b" font-family="sans-serif" font-size="13">✏️ 🗑️</text>
    <line x1="0" y1="52" x2="1120" y2="52" stroke="#1e293b" stroke-width="1"/>
  </g>

  <!-- Row 2: Transfer to IndusInd -->
  <g transform="translate(40, 245)">
    <text x="24" y="24" fill="#94a3b8" font-family="monospace" font-size="12">02 Sep 2026</text>
    <text x="120" y="22" fill="#f8fafc" font-family="-apple-system, BlinkMacSystemFont, sans-serif" font-size="13" font-weight="600">Transfer to IndusInd Primary (Leg 1/2)</text>
    <text x="120" y="40" fill="#a78bfa" font-family="-apple-system, BlinkMacSystemFont, sans-serif" font-size="11">Linked 2-leg transfer pair • zero spend impact</text>
    
    <rect x="480" y="12" width="120" height="22" rx="4" fill="#1e293b"/>
    <text x="490" y="27" fill="#cbd5e1" font-family="-apple-system, BlinkMacSystemFont, sans-serif" font-size="11">HDFC Salary</text>
    
    <text x="640" y="27" fill="#a78bfa" font-family="-apple-system, BlinkMacSystemFont, sans-serif" font-size="12">↔ Transfer</text>
    <text x="860" y="27" text-anchor="end" fill="#f87171" font-family="monospace" font-size="13" font-weight="700">-₹1,00,000.00</text>
    <text x="1000" y="27" text-anchor="end" fill="#94a3b8" font-family="monospace" font-size="12">₹7,45,210.00 ⚓</text>
    
    <text x="1080" y="27" fill="#64748b" font-family="sans-serif" font-size="13">✏️ 🗑️</text>
    <line x1="0" y1="52" x2="1120" y2="52" stroke="#1e293b" stroke-width="1"/>
  </g>

  <!-- Row 3: UPI Food / Groceries -->
  <g transform="translate(40, 305)">
    <text x="24" y="24" fill="#94a3b8" font-family="monospace" font-size="12">02 Sep 2026</text>
    <text x="120" y="22" fill="#f8fafc" font-family="-apple-system, BlinkMacSystemFont, sans-serif" font-size="13" font-weight="600">UPI/Blinkit/Groceries/984210</text>
    <text x="120" y="40" fill="#94a3b8" font-family="-apple-system, BlinkMacSystemFont, sans-serif" font-size="11">Weekly provisions</text>
    
    <rect x="480" y="12" width="120" height="22" rx="4" fill="#1e293b"/>
    <text x="490" y="27" fill="#cbd5e1" font-family="-apple-system, BlinkMacSystemFont, sans-serif" font-size="11">IndusInd Primary</text>
    
    <text x="640" y="27" fill="#94a3b8" font-family="-apple-system, BlinkMacSystemFont, sans-serif" font-size="12">Food &amp; Dining</text>
    <text x="860" y="27" text-anchor="end" fill="#f87171" font-family="monospace" font-size="13" font-weight="700">-₹1,840.00</text>
    <text x="1000" y="27" text-anchor="end" fill="#94a3b8" font-family="monospace" font-size="12">₹4,22,190.00 ⚓</text>
    
    <text x="1080" y="27" fill="#64748b" font-family="sans-serif" font-size="13">✏️ 🗑️</text>
    <line x1="0" y1="52" x2="1120" y2="52" stroke="#1e293b" stroke-width="1"/>
  </g>

  <!-- Row 4: Credit Card Swipe (Amazon Pay) -->
  <g transform="translate(40, 365)">
    <text x="24" y="24" fill="#94a3b8" font-family="monospace" font-size="12">29 Aug 2026</text>
    <text x="120" y="22" fill="#f8fafc" font-family="-apple-system, BlinkMacSystemFont, sans-serif" font-size="13" font-weight="600">AMZN Mktp IN*Triumph Spares</text>
    <text x="120" y="40" fill="#94a3b8" font-family="-apple-system, BlinkMacSystemFont, sans-serif" font-size="11">Ataco motorcycle oil filter &amp; chain lube</text>
    
    <rect x="480" y="12" width="120" height="22" rx="4" fill="#3b151b"/>
    <text x="490" y="27" fill="#fca5a5" font-family="-apple-system, BlinkMacSystemFont, sans-serif" font-size="11">ICICI Amazon Pay</text>
    
    <text x="640" y="27" fill="#94a3b8" font-family="-apple-system, BlinkMacSystemFont, sans-serif" font-size="12">Motorcycle / Gear</text>
    <text x="860" y="27" text-anchor="end" fill="#f87171" font-family="monospace" font-size="13" font-weight="700">-₹3,250.00</text>
    <text x="1000" y="27" text-anchor="end" fill="#fca5a5" font-family="monospace" font-size="12">-₹42,850.00 ⚓</text>
    
    <text x="1080" y="27" fill="#64748b" font-family="sans-serif" font-size="13">✏️ 🗑️</text>
    <line x1="0" y1="52" x2="1120" y2="52" stroke="#1e293b" stroke-width="1"/>
  </g>

  <!-- Footer Banner: Balance Gap Detection Integrity -->
  <g transform="translate(60, 560)">
    <rect width="1080" height="56" rx="8" fill="#064e3b" stroke="#059669" stroke-width="1"/>
    <text x="24" y="33" fill="#6ee7b7" font-family="-apple-system, BlinkMacSystemFont, sans-serif" font-size="13" font-weight="600">✓ Strict Ledger Audit Active:</text>
    <text x="210" y="33" fill="#a7f3d0" font-family="-apple-system, BlinkMacSystemFont, sans-serif" font-size="13">All running account balances strictly match bank statement anchors. No balance gap discrepancies detected.</text>
  </g>
</svg>
