
@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');
:root{--brand:#22f04e;--bg:#050708;--panel:#101617;--line:#1c2929}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 0,rgba(34,240,78,.08),transparent 40%),var(--bg);color:#fff;font-family:Vazirmatn,Tahoma,sans-serif}
.chart-shell{width:min(94%,1100px);margin:auto;padding:34px 0 90px}.chart-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.chart-head h1{font-size:36px;margin:5px 0}.chart-head p{color:#929d9c;margin:0}.eyebrow{color:var(--brand);font-size:11px}
.chart-list{display:grid;gap:8px}.chart-row{display:grid;grid-template-columns:48px 64px 1fr auto 24px;gap:12px;align-items:center;background:#0d1314;border:1px solid #192526;border-radius:15px;padding:8px 12px;text-decoration:none;color:#fff}.rank{font-size:20px;font-weight:800;color:#788382;text-align:center}.rank.top{color:var(--brand)}.chart-row img{width:64px;height:64px;border-radius:10px;object-fit:cover}.track{display:flex;flex-direction:column}.track b{font-size:13px}.track span{color:#899493;font-size:11px}.chart-stats{display:flex;gap:14px;color:#9aa4a3;font-size:11px}.chart-row i{font-style:normal;color:var(--brand);font-size:24px}
.recent-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.recent-card{background:#0d1314;border:1px solid #192526;border-radius:16px;padding:9px;color:#fff;text-decoration:none;display:flex;flex-direction:column}.recent-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:11px;margin-bottom:8px}.recent-card b{font-size:12px}.recent-card span,.recent-card small{color:#899493;font-size:10px}.empty{padding:28px;text-align:center;color:#84908f;border:1px dashed #263333;border-radius:16px}
@media(max-width:800px){.chart-head{align-items:flex-start;flex-direction:column;gap:12px}.chart-head h1{font-size:29px}.chart-row{grid-template-columns:36px 58px 1fr 20px}.chart-row img{width:58px;height:58px}.chart-stats{display:none}.recent-grid{grid-template-columns:repeat(2,1fr)}}
