.leaderboardContainer{width:100%;max-width:800px;margin:0 auto;padding:20px;background-color:white;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.1)}.leaderboardHeader{text-align:center;margin-bottom:30px}.leaderboardHeader h1{color:#234E52;font-size:2rem;margin-bottom:5px}.leaderboardSubtitle{color:#666;margin-bottom:20px}.leaderboardControls{display:flex;justify-content:center;align-items:center;gap:15px;margin-bottom:15px}.timeframeToggle{display:flex;background-color:#f1f1f1;border-radius:50px;overflow:hidden}.timeframeToggle button{background:none;border:none;padding:10px 20px;cursor:pointer;transition:all .2s ease;font-weight:500;color:#555}.timeframeToggle button.active{background-color:#234E52;color:white}.refreshButton{background:none;border:none;color:#234E52;cursor:pointer;font-size:1.2rem;padding:5px;border-radius:50%;transition:all .2s ease}.refreshButton:hover{background-color:rgba(35,78,82,.1)}.currentTimeframe{font-size:1.2rem;font-weight:600;color:#234E52;margin-bottom:20px}.leaderboardTable{width:100%;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.05)}.leaderboardTableHeader{display:flex;background-color:#f8f8f8;padding:15px;font-weight:600;color:#555;border-bottom:1px solid #eee}.leaderboardTableBody{max-height:600px;overflow-y:auto}.leaderboardRow{display:flex;padding:15px;border-bottom:1px solid #eee;align-items:center;transition:all .2s ease;cursor:pointer}.leaderboardRow:hover{background-color:#f9f9f9}.leaderboardRow:last-child{border-bottom:none}.leaderboardRow.top-1{background-color:rgba(255,215,0,.1)}.leaderboardRow.top-2{background-color:rgba(192,192,192,.1)}.leaderboardRow.top-3{background-color:rgba(205,127,50,.1)}.rankColumn{width:10%;display:flex;justify-content:center;align-items:center;font-size:1.2rem;font-weight:600}.medal{font-size:1.5rem}.medal.gold{color:#FFD700}.medal.silver{color:#C0C0C0}.medal.bronze{color:#CD7F32}.position{color:#555}.userColumn{width:50%;gap:15px}.userAvatar,.userColumn{display:flex;align-items:center}.userAvatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background-color:#f1f1f1;justify-content:center}.userAvatar img{width:100%;height:100%;object-fit:cover}.defaultAvatar{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#234E52;color:white;font-weight:600;font-size:1.2rem}.username{font-weight:500}.dealsColumn{width:15%;text-align:center}.temperatureColumn{width:25%;text-align:center;font-weight:600;font-size:1.1rem}.positive{color:#38a169}.negative{color:#e53e3e}@media (max-width:768px){.leaderboardContainer{padding:15px}.leaderboardHeader h1{font-size:1.5rem}.rankColumn{width:15%}.userColumn{width:45%}.dealsColumn,.temperatureColumn{width:20%}}@media (max-width:480px){.leaderboardContainer,.leaderboardRow,.leaderboardTableHeader{padding:10px}.userAvatar{width:30px;height:30px}.username{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.timeframeToggle button{padding:8px 12px;font-size:.9rem}.dealsColumn{font-size:.9rem}.temperatureColumn{font-size:1rem}}