body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{background:linear-gradient(90deg,var(--primary) 0,var(--primary-600) 100%);height:70px;padding:0 20px;position:-webkit-sticky;position:sticky;top:0;transition:background-color .3s ease;z-index:999}.logo-link{align-items:center;display:flex;text-decoration:none}.logo-text{color:#fff;font-size:1.4rem;font-weight:700;letter-spacing:.4px}.menu-icon{color:#fff;cursor:pointer;display:none;font-size:1.8rem}.nav-links{align-items:center;display:flex;list-style:none}.nav-links li{margin-left:20px}.nav-link{color:#f0f0f0;font-size:1.1rem;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:#00d9ff}.cart-link{position:relative}.cart-count{background-color:tomato;border-radius:50%;color:#fff;font-size:.8rem;padding:2px 8px;position:absolute;right:-12px;top:-8px}@media (max-width:768px){.menu-icon{display:block}.nav-links{align-items:center;background-color:#0a74da;display:flex;flex-direction:column;height:100vh;justify-content:center;left:-100%;position:absolute;top:70px;transition:left .3s ease;width:100%}.nav-links.active{left:0}.nav-links li{margin:20px 0}}body,button,form,h1,h2,h3,input,label,li,p,ul{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f9f9f9;--card:#fff;--muted:#6c757d;--text:#333;--primary:#0a74da;--primary-600:#0056b3;--success:#28a745;--danger:#dc3545;--shadow:0 4px 10px #0000000f}body{background-color:#f9f9f9;background-color:var(--bg);color:#333;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial;line-height:1.6}a{color:#007bff;text-decoration:none}a:hover{text-decoration:underline}.container{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;margin:20px auto;padding:20px;width:80%}.navbar{align-items:center;background-color:#0a74da;background-color:var(--primary);color:#fff;display:flex;justify-content:space-between;padding:10px 20px}.navbar h1{margin:0}.navbar .cart-icon{cursor:pointer;position:relative}.navbar .cart-icon .fa-shopping-cart{font-size:24px}.navbar .cart-icon .cart-count{background-color:red;border-radius:50%;color:#fff;font-size:14px;padding:2px 6px;position:absolute;right:-10px;top:-10px}h1,h2,h3{color:#333;margin:20px 0;text-align:center}h2,h3{border-bottom:2px solid #eee;padding-bottom:10px}ul{list-style-type:none;padding:0}li{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:10px 0}button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s ease}button:hover{background-color:#0056b3}.back-button{background-color:#dc3545}.back-button:hover,.remove-button:hover{background-color:#c82333}.pay-button{background-color:#28a745}.pay-button:hover{background-color:#218838}.checkout-button{margin-top:10px;width:100%}form div{margin-bottom:15px}label{display:block;margin-bottom:5px}input[type=text]{border:1px solid #ccc;border-radius:5px;padding:5px;width:100%}button[type=submit]{margin-top:10px;width:100%}.modal{background-color:#0006;display:block;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1}.modal-content{background-color:#fefefe;border:1px solid #888;border-radius:10px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;height:80vh;margin:5% auto;max-width:500px;padding:20px;position:relative;width:80%}.close{cursor:pointer;font-size:24px;font-weight:700;position:absolute;right:20px;top:10px}@media (max-width:768px){.modal-content{height:auto;margin:10% auto;max-height:90vh;padding:15px;width:90%}.close{font-size:20px;right:10px;top:5px}}@media (max-width:480px){.modal-content{margin:15% auto;padding:10px;width:95%}.close{font-size:18px;right:8px;top:5px}}.sticky-navbar{background-color:#fff;border-bottom:1px solid #ddd;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.cart-container,.checkout-container{background-color:#f8f9fa;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:20px auto;max-width:800px;padding:20px}.cart-items,.checkout-items{list-style-type:none;padding:0}.cart-item,.checkout-item{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:10px 0}.cart-item-details{display:flex;flex-direction:column}.cart-item-name{font-size:1.2rem;font-weight:700}.cart-item-price,.product-price{color:#28a745;margin-top:5px}.cart-item-size{color:#6c757d;font-size:.9rem}.checkout-total{font-size:1.2rem}.billing-details{background-color:#fff;box-shadow:0 4px 8px #0000001a;margin-top:20px;padding:15px}.billing-details h2{font-size:1.5rem;margin-bottom:10px}.billing-details p{font-size:1rem;margin-bottom:5px}.product-list{display:flex;flex-wrap:wrap;justify-content:space-around;margin:10px auto;padding:10px}.product-card{background-color:#fff;background-color:var(--card);border-radius:12px;box-shadow:0 4px 10px #0000000f;box-shadow:var(--shadow);display:flex;flex-direction:column;margin:10px;max-width:420px;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease;width:100%}.product-card:hover{box-shadow:0 10px 24px #0a143c1f;transform:translateY(-6px)}.product-actions{display:flex;justify-content:flex-end;margin-top:12px}@media (max-width:768px){.product-card{max-width:100%}}.product-img{background:#eee;height:220px;object-fit:cover;width:100%}.product-details{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;padding:18px}.product-category{color:#6c757d;color:var(--muted);font-size:.95rem}.product-name{color:#333;color:var(--text);font-size:1.15rem;font-weight:700;margin:8px 0}.form-group{margin-bottom:15px}.size-label{display:block;margin-bottom:5px}.size-select{font-size:1rem;padding:5px;width:100%}.price-input-wrapper{margin:20px 0}.price-input-label{color:#495057;display:block;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.price-input-container{align-items:center;background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;padding:4px 4px 4px 16px;position:relative;transition:all .3s ease}.price-input-container:focus-within{background:#fff;border-color:#007bff;box-shadow:0 4px 16px #007bff26}.currency-symbol{color:#007bff;font-size:1.1rem;font-weight:700;margin-right:8px;-webkit-user-select:none;user-select:none}.price-input{background:#0000;border:none;color:#212529;flex:1 1;font-size:1.25rem;font-weight:600;outline:none;padding:12px 8px;width:100%}.price-input::placeholder{color:#adb5bd;font-weight:400}.price-input::-webkit-inner-spin-button,.price-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.price-input[type=number]{-moz-appearance:textfield}.add-to-cart-btn{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);box-shadow:0 4px 12px #007bff4d;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;letter-spacing:.5px;text-transform:uppercase;transition:all .3s ease;width:100%}.add-to-cart-btn:hover{background:linear-gradient(135deg,#0056b3,#003d82);box-shadow:0 6px 20px #007bff66;transform:translateY(-2px)}.add-to-cart-btn:active{box-shadow:0 2px 8px #007bff4d;transform:translateY(0)}.btn-icon{font-size:1.1rem}.page-container{margin:0 auto;max-width:1200px;padding:20px}.page-header{background:#fff;border:2px solid #e3f2fd;border-radius:16px;box-shadow:0 8px 24px #0000001a;margin-bottom:40px;padding:40px 20px;text-align:center}.page-title{color:#5dade2;font-size:2.5rem;font-weight:800;margin-bottom:12px;text-shadow:none}.page-description{color:#5dade2;font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px}.no-products{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;margin:40px auto;max-width:600px;padding:60px 20px;text-align:center}.no-products p{color:#6c757d;font-size:1.1rem;line-height:1.8;margin-bottom:12px}.no-products p:first-child{color:#495057;font-size:1.2rem;font-weight:600}.scholarship-form-container{display:flex;flex-direction:column;gap:30px;margin:0 auto;max-width:800px}.scholarship-form{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:40px}.form-section{margin-bottom:35px}.form-section:last-child{margin-bottom:0}.form-section-title{border-bottom:2px solid #f0f0f0;color:#333;font-size:1.3rem;font-weight:700;margin-bottom:20px;padding-bottom:10px}.contribution-types{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.contribution-type-card{background:#f8f9fa;border:3px solid #e0e0e0;border-radius:12px;cursor:pointer;padding:24px;position:relative;transition:all .3s ease}.contribution-type-card:hover{background:#f0f7ff;border-color:#007bff;box-shadow:0 4px 12px #007bff26;transform:translateY(-2px)}.contribution-type-card.active{background:linear-gradient(135deg,#e3f2ff,#f0f7ff);border-color:#007bff;box-shadow:0 4px 16px #007bff33}.contribution-type-card input[type=radio]{opacity:0;pointer-events:none;position:absolute}.type-content{align-items:center;display:flex;flex-direction:column;gap:8px;text-align:center}.type-icon{font-size:3rem;margin-bottom:8px}.type-name{color:#333;font-size:1.2rem;font-weight:700}.type-description{color:#6c757d;font-size:.9rem}.contribution-type-card.active .type-name{color:#007bff}.amount-input-section{display:flex;flex-direction:column;gap:12px}.scholarship-input{max-width:100%}.amount-note{color:#6c757d;font-size:.95rem;font-style:italic;margin:0;padding-left:8px}.form-actions{border-top:2px solid #f0f0f0;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:25px}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;letter-spacing:.5px;padding:14px 32px;text-transform:uppercase;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#007bff,#0056b3);box-shadow:0 4px 12px #007bff4d;color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#0056b3,#003d82);box-shadow:0 6px 20px #007bff66;transform:translateY(-2px)}.btn-secondary{background:#fff;border:2px solid #e0e0e0;color:#6c757d}.btn-secondary:hover{background:#f8f9fa;border-color:#6c757d;color:#495057}.contribution-info{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-left:4px solid #ff9800;border-radius:16px;padding:30px}.contribution-info h4{color:#e65100;font-size:1.3rem;font-weight:700;margin-bottom:16px;margin-top:0}.contribution-info ul{list-style:none;margin:0;padding:0}.contribution-info li{border-bottom:1px solid #ff980033;color:#5d4037;font-size:1rem;line-height:1.6;padding:10px 0}.contribution-info li:last-child{border-bottom:none}@media (max-width:768px){.page-title{font-size:2rem}.page-description{font-size:1rem}.page-header{margin-bottom:30px;padding:30px 15px}.scholarship-form{padding:25px 20px}.contribution-types{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{justify-content:center;width:100%}.contribution-info{padding:20px}}.add-to-cart-btn-old{background-color:#007bff}.add-to-cart-btn:hover{background-color:#0056b3}.index-container{background-image:url(/static/media/Receivables-listing-for-Paystack-Homepage.e802b9d28dc976125eb2.jpg);background-size:cover}.title{font-size:2.5rem;margin-bottom:20px}.button-row{display:flex;justify-content:space-between;width:800px}.custom-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s ease}.custom-button:hover{background-color:#0056b3}.form-row{display:flex;justify-content:space-between;margin-bottom:15px}.form-floating{position:relative}.form-floating label{color:#aaa;font-size:1rem;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease}.form-floating .form-control{border:1px solid #ccc;border-radius:4px;font-size:1rem;outline:none;padding:1rem .5rem .5rem}.form-floating .form-control:focus{border-color:#007bff;box-shadow:0 0 4px #007bff80}.form-floating .form-control:focus+label,.form-floating .form-control:not(:placeholder-shown)+label{background-color:#fff;color:#007bff;font-size:.875rem;left:8px;padding:0 4px;top:-10px}.checkout-container{background-color:#f9f9f9;box-shadow:0 0 10px #0000001a;max-width:1200px;padding:20px}.checkout-content{display:flex;flex-direction:column}.checkout-billing,.checkout-items{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:20px}.checkout-items ul{list-style-type:none;padding:0}.checkout-item{display:flex;justify-content:space-between;margin-bottom:10px}.checkout-total{font-size:1.2em;font-weight:700;margin-top:20px;text-align:right}.billing-details{background-color:#e0ffe0;border-radius:8px;margin-top:30px;padding:20px}.billing-details p{margin:5px 0}@media (min-width:768px){.checkout-content{flex-direction:row;justify-content:space-between}.checkout-billing,.checkout-items{width:48%}}@media (max-width:767px){.checkout-content{flex-direction:column}.checkout-billing,.checkout-items{width:100%}.checkout-item span{display:block;margin-bottom:5px}}.index-container{background-color:#f0f4f8;height:100vh;justify-content:center;text-align:center}.header,.index-container{align-items:center;display:flex;flex-direction:column}.header{margin-bottom:40px}.logo{height:auto;margin-bottom:20px;width:100px}.welcome-title{color:#333;font-size:2.5rem}.services-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));width:80%}.service-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;cursor:pointer;padding:20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.service-card:hover{box-shadow:0 8px 16px #0003;transform:translateY(-10px)}.service-icon{height:auto;margin-bottom:15px;width:80px}h2{color:#007bff;font-size:1.5rem;margin-bottom:10px}p{color:#555;font-size:1rem}@media (max-width:768px){.services-grid{grid-template-columns:1fr}.welcome-title{font-size:2rem}}.cart-container{background-color:#f8f9fa;border-radius:8px;box-shadow:0 4px 10px #0000001a;max-width:800px;padding:2rem}h1{color:#343a40;margin-bottom:2rem;text-align:center}.empty-cart-message{color:#6c757d;font-size:1.2rem;text-align:center}.cart-items{list-style-type:none;margin-bottom:1.5rem;padding:0}.cart-item{border-radius:5px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem;transition:transform .2s}.cart-item:hover{transform:scale(1.02)}.cart-item-image{border-radius:4px;height:80px;object-fit:cover;width:80px}.cart-item-details{flex:1 1;margin-left:1rem}.cart-item-name{color:#495057;font-size:1.1rem}.cart-item-price{color:#28a745;font-weight:700}.cart-total{color:#495057;font-size:1.3rem;margin-bottom:1.5rem;text-align:right}.cart-actions{display:flex;justify-content:space-between}.checkout-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.7rem 1.5rem;transition:background-color .3s}.checkout-button:hover{background-color:#0056b3}.back-button{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.7rem 1.5rem;transition:background-color .3s}.back-button:hover{background-color:#5a6268}.remove-btn{background:#0000;border:none;color:#dc3545;font-size:18px;padding:5px}.remove-btn:hover{color:#c82333}.cart-container{background:linear-gradient(135deg,var(--bg) 0,#f8f9fb 100%);margin:0 auto;max-width:1320px;min-height:100vh;padding:2rem 1rem}.cart-header{animation:slideDown .5s ease-out;margin-bottom:2.5rem}.header-top{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.cart-title{color:var(--text);font-size:2.2rem;font-weight:700;letter-spacing:-.5px;margin:0}.btn-back-header{background:#f0f2f5;border:2px solid #e6e8eb;border-radius:8px;color:var(--text);cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.btn-back-header:hover{background:#e6e8eb;border-color:var(--muted)}.header-meta{color:var(--muted);font-size:1rem}.item-count{display:inline-block;font-weight:500}.empty-state{animation:fadeIn .6s ease-out;flex-direction:column;min-height:400px;text-align:center}.btn-start-shopping{background:linear-gradient(90deg,var(--primary),var(--primary-600));border:none;border-radius:8px;box-shadow:0 4px 12px #0b74de4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 32px;transition:all .3s ease}.btn-start-shopping:hover{box-shadow:0 6px 16px #0b74de66;transform:translateY(-2px)}.cart-main{grid-gap:2.5rem;align-items:start;display:grid;gap:2.5rem;grid-template-columns:1fr 380px}.cart-items-section{animation:fadeInUp .6s ease-out;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f,0 4px 16px #0000000a;overflow:hidden}.items-header{grid-gap:2rem;background:#f8fafc;border-bottom:2px solid #f0f2f5;color:var(--muted);display:grid;font-size:.9rem;font-weight:600;gap:2rem;grid-template-columns:1fr auto;letter-spacing:.5px;padding:1.5rem 2rem;text-transform:uppercase}.qty-price-header{min-width:280px;text-align:right}.cart-items{display:flex;flex-direction:column;max-height:600px;overflow-y:auto}.cart-item{grid-gap:2rem;align-items:center;background:#fff;border-bottom:1px solid #f0f2f5;display:grid;gap:2rem;grid-template-columns:1fr auto;padding:1.5rem 2rem;transition:all .2s ease}.cart-item:hover{background:#fafbfc}.item-details{display:flex;flex-direction:column;gap:.35rem}.item-name{font-size:1rem;font-weight:600;margin:0}.item-unit-price{color:var(--muted);font-size:.85rem}.item-controls{align-items:center;display:flex;gap:1.5rem;justify-content:flex-end}.quantity-control{align-items:center;background:#f0f2f5;border-radius:8px;display:flex;gap:.5rem;padding:.35rem}.qty-btn{background:#0000;border:none;border-radius:6px;color:var(--text);cursor:pointer;font-size:1.2rem;font-weight:600;height:32px;transition:all .2s ease;width:32px}.qty-btn:hover{background:#e6e8eb;color:var(--primary)}.qty-btn:active{background:#dde0e6}.quantity-input{background:#fff;border:none;border-radius:6px;color:var(--text);font-size:.95rem;font-weight:600;height:32px;padding:0;text-align:center;width:45px}.quantity-input:focus{background:#f0f5ff;color:var(--primary);outline:none}.item-total-price{color:var(--primary);font-size:1.05rem;font-weight:700;min-width:80px;text-align:right}.remove-btn{align-items:center;background:#fff;border:2px solid #e6e8eb;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.remove-btn:hover{background:#fef2f2;border-color:#dc2626;color:#991b1b}.remove-btn svg{height:.9rem;width:.9rem}.cart-summary-sidebar{display:flex;flex-direction:column}.summary-card{padding:2rem;position:-webkit-sticky;position:sticky;top:100px}.summary-title{border-bottom:2px solid #f0f2f5;font-size:1.2rem;margin:0 0 1.5rem;padding-bottom:1rem}.summary-total{align-items:center;background:#f8fafc;border-radius:8px;display:flex;font-weight:600;justify-content:space-between;margin-bottom:1.5rem;padding:1rem}.btn-checkout{background:linear-gradient(90deg,var(--primary),var(--primary-600));border:none;border-radius:8px;box-shadow:0 4px 12px #0b74de40;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;margin-bottom:.75rem;padding:1rem;transition:all .3s ease;width:100%}.btn-checkout:hover{box-shadow:0 6px 16px #0b74de59;transform:translateY(-2px)}.btn-continue{background:#f0f2f5;border:2px solid #e6e8eb;color:var(--text);font-size:.9rem;padding:.75rem;width:100%}.btn-continue:hover{background:#e6e8eb;border-color:var(--muted)}@media (max-width:1024px){.cart-main{gap:2rem;grid-template-columns:1fr}.summary-card{position:static;top:auto}}@media (max-width:768px){.cart-container{padding:1.5rem 1rem}.cart-title{font-size:1.6rem}.header-top{align-items:stretch;flex-direction:column}.btn-back-header{text-align:center;width:100%}.items-header{display:none}.cart-item{gap:1rem;grid-template-columns:1fr;padding:1.25rem}.item-controls{gap:.75rem;justify-content:space-between}.item-total-price{min-width:auto;text-align:left}.cart-items-section,.summary-card{padding:1.25rem}.summary-title{font-size:1.1rem;margin-bottom:1rem}}@media (max-width:480px){.cart-container{padding:1rem}.cart-title{font-size:1.35rem}.header-top{flex-direction:column;gap:.75rem}.btn-back-header{font-size:.85rem;padding:.5rem .75rem}.cart-item{padding:1rem}.item-name{font-size:.95rem}.item-controls{align-items:stretch;flex-direction:column;gap:.75rem}.quantity-control{justify-content:space-between}.qty-btn{font-size:1rem;height:28px;width:28px}.quantity-input{height:28px;width:40px}.item-total-price{font-size:1rem}.remove-btn{height:36px;width:36px}.summary-card{padding:1rem}.btn-checkout,.btn-continue{font-size:.85rem;padding:.75rem}.empty-icon{font-size:3.5rem}.empty-title{font-size:1.4rem}}.billing-form{gap:2rem}.billing-form,.form-section{display:flex;flex-direction:column}.form-section{gap:1.25rem}.section-label{border-bottom:2px solid #f0f2f5;color:var(--text);font-size:1.05rem;font-weight:600;margin:0;padding-bottom:.75rem}.form-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--text);display:block;font-size:.9rem;font-weight:600}.form-group input,.form-group select{background:#fff;border:2px solid #e6e8eb;border-radius:8px;color:var(--text);font-family:inherit;font-size:1rem;padding:.85rem;transition:all .3s ease}.form-group input::placeholder{color:var(--muted)}.form-group input:focus,.form-group select:focus{background:#f8fafc;border-color:var(--primary);box-shadow:0 0 0 3px #0b74de1a;outline:none}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%230b74de' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;cursor:pointer;padding-right:2.5rem}.form-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.btn-action{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:1rem;text-align:center;transition:all .3s ease}.btn-card{background:linear-gradient(90deg,#0b74de,#0a5fb0);box-shadow:0 4px 12px #0b74de40}.btn-card:hover:not(:disabled){box-shadow:0 6px 16px #0b74de59;transform:translateY(-2px)}.btn-card:active:not(:disabled){transform:translateY(0)}.btn-momo{background:linear-gradient(90deg,#28a745,#1e7e34);box-shadow:0 4px 12px #28a74540}.btn-momo:hover:not(:disabled){box-shadow:0 6px 16px #28a74559;transform:translateY(-2px)}.btn-momo:active:not(:disabled){transform:translateY(0)}.btn-action:disabled{cursor:not-allowed;opacity:.6}.btn-back{background:#f0f2f5;border:2px solid #e6e8eb;border-radius:8px;color:var(--text);cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem;text-align:center;transition:all .3s ease}.btn-back:hover:not(:disabled){background:#e6e8eb;border-color:var(--muted)}.btn-back:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.billing-form{gap:1.5rem}.form-grid{gap:1rem;grid-template-columns:1fr}.section-label{font-size:1rem}.form-group input,.form-group select{font-size:16px;padding:.75rem}.btn-action,.btn-back{padding:.9rem}}@media (max-width:480px){.form-group label{font-size:.85rem}.form-group input,.form-group select{font-size:16px;padding:.75rem}.btn-action,.btn-back{font-size:.9rem;padding:.85rem}.form-actions{gap:.5rem}}.confirm-modal-backdrop{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.confirm-modal{background:#fff;border-radius:8px;box-shadow:0 8px 32px #0000001f;max-width:420px;padding:20px 22px;width:90%}.confirm-modal-title{font-size:1.1rem;margin:0 0 8px}.confirm-modal-message{color:#333;margin:0 0 16px}.confirm-modal-actions{display:flex;gap:10px;justify-content:flex-end}.confirm-modal-btn{border:none;border-radius:6px;cursor:pointer;padding:8px 12px}.confirm-modal-btn.cancel{background:#e6e6e6;color:#222}.confirm-modal-btn.confirm{background:#0b74de;color:#fff}.checkout-container{background:linear-gradient(135deg,var(--bg) 0,#f8f9fb 100%);margin:0 auto;max-width:1320px;min-height:100vh;padding:2rem 1rem}.checkout-header{margin-bottom:3rem}.header-content{animation:slideDown .5s ease-out}.breadcrumb{color:var(--muted);font-size:.9rem;margin-bottom:1rem}.breadcrumb strong{color:var(--primary);font-weight:600}.header-title{color:var(--text);font-size:2.4rem;font-weight:700;letter-spacing:-.5px;margin:.5rem 0}.header-subtitle{color:var(--muted);font-size:1.05rem;font-weight:400;margin:.5rem 0 0}.empty-state{align-items:center;display:flex;justify-content:center;min-height:500px}.empty-state-content{animation:fadeIn .6s ease-out;text-align:center}.empty-icon{font-size:5rem;margin-bottom:1.5rem}.empty-title{color:var(--text);font-size:1.8rem;font-weight:600;margin:0 0 .5rem}.empty-desc{color:var(--muted);font-size:1rem;margin:0 0 2rem}.btn-continue{background:linear-gradient(90deg,var(--primary),var(--primary-600));border:none;border-radius:8px;box-shadow:0 4px 12px #0b74de4d;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:12px 32px;transition:all .3s ease}.btn-continue:hover{box-shadow:0 6px 16px #0b74de66;transform:translateY(-2px)}.checkout-main{grid-gap:2.5rem;align-items:start;display:grid;gap:2.5rem;grid-template-columns:1fr 420px}.checkout-left,.checkout-right{display:flex;flex-direction:column}.form-card{animation:fadeInUp .6s ease-out;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f,0 4px 16px #0000000a;padding:2rem;transition:box-shadow .3s ease}.form-card:hover{box-shadow:0 4px 12px #00000014,0 8px 24px #0000000f}.form-card-header{border-bottom:2px solid #f0f2f5;margin-bottom:1.5rem;padding-bottom:1.5rem}.form-title{color:var(--text);font-size:1.4rem;font-weight:600;margin:.5rem 0}.form-subtitle{color:var(--muted);font-size:.95rem;margin:.25rem 0 0}.step-badge{background:linear-gradient(90deg,var(--primary),var(--primary-600));border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;margin-bottom:.5rem;padding:4px 12px}.summary-card{animation:fadeInUp .7s ease-out;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f,0 4px 16px #0000000a;padding:1.75rem;transition:box-shadow .3s ease}.sticky-summary{position:-webkit-sticky;position:sticky;top:100px}.summary-card:hover{box-shadow:0 4px 12px #00000014,0 8px 24px #0000000f}.summary-card-header{border-bottom:2px solid #f0f2f5;margin-bottom:1.5rem;padding-bottom:1rem}.summary-title{color:var(--text);font-size:1.3rem;font-weight:600;margin:.5rem 0 0}.summary-items{border-bottom:2px solid #f0f2f5;margin-bottom:1.5rem;padding-bottom:1.5rem}.items-list{display:flex;flex-direction:column;gap:.75rem}.summary-item{align-items:center;background:#fafbfc;border-radius:8px;display:flex;gap:1rem;justify-content:space-between;padding:.75rem;transition:all .2s ease}.summary-item:hover{background:#f0f2f5}.item-info{flex:1 1}.item-name{color:var(--text);display:block;font-size:.95rem;font-weight:500}.item-price{color:var(--primary);font-weight:700;white-space:nowrap}.summary-breakdown{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.breakdown-row{align-items:center;color:var(--text);display:flex;font-size:.95rem;justify-content:space-between}.breakdown-row span:first-child{color:var(--muted);font-weight:500}.breakdown-row.total{border-bottom:2px solid #f0f2f5;border-top:2px solid #f0f2f5;font-size:1.15rem;font-weight:600;margin:.5rem 0;padding:1rem 0}.breakdown-row.total span:first-child{color:var(--text)}.total-amount{color:var(--primary);font-size:1.3rem;font-weight:700}.payment-methods{margin-bottom:1.5rem}.methods-label{color:var(--muted);font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0 0 .75rem;text-transform:uppercase}.payment-btn{align-items:center;background:#fff;border:2px solid #e6e8eb;border-radius:8px;color:var(--text);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;justify-content:space-between;margin-bottom:.75rem;padding:1rem;transition:all .3s ease;width:100%}.payment-btn:hover{background:#f8fafc;border-color:var(--primary);transform:translateX(2px)}.payment-btn.card-btn:hover{background:#f0f5ff;border-color:#0b74de}.payment-btn.momo-btn:hover{background:#f0fff4;border-color:#28a745}.btn-icon{font-size:1.3rem;margin-right:.75rem}.btn-label{flex:1 1;text-align:left}.btn-arrow{color:var(--primary);margin-left:.5rem;opacity:0;transition:opacity .3s ease}.payment-btn:hover .btn-arrow{opacity:1}.trust-badges{border-top:2px solid #f0f2f5;display:flex;gap:.5rem;justify-content:space-between;margin-top:1.5rem;padding-top:1.5rem}.badge{background:#f0f5ff;border-radius:6px;color:var(--primary);flex:1 1;font-size:.8rem;font-weight:600;padding:.5rem;text-align:center;transition:all .2s ease}.badge:hover{background:#e6ecff;transform:translateY(-1px)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.checkout-main{gap:2rem;grid-template-columns:1fr}.sticky-summary{position:static;top:auto}.header-title{font-size:2rem}}@media (max-width:768px){.checkout-container{padding:1.5rem 1rem}.checkout-header{margin-bottom:2rem}.header-title{font-size:1.6rem}.header-subtitle{font-size:.95rem}.form-card,.summary-card{padding:1.25rem}.form-card-header{margin-bottom:1.25rem;padding-bottom:1rem}.summary-card-header{margin-bottom:1rem}.payment-btn{font-size:.9rem;padding:.875rem}.trust-badges{flex-direction:column;gap:.5rem}.empty-icon{font-size:3.5rem}.empty-title{font-size:1.4rem}}@media (max-width:480px){.checkout-container{padding:1rem}.header-title{font-size:1.35rem}.header-content{text-align:center}.form-card,.summary-card{padding:1rem}.form-title,.summary-title{font-size:1.1rem}.form-subtitle{font-size:.85rem}.payment-btn{align-items:flex-start;flex-direction:column;padding:.75rem}.btn-icon{margin-bottom:.25rem;margin-right:.5rem}.btn-arrow{display:none}.summary-item{align-items:flex-start;flex-direction:column}.breakdown-row{font-size:.9rem}.total-amount{font-size:1.1rem}.breadcrumb{display:none;font-size:.8rem}}
/*# sourceMappingURL=main.51ec8a48.css.map*/