.vip-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:10000;padding:20px;width:100vw;height:100vh;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.vip-popup{border-radius:20px;width:100%;max-width:600px;max-height:90vh;flex-direction:column;box-shadow:0 20px 40px rgba(0,0,0,.5);border:1px solid #3b82f6;overflow:hidden}.vip-popup,.vip-popup-header{background:linear-gradient(135deg,#0f1324,#1a1e2e);display:flex}.vip-popup-header{justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #3b82f6;border-radius:16px 16px 0 0;flex-shrink:0}.vip-popup-title{display:flex;align-items:center;gap:12px;color:#ffffff;font-size:24px;font-weight:700}.vip-popup-title svg{color:#ffd700}.vip-popup-close-btn{background:none;border:none;color:#8b8b8b;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.vip-popup-close-btn:hover{background-color:#2a2f42;color:#ffffff}.vip-popup-tabs{display:flex;background:linear-gradient(135deg,#0f1324,#1a1e2e);border-bottom:1px solid #3b82f6;flex-shrink:0}.vip-popup-tab{flex:1;padding:16px 24px;background:none;color:#93c5fd;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;border-bottom:3px solid transparent}.vip-popup-tab:hover{color:#ffffff;background-color:rgba(59,130,246,.1)}.vip-popup-tab.active{color:#3b82f6;border-bottom-color:#3b82f6;background-color:rgba(59,130,246,.1)}.vip-popup-content{flex:1;overflow-y:auto;padding:24px;background:linear-gradient(135deg,#0f1324,#1a1e2e)}.vip-popup-content::-webkit-scrollbar{width:8px}.vip-popup-content::-webkit-scrollbar-track{background:#1e3a8a;border-radius:4px}.vip-popup-content::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:4px}.vip-popup-content::-webkit-scrollbar-thumb:hover{background:#2563eb}.vip-popup-overview{display:flex;flex-direction:column;gap:24px}.vip-popup-progress-card{background:linear-gradient(135deg,#1a1e2e,#2a2f42);border-radius:12px;padding:24px;border:1px solid #3b82f6;margin:8px 1px 16px}.vip-popup-username{display:flex;align-items:center;gap:12px;margin-bottom:20px;font-size:24px;font-weight:700;color:#ffffff}.vip-popup-favorite-btn{background:none;border:none;color:#8b8b8b;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.vip-popup-favorite-btn:hover{color:#ffd700}.vip-popup-progress-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;color:#93c5fd;font-size:14px;font-weight:500}.vip-popup-progress-info{display:flex;align-items:center;gap:8px;color:#3b82f6;font-weight:600}.vip-popup-progress-info svg{color:#93c5fd;cursor:help}.vip-popup-progress-bar{height:8px;background-color:#1e3a8a;border-radius:4px;overflow:hidden;margin-bottom:20px}.vip-popup-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:4px;transition:width .3s ease}.vip-popup-tier-info{display:flex;justify-content:space-between;align-items:center}.vip-popup-current-tier,.vip-popup-next-tier{display:flex;align-items:center;gap:8px;color:#93c5fd;font-size:14px;font-weight:500}.vip-popup-section{background:linear-gradient(135deg,#1a1e2e,#2a2f42);border-radius:12px;border:1px solid #3b82f6;overflow:hidden}.vip-popup-section-header{width:100%;padding:20px 24px;background:none;border:none;color:#ffffff;font-size:16px;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s ease}.vip-popup-section-header:hover{background-color:rgba(59,130,246,.1)}.vip-popup-section-content{padding:0 24px 24px;border-top:1px solid #3b82f6}.vip-popup-benefit-tier{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #3b82f6}.vip-popup-benefit-tier:last-child{border-bottom:none;margin-bottom:0}.vip-popup-tier-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:18px;font-weight:600;color:#ffffff}.vip-popup-tier-description{color:#93c5fd;font-size:14px;line-height:1.6;margin:0}.vip-popup-tier-description p{margin:0;color:#93c5fd}.vip-popup-benefit-tier ul{list-style:none;padding:0;margin:0}.vip-popup-benefit-tier li{color:#93c5fd;margin-bottom:8px;padding-left:20px;position:relative;font-size:14px}.vip-popup-benefit-tier li:before{content:"•";color:#3b82f6;position:absolute;left:0;font-weight:700}.vip-popup-host-benefits h4{color:#ffffff;margin:16px 0 12px;font-size:16px;font-weight:600}.vip-popup-host-benefits p{color:#93c5fd;margin-bottom:16px;font-size:14px;line-height:1.5}.vip-popup-host-benefits ul{list-style:none;padding:0;margin:0}.vip-popup-host-benefits li{color:#93c5fd;margin-bottom:8px;padding-left:20px;position:relative;font-size:14px}.vip-popup-host-benefits li:before{content:"✓";color:#10b981;position:absolute;left:0;font-weight:700}.vip-popup-host-cta{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:16px}.vip-popup-host-cta-text{color:#93c5fd;font-size:14px}.vip-popup-open-chat-btn{background:rgba(59,130,246,.15);color:#ffffff;border:1px solid #60a5fa;padding:8px 14px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.vip-popup-open-chat-btn:hover{background:rgba(59,130,246,.25);border-color:#93c5fd}.vip-popup-learn-more{text-align:center;margin-top:16px}.vip-popup-learn-more a{color:#3b82f6;text-decoration:none;font-size:14px;font-weight:500;transition:color .2s ease}.vip-popup-learn-more a:hover{color:#1d4ed8;text-decoration:underline}.vip-popup-rewards{display:flex;flex-direction:column;gap:16px}.vip-popup-reward-item{background:linear-gradient(135deg,#1a1e2e,#2a2f42);border-radius:12px;border:1px solid #3b82f6;overflow:hidden}.vip-popup-reward-header{width:100%;padding:20px 24px;background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:16px;transition:background-color .2s ease}.vip-popup-reward-header:hover{background-color:rgba(59,130,246,.1)}.vip-popup-reward-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#ffffff;flex-shrink:0}.vip-popup-reward-info{flex:1;text-align:left}.vip-popup-reward-info h4{color:#ffffff;margin:0 0 4px;font-size:16px;font-weight:600}.vip-popup-reward-info p{color:#93c5fd;margin:0;font-size:14px}.vip-popup-reward-content{padding:0 24px 24px;border-top:1px solid #3b82f6;color:#93c5fd;font-size:14px;line-height:1.5}@media (max-width:1024px){.vip-popup{margin-left:25%;margin-right:25%}}@media (max-width:768px){.vip-popup{max-width:95vw;max-height:95vh}.vip-popup-header{padding:16px 20px}.vip-popup-tabs{padding:0}.vip-popup-tab{padding:14px 20px;font-size:14px}.vip-popup-content,.vip-popup-progress-card{padding:20px}.vip-popup-username{font-size:20px}.vip-popup-reward-header{padding:16px 20px}.vip-popup-reward-icon{width:40px;height:40px;font-size:16px}}.vip-popup-loading{text-align:center;padding:40px 20px;color:#93c5fd;font-size:16px;font-weight:500}.vip-popup-debug{margin-top:16px;padding:12px;background:#1a1e2e;border-radius:8px;font-size:12px;color:#93c5fd;border:1px solid #3b82f6;font-family:monospace;white-space:pre-wrap;word-break:break-word}.vip-popup-debug>div{margin-bottom:4px}.vip-popup-debug>div:first-child{font-weight:700;color:#ffffff;margin-bottom:8px}@media (max-width:600px){.vip-popup-overlay{padding:12px;align-items:center}.vip-popup{width:95vw;max-width:95vw;height:auto;max-height:90vh;border-radius:12px;margin:0 auto}.vip-popup-header{padding:12px 16px}.vip-popup-title{font-size:16px;gap:6px}.vip-popup-close-btn{padding:4px}.vip-popup-tabs{flex:1;justify-content:space-between}.vip-popup-tab{font-size:13px;padding:10px}.vip-popup-content{padding:12px 16px}.vip-popup-username{font-size:16px}.vip-popup-progress-card{padding:16px}.vip-popup-tier-header{font-size:14px}.vip-popup-section-header{padding:14px 16px;font-size:14px}.vip-popup-section-content{padding:0 16px 16px}.vip-popup-reward-header{padding:14px 16px;gap:12px}.vip-popup-reward-icon{width:32px;height:32px}.vip-popup-reward-info h4{font-size:14px}.vip-popup-benefit-tier li,.vip-popup-host-benefits li,.vip-popup-learn-more a,.vip-popup-reward-info p{font-size:12px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}