<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 400" fill="none">
  <defs>
    <linearGradient id="demoGrad3" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#833AB4"/>
      <stop offset="100%" stop-color="#E1306C"/>
    </linearGradient>
  </defs>
  <rect width="300" height="400" rx="20" fill="#0a0a0a"/>
  <rect x="0" y="0" width="300" height="70" rx="20" fill="url(#demoGrad3)"/>
  <rect x="0" y="50" width="300" height="20" fill="url(#demoGrad3)"/>
  <text x="150" y="40" font-family="Inter,-apple-system,sans-serif" font-weight="700" font-size="16" fill="white" text-anchor="middle">Your Action Plans</text>
  <!-- Plan items -->
  <rect x="20" y="85" width="260" height="55" rx="10" fill="#161616" stroke="#2a2a2a" stroke-width="1"/>
  <rect x="32" y="100" width="20" height="20" rx="5" fill="url(#demoGrad3)" opacity="0.3"/>
  <text x="33" y="114" font-family="Arial" font-size="12">💪</text>
  <text x="62" y="107" font-family="Inter,-apple-system,sans-serif" font-weight="600" font-size="12" fill="white">30-min morning workout</text>
  <text x="62" y="123" font-family="Inter,-apple-system,sans-serif" font-size="10" fill="#666">Fitness Track • High Priority</text>
  <text x="260" y="115" font-family="Arial" font-size="14" text-anchor="middle">○</text>

  <rect x="20" y="150" width="260" height="55" rx="10" fill="#161616" stroke="#2a2a2a" stroke-width="1"/>
  <rect x="32" y="165" width="20" height="20" rx="5" fill="url(#demoGrad3)" opacity="0.3"/>
  <text x="33" y="179" font-family="Arial" font-size="12">🥗</text>
  <text x="62" y="172" font-family="Inter,-apple-system,sans-serif" font-weight="600" font-size="12" fill="white">Try Mediterranean bowl recipe</text>
  <text x="62" y="188" font-family="Inter,-apple-system,sans-serif" font-size="10" fill="#666">Cooking Track • This Week</text>
  <text x="260" y="180" font-family="Arial" font-size="14" text-anchor="middle">○</text>

  <rect x="20" y="215" width="260" height="55" rx="10" fill="#161616" stroke="rgba(131,58,180,0.5)" stroke-width="1"/>
  <rect x="32" y="230" width="20" height="20" rx="5" fill="url(#demoGrad3)"/>
  <text x="33" y="244" font-family="Arial" font-size="12">✅</text>
  <text x="62" y="237" font-family="Inter,-apple-system,sans-serif" font-weight="600" font-size="12" fill="white" text-decoration="line-through" opacity="0.5">Set up newsletter system</text>
  <text x="62" y="253" font-family="Inter,-apple-system,sans-serif" font-size="10" fill="#00D95F">✓ Completed yesterday</text>

  <rect x="20" y="280" width="260" height="55" rx="10" fill="#161616" stroke="#2a2a2a" stroke-width="1"/>
  <text x="33" y="299" font-family="Arial" font-size="12">📊</text>
  <text x="62" y="302" font-family="Inter,-apple-system,sans-serif" font-weight="600" font-size="12" fill="white">Review business metrics</text>
  <text x="62" y="318" font-family="Inter,-apple-system,sans-serif" font-size="10" fill="#666">Business Track • Tomorrow</text>
  <text x="260" y="310" font-family="Arial" font-size="14" text-anchor="middle">○</text>

  <!-- Stats -->
  <text x="150" y="365" font-family="Inter,-apple-system,sans-serif" font-size="11" fill="#555" text-anchor="middle">12 actions this week • 5 completed</text>
</svg>
