<pdf>

	<version>1.0.0</version>
	<title>PDF Template Demo - Monthly sales dashboard</title>
	<date>2026-10-05</date>
	<note>One-page management dashboard (A4 landscape): KPI cards, line, bar, ring and single bar charts bound to datalists, top 10 products section</note>

	<default_page>
		<orientation>L</orientation>
		<unit>mm</unit>
		<format>A4</format>
	</default_page>

	<doc_info>
		<creator>Alien Project</creator>
		<author>#MBR</author>
		<title>Monthly Sales Dashboard Demo</title>
		<subject>Copyright (C) 2026 - Alien Project</subject>
		<keywords>sales, dashboard, kpi, charts, pdf, example</keywords>
	</doc_info>

	<!-- Main section (no data provider): the whole dashboard, then the nested "top" section prints the top 10 products -->
	<section id="dashboard">
		<page format="A4" orientation="L"/>

		<!-- For debug, set BORDER=1 to check the box sizes -->
		<setvar name="BORDER" value="0"/>
		<setvar name="COLOR_DARK" value="0f1e3d"/>
		<setvar name="COLOR_ACCENT" value="1d4ed8"/>
		<setvar name="COLOR_PREV" value="9aa8bd"/>
		<setvar name="COLOR_PAGE" value="f1f4f9"/>
		<setvar name="COLOR_CARD_LINE" value="dfe5ee"/>
		<setvar name="COLOR_GRID" value="e8ecf2"/>
		<setvar name="COLOR_TEXT" value="1e293b"/>
		<setvar name="COLOR_GREY" value="64748b"/>
		<setvar name="COLOR_GOOD" value="15803d"/>
		<setvar name="COLOR_BAD" value="c2410c"/>
		<setvar name="COLOR_WHITE" value="ffffff"/>
		<!-- Number format: 1,234.56 USD -->
		<setvar name="NUMERICDECIMALSEPARATOR" value="."/>
		<setvar name="NUMERICTHOUSANDSEPARATOR" value=","/>
		<setvar name="CURRENCYSYMBOL" value=" USD"/>

		<print_content>page_header</print_content>
		<print_content>kpi_cards</print_content>
		<print_content>trend_chart</print_content>
		<print_content>region_chart</print_content>
		<print_content>category_chart</print_content>
		<print_content>top_header</print_content>

		<section id="top" row_height="4.5" rows_count="10">
			<!-- Top 10 products by revenue, one row each -->
			<print_content>top_row</print_content>
		</section>

		<print_content>page_footer</print_content>
	</section>

	<!-- Legend of the ring chart: a second top-level section, printed on the same page (no page element) -->
	<section id="cat" row_height="7.6" rows_count="6">
		<print_content>category_legend_row</print_content>
	</section>

	<!-- Legend of the channel mix bar: 3 columns on one line (columns / column_width) -->
	<section id="channel" row_height="5" rows_count="1" columns="3" column_width="26">
		<print_content>channel_legend_item</print_content>
	</section>

	<section id="finalize">
		<output>
			<dest>I</dest>
			<name>sales_dashboard.pdf</name>
			<isUTF8>true</isUTF8>
		</output>
	</section>

	<!-- ********************************** -->

	<content id="page_header">
		<!-- Page background and top band -->
		<rectangle x1="0" y1="0" x2="297" y2="210" radius="0" border="0000">
			<linestyle width="0"/>
			<fill type="S" color="{COLOR_PAGE}"/>
		</rectangle>
		<rectangle x1="0" y1="0" x2="297" y2="24" radius="0" border="0000">
			<linestyle width="0"/>
			<fill type="S" color="{COLOR_DARK}"/>
		</rectangle>
		<fill type="N"/>

		<!-- Logo drawn with shapes: rounded square with three rising bars -->
		<rectangle x1="10" y1="5" x2="24" y2="19" radius="2.5" border="1111">
			<linestyle width="0"/>
			<fill type="S" color="{COLOR_ACCENT}"/>
		</rectangle>
		<rectangle x1="13" y1="12.5" x2="15.2" y2="16" radius="0.5" border="1111">
			<linestyle width="0"/>
			<fill type="S" color="93c5fd"/>
		</rectangle>
		<rectangle x1="15.9" y1="10" x2="18.1" y2="16" radius="0.5" border="1111">
			<linestyle width="0"/>
			<fill type="S" color="dbeafe"/>
		</rectangle>
		<rectangle x1="18.8" y1="7.5" x2="21" y2="16" radius="0.5" border="1111">
			<linestyle width="0"/>
			<fill type="S" color="{COLOR_WHITE}"/>
		</rectangle>
		<fill type="N"/>

		<box x="28" y="5" width="120" height="8" border="{BORDER}" horizalign="Left" vertalign="Center">
			<text>{COMPANY_NAME}</text>
			<font family="Helvetica" style="B" size="15" color="{COLOR_WHITE}"/>
		</box>
		<box x="28" y="13" width="120" height="6" border="{BORDER}" horizalign="Left" vertalign="Center">
			<text>MONTHLY SALES DASHBOARD  |  {COMPANY_UNIT}</text>
			<font family="Helvetica" style="N" size="8" color="a9b8d6"/>
		</box>

		<box x="167" y="4.5" width="120" height="8.5" border="{BORDER}" horizalign="Right" vertalign="Center">
			<text>{MONTH_NAME}</text>
			<font family="Helvetica" style="B" size="17" color="{COLOR_WHITE}"/>
		</box>
		<box x="147" y="13" width="140" height="6" border="{BORDER}" horizalign="Right" vertalign="Center">
			<text>Period {PERIOD}  |  Compared with {COMPARE_PERIOD}  |  Prepared on {PREPARED_ON}</text>
			<font family="Helvetica" style="N" size="8" color="a9b8d6"/>
		</box>
	</content>

	<!-- ********************************** -->

	<!-- Four KPI cards: 65.5 mm wide, 5 mm apart, y 29..57 -->
	<content id="kpi_cards">
		<rectangle x1="10" y1="29" x2="75.5" y2="57" radius="2" border="1111">
			<linestyle width="0.25" color="{COLOR_CARD_LINE}"/>
			<fill type="S" color="{COLOR_WHITE}"/>
		</rectangle>
		<rectangle x1="80.5" y1="29" x2="146" y2="57" radius="2" border="1111">
			<linestyle width="0.25" color="{COLOR_CARD_LINE}"/>
			<fill type="S" color="{COLOR_WHITE}"/>
		</rectangle>
		<rectangle x1="151" y1="29" x2="216.5" y2="57" radius="2" border="1111">
			<linestyle width="0.25" color="{COLOR_CARD_LINE}"/>
			<fill type="S" color="{COLOR_WHITE}"/>
		</rectangle>
		<rectangle x1="221.5" y1="29" x2="287" y2="57" radius="2" border="1111">
			<linestyle width="0.25" color="{COLOR_CARD_LINE}"/>
			<fill type="S" color="{COLOR_WHITE}"/>
		</rectangle>
		<!-- Accent strip on the left side of each card -->
		<rectangle x1="10" y1="29" x2="11.2" y2="57" radius="0.6" border="1111">
			<linestyle width="0"/>
			<fill type="S" color="{COLOR_ACCENT}"/>
		</rectangle>
		<rectangle x1="80.5" y1="29" x2="81.7" y2="57" radius="0.6" border="1111">
			<linestyle width="0"/>
			<fill type="S" color="{COLOR_ACCENT}"/>
		</rectangle>
		<rectangle x1="151" y1="29" x2="152.2" y2="57" radius="0.6" border="1111">
			<linestyle width="0"/>
			<fill type="S" color="{COLOR_ACCENT}"/>
		</rectangle>
		<rectangle x1="221.5" y1="29" x2="222.7" y2="57" radius="0.6" border="1111">
			<linestyle width="0"/>
			<fill type="S" color="{COLOR_ACCENT}"/>
		</rectangle>
		<fill type="N"/>

		<!-- Card titles -->
		<font family="Helvetica" style="B" size="7" color="{COLOR_GREY}"/>
		<box x="15" y="32" width="40" height="5" border="{BORDER}" horizalign="Left" vertalign="Center"><text>NET REVENUE (USD)</text></box>
		<box x="85.5" y="32" width="40" height="5" border="{BORDER}" horizalign="Left" vertalign="Center"><text>ORDERS</text></box>
		<box x="156" y="32" width="40" height="5" border="{BORDER}" horizalign="Left" vertalign="Center"><text>AVERAGE ORDER VALUE</text></box>
		<box x="226.5" y="32" width="40" height="5" border="{BORDER}" horizalign="Left" vertalign="Center"><text>NEW CUSTOMERS</text></box>

		<!-- Main values -->
		<font family="Helvetica" style="B" size="18" color="{COLOR_TEXT}"/>
		<box x="15" y="37.5" width="40" height="9" border="{BORDER}" horizalign="Left" vertalign="Center" format="I"><text>{REVENUE}</text></box>
		<box x="85.5" y="37.5" width="40" height="9" border="{BORDER}" horizalign="Left" vertalign="Center" format="I"><text>{ORDERS}</text></box>
		<box x="156" y="37.5" width="40" height="9" border="{BORDER}" horizalign="Left" vertalign="Center" format="F2"><text>{AOV}</text></box>
		<box x="226.5" y="37.5" width="40" height="9" border="{BORDER}" horizalign="Left" vertalign="Center" format="I"><text>{NEW_CUSTOMERS}</text></box>

		<!-- Change vs previous year: KPI charts used as colored badges (red when negative, green when positive).
		     The blank segment label keeps the value vertically centered -->
		<kpichart x1="15" y1="48.5" x2="30" y2="53.5" border="0" radius="1.2" format="F1">
			<title></title>
			<value>{REVENUE_DELTA}</value>
			<segmentlist>
				<segment fillcolor="ffedd5" startvalue="-100" endvalue="0" symbol="%" label=" ">
					<font family="Helvetica" style="B" size="7.5" color="{COLOR_BAD}"/>
				</segment>
				<segment fillcolor="dcfce7" startvalue="0" endvalue="1000" symbol="%" label=" ">
					<font family="Helvetica" style="B" size="7.5" color="{COLOR_GOOD}"/>
				</segment>
			</segmentlist>
		</kpichart>
		<kpichart x1="85.5" y1="48.5" x2="100.5" y2="53.5" border="0" radius="1.2" format="F1">
			<title></title>
			<value>{ORDERS_DELTA}</value>
			<segmentlist>
				<segment fillcolor="ffedd5" startvalue="-100" endvalue="0" symbol="%" label=" ">
					<font family="Helvetica" style="B" size="7.5" color="{COLOR_BAD}"/>
				</segment>
				<segment fillcolor="dcfce7" startvalue="0" endvalue="1000" symbol="%" label=" ">
					<font family="Helvetica" style="B" size="7.5" color="{COLOR_GOOD}"/>
				</segment>
			</segmentlist>
		</kpichart>
		<kpichart x1="156" y1="48.5" x2="171" y2="53.5" border="0" radius="1.2" format="F1">
			<title></title>
			<value>{AOV_DELTA}</value>
			<segmentlist>
				<segment fillcolor="ffedd5" startvalue="-100" endvalue="0" symbol="%" label=" ">
					<font family="Helvetica" style="B" size="7.5" color="{COLOR_BAD}"/>
				</segment>
				<segment fillcolor="dcfce7" startvalue="0" endvalue="1000" symbol="%" label=" ">
					<font family="Helvetica" style="B" size="7.5" color="{COLOR_GOOD}"/>
				</segment>
			</segmentlist>
		</kpichart>
		<kpichart x1="226.5" y1="48.5" x2="241.5" y2="53.5" border="0" radius="1.2" format="F1">
			<title></title>
			<value>{NEW_CUSTOMERS_DELTA}</value>
			<segmentlist>
				<segment fillcolor="ffedd5" startvalue="-100" endvalue="0" symbol="%" label=" ">
					<font family="Helvetica" style="B" size="7.5" color="{COLOR_BAD}"/>
				</segment>
				<segment fillcolor="dcfce7" startvalue="0" endvalue="1000" symbol="%" label=" ">
					<font family="Helvetica" style="B" size="7.5" color="{COLOR_GOOD}"/>
				</segment>
			</segmentlist>
		</kpichart>
		<font family="Helvetica" style="N" size="6.5" color="{COLOR_GREY}"/>
		<box x="31" y="48.5" width="26" height="5" border="{BORDER}" horizalign="Left" vertalign="Center"><text>vs {COMPARE_PERIOD}</text></box>
		<box x="101.5" y="48.5" width="26" height="5" border="{BORDER}" horizalign="Left" vertalign="Center"><text>vs {COMPARE_PERIOD}</text></box>
		<box x="172" y="48.5" width="26" height="5" border="{BORDER}" horizalign="Left" vertalign="Center"><text>vs {COMPARE_PERIOD}</text></box>
		<box x="242.5" y="48.5" width="26" height="5" border="{BORDER}" horizalign="Left" vertalign="Center"><text>vs {COMPARE_PERIOD}</text></box>

		<!-- Card 1: gauge with the % of the monthly target -->
		<gaugechart x1="52" y1="33" x2="72" y2="53" border="0" minvalue="0" maxvalue="120" format="F0">
			<title></title>
			<value>{REVENUE_TARGET_PERC}</value>
			<segmentlist>
				<segment fillcolor="f59e0b" startvalue="0" endvalue="90" symbol="%">
					<font family="Helvetica" style="B" size="8" color="b45309"/>
				</segment>
				<segment fillcolor="3b82f6" startvalue="90" endvalue="100" symbol="%">
					<font family="Helvetica" style="B" size="8" color="{COLOR_ACCENT}"/>
				</segment>
				<segment fillcolor="16a34a" startvalue="100" endvalue="120" symbol="%">
					<font family="Helvetica" style="B" size="8" color="{COLOR_GOOD}"/>
				</segment>
			</segmentlist>
		</gaugechart>
		<box x="50" y="49.5" width="24" height="4.5" border="{BORDER}" horizalign="Center" vertalign="Center">
			<text>of monthly target</text>
			<font family="Helvetica" style="N" size="6.5" color="{COLOR_GREY}"/>
		</box>

		<!-- Cards 2-3: secondary figures on the right side -->
		<font family="Helvetica" style="N" size="6.5" color="{COLOR_GREY}"/>
		<box x="118" y="33" width="24" height="4" border="{BORDER}" horizalign="Right" vertalign="Center"><text>Orders per day</text></box>
		<box x="118" y="43" width="24" height="4" border="{BORDER}" horizalign="Right" vertalign="Center"><text>Units sold</text></box>
		<box x="188.5" y="33" width="24" height="4" border="{BORDER}" horizalign="Right" vertalign="Center"><text>Items per order</text></box>
		<box x="188.5" y="43" width="24" height="4" border="{BORDER}" horizalign="Right" vertalign="Center"><text>Return rate</text></box>
		<font family="Helvetica" style="B" size="9" color="{COLOR_TEXT}"/>
		<box x="118" y="37" width="24" height="5" border="{BORDER}" horizalign="Right" vertalign="Center" format="I"><text>{ORDERS_PER_DAY}</text></box>
		<box x="118" y="47" width="24" height="5" border="{BORDER}" horizalign="Right" vertalign="Center" format="I"><text>{UNITS_SOLD}</text></box>
		<box x="188.5" y="37" width="24" height="5" border="{BORDER}" horizalign="Right" vertalign="Center" format="F2"><text>{ITEMS_PER_ORDER}</text></box>
		<box x="188.5" y="47" width="24" height="5" border="{BORDER}" horizalign="Right" vertalign="Center" format="P1"><text>{RETURN_RATE}</text></box>

		<!-- Card 4: progress towards the new customers target -->
		<box x="258" y="33" width="25" height="4" border="{BORDER}" horizalign="Right" vertalign="Center">
			<text>Repeat buyers</text>
			<font family="Helvetica" style="N" size="6.5" color="{COLOR_GREY}"/>
		</box>
		<box x="258" y="37" width="25" height="5" border="{BORDER}" horizalign="Right" vertalign="Center" format="P1">
			<text>{REPEAT_RATE}</text>
			<font family="Helvetica" style="B" size="9" color="{COLOR_TEXT}"/>
		</box>
		<box x="258" y="43" width="25" height="4" border="{BORDER}" horizalign="Right" vertalign="Center">
			<text>Target</text>
			<font family="Helvetica" style="N" size="6.5" color="{COLOR_GREY}"/>
		</box>
		<box x="258" y="47" width="25" height="5" border="{BORDER}" horizalign="Right" vertalign="Center" format="I">
			<text>{NEW_CUSTOMERS_TARGET}</text>
			<font family="Helvetica" style="B" size="9" color="{COLOR_TEXT}"/>
		</box>
	</content>

	<!-- ********************************** -->

	<!-- Revenue trend: area (current period) + lines (both periods) drawn on the same scale -->
	<content id="trend_chart">
		<rectangle x1="10" y1="62" x2="172" y2="132" radius="2" border="1111">
			<linestyle width="0.25" color="{COLOR_CARD_LINE}"/>
			<fill type="S" color="{COLOR_WHITE}"/>
		</rectangle>
		<fill type="N"/>
		<box x="15" y="65" width="80" height="6" border="{BORDER}" horizalign="Left" vertalign="Center">
			<text>Revenue trend</text>
			<font family="Helvetica" style="B" size="10" color="{COLOR_TEXT}"/>
		</box>
		<box x="15" y="70.5" width="90" height="4.5" border="{BORDER}" horizalign="Left" vertalign="Center">
			<text>Last 12 months vs prior year - USD thousands</text>
			<font family="Helvetica" style="N" size="7" color="{COLOR_GREY}"/>
		</box>

		<!-- Legend (drawn with lines and boxes) -->
		<line x="110" y="68" width="6" height="1"><orientation>HorizontallyTop</orientation><linestyle width="0.5" color="{COLOR_PREV}" dash="1.2,0.8"/></line>
		<box x="117" y="65.5" width="22" height="5" border="{BORDER}" horizalign="Left" vertalign="Center">
			<text>{YEAR_PREV}</text>
			<font family="Helvetica" style="N" size="7" color="{COLOR_GREY}"/>
		</box>
		<line x="140" y="68" width="6" height="1"><orientation>HorizontallyTop</orientation><linestyle width="0.8" color="{COLOR_ACCENT}"/></line>
		<box x="147" y="65.5" width="22" height="5" border="{BORDER}" horizalign="Left" vertalign="Center">
			<text>{YEAR_CUR}</text>
			<font family="Helvetica" style="B" size="7" color="{COLOR_TEXT}"/>
		</box>

		<!-- Horizontal grid lines at the Y axis ticks (0..2000, 5 ticks: one every 10.5 mm) -->
		<line x="27" y="80" width="140" height="1"><orientation>HorizontallyTop</orientation><linestyle width="0.2" color="{COLOR_GRID}"/></line>
		<line x="27" y="90.5" width="140" height="1"><orientation>HorizontallyTop</orientation><linestyle width="0.2" color="{COLOR_GRID}"/></line>
		<line x="27" y="101" width="140" height="1"><orientation>HorizontallyTop</orientation><linestyle width="0.2" color="{COLOR_GRID}"/></line>
		<line x="27" y="111.5" width="140" height="1"><orientation>HorizontallyTop</orientation><linestyle width="0.2" color="{COLOR_GRID}"/></line>

		<!-- Soft area under the current period -->
		<linechart x1="27" y1="80" x2="167" y2="122" border="0" minvalue="0" maxvalue="2000" tickscount="5" style="Area" opacity="0.12">
			<axisfont family="Helvetica" style="N" size="7" color="{COLOR_GREY}"/>
			<axislinestyle width="0.2" color="c3ccd8"/>
			<measures>
				<measure id="current" label="{YEAR_CUR}">
					<linestyle width="0" color="{COLOR_ACCENT}"/>
					<fillstyle type="S" color="{COLOR_ACCENT}"/>
				</measure>
			</measures>
			<datalist id="trend">
				<data label="{trend.month}">{trend.current}</data>
			</datalist>
		</linechart>

		<!-- Lines: previous period (grey) and current period (blue, with markers) -->
		<linechart x1="27" y1="80" x2="167" y2="122" border="0" minvalue="0" maxvalue="2000" tickscount="5">
			<axisfont family="Helvetica" style="N" size="7" color="{COLOR_GREY}"/>
			<axislinestyle width="0.2" color="c3ccd8"/>
			<measures>
				<measure id="previous" label="{YEAR_PREV}">
					<linestyle width="0.5" color="{COLOR_PREV}" dash="1.2,0.8"/>
					<symbolstyle shape="Circle" size="1.2">
						<linestyle width="0.2" color="{COLOR_PREV}"/>
						<fillstyle type="S" color="{COLOR_PREV}"/>
					</symbolstyle>
				</measure>
				<measure id="current" label="{YEAR_CUR}">
					<linestyle width="0.7" color="{COLOR_ACCENT}"/>
					<symbolstyle shape="Circle" size="1.8">
						<linestyle width="0.4" color="{COLOR_ACCENT}"/>
						<fillstyle type="S" color="{COLOR_ACCENT}"/>
					</symbolstyle>
				</measure>
			</measures>
			<!-- First value: previous period, second value: current period -->
			<datalist id="trend">
				<data label="{trend.month}">{trend.previous} {trend.current}</data>
			</datalist>
		</linechart>
	</content>

	<!-- ********************************** -->

	<!-- Revenue by region (grouped bars) and sales channel mix (single stacked bar) -->
	<content id="region_chart">
		<rectangle x1="177" y1="62" x2="287" y2="132" radius="2" border="1111">
			<linestyle width="0.25" color="{COLOR_CARD_LINE}"/>
			<fill type="S" color="{COLOR_WHITE}"/>
		</rectangle>
		<fill type="N"/>
		<box x="182" y="65" width="60" height="6" border="{BORDER}" horizalign="Left" vertalign="Center">
			<text>Revenue by region</text>
			<font family="Helvetica" style="B" size="10" color="{COLOR_TEXT}"/>
		</box>
		<box x="182" y="70.5" width="70" height="4.5" border="{BORDER}" horizalign="Left" vertalign="Center">
			<text>{MONTH_NAME} vs {COMPARE_PERIOD} - USD thousands</text>
			<font family="Helvetica" style="N" size="7" color="{COLOR_GREY}"/>
		</box>

		<!-- Legend -->
		<rectangle x1="248" y1="66.6" x2="251" y2="69.6" radius="0.5" border="1111">
			<linestyle width="0"/>
			<fill type="S" color="c7d0dd"/>
		</rectangle>
		<rectangle x1="267.5" y1="66.6" x2="270.5" y2="69.6" radius="0.5" border="1111">
			<linestyle width="0"/>
			<fill type="S" color="{COLOR_ACCENT}"/>
		</rectangle>
		<fill type="N"/>
		<box x="252" y="65.5" width="15" height="5" border="{BORDER}" horizalign="Left" vertalign="Center">
			<text>{COMPARE_PERIOD}</text>
			<font family="Helvetica" style="N" size="7" color="{COLOR_GREY}"/>
		</box>
		<box x="271.5" y="65.5" width="15" height="5" border="{BORDER}" horizalign="Left" vertalign="Center">
			<text>{MONTH_SHORT}</text>
			<font family="Helvetica" style="B" size="7" color="{COLOR_TEXT}"/>
		</box>

		<!-- Grid lines (0..400, 5 ticks: one every 7 mm) -->
		<line x="194" y="78" width="89" height="1"><orientation>HorizontallyTop</orientation><linestyle width="0.2" color="{COLOR_GRID}"/></line>
		<line x="194" y="85" width="89" height="1"><orientation>HorizontallyTop</orientation><linestyle width="0.2" color="{COLOR_GRID}"/></line>
		<line x="194" y="92" width="89" height="1"><orientation>HorizontallyTop</orientation><linestyle width="0.2" color="{COLOR_GRID}"/></line>
		<line x="194" y="99" width="89" height="1"><orientation>HorizontallyTop</orientation><linestyle width="0.2" color="{COLOR_GRID}"/></line>

		<!-- barsize + barmargin = distance between the region labels (5 x 12 + 4 x 7.25 = 89 mm) -->
		<barchart x1="194" y1="78" x2="283" y2="106" border="0" orientation="vert" minvalue="0" maxvalue="400" tickscount="5" barsize="12" barmargin="7.25">
			<axisfont family="Helvetica" style="N" size="7" color="{COLOR_GREY}"/>
			<axislinestyle width="0.2" color="c3ccd8"/>
			<measures>
				<measure id="previous" label="{COMPARE_PERIOD}" format="F1">
					<linestyle width="0" color="{COLOR_PREV}"/>
					<fillstyle type="S" color="c7d0dd"/>
				</measure>
				<measure id="current" label="{MONTH_SHORT}" format="F1">
					<linestyle width="0" color="{COLOR_ACCENT}"/>
					<fillstyle type="S" color="{COLOR_ACCENT}"/>
				</measure>
			</measures>
			<datalist id="region">
				<data label="{region.region}" color="{COLOR_ACCENT}">{region.previous} {region.current}</data>
			</datalist>
		</barchart>

		<!-- Channel mix -->
		<box x="182" y="114" width="60" height="5" border="{BORDER}" horizalign="Left" vertalign="Center">
			<text>Channel mix</text>
			<font family="Helvetica" style="B" size="7.5" color="{COLOR_TEXT}"/>
		</box>
		<singlebarchart x1="182" y1="120" x2="282" y2="124" border="0" orientation="horiz" minvalue="0" maxvalue="100">
			<axisfont family="Helvetica" style="N" size="6.5" color="{COLOR_GREY}"/>
			<datalist id="channel">
				<data label="{channel.channel}" color="{channel.color}">{channel.share}</data>
			</datalist>
		</singlebarchart>
	</content>

	<content id="channel_legend_item">
		<rectangle x1="205" y1="115.5" x2="207.5" y2="118" radius="0.5" border="1111">
			<linestyle width="0"/>
			<fill type="S" color="{channel.color}"/>
		</rectangle>
		<fill type="N"/>
		<box x="208.5" y="114.25" width="14" height="5" border="{BORDER}" horizalign="Left" vertalign="Center">
			<text>{channel.channel}</text>
			<font family="Helvetica" style="N" size="6.5" color="{COLOR_GREY}"/>
		</box>
		<box x="221" y="114.25" width="9" height="5" border="{BORDER}" horizalign="Right" vertalign="Center" format="P0">
			<text>{channel.share}</text>
			<font family="Helvetica" style="B" size="6.5" color="{COLOR_TEXT}"/>
		</box>
	</content>

	<!-- ********************************** -->

	<!-- Sales by category: ring chart (the legend is the "cat" section) -->
	<content id="category_chart">
		<rectangle x1="10" y1="137" x2="110" y2="201" radius="2" border="1111">
			<linestyle width="0.25" color="{COLOR_CARD_LINE}"/>
			<fill type="S" color="{COLOR_WHITE}"/>
		</rectangle>
		<fill type="N"/>
		<box x="15" y="140" width="80" height="6" border="{BORDER}" horizalign="Left" vertalign="Center">
			<text>Sales by category</text>
			<font family="Helvetica" style="B" size="10" color="{COLOR_TEXT}"/>
		</box>
		<box x="15" y="145.5" width="80" height="4.5" border="{BORDER}" horizalign="Left" vertalign="Center">
			<text>Share of {MONTH_NAME} net revenue</text>
			<font family="Helvetica" style="N" size="7" color="{COLOR_GREY}"/>
		</box>

		<piechart x1="14" y1="153" x2="56" y2="195" border="0" style="ring" showtotal="no">
			<datalist id="category">
				<data label="{category.category}" color="{category.color}">{category.revenue}</data>
			</datalist>
		</piechart>
		<!-- Total in the middle of the ring -->
		<box x="23" y="168" width="24" height="7" border="{BORDER}" horizalign="Center" vertalign="Center">
			<text>{REVENUE_SHORT}</text>
			<font family="Helvetica" style="B" size="13" color="{COLOR_TEXT}"/>
		</box>
		<box x="23" y="175" width="24" height="4" border="{BORDER}" horizalign="Center" vertalign="Center">
			<text>USD total</text>
			<font family="Helvetica" style="N" size="6.5" color="{COLOR_GREY}"/>
		</box>
	</content>

	<content id="category_legend_row">
		<!-- One row for each category (first row at y 153) -->
		<rectangle x1="61" y1="154.2" x2="64" y2="157.2" radius="0.6" border="1111">
			<linestyle width="0"/>
			<fill type="S" color="{cat.color}"/>
		</rectangle>
		<fill type="N"/>
		<box x="65.5" y="153" width="28" height="5.2" border="{BORDER}" horizalign="Left" vertalign="Center">
			<text>{cat.category}</text>
			<font family="Helvetica" style="N" size="7.5" color="{COLOR_TEXT}"/>
		</box>
		<box x="93" y="153" width="13" height="5.2" border="{BORDER}" horizalign="Right" vertalign="Center" format="P1">
			<text>{cat.share}</text>
			<font family="Helvetica" style="B" size="7.5" color="{COLOR_TEXT}"/>
		</box>
		<box x="65.5" y="157" width="40.5" height="3.4" border="{BORDER}" horizalign="Left" vertalign="Center" format="C0">
			<text>{cat.revenue}</text>
			<font family="Helvetica" style="N" size="6.2" color="{COLOR_GREY}"/>
		</box>
	</content>

	<!-- ********************************** -->

	<content id="top_header">
		<rectangle x1="115" y1="137" x2="287" y2="201" radius="2" border="1111">
			<linestyle width="0.25" color="{COLOR_CARD_LINE}"/>
			<fill type="S" color="{COLOR_WHITE}"/>
		</rectangle>
		<fill type="N"/>
		<box x="120" y="139.5" width="80" height="6" border="{BORDER}" horizalign="Left" vertalign="Center">
			<text>Top 10 products</text>
			<font family="Helvetica" style="B" size="10" color="{COLOR_TEXT}"/>
		</box>
		<box x="120" y="144.5" width="100" height="4" border="{BORDER}" horizalign="Left" vertalign="Center">
			<text>Ranked by net revenue, {MONTH_NAME}</text>
			<font family="Helvetica" style="N" size="7" color="{COLOR_GREY}"/>
		</box>

		<!-- Table header -->
		<rectangle x1="119" y1="149.5" x2="283" y2="154" radius="1" border="1111">
			<linestyle width="0"/>
			<fill type="S" color="{COLOR_PAGE}"/>
		</rectangle>
		<fill type="N"/>
		<font family="Helvetica" style="B" size="6.5" color="{COLOR_GREY}"/>
		<box x="120" y="149.5" width="8" height="4.5" border="{BORDER}" horizalign="Center" vertalign="Center"><text>#</text></box>
		<box x="130" y="149.5" width="18" height="4.5" border="{BORDER}" horizalign="Left" vertalign="Center"><text>SKU</text></box>
		<box x="148" y="149.5" width="62" height="4.5" border="{BORDER}" horizalign="Left" vertalign="Center"><text>PRODUCT</text></box>
		<box x="210" y="149.5" width="26" height="4.5" border="{BORDER}" horizalign="Left" vertalign="Center"><text>CATEGORY</text></box>
		<box x="236" y="149.5" width="12" height="4.5" border="{BORDER}" horizalign="Right" vertalign="Center"><text>UNITS</text></box>
		<box x="248" y="149.5" width="21" height="4.5" border="{BORDER}" horizalign="Right" vertalign="Center"><text>REVENUE</text></box>
		<box x="269" y="149.5" width="13" height="4.5" border="{BORDER}" horizalign="Right" vertalign="Center"><text>SHARE</text></box>
	</content>

	<content id="top_row">
		<!-- Rank badge: accent color for the top 3 products -->
		<rectangle x1="121.5" y1="155.0" x2="126.5" y2="158.0" radius="0.8" border="1111" printif="{top.rank}&lt;=3">
			<linestyle width="0"/>
			<fill type="S" color="{COLOR_ACCENT}"/>
		</rectangle>
		<rectangle x1="121.5" y1="155.0" x2="126.5" y2="158.0" radius="0.8" border="1111" printif="{top.rank}&gt;3">
			<linestyle width="0"/>
			<fill type="S" color="e2e8f0"/>
		</rectangle>
		<fill type="N"/>
		<box x="121.5" y="154.5" width="5" height="4.5" border="{BORDER}" horizalign="Center" vertalign="Center" printif="{top.rank}&lt;=3">
			<text>{top.rank}</text>
			<font family="Helvetica" style="B" size="6.5" color="{COLOR_WHITE}"/>
		</box>
		<box x="121.5" y="154.5" width="5" height="4.5" border="{BORDER}" horizalign="Center" vertalign="Center" printif="{top.rank}&gt;3">
			<text>{top.rank}</text>
			<font family="Helvetica" style="B" size="6.5" color="{COLOR_GREY}"/>
		</box>
		<box x="130" y="154.5" width="18" height="4.5" border="{BORDER}" horizalign="Left" vertalign="Center">
			<text>{top.sku}</text>
			<font family="Helvetica" style="N" size="6.5" color="{COLOR_GREY}"/>
		</box>
		<font family="Helvetica" style="N" size="7.5" color="{COLOR_TEXT}"/>
		<box x="148" y="154.5" width="62" height="4.5" border="{BORDER}" horizalign="Left" vertalign="Center"><text>{top.product}</text></box>
		<box x="210" y="154.5" width="26" height="4.5" border="{BORDER}" horizalign="Left" vertalign="Center">
			<text>{top.category}</text>
			<font family="Helvetica" style="N" size="7" color="{COLOR_GREY}"/>
		</box>
		<box x="236" y="154.5" width="12" height="4.5" border="{BORDER}" horizalign="Right" vertalign="Center" format="I"><text>{top.units}</text></box>
		<box x="248" y="154.5" width="21" height="4.5" border="{BORDER}" horizalign="Right" vertalign="Center" format="I">
			<text>{top.revenue}</text>
			<font family="Helvetica" style="B" size="7.5" color="{COLOR_TEXT}"/>
		</box>
		<box x="269" y="154.5" width="13" height="4.5" border="{BORDER}" horizalign="Right" vertalign="Center" format="P1"><text>{top.share}</text></box>
		<line x="120" y="159" width="163" height="1">
			<orientation>HorizontallyTop</orientation>
			<linestyle width="0.15" color="{COLOR_GRID}"/>
		</line>
	</content>

	<!-- ********************************** -->

	<content id="page_footer">
		<box x="10" y="202.5" width="200" height="5" border="{BORDER}" horizalign="Left" vertalign="Center">
			<text>{COMPANY_NAME} - Internal use only - Net revenue after discounts and returns, taxes excluded - Revenue in USD</text>
			<font family="Helvetica" style="I" size="6.5" color="{COLOR_GREY}"/>
		</box>
		<box x="217" y="202.5" width="70" height="5" border="{BORDER}" horizalign="Right" vertalign="Center">
			<text>Page {PAGEINDEX}</text>
			<font family="Helvetica" style="B" size="6.5" color="{COLOR_GREY}"/>
		</box>
	</content>

</pdf>
