<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="700" viewBox="0 0 1200 700" fill="none">
  <defs>
    <linearGradient id="g" x1="160" y1="120" x2="1040" y2="600" gradientUnits="userSpaceOnUse">
      <stop stop-color="#6E58FF" stop-opacity="0.28"/>
      <stop offset="1" stop-color="#F4745A" stop-opacity="0.22"/>
    </linearGradient>
  </defs>
  <rect width="1200" height="700" rx="28" fill="rgba(255,255,255,0.06)"/>
  <rect x="70" y="70" width="1060" height="560" rx="22" fill="url(#g)" stroke="rgba(255,255,255,0.14)"/>
  <text x="110" y="140" fill="rgba(255,255,255,0.92)" font-family="ui-sans-serif, system-ui" font-size="20" font-weight="700">Billing</text>
  <text x="110" y="172" fill="rgba(255,255,255,0.70)" font-family="ui-sans-serif, system-ui" font-size="14">Invoices, payments, and payment methods</text>

  <rect x="110" y="220" width="680" height="410" rx="18" fill="rgba(11,18,33,0.45)" stroke="rgba(255,255,255,0.12)"/>
  <rect x="140" y="252" width="240" height="12" rx="6" fill="rgba(255,255,255,0.22)"/>
  <rect x="140" y="290" width="620" height="72" rx="16" fill="rgba(255,255,255,0.08)"/>
  <rect x="140" y="374" width="620" height="72" rx="16" fill="rgba(255,255,255,0.08)"/>
  <rect x="140" y="458" width="620" height="72" rx="16" fill="rgba(255,255,255,0.08)"/>
  <rect x="170" y="318" width="220" height="10" rx="5" fill="rgba(255,255,255,0.18)"/>
  <rect x="170" y="402" width="240" height="10" rx="5" fill="rgba(255,255,255,0.18)"/>
  <rect x="170" y="486" width="200" height="10" rx="5" fill="rgba(255,255,255,0.18)"/>
  <rect x="640" y="306" width="100" height="36" rx="12" fill="rgba(255,255,255,0.14)"/>
  <rect x="640" y="390" width="100" height="36" rx="12" fill="rgba(255,255,255,0.10)"/>
  <rect x="640" y="474" width="100" height="36" rx="12" fill="rgba(255,255,255,0.12)"/>

  <rect x="820" y="220" width="270" height="200" rx="18" fill="rgba(11,18,33,0.45)" stroke="rgba(255,255,255,0.12)"/>
  <text x="850" y="270" fill="rgba(255,255,255,0.90)" font-family="ui-sans-serif, system-ui" font-size="16" font-weight="600">Payments</text>
  <rect x="850" y="292" width="210" height="12" rx="6" fill="rgba(255,255,255,0.16)"/>
  <rect x="850" y="322" width="190" height="12" rx="6" fill="rgba(255,255,255,0.14)"/>
  <rect x="850" y="352" width="170" height="12" rx="6" fill="rgba(255,255,255,0.14)"/>

  <rect x="820" y="450" width="270" height="180" rx="18" fill="rgba(11,18,33,0.45)" stroke="rgba(255,255,255,0.12)"/>
  <text x="850" y="498" fill="rgba(255,255,255,0.90)" font-family="ui-sans-serif, system-ui" font-size="16" font-weight="600">Methods</text>
  <rect x="850" y="520" width="210" height="36" rx="12" fill="rgba(255,255,255,0.10)"/>
  <rect x="850" y="566" width="210" height="36" rx="12" fill="rgba(255,255,255,0.10)"/>
</svg>


