fix(sales-stats): не резать значения в карточках сводки (адаптив)

Карточки сводки резали суммы («252…», «100.0…»): на десктопе их было 8 в ряд
(слишком узко), а дельта стояла в той же строке и доедала место.
- Дельта переехала ПОД значение — значение получает всю ширину карточки.
- Сетка сводки: убрал xl:grid-cols-8, максимум 4 в ряд (карточки шире).

src/components/stats/StatCard.tsx

@@ -34,14 +34,14 @@ export function StatCard({
         {icon}
         <span>{label}</span>
       </div>
-      <div className="mt-1 flex items-baseline gap-1.5">
+      <div className="mt-1">
-        <span className={`truncate text-base font-semibold sm:text-lg ${valueClassName}`}>
+        <div className={`truncate text-base font-semibold sm:text-lg ${valueClassName}`}>
           {value}
-        </span>
+        </div>
         {trendStyle && (
-          <span className={`shrink-0 text-xs font-medium ${trendStyle.className}`}>
+          <div className={`mt-0.5 text-xs font-medium ${trendStyle.className}`}>
             {trendStyle.arrow} {Math.abs(delta!.percent)}%
-          </span>
+          </div>
         )}
       </div>
     </div>

src/pages/AdminSalesStats.tsx

@@ -135,7 +135,7 @@ export default function AdminSalesStats() {
           {t('admin.salesStats.loadError')}
         </div>
       )}
-      <div className="grid grid-cols-2 gap-3 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-8">
+      <div className="grid grid-cols-2 gap-3 sm:grid-cols-3 lg:grid-cols-4">
         <StatCard
           label={t('admin.salesStats.summary.revenue')}
           value={