<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="700" viewBox="0 0 1200 700" fill="none">
  <defs>
    <linearGradient id="g" x1="120" y1="120" x2="1080" y2="580" gradientUnits="userSpaceOnUse">
      <stop stop-color="#4ECDC4" stop-opacity="0.35"/>
      <stop offset="1" stop-color="#6E58FF" stop-opacity="0.25"/>
    </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">Attendance</text>
  <text x="110" y="172" fill="rgba(255,255,255,0.70)" font-family="ui-sans-serif, system-ui" font-size="14">Check-in/out with timestamps and notes</text>
  <rect x="110" y="220" width="980" height="76" rx="16" fill="rgba(11,18,33,0.45)" stroke="rgba(255,255,255,0.12)"/>
  <rect x="110" y="312" width="980" height="76" rx="16" fill="rgba(11,18,33,0.45)" stroke="rgba(255,255,255,0.12)"/>
  <rect x="110" y="404" width="980" height="76" rx="16" fill="rgba(11,18,33,0.45)" stroke="rgba(255,255,255,0.12)"/>
  <rect x="140" y="245" width="220" height="12" rx="6" fill="rgba(255,255,255,0.28)"/>
  <rect x="140" y="269" width="160" height="10" rx="5" fill="rgba(255,255,255,0.18)"/>
  <rect x="140" y="337" width="260" height="12" rx="6" fill="rgba(255,255,255,0.28)"/>
  <rect x="140" y="361" width="200" height="10" rx="5" fill="rgba(255,255,255,0.18)"/>
  <rect x="140" y="429" width="240" height="12" rx="6" fill="rgba(255,255,255,0.28)"/>
  <rect x="140" y="453" width="180" height="10" rx="5" fill="rgba(255,255,255,0.18)"/>
  <rect x="900" y="242" width="160" height="36" rx="12" fill="rgba(255,255,255,0.14)"/>
  <rect x="900" y="334" width="160" height="36" rx="12" fill="rgba(255,255,255,0.14)"/>
  <rect x="900" y="426" width="160" height="36" rx="12" fill="rgba(255,255,255,0.14)"/>
</svg>


