<svg width="400" height="400" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
  <rect width="400" height="400" fill="#f3f4f6"/>

  <!-- Timeline months -->
  <g transform="translate(50, 80)">
    <line x1="0" y1="140" x2="300" y2="140" stroke="#9ca3af" stroke-width="2"/>

    <!-- Bars for each month -->
    <rect x="10" y="70" width="30" height="70" rx="4" fill="#10b981"/>
    <rect x="60" y="60" width="30" height="80" rx="4" fill="#10b981"/>
    <rect x="110" y="50" width="30" height="90" rx="4" fill="#10b981"/>
    <rect x="160" y="40" width="30" height="100" rx="4" fill="#10b981"/>
    <rect x="210" y="30" width="30" height="110" rx="4" fill="#10b981"/>
    <rect x="260" y="20" width="30" height="120" rx="4" fill="#10b981"/>

    <!-- Month labels -->
    <text x="25" y="155" text-anchor="middle" font-family="system-ui" font-size="10" fill="#6b7280">M1</text>
    <text x="75" y="155" text-anchor="middle" font-family="system-ui" font-size="10" fill="#6b7280">M2</text>
    <text x="125" y="155" text-anchor="middle" font-family="system-ui" font-size="10" fill="#6b7280">M3</text>
    <text x="175" y="155" text-anchor="middle" font-family="system-ui" font-size="10" fill="#6b7280">M4</text>
    <text x="225" y="155" text-anchor="middle" font-family="system-ui" font-size="10" fill="#6b7280">M5</text>
    <text x="275" y="155" text-anchor="middle" font-family="system-ui" font-size="10" fill="#6b7280">M6</text>

    <!-- Growth line -->
    <polyline points="25,70 75,60 125,50 175,40 225,30 275,20" fill="none" stroke="#3b82f6" stroke-width="3" stroke-dasharray="5,5"/>
  </g>

  <!-- Metrics boxes -->
  <g transform="translate(50, 250)">
    <rect x="0" y="0" width="90" height="60" rx="8" fill="white" stroke="#d1d5db" stroke-width="2"/>
    <text x="45" y="22" text-anchor="middle" font-family="system-ui" font-size="10" fill="#6b7280">Starting Cash</text>
    <text x="45" y="44" text-anchor="middle" font-family="system-ui" font-size="16" fill="#3b82f6" font-weight="bold">$50K</text>
  </g>

  <g transform="translate(155, 250)">
    <rect x="0" y="0" width="90" height="60" rx="8" fill="white" stroke="#d1d5db" stroke-width="2"/>
    <text x="45" y="22" text-anchor="middle" font-family="system-ui" font-size="10" fill="#6b7280">Net Flow</text>
    <text x="45" y="44" text-anchor="middle" font-family="system-ui" font-size="16" fill="#10b981" font-weight="bold">+$10K</text>
  </g>

  <g transform="translate(260, 250)">
    <rect x="0" y="0" width="90" height="60" rx="8" fill="white" stroke="#d1d5db" stroke-width="2"/>
    <text x="45" y="22" text-anchor="middle" font-family="system-ui" font-size="10" fill="#6b7280">End Balance</text>
    <text x="45" y="44" text-anchor="middle" font-family="system-ui" font-size="16" fill="#10b981" font-weight="bold">$110K</text>
  </g>

  <!-- Result badge -->
  <g transform="translate(110, 330)">
    <rect x="0" y="0" width="180" height="45" rx="8" fill="#10b981"/>
    <text x="90" y="20" text-anchor="middle" font-family="system-ui" font-size="12" fill="white">Cash Position</text>
    <text x="90" y="36" text-anchor="middle" font-family="system-ui" font-size="16" fill="white" font-weight="bold">Positive Growth</text>
  </g>

  <text x="200" y="390" text-anchor="middle" font-family="system-ui" font-size="16" font-weight="600" fill="#1f2937">Cash Flow Projector</text>
</svg>
