.referral-portal-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#333;max-width:1200px;margin:0 auto;padding:20px}.referral-portal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #9c27b0;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.referral-login-prompt{background-color:#f9f7fa;border-radius:8px;padding:40px;text-align:center;box-shadow:0 2px 10px #0000001a}.referral-login-prompt h2{color:#9c27b0;margin-top:0}.referral-dashboard{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}@media (max-width: 992px){.referral-dashboard{grid-template-columns:1fr 1fr}.share-column{grid-column:span 2}}@media (max-width: 768px){.referral-dashboard{grid-template-columns:1fr}.share-column{grid-column:span 1}}.referral-stats-column{background-color:#f9f7fa;border-radius:8px;padding:20px;display:flex;flex-direction:column;gap:15px;box-shadow:0 2px 8px #0000000d}.customer-profile{display:flex;align-items:center;gap:15px;margin-bottom:10px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.profile-avatar{width:60px;height:60px;border-radius:50%;background-color:#9c27b0;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}.profile-info h3{margin:0 0 5px;font-size:18px}.profile-info p{margin:0;color:#666;font-size:14px}.stats-card{background-color:#fff;border-radius:8px;padding:15px;box-shadow:0 2px 4px #0000000d}.stats-card h4{margin:0 0 5px;font-size:14px;color:#666}.stat-value{font-size:36px;font-weight:700;color:#9c27b0;margin:0}.rewards-button{background-color:#9c27b0;color:#fff;border:none;border-radius:20px;padding:12px 20px;font-size:16px;font-weight:700;cursor:pointer;margin-top:auto;text-align:center;transition:background-color .2s}.rewards-button:hover{background-color:#7b1fa2}.challenges-column{background-color:#fff;border-radius:8px;padding:20px;border:1px solid #e0e0e0;box-shadow:0 2px 8px #0000000d}.challenges-column h3{margin-top:0;font-size:18px;color:#333;margin-bottom:15px}.challenge-card{background-color:#f5f0f7;border-radius:8px;padding:15px;margin-bottom:15px}.challenge-card h4{margin:0 0 8px;font-size:16px;color:#5c007a}.challenge-card p{margin:0 0 8px;font-size:14px;color:#666}.reward-text{color:#9c27b0;font-weight:700;font-size:14px}.progress-container{background-color:#e0e0e0;border-radius:4px;height:8px;margin-top:10px;position:relative}.progress-bar{background-color:#9c27b0;border-radius:4px;height:8px}.progress-text{position:absolute;right:0;top:-20px;font-size:14px;color:#9c27b0}.mini-game{background-color:#f6e1f8;border-radius:8px;padding:15px;border:2px solid #ce93d8;margin-top:20px}.mini-game h4{margin:0 0 5px;font-size:16px;color:#5c007a}.mini-game p{margin:0 0 15px;font-size:14px;color:#666}.spin-wheel{width:90px;height:90px;border-radius:50%;background:conic-gradient(#9c27b0 0% 15%,#ab47bc 15% 30%,#ce93d8 30% 45%,#9c27b0 45% 60%,#ab47bc 60% 75%,#ce93d8 75% 90%,#9c27b0 90% 100%);border:3px solid white;margin:15px auto;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #9c27b04d}.spin-wheel:before{content:"";width:70px;height:70px;border-radius:50%;background-color:#fffc;position:absolute}.spin-button{width:50px;height:50px;border-radius:50%;background-color:#fff;color:#5c007a;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;cursor:pointer;z-index:1;border:2px solid #9c27b0;box-shadow:0 2px 4px #0003;transition:transform .2s}.spin-button:hover{transform:scale(1.05)}.spin-button.disabled{opacity:.5;cursor:not-allowed;transform:scale(1)}.spin-wheel.spinning{animation:spin 3s ease-out}.share-column{background-color:#fff;border-radius:8px;padding:20px;border:1px solid #e0e0e0;box-shadow:0 2px 8px #0000000d}.share-column h3{margin-top:0;font-size:18px;color:#333;margin-bottom:15px}.referral-link-box{background-color:#f5f0f7;border-radius:8px;padding:15px;margin-bottom:20px}.referral-link-box p{margin:0 0 8px;font-size:14px;color:#666}.link-input-container{display:flex;margin-top:5px}.link-input-container input{flex-grow:1;padding:8px 12px;border:1px solid #e0e0e0;border-radius:4px 0 0 4px;font-size:14px;outline:none}.copy-button{background-color:#9c27b0;color:#fff;border:none;border-radius:0 4px 4px 0;padding:8px 12px;font-size:12px;font-weight:700;cursor:pointer;transition:background-color .2s}.copy-button:hover{background-color:#7b1fa2}.copy-button.copied{background-color:#4caf50}.qr-section{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}#qr-container{background-color:#fff;padding:15px;border:1px solid #e0e0e0;margin-bottom:10px;border-radius:8px}#qr-container img{display:block}.download-button{background-color:#9c27b0;color:#fff;border:none;border-radius:20px;padding:10px 20px;font-size:14px;font-weight:700;cursor:pointer;width:140px;text-align:center;transition:background-color .2s}.download-button:hover{background-color:#7b1fa2}.social-share{margin-top:20px}.social-share h4{margin:0 0 10px;font-size:16px;color:#333}.social-buttons{display:flex;gap:10px;margin:15px 0}.social-btn{width:40px;height:40px;border-radius:50%;border:none;color:#fff;font-weight:700;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}.social-btn:hover{transform:scale(1.1)}.facebook{background-color:#3b5998}.twitter{background-color:#1da1f2}.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.whatsapp{background-color:#25d366}.create-post-button{background-color:#9c27b0;color:#fff;border:none;border-radius:20px;padding:12px 20px;font-size:16px;font-weight:700;cursor:pointer;width:100%;text-align:center;margin-top:15px;transition:background-color .2s}.create-post-button:hover{background-color:#7b1fa2}.social-post-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;padding:20px;position:relative;box-shadow:0 4px 20px #0000004d}.close-button{position:absolute;top:10px;right:15px;font-size:24px;cursor:pointer;color:#666;transition:color .2s}.close-button:hover{color:#9c27b0}.template-options{display:flex;gap:15px;margin:15px 0;overflow-x:auto;padding-bottom:10px}.template-option{border:2px solid #e0e0e0;border-radius:8px;padding:10px;cursor:pointer;text-align:center;min-width:120px;transition:all .2s}.template-option:hover{border-color:#ce93d8}.template-option.selected{border-color:#9c27b0;background-color:#f5f0f7}.template-preview{width:100px;height:150px;margin-bottom:10px;background-color:#f5f0f7;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#9c27b0;font-size:24px;font-weight:700;border:1px solid #e0e0e0}.simple-preview:after{content:"S"}.discount-preview:after{content:"D"}.seasonal-preview:after{content:"\2728"}.post-customizer{margin:20px 0}.post-customizer textarea{width:100%;padding:10px;border:1px solid #e0e0e0;border-radius:4px;resize:vertical;font-family:inherit;min-height:80px}.post-customizer textarea:focus{border-color:#9c27b0;outline:none}.color-selector{margin-top:15px;display:flex;align-items:center;gap:10px}.color-selector select{padding:8px;border:1px solid #e0e0e0;border-radius:4px}.post-preview{margin:20px 0}.preview-container{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.post-preview-image{width:100%;padding:20px;box-sizing:border-box}.preview-header{text-align:center;padding:10px;margin:-20px -20px 20px}.preview-content{padding:10px 0;text-align:center}.preview-link{margin-top:15px;padding:10px;background-color:#ffffffb3;border-radius:4px;word-break:break-all;font-size:14px}.preview-footer{text-align:center;padding-top:15px;margin-top:15px;font-weight:700}.discount-bubble{display:inline-block;padding:15px;border-radius:50%;margin:15px auto;text-align:center;width:100px;height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center}.discount-amount{font-size:24px;font-weight:700}.discount-text{font-size:12px}.seasonal-elements{display:flex;justify-content:space-around;margin:0 -10px 20px}.seasonal-elements.bottom{margin:20px -10px 0}.seasonal-element{font-size:24px;animation:float 3s ease-in-out infinite}.seasonal-element:nth-child(2){animation-delay:.3s}.seasonal-element:nth-child(3){animation-delay:.6s}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.post-actions{display:flex;gap:15px;margin-top:20px}.primary-btn,.secondary-btn{flex:1;padding:12px;border-radius:4px;border:none;font-weight:700;cursor:pointer;text-align:center;transition:background-color .2s}.primary-btn{background-color:#9c27b0;color:#fff}.primary-btn:hover{background-color:#7b1fa2}.secondary-btn{background-color:#f5f0f7;color:#9c27b0;border:1px solid #ce93d8}.secondary-btn:hover{background-color:#efe5f0}.game-result-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.result-content{background-color:#fff;border-radius:8px;padding:30px;text-align:center;max-width:300px;box-shadow:0 4px 20px #0000004d;animation:pop-in .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes pop-in{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.result-content h3{color:#9c27b0;margin-top:0;font-size:22px}.result-content p{margin:15px 0;font-size:16px}.result-content p strong{color:#9c27b0;font-size:20px;display:block;margin-top:10px}.close-result{background-color:#9c27b0;color:#fff;border:none;border-radius:20px;padding:10px 20px;margin-top:15px;cursor:pointer;font-weight:700;min-width:100px;transition:background-color .2s}.close-result:hover{background-color:#7b1fa2}.error-message{color:#d32f2f;background-color:#ffebee;padding:15px;border-radius:4px;margin:20px 0;font-weight:700;border-left:4px solid #d32f2f}.leaderboard-section{margin-top:20px;background-color:#f5f0f7;border-radius:8px;padding:15px}.leaderboard-section h3{margin-top:0;margin-bottom:15px;font-size:18px;color:#333}.leaderboard-header{margin-bottom:10px}.leaderboard-header h4{margin:0;color:#5c007a;font-size:16px}.leaderboard-entries{display:flex;flex-direction:column;gap:10px}.leaderboard-entry{display:flex;align-items:center;background-color:#fff;border-radius:4px;padding:8px 12px}.leaderboard-entry .rank{font-weight:700;color:#9c27b0;margin-right:10px;width:30px}.profile-avatar.small{width:30px;height:30px;font-size:12px;margin-right:10px}.referral-count{margin-left:auto;font-weight:700}.loading-spinner.small{width:20px;height:20px;border-width:2px;margin:10px auto}.monthly-challenge{border:2px solid #9c27b0;position:relative;overflow:hidden}.monthly-challenge.completed{border-color:#4caf50}.challenge-header{display:flex;justify-content:space-between;align-items:center}.completed-badge{background-color:#4caf50;color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:700}.progress-details{margin:10px 0;font-size:13px;color:#666;background-color:#9c27b00d;padding:8px;border-radius:4px}.progress-details p{margin:3px 0}.start-challenge{border:2px dashed #9c27b0;text-align:center}.start-challenge-btn,.refresh-challenge-btn{background-color:#9c27b0;color:#fff;border:none;border-radius:20px;padding:8px 20px;font-size:14px;font-weight:700;cursor:pointer;margin-top:10px;transition:background-color .2s}.start-challenge-btn:hover,.refresh-challenge-btn:hover{background-color:#7b1fa2}.start-challenge-btn:disabled,.refresh-challenge-btn:disabled{background-color:#ccc;cursor:not-allowed}.monthly-challenge:before{content:"";position:absolute;top:-25px;right:-25px;width:50px;height:50px;transform:rotate(45deg);background-color:#9c27b0}.monthly-challenge.completed:before{background-color:#4caf50}
/*# sourceMappingURL=/cdn/shop/t/7/assets/referral-portal.css.map */