.insufficient-points-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.insufficient-points-modal{background:#fff;border-radius:12px;width:90%;max-width:450px;box-shadow:0 10px 40px #0003;animation:slideUp .3s ease-out;overflow:hidden}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.insufficient-points-header{display:flex;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#fff5f5,#fff)}.insufficient-points-icon{font-size:24px;margin-right:12px}.insufficient-points-header h3{flex:1;margin:0;font-size:18px;font-weight:600;color:#1f2937}.insufficient-points-close{background:none;border:none;font-size:28px;color:#9ca3af;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.insufficient-points-close:hover{background-color:#f3f4f6;color:#6b7280}.insufficient-points-body{padding:24px}.insufficient-points-message{margin:0 0 20px;color:#6b7280;font-size:14px;line-height:1.6}.insufficient-points-info{background:#f9fafb;border-radius:8px;padding:16px;margin-bottom:16px}.points-info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.points-info-row:not(:last-child){border-bottom:1px solid #e5e7eb}.points-info-row.highlight{background:linear-gradient(135deg,#fef3c7,#fde68a);margin:12px -16px -16px;padding:12px 16px;border-radius:0 0 8px 8px;border-bottom:none}.points-label{font-size:14px;color:#6b7280;font-weight:500}.points-info-row.highlight .points-label{color:#92400e;font-weight:600}.points-value{font-size:16px;font-weight:600}.points-value.current{color:#3b82f6}.points-value.required{color:#6b7280}.points-value.shortage{color:#dc2626;font-size:18px}.insufficient-points-tip{margin:0;font-size:13px;color:#9ca3af;text-align:center}.insufficient-points-footer{display:flex;gap:12px;padding:16px 24px;background:#f9fafb;border-top:1px solid #e5e7eb}.insufficient-points-footer button{flex:1;padding:12px 24px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-cancel{background:#fff;color:#6b7280;border:1px solid #d1d5db!important}.btn-cancel:hover{background:#f9fafb;border-color:#9ca3af!important}.btn-recharge{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 8px #3b82f64d}.btn-recharge:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.btn-recharge:active{transform:translateY(0)}@media(max-width:640px){.insufficient-points-modal{width:95%;max-width:none}.insufficient-points-header{padding:16px 20px}.insufficient-points-body{padding:20px}.insufficient-points-footer{padding:12px 20px}.insufficient-points-footer button{padding:10px 20px;font-size:14px}}