.iherb-leaderboard{background:#fff;border:1px solid #e9ecef;padding:25px;margin:20px 0;border-radius:10px;box-shadow:0 2px 8px rgb(0 0 0 / .05);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}.leaderboard-title{color:#333;margin-bottom:25px;font-size:1.4em;font-weight:600;text-align:center;position:relative}.leaderboard-content{margin-bottom:30px}.loading{text-align:center;padding:40px;color:#666;font-style:italic}.error{text-align:center;padding:20px;color:#dc3545;background:#f8d7da;border-radius:6px;border:1px solid #f5c6cb}.no-results{text-align:center;padding:40px;color:#666;font-style:italic}.pending-section{margin-top:24px;border-top:1px solid #e9ecef;padding-top:18px}.pending-title{margin:0 0 12px 0;font-size:1.05em;color:#555;font-weight:600}.pending-item{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#f8f9fa 0%,#ffffff 100%);border:1px solid #e9ecef;border-radius:10px;padding:12px 16px;margin-bottom:10px;box-shadow:0 2px 8px rgb(0 0 0 / .04)}.pending-name{font-weight:600;color:#34495e}.pending-status{display:none}.leaderboard-item{display:flex;align-items:center;padding:28px 20px 20px;background:#f8f9fa;border-radius:8px;margin-bottom:12px;transition:all 0.3s ease;border-left:4px solid #dee2e6;cursor:pointer;position:relative}.leaderboard-item:hover{background:#e9ecef;transform:translateX(5px);box-shadow:0 4px 15px rgb(0 0 0 / .1)}.leaderboard-item.gold{background:linear-gradient(135deg,#fff3cd 0%,#ffeaa7 100%);border-left-color:#ffc107}.leaderboard-item.silver{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-left-color:#6c757d}.leaderboard-item.bronze{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-left-color:#cd7f32}.leaderboard-item.hover{transform:translateX(8px) scale(1.02)}.position-info{margin-right:20px;text-align:center;min-width:50px}.medal{font-size:2em;filter:drop-shadow(0 2px 4px rgb(0 0 0 / .2))}.position-number{width:40px;height:40px;background:#6c757d;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2em}.user-info{flex:1;margin-right:20px}.username{font-size:1.2em;font-weight:600;color:#333;margin-bottom:8px;display:flex;align-items:center;gap:8px}.user-stats{display:flex;gap:15px;flex-wrap:wrap}.reviews-count,.likes-count,.country{background:#fff;padding:6px 12px;border-radius:20px;font-size:.85em;color:#666;border:1px solid #dee2e6;white-space:nowrap}.earnings{font-size:1.4em;font-weight:700;color:#28a745;text-shadow:0 1px 2px rgb(0 0 0 / .1);min-width:100px;text-align:right;margin-top:6px}.user-status{position:absolute;top:10px;right:14px;padding:0;border-radius:0;font-size:12px;font-weight:700;line-height:1;white-space:nowrap;box-shadow:none;border:none;background:#fff0}.user-status.gold-status{color:#8A6702;background:#fff0;border:none}.user-status.silver-status{color:#4a4a4a;background:#fff0;border:none}.add-result-form{margin-top:30px;padding-top:25px;border-top:1px solid #e9ecef}.add-result-form h4{color:#333;margin-bottom:20px;font-size:1.2em;font-weight:600;text-align:center}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.form-group{position:relative;transition:all 0.3s ease}.form-group.focused{transform:translateY(-2px)}.form-group label{display:block;margin-bottom:8px;color:#555;font-weight:500;font-size:.9em;transition:color 0.3s ease}.form-group.focused label{color:#28a745}.form-input,.form-select{width:100%;padding:12px 15px;border:2px solid #ddd;border-radius:6px;font-size:16px;transition:all 0.3s ease;background:#fff}.form-input:focus,.form-select:focus{outline:none;border-color:#28a745;box-shadow:0 0 0 3px rgb(40 167 69 / .1);transform:translateY(-1px)}.form-input:hover,.form-select:hover{border-color:#28a745}.submit-button{background:linear-gradient(135deg,#28a745 0%,#20c997 100%);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all 0.3s ease;width:100%;max-width:260px;margin:0 auto;display:block;position:relative;overflow:hidden}.submit-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgb(40 167 69 / .3)}.submit-button.hover{background:linear-gradient(135deg,#20c997 0%,#28a745 100%)}.submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.submit-button:before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .2),transparent);transition:left 0.5s}.submit-button:hover:before{left:100%}.success-message{background:linear-gradient(135deg,#d4edda 0%,#c3e6cb 100%);border:1px solid #c3e6cb;border-radius:8px;padding:20px;margin-bottom:20px;display:flex;align-items:center;gap:15px;animation:slideInDown 0.5s ease-out}.success-icon{background:#28a745;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2em;font-weight:700}.success-content{flex:1}.success-text{color:#155724;font-weight:600;margin-bottom:5px}.earnings-preview{color:#155724;font-size:.9em}.earnings-preview-form{background:#e3f2fd;border:1px solid #bbdefb;border-radius:6px;padding:15px;text-align:center;margin-top:15px}.preview-label{color:#1565c0;font-size:.9em;margin-bottom:5px}.preview-amount{color:#1565c0;font-size:1.3em;font-weight:700}.user-details-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .5);display:none;z-index:10000;backdrop-filter:blur(5px)}.modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;padding:0;max-width:500px;width:90%;box-shadow:0 20px 60px rgb(0 0 0 / .3);animation:modalSlideIn 0.3s ease-out}.modal-header{background:linear-gradient(135deg,#28a745 0%,#20c997 100%);color:#fff;padding:25px;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:1.4em;font-weight:600}.close-modal{background:none;border:none;color:#fff;font-size:2em;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background 0.3s ease}.close-modal:hover{background:rgb(255 255 255 / .2)}.modal-body{padding:30px;text-align:center}.user-earnings{font-size:2.5em;font-weight:700;color:#28a745;margin-bottom:20px;text-shadow:0 2px 4px rgb(0 0 0 / .1)}.user-stats p{color:#666;line-height:1.6;margin:10px 0}@keyframes slideInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes modalSlideIn{from{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}@media (max-width:768px){.iherb-leaderboard{padding:20px;margin:15px 0}.leaderboard-item{flex-direction:column;align-items:flex-start;gap:15px;padding:15px}.position-info{margin-right:0;margin-bottom:10px}.user-info{margin-right:0;margin-bottom:10px;width:100%}.earnings{text-align:left;min-width:auto}.form-row{grid-template-columns:1fr;gap:15px}.submit-button{padding:12px 20px;font-size:14px}.modal-content{width:95%;margin:20px}.modal-header,.modal-body{padding:20px}.user-earnings{font-size:2em}}.leaderboard-content::-webkit-scrollbar{width:6px}.leaderboard-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.leaderboard-content::-webkit-scrollbar-thumb{background:#28a745;border-radius:3px}.leaderboard-content::-webkit-scrollbar-thumb:hover{background:#20c997}.leaderboard-title{position:relative}.leaderboard-title:after{content:'|';animation:blink 1s infinite;margin-left:2px;color:#28a745}@keyframes blink{0%,50%{opacity:1}51%,100%{opacity:0}}