.leaderboard{max-width:1000px;margin:0 auto;padding:32px 24px}.leaderboard-header{text-align:center;margin-bottom:48px}.leaderboard-header h1{font-size:48px;font-weight:700;background:linear-gradient(135deg,#f6d365,#fda085);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 16px}.leaderboard-header p{font-size:18px;color:rgba(255,255,255,.7);margin:0}.leaderboard-card{padding:0;overflow:hidden;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05)}.leaderboard-table-container{overflow-x:auto}.leaderboard-table{width:100%;border-collapse:collapse;text-align:left}.leaderboard-table th{padding:20px 24px;color:rgba(255,255,255,.4);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid rgba(255,255,255,.05)}.leaderboard-table td{padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.03);vertical-align:middle}.leaderboard-table tr:last-child td{border-bottom:none}.leaderboard-table tr:hover td{background:rgba(255,255,255,.02)}.rank-col{width:80px;text-align:center}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-weight:700;color:white;background:rgba(255,255,255,.1)}.rank-1{background:linear-gradient(135deg,#ffd700,#fbd14b);color:#000;box-shadow:0 0 15px rgba(255,215,0,.3)}.rank-2{background:linear-gradient(135deg,#c0c0c0,#e8e8e8);color:#000;box-shadow:0 0 15px rgba(192,192,192,.3)}.rank-3{background:linear-gradient(135deg,#cd7f32,#ff9a44);color:#000;box-shadow:0 0 15px rgba(205,127,50,.3)}.user-col{min-width:250px}.user-info{gap:16px}.user-avatar,.user-info{display:flex;align-items:center}.user-avatar{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;justify-content:center;font-weight:700;color:white}.username{font-size:16px;font-weight:600;color:white}.balance-col{min-width:150px}.balance-value{font-size:18px;font-weight:700;color:#10b981}.actions-col{width:200px;text-align:right}.leaderboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:24px}.loader{width:48px;height:48px;border:4px solid rgba(255,255,255,.1);border-top-color:#f6d365;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.leaderboard-header h1{font-size:32px}.actions-col{display:none}}