<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 500" width="600" height="500" role="img" aria-label="Analitik panel görseli">
  <defs>
    <linearGradient id="bg3" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0%" stop-color="#0c1326"/>
      <stop offset="100%" stop-color="#020617"/>
    </linearGradient>
    <linearGradient id="primary3" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0%" stop-color="#be0017"/>
      <stop offset="100%" stop-color="#ff4d61"/>
    </linearGradient>
    <linearGradient id="chartGrad" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0%" stop-color="#be0017" stop-opacity="0.4"/>
      <stop offset="100%" stop-color="#be0017" stop-opacity="0"/>
    </linearGradient>
    <radialGradient id="glow3" cx="50%" cy="40%" r="60%">
      <stop offset="0%" stop-color="#22c55e" stop-opacity="0.18"/>
      <stop offset="100%" stop-color="#22c55e" stop-opacity="0"/>
    </radialGradient>
    <filter id="shadow3" x="-20%" y="-20%" width="140%" height="140%">
      <feDropShadow dx="0" dy="20" stdDeviation="25" flood-color="#000" flood-opacity="0.55"/>
    </filter>
  </defs>

  <!-- Background -->
  <rect width="600" height="500" fill="url(#bg3)" rx="24"/>
  <rect width="600" height="500" fill="url(#glow3)" rx="24"/>

  <!-- BG geometric shapes -->
  <circle cx="540" cy="80" r="50" fill="#22c55e" fill-opacity="0.08"/>
  <circle cx="60" cy="420" r="70" fill="#be0017" fill-opacity="0.1"/>

  <!-- Dashboard window -->
  <g filter="url(#shadow3)">
    <rect x="60" y="70" width="480" height="360" rx="16" fill="#0f172a" stroke="#1e293b" stroke-width="1"/>

    <!-- Title bar -->
    <rect x="60" y="70" width="480" height="40" rx="16" fill="#0c1326"/>
    <rect x="60" y="90" width="480" height="20" fill="#0c1326"/>
    <circle cx="82" cy="90" r="5" fill="#ef4444"/>
    <circle cx="100" cy="90" r="5" fill="#f59e0b"/>
    <circle cx="118" cy="90" r="5" fill="#22c55e"/>
    <rect x="240" y="83" width="120" height="14" rx="7" fill="#1e293b"/>
    <text x="300" y="93" text-anchor="middle" font-family="JetBrains Mono, monospace" font-size="9" fill="#64748b">analytics.netlun</text>

    <!-- Section title -->
    <rect x="80" y="128" width="100" height="12" rx="3" fill="#f1f5f9"/>
    <rect x="80" y="146" width="160" height="8" rx="2" fill="#475569"/>

    <!-- KPI cards row -->
    <g>
      <rect x="80" y="170" width="140" height="78" rx="10" fill="#1e293b" stroke="#334155"/>
      <rect x="92" y="180" width="50" height="6" rx="2" fill="#64748b"/>
      <text x="92" y="210" font-family="Outfit, sans-serif" font-size="22" font-weight="900" fill="#ffffff">₺324K</text>
      <rect x="92" y="220" width="36" height="14" rx="7" fill="#22c55e" fill-opacity="0.15"/>
      <text x="110" y="230" text-anchor="middle" font-family="Inter, sans-serif" font-size="9" font-weight="700" fill="#22c55e">↑ 24%</text>

      <rect x="230" y="170" width="140" height="78" rx="10" fill="#1e293b" stroke="#334155"/>
      <rect x="242" y="180" width="60" height="6" rx="2" fill="#64748b"/>
      <text x="242" y="210" font-family="Outfit, sans-serif" font-size="22" font-weight="900" fill="#ffffff">11.9x</text>
      <rect x="242" y="220" width="40" height="14" rx="7" fill="#be0017" fill-opacity="0.15"/>
      <text x="262" y="230" text-anchor="middle" font-family="Inter, sans-serif" font-size="9" font-weight="700" fill="#ff4d61">ROAS</text>

      <rect x="380" y="170" width="140" height="78" rx="10" fill="#1e293b" stroke="#334155"/>
      <rect x="392" y="180" width="50" height="6" rx="2" fill="#64748b"/>
      <text x="392" y="210" font-family="Outfit, sans-serif" font-size="22" font-weight="900" fill="#ffffff">8.2K</text>
      <rect x="392" y="220" width="44" height="14" rx="7" fill="#6366f1" fill-opacity="0.18"/>
      <text x="414" y="230" text-anchor="middle" font-family="Inter, sans-serif" font-size="9" font-weight="700" fill="#a5b4fc">Aktif</text>
    </g>

    <!-- Chart area -->
    <rect x="80" y="266" width="440" height="148" rx="10" fill="#0c1326" stroke="#1e293b"/>
    <rect x="92" y="278" width="80" height="6" rx="2" fill="#94a3b8"/>
    <rect x="92" y="290" width="120" height="4" rx="2" fill="#475569"/>

    <!-- Grid lines -->
    <line x1="100" y1="320" x2="510" y2="320" stroke="#1e293b" stroke-width="1" stroke-dasharray="3,3"/>
    <line x1="100" y1="355" x2="510" y2="355" stroke="#1e293b" stroke-width="1" stroke-dasharray="3,3"/>
    <line x1="100" y1="390" x2="510" y2="390" stroke="#1e293b" stroke-width="1" stroke-dasharray="3,3"/>

    <!-- Chart fill -->
    <path d="M 100 390 L 140 360 L 180 370 L 220 340 L 260 350 L 300 320 L 340 325 L 380 300 L 420 290 L 460 270 L 500 250 L 500 400 L 100 400 Z"
          fill="url(#chartGrad)"/>
    <!-- Chart line -->
    <path d="M 100 390 L 140 360 L 180 370 L 220 340 L 260 350 L 300 320 L 340 325 L 380 300 L 420 290 L 460 270 L 500 250"
          fill="none" stroke="url(#primary3)" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>

    <!-- Chart dots -->
    <circle cx="220" cy="340" r="4" fill="#be0017" stroke="#fff" stroke-width="1.5"/>
    <circle cx="380" cy="300" r="4" fill="#be0017" stroke="#fff" stroke-width="1.5"/>
    <circle cx="500" cy="250" r="5" fill="#ff4d61" stroke="#fff" stroke-width="2"/>
  </g>

  <!-- Top right small badge -->
  <g opacity="0.85">
    <rect x="510" y="20" width="70" height="22" rx="11" fill="#22c55e" fill-opacity="0.15" stroke="#22c55e" stroke-opacity="0.4"/>
    <circle cx="522" cy="31" r="3" fill="#22c55e">
      <animate attributeName="opacity" values="1;0.3;1" dur="1.5s" repeatCount="indefinite"/>
    </circle>
    <text x="555" y="35" text-anchor="middle" font-family="Inter, sans-serif" font-size="9" font-weight="700" fill="#22c55e">LIVE</text>
  </g>

  <text x="300" y="468" text-anchor="middle" font-family="Inter, sans-serif" font-size="10" font-weight="600" fill="#64748b" letter-spacing="2">DİJİTAL ANALİTİK · DEMO GÖRSELİ</text>
</svg>
