پرامپت داشبورد ادمین با کارت‌های آماری

نقش: دولوپر پنل‌های مدیریتی.

وظیفه: صفحه داشبورد ادمین HTML/CSS بساز برای [نوع سامانه] با داده‌های فرضی اما واقع‌نما.

اجزا:
1) سایدبار راست (RTL) با ۸ آیتم منو (آیکون SVG + متن)، آیتم فعال مشخص
2) هدر: جستجو، اعلان با badge، آواتار کاربر
3) ۴ کارت KPI: کاربران، فروش امروز، سفارش‌ها، نرخ تبدیل — هر کدام با درصد رشد و فلش سبز/قرمز
4) نمودار میله‌ای ۱۲ ماهه فقط با CSS (flex + ارتفاع درصدی) با tooltip ساده CSS
5) جدول آخرین ۵ سفارش: نام، مبلغ (نمایش تومان با جداکننده)، وضعیت (badge رنگی)، تاریخ
6) لیست کارهای امروز با چک‌باکس‌های قابل‌تیک (localStorage)

قواعد: فونت وزیرمتن، رنگ‌های flat، فاصله یکنواخت ۴/۸/۱۶/۲۴px، جدول در موبایل اسکرول افقی، بدون کتابخانه چارت.

خروجی: کد کامل + پیشنهاد ۳ ابزار واقعی JS برای چارت پیشرفته‌تر (فقط اسم و لینک رسمی).

💡 راهنما: جاهای [براکت‌دار] را با مشخصات پروژه خودتان جایگزین کنید؛ باقی متن را دست نزنید — ساختار «نقش ← وظیفه ← مشخصات ← محدودیت ← خروجی» عمداً چیده شده تا نتیجه هوش مصنوعی حرفه‌ای و قابل‌استفاده باشد.