<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1"/>
<title>Abu Lahya Tracker — May 2026</title>
<style>
*{box-sizing:border-box;margin:0;padding:0}
body{background:#09090b;color:#e4e4e7;font-family:system-ui,sans-serif;font-size:13px;padding:20px 24px;min-height:100vh}
h1{font-size:18px;font-weight:700;color:#f4f4f5}
.subtitle{font-size:11px;color:#52525b;margin-top:2px}
.header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}
.date-badge{font-size:11px;color:#52525b;background:#18181b;border:1px solid #27272a;border-radius:6px;padding:4px 10px}
.tabs{border-bottom:1px solid #27272a;margin-bottom:20px}
.tab{display:inline-block;padding:8px 16px;border-bottom:2px solid transparent;color:#52525b;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}
.tab.active{border-bottom-color:#6366f1;color:#f4f4f5}
.top-row{display:grid;gap:16px;margin-bottom:16px}
.top-row.with-donut{grid-template-columns:240px 1fr}
.top-row.no-donut{grid-template-columns:1fr}
.card{background:#111113;border:1px solid #27272a;border-radius:10px;padding:16px}
.card-label{font-size:11px;color:#71717a;text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}
.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.stat-card{background:#111113;border:1px solid #27272a;border-radius:10px;padding:14px 16px}
.stat-card .lbl{font-size:11px;color:#71717a;margin-bottom:6px}
.stat-card .val{font-size:20px;font-weight:600;color:#f4f4f5}
.reel-count{font-size:11px;color:#52525b;margin-bottom:12px}
.table-card{background:#111113;border:1px solid #27272a;border-radius:10px;padding:16px;margin-bottom:16px;overflow-x:auto}
.table-title{font-size:12px;font-weight:600;color:#a1a1aa;text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px}
table{width:100%;border-collapse:collapse;font-size:12px}
thead tr{border-bottom:1px solid #27272a}
th{padding:6px 10px;color:#52525b;font-weight:500;font-size:11px;padding-bottom:8px}
th.l{text-align:left}th.r{text-align:right}
tbody tr{border-bottom:1px solid #1c1c1f}
td{padding:10px}
td.r{text-align:right}
td.num{text-align:right;color:#a1a1aa}
td.views{text-align:right;color:#34d399;font-weight:600}
td.rank{color:#52525b;font-weight:600}
td.desc a{color:#e4e4e7;text-decoration:none;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:340px;cursor:pointer}
td.desc a:hover{text-decoration:underline}
td.desc span{color:#e4e4e7;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:340px}
td.date{text-align:right;color:#52525b;white-space:nowrap}
.highlight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}
.hl-card{background:#111113;border:1px solid #27272a;border-radius:10px;padding:16px}
.hl-card .lbl{font-size:11px;color:#71717a;margin-bottom:6px}
.hl-card .val{font-size:20px;font-weight:700}
.geo-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.geo-title{font-size:11px;color:#71717a;text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px}
.bar-row{margin-bottom:10px}
.bar-row .name{font-size:12px;color:#a1a1aa;margin-bottom:3px}
.bar-track{display:flex;align-items:center;gap:8px}
.bar-bg{flex:1;height:4px;background:#27272a;border-radius:2px}
.bar-fill{height:100%;background:#3b82f6;border-radius:2px}
.bar-pct{font-size:11px;color:#71717a;min-width:32px;text-align:right}
canvas{display:block}
.donut-wrap{display:flex;align-items:center;gap:16px}
.legend{display:flex;flex-direction:column;gap:6px}
.legend-item{display:flex;align-items:center;gap:6px;font-size:11px;color:#a1a1aa}
.legend-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}
</style>
</head>
<body>

<div class="header">
  <div>
    <h1>Abu Lahya's Tracker</h1>
    <div class="subtitle">Last updated: May 8, 2026</div>
  </div>
  <div class="date-badge">May 1 – May 8, 2026</div>
</div>

<div class="tabs">
  <div class="tab active" onclick="switchTab('ali',this)">Ali's Agency</div>
  <div class="tab" onclick="switchTab('filip',this)">Filip's Agency</div>
  <div class="tab" onclick="switchTab('aymane',this)">Aymane's Agency</div>
</div>

<div id="dashboard"></div>

<script>
const aliReels = [
  {desc:"I get this question a lot. And the answer is always NO...",date:"5/7/2026",url:"https://www.instagram.com/reel/DYDcqrFDjly/",views:3691,reach:2392,likes:71,shares:25,follows:0,comments:6,saves:19},
  {desc:"I get this question a lot soo... Here is how fast you can start making money with IMA",date:"5/7/2026",url:"https://www.instagram.com/reel/DYCxwk-lbRj/",views:10067,reach:6142,likes:264,shares:58,follows:12,comments:14,saves:107},
  {desc:'Comment "IMA" to see how I did it',date:"5/7/2026",url:"https://www.instagram.com/reel/DYCIceyCpQ4/",views:10558,reach:5928,likes:563,shares:15,follows:2,comments:91,saves:35},
  {desc:"The truth about IMA...",date:"5/6/2026",url:"https://www.instagram.com/reel/DYAoo_7Dy6p/",views:3238,reach:2249,likes:120,shares:7,follows:4,comments:1,saves:27},
  {desc:"It's not about reaching your goals. It's who you become while doing it.",date:"5/6/2026",url:"https://www.instagram.com/reel/DX_eeHOlIYz/",views:3098,reach:2216,likes:83,shares:3,follows:2,comments:0,saves:13},
  {desc:"Indeed, Allah is the best of all planners.",date:"5/5/2026",url:"https://www.instagram.com/reel/DX-K1C1CX9N/",views:65738,reach:39499,likes:2826,shares:232,follows:223,comments:54,saves:478},
  {desc:"Condensing my life into a 54 second reel.",date:"5/5/2026",url:"https://www.instagram.com/reel/DX9oNUHICna/",views:7676,reach:5257,likes:205,shares:10,follows:5,comments:2,saves:54},
  {desc:"May Allah Bless Him. You will never leave anything for the sake of Allah...",date:"5/5/2026",url:"https://www.instagram.com/reel/DX87p6-E1w6/",views:29100,reach:31122,likes:649,shares:89,follows:13,comments:4,saves:45},
  {desc:"@versus.xx went from being a DJ to starting his own IMA and made Hijra.",date:"5/4/2026",url:"https://www.instagram.com/reel/DX7ieKOAgNL/",views:3705,reach:2494,likes:85,shares:5,follows:3,comments:4,saves:17},
  {desc:"I ALMOST bought a barbershop.",date:"5/4/2026",url:"https://www.instagram.com/reel/DX7DcPjiJxk/",views:11517,reach:6343,likes:188,shares:3,follows:3,comments:3,saves:16},
  {desc:"Mortgages are just excuses.",date:"5/4/2026",url:"https://www.instagram.com/reel/DX6TTpyAEWA/",views:6364,reach:3941,likes:67,shares:7,follows:4,comments:5,saves:21},
  {desc:"I have no issue with you texting me, but if you send me a voicenote...",date:"5/3/2026",url:"https://www.instagram.com/reel/DX40EX4lfqq/",views:4760,reach:3250,likes:178,shares:3,follows:6,comments:5,saves:20},
  {desc:"In the west working a 9-5 is not enough. This my student Osama.",date:"5/3/2026",url:"https://www.instagram.com/reel/DX4ZG45ApOg/",views:3272,reach:2450,likes:91,shares:3,follows:1,comments:2,saves:10},
  {desc:"So after Allah @abumusa_ch is actually the reason I started making content🤝",date:"5/3/2026",url:"https://www.instagram.com/reel/DX35CVfikgQ/",views:9644,reach:5956,likes:318,shares:20,follows:9,comments:7,saves:43},
  {desc:"I was going to make my own haram blur competitor.",date:"5/2/2026",url:"https://www.instagram.com/reel/DX2d5cvFDKO/",views:65955,reach:45877,likes:3083,shares:740,follows:179,comments:23,saves:581},
  {desc:"So my mother was actually a doctor before I was born.",date:"5/2/2026",url:"https://www.instagram.com/reel/DX13o89ivqa/",views:17029,reach:11305,likes:880,shares:76,follows:18,comments:11,saves:106},
  {desc:"Sheikh Uthman's Business Professor was Jewish.",date:"5/2/2026",url:"https://www.instagram.com/reel/DX1GCpnjtCT/",views:6436,reach:4332,likes:185,shares:18,follows:2,comments:2,saves:33},
  {desc:"You may have a lot of money but it means nothing if you use it in haram.",date:"5/1/2026",url:"https://www.instagram.com/reel/DXzY8IKjBfe/",views:5427,reach:3854,likes:306,shares:11,follows:6,comments:3,saves:27},
];

const filipReels = [
  {desc:"This Mindset will K!ll your Business",date:"5/1/2026",url:"",views:3000,reach:0,likes:0,shares:0,follows:0,comments:0,saves:0},
  {desc:"POV: You found a way to make Money Online without sacrificing your Deen",date:"5/1/2026",url:"",views:3000,reach:0,likes:0,shares:0,follows:0,comments:0,saves:0},
  {desc:"You have 34 chances every single day to ask Allah for anything you want",date:"5/1/2026",url:"",views:3000,reach:0,likes:0,shares:0,follows:0,comments:0,saves:0},
  {desc:"Ranking Alex Hormozi's Books",date:"5/1/2026",url:"",views:3000,reach:0,likes:0,shares:0,follows:0,comments:0,saves:0},
  {desc:"This is the IMA Team",date:"5/1/2026",url:"https://www.instagram.com/reel/DXzQi8VCFAx/",views:6896,reach:4299,likes:215,shares:5,follows:3,comments:6,saves:15},
  {desc:"Never Send Voice Notes because of this",date:"5/1/2026",url:"https://www.instagram.com/reel/DXzfQKgiDHO/",views:8281,reach:5128,likes:186,shares:21,follows:2,comments:10,saves:12},
  {desc:"The ONLY Halal Business in 2026",date:"5/1/2026",url:"https://www.instagram.com/reel/DXztAUKj_wT/",views:8428,reach:5288,likes:290,shares:21,follows:11,comments:9,saves:69},
  {desc:"Why I was always generous with my money",date:"5/1/2026",url:"https://www.instagram.com/reel/DXz6qVbAg2i/",views:5423,reach:3840,likes:135,shares:2,follows:2,comments:1,saves:23},
  {desc:"Allah does this when he wants you to grow",date:"5/1/2026",url:"https://www.instagram.com/reel/DX0IZNPEUT_/",views:10762,reach:8572,likes:595,shares:37,follows:24,comments:1,saves:65},
  {desc:"The Cheat Code Muslims have",date:"5/1/2026",url:"https://www.instagram.com/reel/DX0WHtGDpU3/",views:8141,reach:2696,likes:113,shares:148,follows:2,comments:1,saves:27},
  {desc:"Why IMA is the BEST Business model",date:"5/1/2026",url:"https://www.instagram.com/reel/DX0j9Rik3EW/",views:4448,reach:3099,likes:111,shares:25,follows:2,comments:2,saves:28},
  {desc:"Why you should work harder",date:"5/2/2026",url:"https://www.instagram.com/reel/DX1eWlTE_oI/",views:3965,reach:2792,likes:107,shares:4,follows:2,comments:0,saves:31},
  {desc:"Most people don't fail because they're lazy...",date:"5/2/2026",url:"https://www.instagram.com/reel/DX1sI38gR1g/",views:5024,reach:3365,likes:98,shares:5,follows:7,comments:4,saves:40},
  {desc:"This one thing is the one that helped me the most",date:"5/2/2026",url:"https://www.instagram.com/reel/DX15xSBl5ES/",views:6867,reach:4764,likes:537,shares:88,follows:13,comments:2,saves:92},
  {desc:"Why Voice notes are disrespectful",date:"5/2/2026",url:"https://www.instagram.com/reel/DX2Hf2Sgd8e/",views:4065,reach:2827,likes:72,shares:7,follows:0,comments:3,saves:7},
  {desc:"7 Halal ways to make $10k/month as a Muslim",date:"5/2/2026",url:"https://www.instagram.com/reel/DX2d2S5j4kC/",views:19154,reach:5866,likes:211,shares:34,follows:0,comments:7,saves:120},
  {desc:'Comment "THN" to enter the Community',date:"5/2/2026",url:"https://www.instagram.com/reel/DX2p24pAuTs/",views:4598,reach:3365,likes:148,shares:18,follows:3,comments:22,saves:29},
  {desc:"How I made my first money online",date:"5/2/2026",url:"https://www.instagram.com/reel/DX23fGrj10L/",views:4035,reach:2815,likes:137,shares:6,follows:4,comments:3,saves:22},
  {desc:"Always remember that After you pass away no one will remember you",date:"5/2/2026",url:"https://www.instagram.com/reel/DX3FVJwiD2A/",views:18123,reach:10025,likes:435,shares:18,follows:1,comments:5,saves:80},
  {desc:"Why I wanted to move out of France",date:"5/3/2026",url:"https://www.instagram.com/reel/DX4asa6CcgA/",views:7683,reach:4724,likes:265,shares:23,follows:4,comments:5,saves:24},
  {desc:"POV: You chose to Rizq Maxx in 2026",date:"5/3/2026",url:"https://www.instagram.com/reel/DX4ovLJiRj3/",views:7059,reach:5201,likes:294,shares:7,follows:6,comments:4,saves:34},
  {desc:"The 4 types of people in online business",date:"5/3/2026",url:"https://www.instagram.com/reel/DX42g50jhPZ/",views:9359,reach:2780,likes:110,shares:8,follows:0,comments:4,saves:54},
  {desc:"Why I started my Community",date:"5/3/2026",url:"https://www.instagram.com/reel/DX5K0DaDZh_/",views:4215,reach:3216,likes:155,shares:10,follows:10,comments:18,saves:24},
  {desc:"How I donated my last $200",date:"5/3/2026",url:"https://www.instagram.com/reel/DX5Y1JVlGrO/",views:7999,reach:5143,likes:205,shares:12,follows:3,comments:5,saves:31},
  {desc:"The 3 avatars that Join our Program",date:"5/3/2026",url:"https://www.instagram.com/reel/DX5mm4oEerx/",views:6273,reach:4417,likes:141,shares:10,follows:6,comments:3,saves:33},
  {desc:"What makes a succesful entrepeneur?",date:"5/3/2026",url:"https://www.instagram.com/reel/DX50X6ojHmA/",views:3974,reach:2811,likes:125,shares:14,follows:6,comments:1,saves:38},
  {desc:"When I realized my degree was useless",date:"5/4/2026",url:"https://www.instagram.com/reel/DX7KLizjw0_/",views:4714,reach:3192,likes:108,shares:6,follows:4,comments:3,saves:26},
  {desc:"I would make way more money if I worked with everyone. Here's why I don't",date:"5/4/2026",url:"https://www.instagram.com/reel/DX7sinyDTbS/",views:13387,reach:3860,likes:247,shares:9,follows:2,comments:12,saves:33},
  {desc:"POV: You're just a Muslim entrepreneur who likes to earn Halal money, make dua and pet cats",date:"5/4/2026",url:"https://www.instagram.com/reel/DX76LUbmX56/",views:6037,reach:4243,likes:217,shares:10,follows:1,comments:6,saves:21},
  {desc:"How to Offer your Product to your costumers",date:"5/5/2026",url:"https://www.instagram.com/reel/DX91_3PDYJh/",views:3411,reach:2497,likes:98,shares:4,follows:5,comments:2,saves:25},
  {desc:"The True Routine you need to make Money",date:"5/5/2026",url:"https://www.instagram.com/reel/DX-RYNlAR3B/",views:5146,reach:3499,likes:133,shares:12,follows:6,comments:2,saves:36},
  {desc:"The DUA GLITCH Muslims can use",date:"5/5/2026",url:"https://www.instagram.com/reel/DX-fCU6ANn5/",views:31313,reach:32078,likes:840,shares:115,follows:27,comments:6,saves:242},
  {desc:"POV: You started a new business from Scratch completely Halal",date:"5/5/2026",url:"https://www.instagram.com/reel/DX-ss2rjEMC/",views:4727,reach:2954,likes:79,shares:6,follows:6,comments:3,saves:20},
  {desc:"Why my Program has such a High rate of Success",date:"5/5/2026",url:"https://www.instagram.com/reel/DX-6fTdDol5/",views:3083,reach:2335,likes:73,shares:3,follows:3,comments:0,saves:14},
  {desc:"He almost Failed a 5-Day Challenge because of this",date:"5/6/2026",url:"https://www.instagram.com/reel/DX_9K_KAKmE/",views:4990,reach:3216,likes:105,shares:4,follows:4,comments:0,saves:10},
  {desc:"You need to combine Dua with Work",date:"5/6/2026",url:"https://www.instagram.com/reel/DYAasLLjauf/",views:3625,reach:2875,likes:128,shares:36,follows:4,comments:3,saves:31},
  {desc:"POV: You're Building $10k/mo Online so you can finally make Hijrah",date:"5/6/2026",url:"https://www.instagram.com/reel/DYA2CD9AEFF/",views:4152,reach:2867,likes:91,shares:10,follows:3,comments:1,saves:9},
  {desc:"How to never Compromise your Deen",date:"5/6/2026",url:"https://www.instagram.com/reel/DYBD1pviD-3/",views:5673,reach:1900,likes:103,shares:21,follows:1,comments:1,saves:18},
  {desc:"Why your situation is Actually not Special",date:"5/6/2026",url:"https://www.instagram.com/reel/DYBRmSHjJS5/",views:2710,reach:1959,likes:80,shares:2,follows:1,comments:0,saves:21},
  {desc:"The Mindset mistake most People make",date:"5/6/2026",url:"https://www.instagram.com/reel/DYBfV8XiLx8/",views:4671,reach:3103,likes:121,shares:21,follows:2,comments:0,saves:20},
  {desc:"Broke? watch this",date:"5/7/2026",url:"https://www.instagram.com/reel/DYCPccdj1M0/",views:3188,reach:2199,likes:84,shares:4,follows:2,comments:3,saves:32},
  {desc:"Why you always need to be Honest in your Business",date:"5/7/2026",url:"https://www.instagram.com/reel/DYCdFgunFLZ/",views:3003,reach:2310,likes:102,shares:5,follows:0,comments:2,saves:13},
];

const aymaneReels = [
  {desc:"In 2026 the most important thing is Trust from your Costumers",date:"5/8/2026",url:"https://www.instagram.com/reel/DYFB7ekDaSJ/",views:247,reach:0,likes:8,shares:0,follows:0,comments:0,saves:0},
  {desc:"Why you need to burn the Boats",date:"5/8/2026",url:"https://www.instagram.com/reel/DYE0NXFCAGk/",views:1236,reach:838,likes:51,shares:3,follows:0,comments:1,saves:17},
  {desc:"POV: You're tired of choosing between your Business and Deen so you choose both",date:"5/7/2026",url:"https://www.instagram.com/reel/DYEEGj3EkJA/",views:3671,reach:2535,likes:147,shares:2,follows:2,comments:1,saves:9},
  {desc:"The most important thing you need to understand",date:"5/7/2026",url:"https://www.instagram.com/reel/DYD2ZT3jYHw/",views:1585,reach:1162,likes:62,shares:0,follows:2,comments:0,saves:11},
  {desc:"What being uncomfortable actually means",date:"5/7/2026",url:"https://www.instagram.com/reel/DYDonTvgq5y/",views:1322,reach:1021,likes:27,shares:1,follows:0,comments:2,saves:3},
  {desc:"The Problem with Most Online Programs",date:"5/7/2026",url:"https://www.instagram.com/reel/DYDa9GODVHR/",views:2069,reach:1460,likes:57,shares:0,follows:2,comments:2,saves:7},
  {desc:"I started my Business for the Freedom to worship without Fear",date:"5/7/2026",url:"https://www.instagram.com/reel/DYC_YvjnTsf/",views:6816,reach:2144,likes:125,shares:6,follows:0,comments:1,saves:19},
];

const cities=[{name:"London",pct:8},{name:"New York, NY, US",pct:3.8},{name:"Sydney, NSW, Australia",pct:3.1},{name:"Montreal, QC, Canada",pct:3},{name:"Toronto, ON, Canada",pct:3},{name:"Melbourne, VIC, Australia",pct:2.4},{name:"Birmingham",pct:2.4},{name:"Dublin, Ireland",pct:2},{name:"Ottawa, ON, Canada",pct:1.4}];
const countries=[{name:"United States",pct:33.4},{name:"United Kingdom",pct:25.5},{name:"Canada",pct:19.6},{name:"Australia",pct:8},{name:"Ireland",pct:2.8},{name:"Pakistan",pct:1.7},{name:"Bangladesh",pct:1.4},{name:"Kenya",pct:0.5},{name:"India",pct:0.5}];
const contentTypes=[{label:"Podcast",pct:35,color:"#3b82f6"},{label:"Talking Head",pct:45,color:"#14b8a6"},{label:"B Roll",pct:20,color:"#8b5cf6"}];

const fmt=n=>n>=1000000?(n/1000000).toFixed(2)+"M":n>=1000?(n/1000).toFixed(1)+"K":String(n);
const sum=(arr,k)=>arr.reduce((a,r)=>a+(r[k]||0),0);

let currentTab="ali";

function switchTab(t,el){
  currentTab=t;
  document.querySelectorAll(".tab").forEach(x=>x.classList.remove("active"));
  el.classList.add("active");
  render();
}

function drawDonut(){
  const c=document.getElementById("donut");
  if(!c)return;
  const ctx=c.getContext("2d");
  const cx=60,cy=60,r=44,iR=30;
  const total=contentTypes.reduce((a,t)=>a+t.pct,0);
  let angle=-Math.PI/2;
  ctx.clearRect(0,0,120,120);
  contentTypes.forEach(t=>{
    const sweep=(t.pct/total)*2*Math.PI;
    ctx.beginPath();ctx.moveTo(cx,cy);
    ctx.arc(cx,cy,r,angle,angle+sweep);
    ctx.closePath();ctx.fillStyle=t.color;ctx.fill();
    angle+=sweep;
  });
  ctx.beginPath();ctx.arc(cx,cy,iR,0,2*Math.PI);
  ctx.fillStyle="#111113";ctx.fill();
}

function barRows(items,max){
  return items.map(c=>`
    <div class="bar-row">
      <div class="name">${c.name}</div>
      <div class="bar-track">
        <div class="bar-bg"><div class="bar-fill" style="width:${(c.pct/max)*100}%"></div></div>
        <div class="bar-pct">${c.pct}%</div>
      </div>
    </div>`).join("");
}

function render(){
  const data=currentTab==="ali"?aliReels:currentTab==="filip"?filipReels:aymaneReels;
  const top5=[...data].sort((a,b)=>b.views-a.views).slice(0,5);
  const tViews=sum(data,"views"),tReach=sum(data,"reach"),tLikes=sum(data,"likes"),tFollows=sum(data,"follows");
  const avgV=Math.round(tViews/data.length),best=top5[0];

  const showDonut=currentTab==="ali";
  const donutHTML=showDonut?`
    <div class="card" style="min-width:240px">
      <div class="card-label">Content type</div>
      <div class="donut-wrap">
        <canvas id="donut" width="120" height="120"></canvas>
        <div class="legend">
          ${contentTypes.map(t=>`<div class="legend-item"><div class="legend-dot" style="background:${t.color}"></div>${t.label} ${t.pct}%</div>`).join("")}
        </div>
      </div>
    </div>`:"";

  const stats=[
    {lbl:"👤 Followers",val:"60K"},
    {lbl:"▴ New Followers",val:fmt(tFollows)},
    {lbl:"👁 Views",val:fmt(tViews)},
    {lbl:"📡 Reached",val:fmt(tReach)},
    {lbl:"💬 Interactions",val:fmt(tLikes)},
    {lbl:"📄 Posted",val:data.length},
  ];

  document.getElementById("dashboard").innerHTML=`
    <div class="top-row ${showDonut?"with-donut":"no-donut"}">
      ${donutHTML}
      <div class="stat-grid">
        ${stats.map(s=>`<div class="stat-card"><div class="lbl">${s.lbl}</div><div class="val">${s.val}</div></div>`).join("")}
      </div>
    </div>

    <div class="reel-count">${data.length} reels · May 1, 2026 – May 8, 2026</div>

    <div class="table-card">
      <div class="table-title">Top 5 performing reels</div>
      <table>
        <thead>
          <tr>
            <th class="l">#</th><th class="l">Description</th><th class="r">Date</th>
            <th class="r">Views</th><th class="r">Likes</th><th class="r">Shares</th><th class="r">Comments</th><th class="r">Saves</th>
          </tr>
        </thead>
        <tbody>
          ${top5.map((r,i)=>`
            <tr>
              <td class="rank">${i+1}</td>
              <td class="desc">${r.url?`<a href="${r.url}" target="_blank" title="${r.desc}">${r.desc}</a>`:`<span title="${r.desc}">${r.desc}</span>`}</td>
              <td class="date">${r.date}</td>
              <td class="views">${fmt(r.views)}</td>
              <td class="num">${fmt(r.likes)}</td>
              <td class="num">${r.shares}</td>
              <td class="num">${r.comments}</td>
              <td class="num">${r.saves}</td>
            </tr>`).join("")}
        </tbody>
      </table>
    </div>

    <div class="highlight-grid">
      <div class="hl-card"><div class="lbl">Best single reel</div><div class="val" style="color:#34d399">${fmt(best.views)} views</div></div>
      <div class="hl-card"><div class="lbl">Avg views per reel</div><div class="val" style="color:#60a5fa">${fmt(avgV)}</div></div>
      <div class="hl-card"><div class="lbl">Total follows gained</div><div class="val" style="color:#f59e0b">${fmt(tFollows)}</div></div>
    </div>

    <div class="geo-grid">
      <div class="card"><div class="geo-title">Top towns/cities</div>${barRows(cities,8)}</div>
      <div class="card"><div class="geo-title">Top countries</div>${barRows(countries,33.4)}</div>
    </div>`;

  if(showDonut) drawDonut();
}

render();
</script>
</body>
</html>