edit styles

src/app/ui/referral-page/commission-levels.tsx

@@ -2,38 +2,36 @@ export default function CommissionLevels() {
 	return (
 		<div className="block-wrapper">
 			<h3 className="section-title">
-				<span className="icon">🏆</span>
+				<span className="icon"></span>
 				Уровни комиссии
 			</h3>
 			<div className="commission-levels">
-				<div className="level-card level-bronze active">
-					<h4>🥉 BRONZE</h4>
-					<p><strong>15%</strong> комиссия</p>
-					<small>0-5 рефералов</small>
+				<div className="level-card active">
+					<div className="level-number">🥉</div>
+					<div className="level-commission">15%</div>
+					<div className="level-subscribe">BRONZE</div>
+					<div className="level-requirement">0-5 рефералов</div>
 				</div>
-				<div className="level-card level-silver ">
-					<h4>🥈 SILVER</h4>
-					<p><strong>18%</strong> комиссия</p>
-					<small>6-15 рефералов</small>
+				<div className="level-card ">
+					<div className="level-number">🥈</div>
+					<div className="level-commission">18%</div>
+					<div className="level-subscribe">SILVER</div>
+					<div className="level-requirement">6-15 рефералов</div>
 				</div>
-				<div className="level-card level-gold ">
-					<h4>🥇 GOLD</h4>
-					<p><strong>22%</strong> комиссия</p>
-					<small>16-50 рефералов</small>
-				</div>
-				<div className="level-card level-platinum ">
-					<h4>💎 PLATINUM</h4>
-					<p><strong>25%</strong> комиссия</p>
-					<small>50+ рефералов</small>
-				</div>
-			</div>
 
-			<div className="commission-levels-footer">
-				<p><strong>До уровня SILVER:</strong> 5 рефералов</p>
-				<div className="progress-bar">
-					<div className="progress-fill" style={{width: "16.7%"}}></div>
+				<div className="level-card ">
+					<div className="level-number">🥇</div>
+					<div className="level-commission">22%</div>
+					<div className="level-subscribe">GOLD</div>
+					<div className="level-requirement">16-50 рефералов</div>
+				</div>
+
+				<div className="level-card ">
+					<div className="level-number">💎</div>
+					<div className="level-commission">25%</div>
+					<div className="level-subscribe">PLATINUM</div>
+					<div className="level-requirement">50+ рефералов</div>
 				</div>
-				<small>1 из 6 рефералов (16.7%)</small>
 			</div>
 		</div>
 	)

src/app/ui/referral-page/invitations-table.tsx

@@ -3,10 +3,9 @@ export default function InvitationsTable() {
 	const t = useTranslations('Global');
 	return (
 		<div className="block-wrapper">
-			<div className="section-title">
-				<span className="icon">📋</span>
+			<h2 className="section-title">
 				История приглашений
-			</div>
+			</h2>
 
 			<div className="stats-grid">
 				<div className="stats-item left-top-corner stats-header">

src/app/ui/referral-page/referral-stats.tsx

@@ -25,12 +25,6 @@ export default function ReferralStats() {
 				<div className="label">К выплате</div>
 			</div>
 
-			<div className="stat-card">
-				<div className="icon">📊</div>
-				<div className="value">14.3%</div>
-				<div className="label">Конверсия</div>
-			</div>
-
 			<div className="stat-card">
 				<div className="icon">🏆</div>
 				<div className="value">BRONZE</div>