<div class="stat-with-spark">
  <div>
    <div class="stat-label">Gelir</div>
    <div class="stat-value">₺8,920</div>
    <div class="stat-trend positive">+22%</div>
  </div>
  <!-- Sparkline SVG -->
  <svg viewBox="0 0 80 30" class="sparkline">
    <path
      d="M0,25 L13,20 L26,15 L39,18 L52,8 L65,5 L80,2"
      fill="none"
      stroke="var(--accent)"
      stroke-width="2"
      stroke-linecap="round"
    />
  </svg>
</div>

<style>
.stat-with-spark { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem; border: 1px solid var(--border); border-radius: 0.75rem; }
.sparkline { width: 80px; height: 30px; }
</style>