.upgrade-preview-overlay{position:fixed;inset:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.upgrade-preview-dialog{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease-out;border:1px solid rgba(255,255,255,.1)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.upgrade-preview-header{padding:24px 24px 16px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between}.upgrade-preview-title{font-size:var(--font-24);font-weight:700;color:#fff;margin:0}.upgrade-preview-close-btn{background:none;border:none;color:#fff9;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.upgrade-preview-close-btn:hover:not(:disabled){background:#ffffff1a;color:#fff}.upgrade-preview-close-btn:disabled{opacity:.5;cursor:not-allowed}.upgrade-preview-content{padding:24px}.upgrade-preview-plan-change{display:flex;align-items:center;gap:16px;margin-bottom:32px;padding:20px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.upgrade-preview-plan-box{flex:1;padding:16px;border-radius:10px;text-align:center;transition:all .3s}.upgrade-preview-plan-box.current{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.upgrade-preview-plan-box.new{background:linear-gradient(135deg,#9333ea33,#4f46e533);border:1px solid rgba(147,51,234,.3);box-shadow:0 0 20px #9333ea33}.upgrade-preview-plan-label{font-size:var(--font-12);text-transform:uppercase;letter-spacing:.5px;color:#ffffff80;margin-bottom:8px;font-weight:600}.upgrade-preview-plan-name{font-size:var(--font-18);font-weight:700;color:#fff;margin-bottom:4px}.upgrade-preview-plan-price{font-size:var(--font-20);font-weight:600;color:#a78bfa;margin-bottom:8px}.upgrade-preview-plan-credits{font-size:var(--font-14);color:#fffc;font-weight:500}.upgrade-preview-credits-breakdown{font-size:var(--font-12);color:#ffffff80;margin-top:2px}.upgrade-preview-arrow{flex-shrink:0;color:#a78bfa;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:translate(0)}50%{opacity:.6;transform:translate(4px)}}.upgrade-preview-section{margin-bottom:24px;padding:20px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.upgrade-preview-section-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.upgrade-preview-section-header h3{font-size:var(--font-16);font-weight:600;color:#fff;margin:0}.upgrade-preview-icon{color:#a78bfa;flex-shrink:0}.upgrade-preview-price-large{font-size:var(--font-36);font-weight:700;color:#10b981;margin-bottom:8px;text-align:center}.upgrade-preview-note{font-size:var(--font-12);color:#fff9;text-align:center;line-height:1.5;margin:0}.upgrade-preview-credits-list{display:flex;flex-direction:column;gap:12px}.upgrade-preview-credit-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.upgrade-preview-credit-item.total{background:linear-gradient(135deg,#9333ea26,#4f46e526);border-color:#9333ea4d;font-weight:600}.upgrade-preview-credit-label{display:flex;align-items:center;gap:8px;font-size:var(--font-14);color:#fffc}.upgrade-preview-credit-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.upgrade-preview-credit-dot.monthly{background:#3b82f6}.upgrade-preview-credit-dot.bonus{background:#fbbf24}.upgrade-preview-credit-value{font-size:var(--font-16);font-weight:600;color:#10b981}.upgrade-preview-info-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:8px;margin-top:20px}.upgrade-preview-info-icon{color:#60a5fa;flex-shrink:0}.upgrade-preview-info-banner span{font-size:var(--font-12);color:#fffc;line-height:1.4}.upgrade-preview-footer{padding:16px 24px;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:12px;justify-content:flex-end}.upgrade-preview-btn{padding:12px 24px;border-radius:8px;font-size:var(--font-14);font-weight:600;cursor:pointer;transition:all .2s;border:none;display:flex;align-items:center;gap:8px}.upgrade-preview-btn.cancel{background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2)}.upgrade-preview-btn.cancel:hover:not(:disabled){background:#ffffff26;color:#fff}.upgrade-preview-btn.confirm{background:linear-gradient(135deg,#9333ea,#4f46e5);color:#fff;box-shadow:0 4px 12px #9333ea4d}.upgrade-preview-btn.confirm:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #9333ea66}.upgrade-preview-btn:disabled{opacity:.6;cursor:not-allowed}.upgrade-preview-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:640px){.upgrade-preview-dialog{margin:0;border-radius:0;max-height:100vh}.upgrade-preview-plan-change{flex-direction:column;gap:12px}.upgrade-preview-arrow{transform:rotate(90deg)}.upgrade-preview-footer{flex-direction:column-reverse}.upgrade-preview-btn{width:100%;justify-content:center}}