.customer-tier-badge{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:12px;padding:16px;margin-bottom:24px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 12px rgba(245,158,11,0.3);animation:slideDown 0.4s ease-out}.customer-tier-badge .tier-icon{font-size:32px;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.2))}.customer-tier-badge .tier-content{flex:1}.customer-tier-badge .tier-name{font-size:14px;color:rgba(255,255,255,0.9);margin-bottom:4px;display:flex;align-items:center;gap:6px}.customer-tier-badge .tier-name i{font-size:12px}.customer-tier-badge .tier-discount{font-size:18px;font-weight:700;color:#fff;display:flex;align-items:center;gap:6px}.customer-tier-badge .tier-discount i{font-size:16px}.customer-tier-badge .tier-image{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,0.3);box-shadow:0 4px 8px rgba(0,0,0,0.2)}@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.voucher-input-section{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border:2px dashed #d1d5db;border-radius:12px;padding:20px;margin-bottom:24px;transition:all 0.3s ease}.voucher-input-section:hover{border-color:#9333ea;box-shadow:0 4px 12px rgba(147,51,234,0.1)}.voucher-label{font-size:14px;font-weight:600;color:#374151;margin-bottom:12px;display:flex;align-items:center;gap:8px}.voucher-label i{color:#9333ea;font-size:16px}.voucher-input-group{display:flex;gap:8px}.voucher-input{flex:1;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:600;text-transform:uppercase;transition:all 0.3s ease;background:#fff}.voucher-input:focus{outline:none;border-color:#9333ea;box-shadow:0 0 0 3px rgba(147,51,234,0.1)}.voucher-input.error{border-color:#ef4444;animation:shake 0.4s ease}.voucher-input:disabled{background:#f3f4f6;cursor:not-allowed}.btn-apply-voucher{padding:12px 24px;background:linear-gradient(135deg,#9333ea 0%,#7c3aed 100%);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s ease;white-space:nowrap;display:flex;align-items:center;gap:6px}.btn-apply-voucher:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%);transform:translateY(-2px);box-shadow:0 4px 12px rgba(147,51,234,0.3)}.btn-apply-voucher:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.btn-apply-voucher i.fa-spinner{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.voucher-message{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;font-size:13px;margin-top:12px;animation:slideDown 0.3s ease}.voucher-message.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.voucher-message.error i{color:#ef4444}.voucher-message.success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.voucher-message.success i{color:#22c55e}.voucher-applied-badge{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);border:2px solid #6ee7b7;border-radius:12px;padding:16px;display:flex;align-items:center;justify-content:space-between;animation:scaleIn 0.3s ease}.voucher-applied-badge .badge-content{display:flex;align-items:center;gap:12px}.voucher-applied-badge .badge-content>i{font-size:24px;color:#059669;animation:checkPulse 1.5s ease infinite}@keyframes checkPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.voucher-applied-badge .badge-text{display:flex;flex-direction:column;gap:4px}.voucher-applied-badge .badge-text strong{font-size:15px;font-weight:700;color:#065f46}.voucher-applied-badge .badge-discount{font-size:13px;font-weight:600;color:#047857}.btn-remove-voucher{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #d1d5db;border-radius:50%;cursor:pointer;transition:all 0.3s ease;padding:0}.btn-remove-voucher:hover{background:#fee2e2;border-color:#ef4444;color:#ef4444;transform:rotate(90deg)}@keyframes scaleIn{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}.price-breakdown{margin-bottom:16px}.price-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #e5e7eb;font-size:14px}.price-row:last-child{border-bottom:none}.price-row.tier-discount-row{background:linear-gradient(90deg,rgba(245,158,11,0.1) 0%,rgba(251,191,36,0.05) 100%);padding:10px 12px;border-radius:8px;margin:8px 0;border-bottom:none}.price-row.tier-discount-row .price-label{color:#d97706;font-weight:600;display:flex;align-items:center;gap:6px}.price-row.tier-discount-row .price-label i{font-size:14px}.price-row.tier-discount-row .price-value{color:#ea580c;font-weight:700}.price-row.discount-row{background:linear-gradient(90deg,rgba(34,197,94,0.1) 0%,rgba(74,222,128,0.05) 100%);padding:10px 12px;border-radius:8px;margin:8px 0;border-bottom:none}.price-row.discount-row .price-label{color:#16a34a;font-weight:600}.price-row.discount-row .price-value{color:#15803d;font-weight:700}.price-label{color:#6b7280;font-weight:500}.price-value{color:#111827;font-weight:600}.discount-value{color:#16a34a;font-weight:700}.savings-value{color:#f59e0b;font-weight:700}.free-payment-notice{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:2px solid #fbbf24;border-radius:12px;padding:16px;margin-top:16px;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:700;color:#92400e;animation:pulse 2s ease-in-out infinite}.free-payment-notice i{font-size:24px;color:#f59e0b}@keyframes pulse{0%,100%{transform:scale(1);box-shadow:0 4px 12px rgba(251,191,36,0.3)}50%{transform:scale(1.02);box-shadow:0 6px 16px rgba(251,191,36,0.4)}}@media (max-width:768px){.customer-tier-badge{padding:12px}.customer-tier-badge .tier-icon{font-size:24px}.customer-tier-badge .tier-discount{font-size:16px}.customer-tier-badge .tier-image{width:48px;height:48px}.voucher-input-section{padding:16px}.voucher-input-group{flex-direction:column}.btn-apply-voucher{width:100%;justify-content:center}.free-payment-notice{font-size:14px;padding:12px}.free-payment-notice i{font-size:20px}}@media (max-width:576px){.voucher-applied-badge{flex-direction:column;gap:12px;text-align:center}.voucher-applied-badge .badge-content{width:100%;justify-content:center}}