<svg xmlns='http://www.w3.org/2000/svg' width='1200' height='760' viewBox='0 0 1200 760' role='img' aria-label='RDT OpenCart Admin App mobile dashboard preview'>
  <defs>
    <linearGradient id='bg' x1='0' y1='0' x2='1' y2='1'>
      <stop offset='0' stop-color='#eff6ff'/>
      <stop offset='.55' stop-color='#f7f7ff'/>
      <stop offset='1' stop-color='#ecfeff'/>
    </linearGradient>
    <linearGradient id='phone' x1='0' y1='0' x2='1' y2='1'>
      <stop offset='0' stop-color='#0f172a'/>
      <stop offset='1' stop-color='#1e3a8a'/>
    </linearGradient>
    <linearGradient id='card' x1='0' y1='0' x2='1' y2='1'>
      <stop offset='0' stop-color='#2563eb'/>
      <stop offset='1' stop-color='#7c3aed'/>
    </linearGradient>
    <filter id='shadow' x='-20%' y='-20%' width='140%' height='140%'>
      <feDropShadow dx='0' dy='28' stdDeviation='32' flood-color='#0f172a' flood-opacity='.22'/>
    </filter>
  </defs>
  <rect width='1200' height='760' rx='44' fill='url(#bg)'/>
  <circle cx='1025' cy='116' r='116' fill='#dbeafe' opacity='.85'/>
  <circle cx='178' cy='620' r='154' fill='#ede9fe' opacity='.9'/>
  <g filter='url(#shadow)'>
    <rect x='420' y='70' width='360' height='620' rx='58' fill='url(#phone)'/>
    <rect x='450' y='112' width='300' height='536' rx='34' fill='#f8fafc'/>
    <rect x='540' y='92' width='120' height='10' rx='5' fill='#334155'/>
  </g>
  <g>
    <rect x='482' y='148' width='236' height='94' rx='24' fill='url(#card)'/>
    <text x='506' y='185' fill='#fff' font-family='Arial, sans-serif' font-size='24' font-weight='800'>Store Overview</text>
    <text x='506' y='216' fill='#dbeafe' font-family='Arial, sans-serif' font-size='15'>Orders, revenue and stock</text>
    <circle cx='690' cy='194' r='22' fill='#fff' opacity='.18'/>
  </g>
  <g fill='#fff' stroke='#e2e8f0'>
    <rect x='482' y='270' width='108' height='82' rx='20'/>
    <rect x='610' y='270' width='108' height='82' rx='20'/>
    <rect x='482' y='372' width='236' height='78' rx='20'/>
    <rect x='482' y='470' width='236' height='78' rx='20'/>
  </g>
  <g font-family='Arial, sans-serif'>
    <text x='504' y='304' fill='#64748b' font-size='14'>Orders</text>
    <text x='504' y='334' fill='#0f172a' font-size='28' font-weight='800'>128</text>
    <text x='632' y='304' fill='#64748b' font-size='14'>Revenue</text>
    <text x='632' y='334' fill='#0f172a' font-size='28' font-weight='800'>₹4.8L</text>
    <text x='510' y='405' fill='#0f172a' font-size='20' font-weight='800'>Recent Orders</text>
    <rect x='510' y='420' width='166' height='8' rx='4' fill='#dbeafe'/>
    <text x='510' y='503' fill='#0f172a' font-size='20' font-weight='800'>Low Stock Alerts</text>
    <rect x='510' y='518' width='136' height='8' rx='4' fill='#ede9fe'/>
  </g>
  <g filter='url(#shadow)'>
    <rect x='120' y='204' width='260' height='138' rx='28' fill='#fff'/>
    <text x='150' y='252' fill='#0f172a' font-family='Arial, sans-serif' font-size='24' font-weight='800'>Mobile Admin</text>
    <text x='150' y='286' fill='#64748b' font-family='Arial, sans-serif' font-size='16'>OpenCart control on the go</text>
    <rect x='150' y='306' width='120' height='10' rx='5' fill='#bfdbfe'/>
  </g>
  <g filter='url(#shadow)'>
    <rect x='810' y='416' width='270' height='150' rx='30' fill='#fff'/>
    <text x='842' y='466' fill='#0f172a' font-family='Arial, sans-serif' font-size='24' font-weight='800'>Live Store Signals</text>
    <text x='842' y='500' fill='#64748b' font-family='Arial, sans-serif' font-size='16'>Orders • Products • Customers</text>
    <rect x='842' y='522' width='180' height='12' rx='6' fill='#c7d2fe'/>
  </g>
  <text x='72' y='710' fill='#07142f' opacity='.85' font-family='Arial, sans-serif' font-size='34' font-weight='800'>RDT OpenCart Admin App</text>
</svg>