/* 🏆 ДОСКА ПОЧЁТА — Полные стили */

.leaderboard-section { margin-bottom: 40px; animation: lbFadeIn 0.6s ease; }
.lb-section-title { font-size: 24px; margin-bottom: 20px; display: flex; align-items: center; gap: 10px; color: var(--text-main, #fff); }
.lb-section-title i { color: var(--accent-primary, #8b5cf6); }

.lb-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; }

.lb-card { background: var(--bg-card, rgba(255,255,255,0.05)); border-radius: 16px; padding: 20px; border: 1px solid rgba(255,255,255,0.08); position: relative; overflow: hidden; display: flex; flex-direction: column; }
.lb-card::before { content:""; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,var(--accent-primary,#8b5cf6),var(--accent-secondary,#06b6d4)); opacity:0.6; }
.lb-card-header { display:flex; align-items:center; gap:10px; font-size:16px; font-weight:700; margin-bottom:15px; color:var(--text-main,#fff); padding-bottom:12px; border-bottom:1px solid rgba(255,255,255,0.06); }
.lb-card-header i { font-size:18px; color:var(--accent-secondary,#06b6d4); }

.lb-list { display:flex; flex-direction:column; gap:10px; flex:1; }
.lb-item { display:flex; align-items:center; gap:12px; padding:10px 12px; background:rgba(255,255,255,0.03); border-radius:10px; transition:all 0.2s ease; cursor:pointer; min-width:0; overflow:hidden; }
.lb-item:hover { background:rgba(139,92,246,0.12); transform:translateX(4px); border-left:3px solid var(--accent-primary,#8b5cf6); padding-left:9px; }

.lb-rank { width:28px; height:28px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:700; color:#fff; background:linear-gradient(135deg,#6b7280,#4b5563); flex-shrink:0; }
.lb-rank.gold { background:linear-gradient(135deg,#ffd700,#ffaa00); box-shadow:0 2px 12px rgba(255,170,0,0.4); }
.lb-rank.silver { background:linear-gradient(135deg,#c0c0c0,#a0a0a0); box-shadow:0 2px 12px rgba(160,160,160,0.4); }
.lb-rank.bronze { background:linear-gradient(135deg,#cd7f32,#b87333); box-shadow:0 2px 12px rgba(184,115,51,0.4); }

.lb-cover { width:40px; height:40px; border-radius:8px; object-fit:cover; flex-shrink:0; background:linear-gradient(135deg,rgba(139,92,246,0.2),rgba(6,182,212,0.2)); border:1px solid rgba(255,255,255,0.1); }
.lb-cover.author-avatar { display:flex; align-items:center; justify-content:center; font-weight:700; font-size:16px; color:#fff; }

.lb-info { flex:1; min-width:0; display:flex; flex-direction:column; gap:3px; overflow:hidden; }
.lb-title { font-size:14px; font-weight:600; color:var(--text-main,#fff); line-height:1.3; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; }
.lb-sub { font-size:12px; color:var(--text-muted,rgba(255,255,255,0.6)); line-height:1.2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* Статистика */
.lb-stat-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; padding:16px; }
.lb-stat-card { background:rgba(255,255,255,0.03); border-radius:12px; padding:14px; text-align:center; transition:all 0.2s ease; border:1px solid rgba(255,255,255,0.05); }
.lb-stat-card:hover { background:rgba(139,92,246,0.1); border-color:var(--accent-primary,#8b5cf6); transform:translateY(-2px); }
.lb-stat-icon { width:36px; height:36px; margin:0 auto 8px; border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:16px; color:#fff; }
.lb-stat-icon.users { background:linear-gradient(135deg,#3b82f6,#6366f1); }
.lb-stat-icon.tracks { background:linear-gradient(135deg,#8b5cf6,#a78bfa); }
.lb-stat-icon.visitors { background:linear-gradient(135deg,#06b6d4,#22d3ee); }
.lb-stat-icon.plays { background:linear-gradient(135deg,#ec4899,#f472b6); }
.lb-stat-icon.downloads { background:linear-gradient(135deg,#10b981,#34d399); }
.lb-stat-icon.uploads { background:linear-gradient(135deg,#f59e0b,#fbbf24); }
.lb-stat-value { font-size:20px; font-weight:800; color:var(--text-main,#fff); margin-bottom:4px; }
.lb-stat-label { font-size:11px; color:var(--text-muted,rgba(255,255,255,0.6)); line-height:1.3; }

/* VIP */
.lb-vip-section { border-top:1px solid rgba(255,255,255,0.08); padding-top:16px; margin-top:8px; }
.lb-vip-section.hidden { display:none; }
.lb-vip-header { display:flex; align-items:center; gap:8px; font-size:14px; font-weight:700; color:var(--text-main,#fff); margin-bottom:12px; }
.lb-vip-header i { color:#ffd700; animation:crownPulse 2s ease-in-out infinite; }
@keyframes crownPulse { 0%,100%{transform:scale(1);opacity:1;} 50%{transform:scale(1.1);opacity:0.8;} }
.lb-vip-list { display:flex; flex-direction:column; gap:10px; margin-bottom:12px; }
.lb-vip-item { display:flex; align-items:center; gap:12px; padding:10px 12px; background:linear-gradient(135deg,rgba(255,215,0,0.08),rgba(139,92,246,0.08)); border:1px solid rgba(255,215,0,0.2); border-radius:10px; transition:all 0.2s ease; cursor:pointer; }
.lb-vip-item:hover { border-color:#ffd700; transform:translateX(4px); }
.lb-vip-avatar { width:36px; height:36px; border-radius:50%; object-fit:cover; border:2px solid #ffd700; flex-shrink:0; }
.lb-vip-info { flex:1; min-width:0; }
.lb-vip-name { font-size:13px; font-weight:600; color:var(--text-main,#fff); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.lb-vip-plan { font-size:10px; font-weight:600; padding:3px 8px; border-radius:20px; display:inline-flex; align-items:center; gap:4px; margin-top:4px; }
.lb-vip-badge { width:24px; height:24px; border-radius:50%; background:linear-gradient(135deg,#ffd700,#ffaa00); display:flex; align-items:center; justify-content:center; font-size:11px; color:#1a1a2e; flex-shrink:0; box-shadow:0 2px 8px rgba(255,215,0,0.4); }
.lb-vip-cta { display:flex; align-items:center; justify-content:center; gap:6px; padding:10px; background:linear-gradient(135deg,var(--accent-primary,#8b5cf6),var(--accent-secondary,#06b6d4)); color:#fff; font-size:13px; font-weight:600; border-radius:10px; text-decoration:none; transition:all 0.2s ease; }
.lb-vip-cta:hover { transform:translateY(-2px); box-shadow:0 8px 20px rgba(139,92,246,0.4); }

/* График */
.lb-graph-btn { padding:4px 10px; font-size:10px; background:rgba(255,255,255,0.1); border:none; border-radius:4px; color:var(--text-muted,rgba(255,255,255,0.6)); cursor:pointer; transition:all 0.2s; }
.lb-graph-btn.active, .lb-graph-btn:hover { background:var(--accent-primary,#8b5cf6); color:#fff; }

/* Анимации */
@keyframes lbFadeIn { from{opacity:0;transform:translateY(15px);} to{opacity:1;transform:translateY(0);} }
.lb-item { opacity:0; animation:lbSlideIn 0.4s ease forwards; }
.lb-item:nth-child(1){animation-delay:0.1s;} .lb-item:nth-child(2){animation-delay:0.2s;} .lb-item:nth-child(3){animation-delay:0.3s;}
@keyframes lbSlideIn { from{opacity:0;transform:translateX(-8px);} to{opacity:1;transform:translateX(0);} }

/* Лоадер */
.lb-list.loader, .lb-stats.loader { display:flex; align-items:center; justify-content:center; padding:25px; color:var(--text-muted,rgba(255,255,255,0.6)); min-height:100px; }
.lb-list.loader i, .lb-stats.loader i { font-size:24px; color:var(--accent-primary,#8b5cf6); margin-right:10px; animation:spin 1s linear infinite; }
@keyframes spin { to{transform:rotate(360deg);} }

/* Адаптивность */
@media (max-width:768px){ .lb-grid{grid-template-columns:1fr;} .lb-stat-grid{grid-template-columns:repeat(3,1fr);} .lb-stat-value{font-size:18px;} .lb-stat-label{font-size:10px;} }
@media (max-width:480px){ .lb-stat-grid{grid-template-columns:repeat(2,1fr);gap:8px;padding:12px;} .lb-stat-card{padding:10px;} .lb-stat-icon{width:32px;height:32px;font-size:14px;} .lb-stat-value{font-size:16px;} .lb-vip-item{padding:8px 10px;gap:10px;} .lb-vip-avatar{width:32px;height:32px;} .lb-vip-name{font-size:12px;} }