Chart Prompts

Restyle my chart in the "Win Rate Reps" style described below. Keep my data, chart type, title meaning and units; change only the presentation. Use the charting library this project already uses (plain SVG if there is none). If the library can't express a detail, draw it in a custom layer instead of dropping it. Measurements assume a 960 x 600 chart; scale them proportionally.

Mood: a sales leaderboard pinned on the team wall. Warm pale lemon paper, round initials avatars, ranked rows and a single olive color for performance, with stars for the podium.

Colors (use these exact values):
- Page: #FEFCE8 (pale lemon). Alternate row stripes: #FBF7D6. Vertical gridlines: #E7E4B8.
- Bars: #4D7C0F (olive), at full opacity above the average and 62% opacity below it. Bar tracks and micro-bar tracks: #ECEBC4.
- Average rule and its pill: #27272A (charcoal). Stars: #CA8A04.
- Avatar circles cycle through #0F766E, #B45309, #6D28D9, #BE123C, #1D4ED8, #57534E with white initials.
- Ink: #1C1917. Secondary text: #78716C.

Typography (Google Fonts):
- Sora 700 for the title (27px, -0.6px letter-spacing, stating how many beat the average), the percent labels (12.5px) and avatar initials (9.5px white); Sora 600 12px for the "01"-style rank numbers.
- Mulish for everything else: eyebrow 11px 800 uppercase with 1.8px letter-spacing in olive; subtitle 14.5px #78716C; column headers 10px 800 uppercase with 1.4px letter-spacing; names 13.5px 600 (800 for the top three); won / opps figures 12.5px 700; source 11.5px.

Layout:
- 40px margins. Eyebrow at y 50, title at y 86, subtitle at y 112, column header row at y 146 (RANK, REP, scale ticks, WON / OPPS right-aligned at x 920).
- Twelve 31px rows from y 156, sorted descending. Every other row gets a #FBF7D6 stripe (radius 6) spanning x 30 to 930.
- Row anatomy: rank numeral (olive for the top three), an 11.5px-radius avatar at x 94, the name at x 114, the bar area from x 262 to 736 on a fixed 0 to 50% scale, then a right column with "won / opps" and a 44px micro bar (track = opportunities, olive = won).

Axes and grid:
- Scale ticks (0% to 50%) sit in the header row; 1px #E7E4B8 vertical gridlines at each 10% run through the rows. No axis lines.
- The team average is a 2px charcoal vertical rule through all rows ending in a charcoal pill (112 x 22, radius 11) below the last row reading "Team avg 34.5%" in 11.5px 800 white.

Marks:
- Bar chart: horizontal bars 13px tall with fully rounded ends, drawn over a full-width 13px #ECEBC4 track. Value label 8px after the bar end in Sora 700 12.5px, olive above average and #78716C below, with a 5px halo in the row's background color so the average rule never cuts through it. The top three get a 6.5px five-point gold star before the value.
- Line chart: keep the leaderboard rows as a legend on the left and draw each entity as a 2.5px olive line (62% opacity below average) on a plot to the right; the average as a 2px charcoal horizontal rule with the same pill; stars on the top three end points.

Avoid: multiple bar colors, 3D, gradients, heavy borders, and sorting by anything other than the plotted value.

When you're done, render the chart and check that the rows are sorted, the average equals total won divided by total opportunities, exactly three stars appear, and no percent label is crossed by the average rule.