<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 390 844">
  <defs>
    <linearGradient id="redGrad" x1="0" y1="1" x2="0" y2="0">
      <stop offset="0%" stop-color="#991B1B" stop-opacity="0.3"/>
      <stop offset="100%" stop-color="#991B1B" stop-opacity="0.9"/>
    </linearGradient>
    <linearGradient id="barGlow" x1="0" y1="1" x2="0" y2="0">
      <stop offset="0%" stop-color="#991B1B" stop-opacity="0.05"/>
      <stop offset="100%" stop-color="#991B1B" stop-opacity="0.15"/>
    </linearGradient>
    <clipPath id="screenClip">
      <rect x="0" y="0" width="390" height="844" rx="44"/>
    </clipPath>
  </defs>

  <!-- Phone frame -->
  <rect width="390" height="844" rx="44" fill="#0A0A0C"/>

  <g clip-path="url(#screenClip)">
    <!-- Subtle grid -->
    <line x1="0" y1="200" x2="390" y2="200" stroke="rgba(255,255,255,0.06)" stroke-width="0.5"/>
    <line x1="0" y1="300" x2="390" y2="300" stroke="rgba(255,255,255,0.06)" stroke-width="0.5"/>
    <line x1="0" y1="400" x2="390" y2="400" stroke="rgba(255,255,255,0.06)" stroke-width="0.5"/>
    <line x1="0" y1="500" x2="390" y2="500" stroke="rgba(255,255,255,0.06)" stroke-width="0.5"/>
    <line x1="0" y1="600" x2="390" y2="600" stroke="rgba(255,255,255,0.06)" stroke-width="0.5"/>
    <line x1="0" y1="700" x2="390" y2="700" stroke="rgba(255,255,255,0.06)" stroke-width="0.5"/>
    <line x1="130" y1="0" x2="130" y2="844" stroke="rgba(255,255,255,0.03)" stroke-width="0.5"/>
    <line x1="260" y1="0" x2="260" y2="844" stroke="rgba(255,255,255,0.03)" stroke-width="0.5"/>

    <!-- Status bar -->
    <text x="36" y="58" fill="rgba(255,255,255,0.6)" font-family="sans-serif" font-size="14" font-weight="600">9:41</text>
    <!-- Signal bars -->
    <rect x="300" y="48" width="4" height="6" rx="1" fill="rgba(255,255,255,0.4)"/>
    <rect x="307" y="45" width="4" height="9" rx="1" fill="rgba(255,255,255,0.5)"/>
    <rect x="314" y="42" width="4" height="12" rx="1" fill="rgba(255,255,255,0.6)"/>
    <rect x="321" y="39" width="4" height="15" rx="1" fill="rgba(255,255,255,0.7)"/>
    <!-- Battery -->
    <rect x="338" y="43" width="22" height="11" rx="2.5" stroke="rgba(255,255,255,0.5)" stroke-width="1" fill="none"/>
    <rect x="340" y="45.5" width="16" height="6" rx="1" fill="rgba(255,255,255,0.5)"/>
    <rect x="361" y="47" width="1.5" height="3" rx="0.5" fill="rgba(255,255,255,0.3)"/>

    <!-- Nav bar -->
    <text x="28" y="105" fill="rgba(255,255,255,0.4)" font-family="sans-serif" font-size="15" font-weight="500">&#8592; Dashboard</text>
    <circle cx="360" cy="100" r="14" fill="rgba(255,255,255,0.06)"/>
    <text x="355" y="105" fill="rgba(255,255,255,0.3)" font-family="sans-serif" font-size="14">&#8942;</text>

    <!-- Title section -->
    <text x="28" y="155" fill="rgba(255,255,255,0.4)" font-family="sans-serif" font-size="13" font-weight="500" letter-spacing="2">TOTAL REVENUE</text>
    <text x="28" y="205" fill="white" font-family="monospace" font-size="52" font-weight="700">$700K+</text>
    <text x="28" y="232" fill="rgba(255,255,255,0.3)" font-family="sans-serif" font-size="14">Last 12 months</text>

    <!-- Percentage badge -->
    <rect x="268" y="172" width="94" height="30" rx="15" fill="rgba(34,197,94,0.12)"/>
    <text x="288" y="192" fill="#22C55E" font-family="monospace" font-size="14" font-weight="600">+127.4%</text>

    <!-- Divider -->
    <line x1="28" y1="258" x2="362" y2="258" stroke="rgba(255,255,255,0.06)" stroke-width="1"/>

    <!-- Monthly labels -->
    <text x="42" y="640" fill="rgba(255,255,255,0.3)" font-family="sans-serif" font-size="10" text-anchor="middle">Jan</text>
    <text x="82" y="640" fill="rgba(255,255,255,0.3)" font-family="sans-serif" font-size="10" text-anchor="middle">Feb</text>
    <text x="122" y="640" fill="rgba(255,255,255,0.3)" font-family="sans-serif" font-size="10" text-anchor="middle">Mar</text>
    <text x="162" y="640" fill="rgba(255,255,255,0.3)" font-family="sans-serif" font-size="10" text-anchor="middle">Apr</text>
    <text x="202" y="640" fill="rgba(255,255,255,0.3)" font-family="sans-serif" font-size="10" text-anchor="middle">May</text>
    <text x="242" y="640" fill="rgba(255,255,255,0.3)" font-family="sans-serif" font-size="10" text-anchor="middle">Jun</text>
    <text x="282" y="640" fill="rgba(255,255,255,0.3)" font-family="sans-serif" font-size="10" text-anchor="middle">Jul</text>
    <text x="322" y="640" fill="rgba(255,255,255,0.3)" font-family="sans-serif" font-size="10" text-anchor="middle">Aug</text>
    <text x="358" y="640" fill="rgba(255,255,255,0.3)" font-family="sans-serif" font-size="10" text-anchor="middle">Sep</text>

    <!-- Y-axis labels -->
    <text x="28" y="292" fill="rgba(255,255,255,0.2)" font-family="monospace" font-size="10">$100K</text>
    <text x="28" y="370" fill="rgba(255,255,255,0.2)" font-family="monospace" font-size="10">$75K</text>
    <text x="28" y="448" fill="rgba(255,255,255,0.2)" font-family="monospace" font-size="10">$50K</text>
    <text x="28" y="526" fill="rgba(255,255,255,0.2)" font-family="monospace" font-size="10">$25K</text>
    <text x="28" y="620" fill="rgba(255,255,255,0.2)" font-family="monospace" font-size="10">$0</text>

    <!-- Grid lines for chart -->
    <line x1="28" y1="288" x2="370" y2="288" stroke="rgba(255,255,255,0.04)" stroke-width="0.5"/>
    <line x1="28" y1="366" x2="370" y2="366" stroke="rgba(255,255,255,0.04)" stroke-width="0.5"/>
    <line x1="28" y1="444" x2="370" y2="444" stroke="rgba(255,255,255,0.04)" stroke-width="0.5"/>
    <line x1="28" y1="522" x2="370" y2="522" stroke="rgba(255,255,255,0.04)" stroke-width="0.5"/>

    <!-- Bar chart with growth pattern -->
    <rect x="32" y="560" width="26" height="60" rx="4" fill="url(#redGrad)" opacity="0.5"/>
    <rect x="72" y="530" width="26" height="90" rx="4" fill="url(#redGrad)" opacity="0.55"/>
    <rect x="112" y="500" width="26" height="120" rx="4" fill="url(#redGrad)" opacity="0.6"/>
    <rect x="152" y="510" width="26" height="110" rx="4" fill="url(#redGrad)" opacity="0.65"/>
    <rect x="192" y="460" width="26" height="160" rx="4" fill="url(#redGrad)" opacity="0.7"/>
    <rect x="232" y="420" width="26" height="200" rx="4" fill="url(#redGrad)" opacity="0.8"/>
    <rect x="272" y="370" width="26" height="250" rx="4" fill="url(#redGrad)" opacity="0.85"/>
    <rect x="312" y="330" width="26" height="290" rx="4" fill="url(#redGrad)" opacity="0.9"/>
    <rect x="348" y="290" width="26" height="330" rx="4" fill="url(#redGrad)" opacity="1"/>

    <!-- Glow under bars -->
    <rect x="32" y="615" width="26" height="8" rx="4" fill="#991B1B" opacity="0.15"/>
    <rect x="72" y="615" width="26" height="8" rx="4" fill="#991B1B" opacity="0.15"/>
    <rect x="112" y="615" width="26" height="8" rx="4" fill="#991B1B" opacity="0.15"/>
    <rect x="152" y="615" width="26" height="8" rx="4" fill="#991B1B" opacity="0.15"/>
    <rect x="192" y="615" width="26" height="8" rx="4" fill="#991B1B" opacity="0.2"/>
    <rect x="232" y="615" width="26" height="8" rx="4" fill="#991B1B" opacity="0.2"/>
    <rect x="272" y="615" width="26" height="8" rx="4" fill="#991B1B" opacity="0.25"/>
    <rect x="312" y="615" width="26" height="8" rx="4" fill="#991B1B" opacity="0.25"/>
    <rect x="348" y="615" width="26" height="8" rx="4" fill="#991B1B" opacity="0.3"/>

    <!-- Divider -->
    <line x1="28" y1="670" x2="362" y2="670" stroke="rgba(255,255,255,0.06)" stroke-width="1"/>

    <!-- Bottom stats row -->
    <rect x="28" y="690" width="160" height="72" rx="12" fill="rgba(255,255,255,0.03)" stroke="rgba(255,255,255,0.06)" stroke-width="0.5"/>
    <text x="44" y="716" fill="rgba(255,255,255,0.4)" font-family="sans-serif" font-size="11">Avg. Deal Size</text>
    <text x="44" y="744" fill="white" font-family="monospace" font-size="22" font-weight="700">$14.2K</text>

    <rect x="202" y="690" width="160" height="72" rx="12" fill="rgba(255,255,255,0.03)" stroke="rgba(255,255,255,0.06)" stroke-width="0.5"/>
    <text x="218" y="716" fill="rgba(255,255,255,0.4)" font-family="sans-serif" font-size="11">Close Rate</text>
    <text x="218" y="744" fill="white" font-family="monospace" font-size="22" font-weight="700">34.8%</text>

    <!-- Bottom nav -->
    <rect x="0" y="790" width="390" height="54" fill="rgba(255,255,255,0.02)"/>
    <line x1="0" y1="790" x2="390" y2="790" stroke="rgba(255,255,255,0.06)" stroke-width="0.5"/>
    <circle cx="78" cy="814" r="3" fill="rgba(255,255,255,0.2)"/>
    <circle cx="156" cy="814" r="3" fill="#991B1B"/>
    <circle cx="234" cy="814" r="3" fill="rgba(255,255,255,0.2)"/>
    <circle cx="312" cy="814" r="3" fill="rgba(255,255,255,0.2)"/>

    <!-- Home indicator -->
    <rect x="130" y="832" width="130" height="4" rx="2" fill="rgba(255,255,255,0.15)"/>
  </g>

  <!-- Phone border -->
  <rect width="390" height="844" rx="44" fill="none" stroke="rgba(255,255,255,0.08)" stroke-width="1"/>
</svg>