.points-display{display:flex;align-items:center;gap:10px;background-color:var(--card-bg);border-radius:30px;padding:8px 15px;box-shadow:0 4px 10px var(--shadow);transition:all .3s ease}.points-display:hover{transform:translateY(-2px);box-shadow:0 6px 15px var(--shadow)}.points-display.animate{animation:pulse 1s ease}.points-icon{font-size:1.2rem}.points-info{display:flex;flex-direction:column}.points-value{font-weight:700;color:var(--primary)}.points-label{font-size:.7rem;opacity:.7}.points-display.small .points-icon{font-size:1rem}.points-display.small .points-value{font-size:.9rem}.points-display.small .points-label{font-size:.6rem}.points-display.large{padding:10px 20px}.points-display.large .points-icon{font-size:1.5rem}.points-display.large .points-value{font-size:1.3rem}.points-display.large .points-label{font-size:.8rem}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1);box-shadow:0 6px 20px rgba(0,180,216,.3)}to{transform:scale(1)}}.leaderboard-page{padding:20px 0}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.page-title{font-size:2.5rem;position:relative}.page-title:after{content:"";position:absolute;bottom:-10px;left:0;width:60px;height:4px;background:var(--primary);border-radius:2px}.leaderboard-info{margin-bottom:30px;background-color:var(--card-bg);border-radius:var(--border-radius);padding:20px;box-shadow:0 4px 20px var(--shadow)}.user-rank{font-size:1.2rem;font-weight:600;margin-bottom:10px}.rank-number{color:var(--primary);font-size:1.4rem}.leaderboard-description{color:var(--foreground);opacity:.8}.leaderboard-table{background-color:var(--card-bg);border-radius:var(--border-radius);overflow:hidden;box-shadow:0 4px 20px var(--shadow)}.leaderboard-header{display:grid;grid-template-columns:80px 1fr 120px;padding:15px 20px;background-color:var(--primary);color:#fff;font-weight:600}.leaderboard-body{max-height:500px;overflow-y:auto}.leaderboard-row{display:grid;grid-template-columns:80px 1fr 120px;padding:15px 20px;border-bottom:1px solid var(--card-border);transition:background-color .3s ease}.leaderboard-row:hover{background-color:rgba(0,180,216,.05)}.leaderboard-row.current-user{background-color:rgba(0,180,216,.1)}.rank-column,.top-rank{display:flex;align-items:center;justify-content:center}.top-rank{width:30px;height:30px;border-radius:50%;font-weight:700}.rank-1{background-color:gold;color:#333}.rank-2{background-color:silver;color:#333}.rank-3{background-color:#cd7f32;color:#fff}.normal-rank{opacity:.7}.user-column{display:flex;align-items:center;gap:10px}.user-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden}.user-avatar-img{width:100%;height:100%;object-fit:cover}.user-name{font-weight:500}.points-column{justify-content:flex-end;font-weight:600;color:var(--primary)}.loading-state,.points-column{display:flex;align-items:center}.loading-state{flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner{width:40px;height:40px;border-radius:50%;border:3px solid rgba(0,180,216,.3);border-top:3px solid var(--primary);animation:spin 1s linear infinite;margin-bottom:20px}@media (max-width:768px){.page-title{font-size:2rem}.leaderboard-header,.leaderboard-row{grid-template-columns:60px 1fr 100px;padding:12px 15px}.user-avatar{width:30px;height:30px}}