<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 200" role="img" aria-label="Custom software admin panel with dealer, order and stock records">
  <defs>
    <linearGradient id="oyBg" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#eef0ff"/><stop offset="1" stop-color="#f8f9ff"/></linearGradient>
    <linearGradient id="oyAna" x1="0" y1="0" x2="1" y2="0"><stop offset="0" stop-color="#4f46e5"/><stop offset="1" stop-color="#1a6ef5"/></linearGradient>
    <style>
      .oy-b { font: 700 11px system-ui,"Segoe UI",Roboto,Arial,sans-serif; fill:#231f6b }
      .oy-m { font: 600 8.5px system-ui,"Segoe UI",Roboto,Arial,sans-serif; fill:#3f3a8f }
      .oy-s { font: 400 8px system-ui,"Segoe UI",Roboto,Arial,sans-serif; fill:#8a86bd }
      .oy-c { font: 700 7px system-ui,"Segoe UI",Roboto,Arial,sans-serif; fill:#ffffff }
    </style>
  </defs>
  <rect width="400" height="200" fill="url(#oyBg)"/>
  <g opacity=".4" stroke="#d6d9fb" stroke-width="1"><path d="M60 0v200M140 0v200M220 0v200M300 0v200"/></g>

  <rect x="26" y="24" width="284" height="152" rx="12" fill="#ffffff" stroke="#dcdff8"/>
  <rect x="26" y="24" width="76" height="152" rx="12" fill="#f3f4ff"/>
  <text class="oy-m" x="40" y="48">Panel</text>
  <rect x="36" y="58" width="3" height="11" rx="1.5" fill="url(#oyAna)"/>
  <text class="oy-s" x="44" y="67" fill="#4f46e5">Dealers</text>
  <text class="oy-s" x="44" y="86">Orders</text>
  <text class="oy-s" x="44" y="105">Stock</text>
  <text class="oy-s" x="44" y="124">Reports</text>
  <text class="oy-s" x="44" y="143">Users</text>

  <text class="oy-b" x="118" y="50">Order flow</text>
  <rect x="118" y="60" width="178" height="26" rx="8" fill="#f5f6ff" stroke="#e6e8fb"/>
  <text class="oy-m" x="128" y="77">Order #1042</text>
  <rect x="246" y="66" width="40" height="14" rx="7" fill="#22c55e" opacity=".85"/>
  <text class="oy-c" x="266" y="76" text-anchor="middle">Approved</text>

  <rect x="118" y="92" width="178" height="26" rx="8" fill="#f5f6ff" stroke="#e6e8fb"/>
  <text class="oy-m" x="128" y="109">Dealer request</text>
  <rect x="246" y="98" width="40" height="14" rx="7" fill="#f59e0b" opacity=".9"/>
  <text class="oy-c" x="266" y="108" text-anchor="middle">Pending</text>

  <rect x="118" y="124" width="178" height="26" rx="8" fill="#f5f6ff" stroke="#e6e8fb"/>
  <text class="oy-m" x="128" y="141">Stock entry</text>
  <rect x="246" y="130" width="40" height="14" rx="7" fill="#1a6ef5" opacity=".85"/>
  <text class="oy-c" x="266" y="140" text-anchor="middle">Recorded</text>

  <text class="oy-s" x="118" y="166">ERP and accounting integration</text>

  <g transform="translate(340 118)">
    <circle r="36" fill="#0f2057"/>
    <g fill="none" stroke="#ffffff" stroke-width="2.8" stroke-linecap="round" stroke-linejoin="round">
      <path d="M-13-9l-8 8 8 8M13-9l8 8-8 8M5-16l-8 30"/>
    </g>
    <text x="0" y="27" text-anchor="middle" font-family="system-ui,'Segoe UI',Roboto,Arial,sans-serif" font-size="7.5" font-weight="700" fill="#8fb6ff">PHP</text>
  </g>
  <circle cx="336" cy="52" r="9" fill="url(#oyAna)" opacity=".7"/>
</svg>
