:root{--color-orange:#e8943a;--color-orange-hover:#d4832f;--color-orange-muted:#e8943a80;--color-blue:#5ba4cf;--color-blue-hover:#4a93be;--color-red-expired:#dc2626;--color-green-success:#16a34a;--color-bg-page:#e8e8e8;--color-bg-card:#f5f5f5;--color-bg-white:#fcfbee;--color-bg-header:#e8943a;--color-text-primary:#1f2937;--color-text-secondary:#6b7280;--color-text-white:#fff;--color-text-muted:#9ca3af;--color-border:#e5e7eb;--color-border-light:gray;color:var(--color-text-primary);background-color:var(--color-bg-page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}body{min-height:100vh;margin:0}button{cursor:pointer;font-family:inherit}input{font-family:inherit}.btn{border:1px solid var(--color-border);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:10px 28px;font-family:inherit;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .15s,opacity .15s;display:inline-flex}.btn--orange{background:var(--color-orange);color:var(--color-text-white);border-color:var(--color-orange)}.btn--orange:hover{background:var(--color-orange-hover);border-color:var(--color-orange-hover)}.btn--orange:disabled{background:var(--color-orange-muted);border-color:var(--color-orange-muted);cursor:not-allowed}.btn--gray{background:var(--color-bg-white);color:var(--color-text-primary);border-color:var(--color-border)}.btn--gray:hover{background:#f0f0f0}.btn--blue{color:var(--color-text-primary);background:#d4eaf7;border-color:#b8d9ed}.btn--blue:hover{background:#c0dcee;border-color:#a0c8e0}.btn--red{color:var(--color-red-expired);background:#fef2f2;border-color:#fecaca}.btn--red:hover{background:#fee2e2;border-color:#fca5a5}.landing{background:var(--color-bg-white);border-radius:8px;max-width:560px;margin:40px auto;overflow:hidden;box-shadow:0 2px 12px #00000014}.landing__header{background:#4a4f6d;align-items:center;padding:10px 24px;display:flex}.landing__logo{width:auto;height:28px}.landing__body{padding:24px}.landing__section{margin-bottom:24px}.landing__section-title{color:var(--color-text-primary);margin:0 0 12px;font-size:1rem;font-weight:700}.landing__items{flex-direction:column;gap:8px;display:flex}.landing__item{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:6px;justify-content:space-between;align-items:flex-start;gap:16px;padding:10px 12px;display:flex}.landing__item-info{flex-direction:column;gap:2px;display:flex}.landing__item-name{color:var(--color-text-primary);font-size:.9rem;font-weight:600}.landing__item-desc{color:var(--color-text-secondary);font-size:.8rem}.landing__item-price{color:var(--color-text-primary);white-space:nowrap;font-size:.9rem;font-weight:700}.landing__total{border-top:2px solid var(--color-text-primary);color:var(--color-text-primary);justify-content:space-between;align-items:center;margin-top:12px;padding:12px 0 0;font-size:1.05rem;font-weight:700;display:flex}.landing__payment-options{flex-direction:column;gap:10px;display:flex}.landing__pay-btn{width:100%}.landing__cancel-btn{width:100%;margin-top:8px}.landing__address{text-align:center;color:var(--color-text-muted);margin:20px 0 0;font-size:.75rem}.landing__overlay{z-index:100;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.landing__popup{background:var(--color-bg-white);text-align:center;border-radius:10px;min-width:260px;padding:32px 28px;box-shadow:0 8px 32px #0003}.landing__popup h3{color:var(--color-text-primary);margin:0 0 16px;font-size:1.15rem}@media (width<=600px){.landing{border-radius:0;min-height:100vh;margin:0}}.stored-cards{background:var(--color-bg-white);border-radius:8px;max-width:560px;margin:40px auto;overflow:hidden;box-shadow:0 2px 12px #00000014}.stored-cards__header{background:#4a4f6d;align-items:center;padding:10px 24px;display:flex}.stored-cards__logo{width:auto;height:28px}.stored-cards__body{padding:24px}.stored-cards__total{color:var(--color-text-primary);margin:0 0 16px;font-size:1.1rem;font-weight:700}.stored-cards__section-title{color:var(--color-text-primary);margin:0 0 12px;font-size:.95rem;font-weight:700}.stored-cards__list{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.stored-cards__tile{background:var(--color-bg-card);border:2px solid var(--color-border);cursor:pointer;border-radius:8px;align-items:center;gap:14px;padding:14px 16px;transition:border-color .15s,box-shadow .15s;display:flex}.stored-cards__tile:hover{border-color:#94a3b8}.stored-cards__tile--selected{border-color:var(--color-orange);box-shadow:0 0 0 2px #ea760026}.stored-cards__radio{width:18px;height:18px;accent-color:var(--color-orange);cursor:pointer;flex-shrink:0}.stored-cards__tile-info{flex-direction:column;gap:2px;display:flex}.stored-cards__tile-holder{color:var(--color-text-primary);font-size:.9rem;font-weight:600}.stored-cards__tile-number{color:var(--color-text-primary);letter-spacing:1px;font-family:monospace;font-size:.85rem;font-weight:500}.stored-cards__tile-brand{color:var(--color-text-secondary);text-transform:capitalize;font-size:.8rem}.stored-cards__tile-expiry{color:var(--color-text-muted);font-size:.75rem}.stored-cards__card-actions{gap:10px;margin-bottom:20px;display:flex}.stored-cards__card-actions .btn{flex:1}.stored-cards__loading{color:var(--color-text-secondary);align-items:center;gap:12px;padding:20px 0;font-size:.9rem;display:flex}.stored-cards__spinner{border:3px solid var(--color-border);border-top-color:var(--color-orange);border-radius:50%;width:24px;height:24px;animation:.6s linear infinite sc-spin}@keyframes sc-spin{to{transform:rotate(360deg)}}.stored-cards__error{color:var(--color-red-expired);background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin:0 0 12px;padding:8px 12px;font-size:.85rem}.stored-cards__conflict{background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;margin-bottom:20px;padding:16px}.stored-cards__conflict-icon{margin-bottom:8px;font-size:1.4rem}.stored-cards__conflict-msg{color:var(--color-text-primary);margin:0 0 14px;font-size:.9rem;line-height:1.5}.stored-cards__conflict-actions{flex-direction:column;gap:8px;display:flex}.stored-cards__conflict-note{color:var(--color-text-secondary);margin:6px 0 0;font-size:.82rem;line-height:1.5}.stored-cards__conflict-reassign,.stored-cards__actions{flex-direction:column;gap:10px;display:flex}@media (width<=600px){.stored-cards{border-radius:0;min-height:100vh;margin:0}}.oc{background:var(--color-bg-white);border-radius:8px;max-width:560px;margin:40px auto;overflow:hidden;box-shadow:0 2px 12px #00000014}.oc__body{text-align:center;flex-direction:column;align-items:center;padding:60px 24px;display:flex}.oc__title{margin:0 0 8px;font-size:1.25rem;font-weight:700}.oc__message{color:var(--color-text-secondary);max-width:400px;margin:0 0 20px;font-size:.9rem}.oc__spinner{border:4px solid var(--color-border);border-top-color:var(--color-orange);border-radius:50%;width:48px;height:48px;margin-bottom:20px;animation:.8s linear infinite oc-spin}@keyframes oc-spin{to{transform:rotate(360deg)}}.oc__icon{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;font-size:1.5rem;font-weight:800;display:flex}.oc__icon--success{border:2px solid var(--color-green-success);color:var(--color-green-success);background:#f0fdf4}.oc__icon--error{border:2px solid var(--color-red-expired);color:var(--color-red-expired);background:#fef2f2}.oc__btn-group{flex-direction:column;gap:10px;width:100%;max-width:250px;display:flex}.oc__btn{text-align:center;width:100%;max-width:250px}.oc__details{background:var(--color-bg-card);border:1px solid var(--color-border);text-align:left;border-radius:8px;width:100%;margin-bottom:24px;padding:16px}.oc__detail-row{color:var(--color-text-secondary);justify-content:space-between;align-items:center;gap:20px;padding:4px 0;font-size:.85rem;display:flex}.oc__detail-row--total{border-top:2px solid var(--color-text-primary);color:var(--color-text-primary);margin-top:8px;padding-top:8px;font-size:.95rem;font-weight:700}@media (width<=600px){.oc{border-radius:0;min-height:100vh;margin:0}}.app-loading{justify-content:center;align-items:center;min-height:100vh;display:flex}.app-loading__spinner{border:3px solid var(--color-border);border-top-color:var(--color-orange);border-radius:50%;width:32px;height:32px;animation:.6s linear infinite app-spin}@keyframes app-spin{to{transform:rotate(360deg)}}.app-error{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.app-error__card{background:var(--color-bg-white);text-align:center;border-radius:12px;width:100%;max-width:420px;padding:2.5rem 2rem;box-shadow:0 4px 24px #0000001f}.app-error__icon{border:2px solid var(--color-red-expired);width:56px;height:56px;color:var(--color-red-expired);background:#fef2f2;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;font-size:1.5rem;font-weight:800;display:flex}.app-error__title{margin:0 0 8px;font-size:1.25rem;font-weight:700}.app-error__message{color:var(--color-text-secondary);margin:0;font-size:.9rem}