.checkout-modal-overlay{position:fixed;inset:0;background:rgba(13,17,23,.95);display:flex;align-items:center;justify-content:center;z-index:9999;padding:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.checkout-modal-container{background:linear-gradient(145deg,#161626,#1e1e30);border-radius:16px;width:100%;max-width:450px;max-height:85vh;overflow:hidden;border:1px solid hsla(0,0%,100%,.08);box-shadow:0 25px 50px -12px rgba(0,0,0,.5);animation:slideUp .3s ease-out;transform-origin:bottom}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.checkout-header{padding:20px 24px;border-bottom:1px solid hsla(0,0%,100%,.08);display:flex;justify-content:space-between;align-items:center;background:rgba(0,0,0,.2)}.checkout-header h2{margin:0;font-size:1.15rem;font-weight:700;display:flex;align-items:center;gap:10px;color:#fff;letter-spacing:.2px}.checkout-header h2 i{color:#10b981;font-size:1.1rem}.checkout-close-btn{background:hsla(0,0%,100%,.05);border:none;color:#999;width:32px;height:32px;border-radius:8px;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.checkout-close-btn:hover{background:hsla(0,0%,100%,.1);color:#fff}.checkout-body{padding:24px;overflow-y:auto;max-height:calc(85vh - 70px);scrollbar-width:thin;scrollbar-color:#444 transparent}.checkout-body::-webkit-scrollbar{width:6px}.checkout-body::-webkit-scrollbar-track{background:transparent}.checkout-body::-webkit-scrollbar-thumb{background-color:#444;border-radius:10px}.checkout-summary{background:rgba(16,185,129,.05);border:1px solid rgba(16,185,129,.1);border-radius:12px;padding:18px;margin-bottom:24px;position:relative;overflow:hidden}.checkout-summary:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#10b981,#059669)}.checkout-summary h4{margin:0 0 15px;font-size:.9rem;font-weight:600;color:#10b981;display:flex;align-items:center;gap:8px;letter-spacing:.3px}.checkout-summary h4 i{font-size:.85rem}.checkout-items{margin-bottom:16px}.checkout-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:.95rem}.checkout-item:not(:last-child){border-bottom:1px solid hsla(0,0%,100%,.06)}.checkout-item .item-name{color:#eee;font-weight:500;display:flex;align-items:center}.checkout-item .item-name small{color:hsla(0,0%,100%,.4);margin-right:6px;background:hsla(0,0%,100%,.05);padding:2px 6px;border-radius:4px;font-size:.7rem}.checkout-item .item-price{color:#10b981;font-weight:700;letter-spacing:.5px}.checkout-total{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid hsla(0,0%,100%,.08);margin-top:6px}.checkout-total span:first-child{font-size:1rem;color:hsla(0,0%,100%,.7);font-weight:500}.checkout-total .total-price{font-size:1.6rem;font-weight:800;color:#10b981;text-shadow:0 0 10px rgba(16,185,129,.3)}.checkout-payment h4{margin:0 0 14px;font-size:.9rem;font-weight:600;color:#eee;display:flex;align-items:center;gap:8px}.checkout-payment h4 i{color:#f59e0b}.payment-option{display:flex;align-items:center;gap:14px;padding:16px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.05);border-radius:12px;cursor:pointer;transition:all .2s;margin-bottom:10px;position:relative}.payment-option:hover:not(.disabled){background:hsla(0,0%,100%,.05);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.payment-option.selected{border-color:#10b981;background:rgba(16,185,129,.06);box-shadow:0 0 15px rgba(16,185,129,.15)}.payment-option.disabled{opacity:.35;cursor:not-allowed}.payment-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.payment-icon.vodafone{background:linear-gradient(135deg,#e60000,#b30000);color:#fff;box-shadow:0 4px 10px rgba(230,0,0,.3)}.payment-icon.paypal{background:linear-gradient(135deg,#003087,#002057);color:#fff;box-shadow:0 4px 10px rgba(0,48,135,.3)}.payment-icon.instapay{background:linear-gradient(135deg,#6c3b9e,#4a2875);color:#fff;box-shadow:0 4px 10px rgba(108,59,158,.4);padding:8px;overflow:hidden}.payment-icon.instapay img{width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1)}.payment-icon.instapay span{color:#fff;font-weight:800;font-size:.65rem;letter-spacing:-.5px}.payment-option.selected.instapay-selected{border-color:#f7931a;background:rgba(247,147,26,.06);box-shadow:0 0 15px rgba(247,147,26,.15)}.method-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:12px;background:hsla(0,0%,100%,.02);border-radius:12px;margin-top:20px;animation:fadeIn .3s}.method-loading i{font-size:2rem;color:#10b981;text-shadow:0 0 15px rgba(16,185,129,.5)}.method-loading span{font-size:.95rem;color:hsla(0,0%,100%,.7);font-weight:500}.payment-info h5{margin:0;font-size:1rem;font-weight:600;color:#fff}.payment-status{font-size:.75rem;margin-top:3px;display:block}.payment-status.available{color:#10b981;font-weight:500}.payment-status.coming{color:hsla(0,0%,100%,.4)}.selected-icon{position:absolute;right:16px;color:#10b981;font-size:1.2rem;animation:pulseCheck 1s infinite alternate}@keyframes pulseCheck{0%{transform:scale(1)}to{transform:scale(1.1)}}.checkout-form{margin-top:24px;animation:fadeIn .5s}.form-group{margin-bottom:20px;position:relative}.form-group label{display:inline-block;margin-bottom:8px;font-size:.85rem;font-weight:600;color:#ddd;background:rgba(16,185,129,.1);padding:4px 10px;border-radius:12px}.form-group label i{margin-left:6px;font-size:.8rem;color:#10b981}.input-field,.input-readonly{width:100%;padding:14px 16px;border-radius:12px;border:1px solid hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.02);color:#fff;font-size:.95rem;font-weight:500;box-sizing:border-box;transition:all .2s;box-shadow:0 2px 6px rgba(0,0,0,.1)}.input-field:hover{background:hsla(0,0%,100%,.03)}.input-field:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.15);background:rgba(16,185,129,.03)}.input-readonly{background:rgba(0,0,0,.15);color:#f59e0b;font-weight:700;letter-spacing:.5px;border:1px dashed rgba(245,158,11,.3);position:relative;overflow:hidden}.input-readonly:before{content:"🔒";position:absolute;right:10px;top:50%;transform:translateY(-50%);opacity:.5}.upload-area{border:2px dashed rgba(16,185,129,.2);border-radius:12px;padding:30px;text-align:center;cursor:pointer;transition:all .2s;background:rgba(16,185,129,.02)}.upload-area:hover{border-color:#10b981;background:rgba(16,185,129,.04);transform:translateY(-2px);box-shadow:0 10px 15px -5px rgba(0,0,0,.15)}.upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center}.upload-label i{font-size:2.2rem;color:#10b981;margin-bottom:12px;display:block;opacity:.9;text-shadow:0 0 15px rgba(16,185,129,.5)}.upload-label p{margin:0 0 8px;font-size:.95rem;color:#fff;font-weight:600}.upload-label small{font-size:.8rem;color:hsla(0,0%,100%,.5);background:hsla(0,0%,100%,.05);padding:4px 12px;border-radius:100px}.image-preview{box-shadow:0 10px 20px rgba(0,0,0,.2);animation:fadeIn .3s}.image-preview img{height:180px;object-fit:cover;transition:transform .3s}.image-preview:hover img{transform:scale(1.03)}.remove-image{position:absolute;top:10px;right:10px;background:rgba(239,68,68,.9);color:#fff;border:none;border-radius:50%;width:32px;height:32px;cursor:pointer;font-size:.8rem;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 6px rgba(0,0,0,.2);transition:all .2s}.remove-image:hover{background:#ef4444;transform:scale(1.1)}.image-success{padding:10px;text-align:center;color:#fff;font-size:.85rem;background:rgba(16,185,129,.9);font-weight:600;letter-spacing:.5px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:6px}.image-success i{font-size:1rem}.checkout-submit-btn{width:100%;padding:16px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:24px;transition:all .3s;box-shadow:0 4px 12px rgba(16,185,129,.3);position:relative;overflow:hidden;z-index:1}.checkout-submit-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,0));z-index:-1;transform:translateY(100%);transition:transform .3s}.checkout-submit-btn:hover:not(:disabled):before{transform:translateY(0)}.checkout-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px rgba(16,185,129,.4)}.checkout-submit-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px rgba(16,185,129,.4)}.checkout-submit-btn:disabled{background:#1f2937;cursor:not-allowed;box-shadow:none;color:hsla(0,0%,100%,.5)}.checkout-submit-btn i{font-size:1.1rem}.checkout-note{margin:16px 0 0;font-size:.8rem;color:hsla(0,0%,100%,.5);text-align:center;padding:8px 12px;background:hsla(0,0%,100%,.03);border-radius:8px;border:1px dashed hsla(0,0%,100%,.1)}.checkout-note i{margin-left:6px;color:#60a5fa}.checkout-message-overlay{position:fixed;inset:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:10000;padding:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .2s ease-out}.checkout-message-content{background:linear-gradient(145deg,#161626,#1e1e30);border-radius:16px;padding:32px;max-width:360px;width:100%;text-align:center;animation:messagePopup .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 25px 50px -12px rgba(0,0,0,.5);border:1px solid hsla(0,0%,100%,.08)}@keyframes messagePopup{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.checkout-message-icon{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;transition:all .3s;animation:iconPulse 2s infinite}@keyframes iconPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.checkout-message-icon i{font-size:1.8rem}.checkout-message-content h3{margin:0 0 12px;font-size:1.3rem;font-weight:700;color:#fff;letter-spacing:.5px}.checkout-message-content p{margin:0 0 24px;color:hsla(0,0%,100%,.7);font-size:.95rem;line-height:1.6;white-space:pre-line}.checkout-message-content button{padding:12px 36px;border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px rgba(0,0,0,.3)}.checkout-message-content button:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.4)}.checkout-message-content button:active{transform:translateY(0)}.payment-field{margin-bottom:20px}.payment-field label{display:block;font-weight:600;color:var(--text-primary,#1f2937);margin-bottom:8px;font-size:.95rem}.image-upload-area{border:2px dashed #d1d5db;border-radius:12px;padding:24px;text-align:center;background:#f9fafb;transition:all .3s ease;cursor:pointer}.image-upload-area:hover{border-color:#3b82f6;background:#eff6ff}.upload-label{display:block;cursor:pointer;width:100%}.upload-content{display:flex;flex-direction:column;align-items:center;gap:12px}.upload-icon{font-size:2.5rem;color:#6b7280;margin-bottom:8px}.upload-content p{margin:0;font-size:1rem;font-weight:500;color:#374151}.upload-content small{color:#6b7280;font-size:.85rem}.image-preview-container{display:flex;flex-direction:column;gap:12px}.image-preview{position:relative;max-width:300px;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1);margin:0 auto}.image-preview img{width:100%;height:auto;display:block;max-height:400px;object-fit:contain}.image-overlay{position:absolute;top:8px;left:8px;background:rgba(0,0,0,.7);border-radius:50%;padding:8px;opacity:0;transition:opacity .3s ease}.image-preview:hover .image-overlay{opacity:1}.remove-image-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:14px;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .3s ease}.remove-image-btn:hover{background:rgba(239,68,68,.8)}.image-info{text-align:center;padding:12px;background:#f0f9ff;border:1px solid #e0f2fe;border-radius:8px}.image-info p{margin:0 0 4px;font-size:.9rem;color:#059669;font-weight:500}.image-info small{color:#6b7280;font-size:.8rem}.payment-receipt-section{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.payment-receipt-section img{pointer-events:none!important}.payment-receipt-section .receipt-overlay,.payment-receipt-section :hover:after,.payment-receipt-section :hover:before,.payment-receipt-section [class*=overlay]{display:none!important}.receipt-image,.receipt-image-container,.receipt-thumbnail{position:relative!important}.receipt-image-container:hover .receipt-overlay,.receipt-image:hover .receipt-overlay,.receipt-thumbnail:hover .receipt-overlay{display:none!important;opacity:0!important}.receipt-info-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.receipt-actions{display:flex;align-items:center;gap:12px}.receipt-preview{flex-shrink:0}.receipt-thumbnail{width:60px;height:60px;object-fit:cover;border-radius:8px;border:2px solid #e5e7eb;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:all .2s ease}.receipt-thumbnail:hover{border-color:#3b82f6;transform:scale(1.05)}.receipt-buttons{display:flex;flex-direction:column;gap:6px}.receipt-label{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:500;color:#374151}.receipt-label i{color:#6b7280;font-size:14px}.change-receipt-btn,.view-receipt-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:none;border-radius:5px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px;justify-content:center}.view-receipt-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 4px rgba(59,130,246,.2)}.view-receipt-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 3px 8px rgba(59,130,246,.3)}.change-receipt-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 4px rgba(16,185,129,.2)}.change-receipt-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 3px 8px rgba(16,185,129,.3)}.change-receipt-btn:active,.view-receipt-btn:active{transform:translateY(0)}.change-receipt-btn i,.view-receipt-btn i{font-size:11px}.receipt-status{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:6px;font-size:.85rem;font-weight:500}.receipt-status.no-receipt{background:#fef3cd;color:#92400e;border:1px solid #f59e0b}.receipt-status.no-receipt i{color:#d97706;font-size:12px}.complete-order-btn:disabled{background:#9ca3af!important;cursor:not-allowed;opacity:.6}.complete-order-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:14px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px}.complete-order-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 8px 25px rgba(16,185,129,.3)}@media (max-width:768px){.image-preview{max-width:100%}.upload-icon{font-size:2rem}.upload-content p{font-size:.9rem}.receipt-info-row{flex-direction:column;align-items:flex-start;gap:12px}.receipt-actions{width:100%;flex-direction:column;gap:12px}.receipt-preview{align-self:center}.receipt-thumbnail{width:80px;height:80px}.receipt-buttons{flex-direction:row;width:100%;gap:8px}.change-receipt-btn,.view-receipt-btn{flex:1 1;padding:10px 12px;font-size:.85rem}.receipt-label{font-size:.85rem}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.image-preview-container{animation:slideIn .3s ease}.upload-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px;color:#3b82f6;font-weight:500}.upload-loading i{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}