<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Uber Eats Monthly Spend — July 2026</title>
<style>
  * { margin: 0; padding: 0; box-sizing: border-box; }
  body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background: #f8f9fa; color: #1a1a2e; padding: 40px 20px; }
  .card { max-width: 640px; margin: 0 auto; background: #fff; border-radius: 20px; padding: 32px; box-shadow: 0 2px 12px rgba(0,0,0,0.06); }
  .header { display: flex; align-items: center; gap: 14px; margin-bottom: 28px; }
  .icon { font-size: 36px; line-height: 1; }
  h1 { font-size: 22px; font-weight: 700; color: #1a1a2e; }
  .subtitle { font-size: 13px; color: #6b7280; margin-top: 2px; }
  .summary-row { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 28px; }
  .stat { flex: 1; background: #f3f4f6; border-radius: 14px; padding: 16px; text-align: center; }
  .stat-value { font-size: 22px; font-weight: 700; color: #1a1a2e; }
  .stat-label { font-size: 11px; color: #6b7280; margin-top: 2px; text-transform: uppercase; letter-spacing: 0.5px; }
  .stat.up .stat-value { color: #dc2626; }
  .section-title { font-size: 14px; font-weight: 600; color: #374151; margin: 24px 0 12px; padding-bottom: 8px; border-bottom: 1px solid #e5e7eb; }
  .order-item { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; border-bottom: 1px solid #f3f4f6; }
  .order-item:last-child { border-bottom: none; }
  .order-left { display: flex; flex-direction: column; }
  .order-restaurant { font-size: 14px; font-weight: 600; color: #1a1a2e; }
  .order-date { font-size: 12px; color: #9ca3af; }
  .order-amount { font-size: 15px; font-weight: 700; color: #1a1a2e; }
  .freq-item { display: flex; justify-content: space-between; padding: 8px 0; font-size: 14px; }
  .freq-name { color: #1a1a2e; }
  .freq-count { color: #6b7280; font-weight: 500; }
  .vs { font-size: 12px; color: #9ca3af; padding: 8px 0 0; }
  .vs span { color: #374151; font-weight: 500; }
  .footer { font-size: 11px; color: #9ca3af; margin-top: 24px; text-align: center; }
</style>
</head>
<body>
<div class="card">
  <div class="header">
    <div class="icon">🍔</div>
    <div>
      <h1>Uber Eats — July 2026</h1>
      <div class="subtitle">Monthly spend report &bull; 01 Aug 2026</div>
    </div>
  </div>

  <div class="summary-row">
    <div class="stat">
      <div class="stat-value">$264.51</div>
      <div class="stat-label">Total Spend</div>
    </div>
    <div class="stat">
      <div class="stat-value">11</div>
      <div class="stat-label">Orders</div>
    </div>
    <div class="stat">
      <div class="stat-value">$24.05</div>
      <div class="stat-label">Avg/Order</div>
    </div>
    <div class="stat up">
      <div class="stat-value">+124%</div>
      <div class="stat-label">vs 2026-06</div>
    </div>
  </div>

  <div class="section-title">🍽️ Top 5 Most Expensive</div>
  <div class="order-item"><div class="order-left"><span class="order-restaurant">Coles</span><span class="order-date">2026-07-11 17:02</span></div><div class="order-amount">$40.73</div></div>
<div class="order-item"><div class="order-left"><span class="order-restaurant">Foodies Market IGA</span><span class="order-date">2026-07-09 15:42</span></div><div class="order-amount">$36.35</div></div>
<div class="order-item"><div class="order-left"><span class="order-restaurant">IGA Grocery</span><span class="order-date">2026-07-23 20:31</span></div><div class="order-amount">$34.38</div></div>
<div class="order-item"><div class="order-left"><span class="order-restaurant">806 Noodle House</span><span class="order-date">2026-07-06 14:19</span></div><div class="order-amount">$24.66</div></div>
<div class="order-item"><div class="order-left"><span class="order-restaurant">Lepak Kopitiam Vic Park, also known as Yum Yum Tree Vic Park</span><span class="order-date">2026-07-09 12:56</span></div><div class="order-amount">$24.28</div></div>


  <div class="section-title">🔄 Most Frequented</div>
  <div class="freq-item"><span class="freq-name">Hungry Jacks</span><span class="freq-count">3 orders</span></div>
<div class="freq-item"><span class="freq-name">Angelo Street Market</span><span class="freq-count">2 orders</span></div>
<div class="freq-item"><span class="freq-name">806 Noodle House</span><span class="freq-count">2 orders</span></div>
<div class="freq-item"><span class="freq-name">IGA Grocery</span><span class="freq-count">1 order</span></div>
<div class="freq-item"><span class="freq-name">Coles</span><span class="freq-count">1 order</span></div>
<div class="freq-item"><span class="freq-name">Foodies Market IGA</span><span class="freq-count">1 order</span></div>
<div class="freq-item"><span class="freq-name">Lepak Kopitiam Vic Park</span><span class="freq-count">1 order</span></div>


  <div class="vs">vs 2026-06: <span>+124%</span> in spend (+$146.46) &bull; orders went from 3 to 11</div>

  <div class="footer">Generated from Camofox authenticated Uber Eats session</div>
</div>
</body>
</html>
