@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&display=swap";
.rewards-dashboard{color:#1e293b;background-color:#f9f8fe;min-height:100vh;padding:40px 20px;font-family:Outfit,sans-serif}.dashboard-container{flex-direction:column;gap:30px;max-width:1330px;margin:0 auto;display:flex}.section-divider{text-align:center;color:#1e1b4b;letter-spacing:1px;align-items:center;margin:10px 0;font-size:1.1rem;font-weight:800;display:flex}.section-divider:before,.section-divider:after{content:"";border-bottom:2px solid #e2e8f0;flex:1}.section-divider:not(:empty):before{margin-right:.25em}.section-divider:not(:empty):after{margin-left:.25em}.section-divider span{padding:0 15px}.top-banner{background:linear-gradient(135deg,#7c3aed,#8b5cf6);border-radius:20px;grid-template-columns:1fr 1.8fr 1.3fr;gap:20px;padding:20px;display:grid}@media (max-width:992px){.top-banner{grid-template-columns:1fr}}.banner-card{background:#fff;border-radius:16px;padding:25px;position:relative;overflow:hidden;box-shadow:0 4px 15px #00000008}.level-card{color:#fff;box-shadow:none;background:0 0;flex-direction:column;justify-content:space-between;padding:10px 5px;display:flex}.level-top-row{align-items:center;gap:15px;margin-bottom:20px;display:flex}.level-icon-wrapper{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;display:flex}.level-label{opacity:.9;margin-bottom:2px;font-size:.85rem}.level-value{margin-bottom:5px;font-size:2rem;font-weight:800;line-height:1}.level-link{cursor:pointer;background:#fff3;border-radius:20px;padding:5px 15px;font-size:.8rem;display:inline-block}.referral-count-pill{cursor:pointer;background:#ffffff26;border-radius:16px;align-items:center;width:100%;padding:15px 20px;display:flex}.middle-card{flex-direction:column;justify-content:space-between;display:flex}.points-split{justify-content:space-between;margin-bottom:20px;display:flex}.pts-label{color:#64748b;margin-bottom:5px;font-size:.85rem;font-weight:600}.pts-big{color:#1e293b;align-items:center;gap:8px;font-size:2.5rem;font-weight:900;line-height:1;display:flex}.pts-big span:last-child,.pts-med span{color:#64748b;font-size:1rem;font-weight:700}.pts-star{color:#f59e0b}.pts-available{margin-top:15px}.pts-available .label{color:#94a3b8;font-size:.75rem;font-weight:700}.pts-available .val{color:#1e293b;font-weight:800}.pts-med{color:#1e293b;font-size:1.8rem;font-weight:800}.pts-sub{color:#64748b;font-size:.8rem}.progress-bar-wrapper{width:100%}.progress-track{background:#f1f5f9;border-radius:10px;width:100%;height:10px;margin-bottom:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#8b5cf6,#d946ef);border-radius:10px;height:100%}.progress-labels{color:#94a3b8;justify-content:space-between;font-size:.75rem;display:flex}.reward-card{flex-direction:column;justify-content:space-between;display:flex}.reward-label{color:#64748b;margin-bottom:5px;font-size:.85rem;font-weight:600}.reward-pts{color:#1e293b;font-size:1.8rem;font-weight:800}.reward-sub{color:#64748b;font-size:.8rem}.reward-graphics{height:100px;margin-top:15px;position:relative}.trophy-img{filter:drop-shadow(0 10px 10px #0000001a);font-size:4rem;position:absolute;bottom:0;left:20px}.gift-img{filter:drop-shadow(0 5px 5px #0000001a);font-size:2.5rem;position:absolute;bottom:0;right:40px}.earn-cards-grid{flex-wrap:wrap;justify-content:space-between;gap:15px;display:flex}.earn-card{text-align:center;background:#fff;border:1px solid #f1f5f9;border-radius:16px;flex:1;min-width:200px;padding:20px;box-shadow:0 4px 15px #00000005}.earn-icon{border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto 15px;font-size:1.5rem;display:flex}.icon-purple{color:#8b5cf6;background:#f3e8ff}.icon-green{color:#10b981;background:#dcfce7}.icon-yellow{color:#f59e0b;background:#fef3c7}.icon-pink{color:#ec4899;background:#fce7f3}.icon-blue{color:#3b82f6;background:#dbeafe}.earn-title{color:#1e293b;margin-bottom:5px;font-size:.9rem;font-weight:700}.earn-pts{margin-bottom:10px;font-size:1.2rem;font-weight:800}.earn-pts span{font-size:.8rem}.earn-pts.purple{color:#8b5cf6}.earn-pts.green{color:#10b981}.earn-pts.yellow{color:#f59e0b}.earn-pts.pink{color:#ec4899}.earn-pts.blue{color:#3b82f6}.earn-desc{color:#64748b;font-size:.75rem;line-height:1.4}.refer-section{grid-template-columns:1fr 1.5fr 1fr;gap:20px;display:grid}@media (max-width:992px){.refer-section{grid-template-columns:1fr}}.refer-link-box,.refer-stats-box,.refer-promo-box{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:20px;box-shadow:0 4px 15px #00000005}.refer-label{color:#1e293b;margin-bottom:15px;font-size:.85rem;font-weight:700}.link-input-group{gap:10px;display:flex}.link-input-group input{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;flex:1;padding:10px 15px;font-size:.85rem}.copy-btn{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:8px;padding:0 20px;font-size:.9rem;font-weight:600}.share-btn{color:#1e293b;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;padding:0 15px}.refer-stats-box{text-align:center;justify-content:space-around;display:flex}.stat-label{color:#64748b;margin-bottom:10px;font-size:.8rem;font-weight:600}.stat-val{color:#1e293b;font-size:1.5rem;font-weight:800;line-height:1}.stat-val span{color:#94a3b8;font-size:.75rem;font-weight:500}.refer-promo-box{border:1px dashed #e2e8f0;justify-content:space-between;align-items:center;display:flex}.promo-text{color:#1e293b;font-size:.9rem;font-weight:700}.promo-text span{color:#ef4444;font-size:1.2rem;font-weight:800}.promo-icon{background:#fce7f3;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;font-size:2.5rem;display:flex}.timeline-section{background:#fff;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding:30px;display:flex;box-shadow:0 4px 15px #00000005}.timeline-step{align-items:center;gap:15px;display:flex}.t-icon{border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.2rem;display:flex}.t-text{color:#64748b;font-size:.8rem}.t-text strong{color:#1e293b}.t-arrow{color:#cbd5e1;font-size:1.5rem}.vouchers-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.reward-voucher-card{color:#fff;border-radius:20px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #0000001a}.card-purple{background:linear-gradient(135deg,#7c3aed,#8b5cf6)}.card-blue{background:linear-gradient(135deg,#2563eb,#3b82f6)}.card-yellow{background:linear-gradient(135deg,#d97706,#f59e0b)}.card-red{background:linear-gradient(135deg,#be123c,#e11d48)}.rv-top{padding:25px}.rv-badge{letter-spacing:1px;background:#fff3;border-radius:8px;align-items:center;margin-bottom:15px;padding:5px 12px;font-size:.7rem;font-weight:800;display:inline-flex}.rv-desc{opacity:.9;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-bottom:25px;font-size:.85rem;line-height:1.4;display:-webkit-box;overflow:hidden}.rv-value-row{justify-content:space-between;align-items:flex-end;display:flex}.rv-v-label{opacity:.8;margin-bottom:5px;font-size:.7rem;font-weight:700}.rv-v-amount{font-size:2.5rem;font-weight:900;line-height:1}.rv-pts-pill{background:#fff3;border-radius:20px;padding:5px 12px;font-size:.8rem;font-weight:700}.rv-divider{background:repeating-linear-gradient(90deg,#0000,#0000 5px,#fff6 5px 10px);width:100%;height:2px;position:relative}.notch{background:#f9f8fe;border-radius:50%;width:20px;height:20px;position:absolute;top:-10px}.notch-left{left:-10px}.notch-right{right:-10px}.rv-bottom{justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.rv-progress-col{flex:1;margin-right:20px}.rv-p-head{margin-bottom:5px;font-size:.8rem;font-weight:800}.rv-p-track{background:#fff3;border-radius:3px;width:100%;height:6px;margin-bottom:5px}.rv-p-fill{background:#fff;border-radius:3px;height:100%}.rv-p-caption{opacity:.8;font-size:.7rem}.rv-action-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;padding:10px 20px;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.rv-action-btn.locked{color:#fff;cursor:not-allowed;background:#ffffff26}.rv-action-btn.unlock{color:#1e293b;background:#fff;box-shadow:0 4px 10px #0003}.rv-action-btn.unlock:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0000004d}.redeem-note{text-align:center;color:#64748b;justify-content:center;align-items:center;gap:5px;margin-top:15px;font-size:.8rem;display:flex}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.summary-card{background:#fff;border-radius:16px;align-items:center;gap:15px;padding:20px;display:flex;box-shadow:0 4px 15px #00000005}.s-icon{border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;display:flex}.s-yellow{color:#f59e0b;background:#fef3c7}.s-blue{color:#3b82f6;background:#dbeafe}.s-purple{color:#8b5cf6;background:#f3e8ff}.s-label{color:#64748b;font-size:.8rem;font-weight:700}.s-val{color:#1e293b;font-size:1.5rem;font-weight:900}.s-val span{color:#94a3b8;font-size:.8rem}.dashboard-footer{border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-around;gap:20px;margin-top:50px;padding-top:30px;display:flex}.f-col{align-items:flex-start;gap:15px;display:flex}.f-icon{color:#8b5cf6;font-size:1.5rem}.f-title{color:#1e293b;margin-bottom:5px;font-size:.9rem;font-weight:700}.f-sub{color:#64748b;font-size:.75rem}.celebration-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1050;opacity:1;background:#0f172ad9;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes pop-in{0%{opacity:0;transform:scale(.8)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.popup-emoji{margin-bottom:20px;font-size:4rem;display:block}.popup-title{color:#1e293b;margin-bottom:10px;font-size:1.5rem;font-weight:900}.popup-subtitle{color:#64748b;margin-bottom:25px;font-size:.9rem}.popup-detail-row{justify-content:space-between;margin-bottom:10px;display:flex}.popup-detail-row:last-child{margin-bottom:0}.popup-detail-label{color:#64748b;font-size:.8rem;font-weight:600}.popup-close-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;width:100%;padding:15px;font-size:1rem;font-weight:800;transition:transform .2s,box-shadow .2s}.popup-close-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf666}.confetti-container,.firework-container{pointer-events:none;z-index:1;position:absolute;inset:0}.confetti-piece{opacity:0;animation:forwards confetti-fall;position:absolute;top:-20px}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0)rotate(0)}}.history-section{background:#fff;border-radius:20px;margin-top:20px;padding:30px;box-shadow:0 4px 15px #00000005}.no-history{text-align:center;color:#64748b;padding:20px 0;font-weight:500}.history-list{flex-direction:column;gap:15px;display:flex}.history-card{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;justify-content:space-between;align-items:center;padding:15px 20px;transition:all .2s;display:flex}.history-card:hover{background:#fff;border-color:#e2e8f0;box-shadow:0 2px 8px #0000000a}.hc-left{flex-direction:column;gap:5px;display:flex}.hc-name{color:#1e293b;font-weight:800}.hc-date{color:#64748b;font-size:.8rem}.hc-right{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.hc-status{letter-spacing:.5px;border-radius:8px;padding:5px 12px;font-size:.75rem;font-weight:800}.status-pending{color:#d97706;background:#fef3c7}.status-delivered{color:#16a34a;background:#dcfce7}.status-rejected{color:#dc2626;background:#fee2e2}.status-expired{color:#64748b;background:#f1f5f9}.hc-code{color:#7c3aed;background:#f3e8ff;border-radius:8px;align-items:center;gap:10px;padding:8px 15px;font-family:monospace;font-size:1.1rem;font-weight:700;display:flex}.hc-code button{color:#7c3aed;cursor:pointer;opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.hc-code button:hover{opacity:1}.custom-premium-modal .modal-content{border:none;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000026}.premium-modal-header{flex-direction:column;align-items:center;padding-top:35px;display:flex;position:relative}.premium-main-icon-container{width:90px;height:90px;margin-bottom:20px;position:relative}.premium-main-img{object-fit:contain;width:100%;height:100%;animation:3s ease-in-out infinite float}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.premium-title{color:#1e293b;letter-spacing:-.5px;margin-bottom:8px;font-size:1.8rem;font-weight:900}.premium-separator{align-items:center;gap:15px;margin:5px 0 25px;display:flex}.sep-line{background:#cbd5e1;border-radius:2px;width:30px;height:2px}.sep-star{color:#fde047;fill:#fde047;font-size:1.2rem}.premium-voucher-card{background:#f8fafc;border:1px solid #f1f5f9;border-radius:20px;align-items:center;gap:18px;margin-bottom:30px;padding:15px 20px;display:flex}.premium-voucher-img-wrapper{border-radius:10px;justify-content:center;align-items:center;width:70px;height:50px;display:flex;overflow:hidden}.premium-card-img{object-fit:cover;width:100%;height:100%}.premium-voucher-details{text-align:left;flex-direction:column;display:flex}.premium-voucher-name{color:#0f172a;font-size:1.1rem;font-weight:900}.premium-voucher-sub{color:#64748b;font-size:.9rem}.premium-points-text{color:#334155;margin-bottom:25px;font-size:1rem;line-height:1.4}.pts-red{color:#ef4444;font-size:1.2rem;font-weight:900}.pts-highlight{color:#ef4444;justify-content:center;align-items:center;gap:10px;margin-top:5px;font-size:1.2rem;font-weight:900;display:flex}.pts-lines{flex-direction:column;gap:3px;display:flex}.pts-lines:before,.pts-lines:after,.pts-lines .line-mid{content:"";background:#a855f7;border-radius:2px;width:12px;height:2px;display:block}.left-lines:before{width:8px;transform:rotate(20deg)}.left-lines:after{width:8px;transform:rotate(-20deg)}.right-lines:before{width:8px;margin-left:auto;transform:rotate(-20deg)}.right-lines:after{width:8px;margin-left:auto;transform:rotate(20deg)}.premium-note{text-align:left;color:#334155;background:#f0f9ff;border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:10px;padding:16px;font-size:.85rem;display:flex}.premium-btn-cancel{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:8px;padding:16px;font-weight:700;transition:background .2s;display:flex}.premium-btn-cancel:hover{background:#f1f5f9}.premium-btn-confirm{color:#fff;background:linear-gradient(135deg,#a855f7,#7c3aed);border:none;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:8px;padding:16px;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex}.premium-btn-confirm:hover{transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf666}.celebration-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1050;opacity:1;background:#0f172ad9;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0}.celebration-overlay.exiting{opacity:0;pointer-events:none}.success-popup{text-align:center;z-index:10;background:#fff;border-radius:28px;width:90%;max-width:400px;padding:40px 30px;animation:.6s cubic-bezier(.175,.885,.32,1.275) forwards pop-in;position:relative;box-shadow:0 20px 40px #0003}.popup-top-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;transition:color .2s;position:absolute;top:20px;right:20px}.popup-top-close:hover{color:#475569}.popup-main-icon-container{width:100px;height:100px;margin:0 auto 20px;position:relative}.premium-success-img{object-fit:contain;width:100%;height:100%}.popup-title{color:#7c3aed;letter-spacing:-.5px;margin-bottom:15px;font-size:1.8rem;font-weight:900;line-height:1.2}.popup-subtitle{color:#475569;margin-bottom:30px;font-size:.9rem;line-height:1.5}.popup-details{background:#f8fafc;border-radius:16px;margin-bottom:30px;padding:15px 20px}.popup-detail-row{justify-content:space-between;align-items:center;padding:12px 0;display:flex}.popup-detail-row:not(:last-child){border-bottom:1px dashed #e2e8f0}.popup-detail-label{color:#64748b;align-items:center;gap:10px;font-size:.85rem;font-weight:600;display:flex}.popup-detail-value{color:#0f172a;font-size:.85rem;font-weight:800}.pts-used{color:#8b5cf6}.status-pending{color:#f59e0b}.popup-action-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a855f7,#ec4899);border:none;border-radius:16px;width:100%;padding:16px;font-size:1.1rem;font-weight:800;transition:transform .2s,box-shadow .2s}.popup-action-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #a855f766}