Chart Prompts

Restyle my chart in the "Quota Attainment" 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-operations pacing chart on a clean white page. One forest green story line climbs toward a gray quota target, and a big percent-to-plan number on the right answers the only question the room cares about.

Colors (use these exact values):
- Page: #FFFFFF. Top band: #14532D (forest) with white and #BBF7D0 text; divider ticks in the band #3F7A57.
- Actuals line, dots, today rule, big number: #14532D. Projection: #15803D. Area under actuals: #DCFCE7 at 70% opacity. Future zone shading: #F9FAFB.
- Quota or target line: #9CA3AF. Ink: #111827. Secondary text: #6B7280. Gridlines and dividers: #E5E7EB.

Typography (Google Fonts):
- Libre Franklin 800 for the title (30px, -0.5px letter-spacing, stating the projected attainment) and the big percent (60px, -2px letter-spacing, forest); Libre Franklin 700 30px for the two secondary sidebar figures.
- Public Sans for everything else: band labels 11 to 12px 600 to 700 uppercase with 1.6 to 2px letter-spacing; subtitle 15px #6B7280; legend 12.5px 500; axis labels 11.5 to 12px #6B7280; annotations 12 to 12.5px 700 in forest; sidebar captions 12.5px; source and method note 11.5px.

Layout:
- A 34px forest band across the very top: period name at the left ("Q3 FY2026"), the months centered over their weeks of the plot with thin dividers between them, and the segment name at the right.
- Title at y 84 and subtitle at y 112 with 40px left margin; a legend row at y 146 (24px line swatches: solid, dotted, dashed).
- Plot from x 72 to 760, y 196 to 520. A right sidebar starting at x 800 behind a 1px #E5E7EB vertical divider: an uppercase two-line label ("PROJECTED / ATTAINMENT"), the big percent, a caption, an 8px rounded progress bar (136px track in #E5E7EB, fill in forest) with a 1.5px ink tick at 100%, then a 1px divider and two stacked figures with captions (percent of pace today, amount left to book).
- Footer: 1px rule at y 556, source on the left, a one-line method note on the right.

Axes and grid:
- Horizontal 1px #E5E7EB gridlines at every unit with "$1M"-style labels right-aligned 12px left of the plot. A 1.2px ink baseline. Week labels ("W1" to "W13") 22px below it; today's week bold forest.
- Shade the future (right of today) in #F9FAFB and redraw the gridlines over it.

Marks:
- Line chart: actuals as a 3px forest line with straight segments and round joins, 2.5px dots at each week, and the area below filled #DCFCE7. The target is a straight 1.75px #9CA3AF dashed line (7 on, 5 off) from zero to the quota with a hollow end circle and a "Quota $6.0M" label. The projection continues from today as a 3px #15803D dotted line (dash 0.1 6, round caps) ending in a hollow 5px circle. A 1.25px forest vertical "today" rule topped by a forest pill (60 x 20, radius 10) reading "TODAY" in 10.5px 700 white. A bracket with 8px caps between actual and pace at today, labeled "$0.63M behind pace".
- Bar chart: cumulative or per-period bars 60% of the band width in forest with 2px top corners; future periods as #DCFCE7 bars with a 1.5px dotted #15803D outline; the target as the same gray dashed line across the bars; same today rule, pill and sidebar.

Avoid: rainbow colors, legends inside the plot, drop shadows, and more than one saturated hue family.

When you're done, render the chart and check that the big percent equals the projected end value divided by quota, the gap bracket matches the pace at today, and nothing touches the dashed quota line.