:root{--accent:#5a67d8;--accent-soft:rgba(90,103,216,0.25);--panel-bg:#fff;--text:#111;--muted:#6b7280;--border:#e5e7eb;--ok:#0ea5e9;--good:#10b981;--warn:#f59e0b;--bad:#ef4444;--admin-bg-primary:#1e293b;--admin-bg-secondary:#0f172a;--admin-surface:rgba(30,41,59,0.8);--admin-border:rgba(148,163,184,0.1);--admin-text-primary:#f8fafc;--admin-text-secondary:#94a3b8;--admin-text-muted:#64748b;--admin-primary:#3b82f6;--admin-primary-dark:#2563eb;--admin-success:#10b981;--admin-success-dark:#059669;--admin-accent:#8b5cf6;--admin-accent-dark:#7c3aed;--admin-warning:#f59e0b;--admin-warning-dark:#d97706;--admin-danger:#ef4444;--admin-radius:24px;--admin-radius-sm:12px;--admin-radius-md:16px;--admin-shadow:0 20px 60px rgba(0,0,0,0.3);--settings-bg-start:#667eea;--settings-bg-end:#764ba2;--settings-surface:rgba(255,255,255,0.95);--settings-border:rgba(148,163,184,0.2);--settings-text:#1e293b;--settings-text-light:#64748b;--settings-text-muted:#94a3b8;--settings-primary:#3b82f6;--settings-primary-dark:#2563eb;--settings-success:#10b981;--settings-warning:#f59e0b;--settings-danger:#ef4444;--settings-shadow:0 20px 60px rgba(0,0,0,0.15);--settings-shadow-sm:0 4px 16px rgba(0,0,0,0.08)}.checkout{min-height:100vh;background-color:#f8fafc;padding:3rem 1rem}.checkout__container{max-width:42rem;margin:0 auto}.checkout__loading{min-height:100vh;display:flex;align-items:center;justify-content:center}.checkout__loading-content{text-align:center}.checkout__loading-spinner{width:3rem;height:3rem;margin:0 auto 1rem;border:2px solid rgba(0,0,0,0);border-top-color:#0ea5e9;border-radius:50%;animation:spin 1s linear infinite}.checkout__loading-text{color:#64748b;font-size:1rem}.checkout__error{min-height:100vh;display:flex;align-items:center;justify-content:center}.checkout__error-content{text-align:center;max-width:28rem}.checkout__error-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#0f172a}.checkout__error-message{color:#64748b;margin-bottom:1.5rem}.checkout__error-button{background-color:#0ea5e9;color:#fff;padding:.5rem 1.5rem;border-radius:.5rem;border:none;cursor:pointer;font-size:1rem;font-weight:600;transition:background-color .2s}.checkout__error-button:hover{background-color:#0284c7}.checkout__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.checkout__header-title{font-size:1.875rem;font-weight:700;color:#0f172a}.checkout__header-user{font-size:.875rem;color:#64748b}.checkout__header-user strong{font-weight:600;color:#0f172a}.checkout__warning{background-color:#fefce8;border:1px solid #fef08a;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem}.checkout__warning-content{display:flex;gap:.75rem}.checkout__warning-icon{flex-shrink:0;width:1.25rem;height:1.25rem;color:#facc15}.checkout__warning-text{flex:1 1}.checkout__warning-text h3{font-size:.875rem;font-weight:500;color:#854d0e;margin-bottom:.25rem}.checkout__warning-text p{font-size:.875rem;color:#a16207;margin:0}.checkout__package{background-color:#fff;border-radius:.75rem;border:1px solid #e2e8f0;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);padding:16px;margin-bottom:1.5rem}.checkout__package-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#0f172a}.checkout__package-description{color:#64748b;margin-bottom:1rem;line-height:1.5}.checkout__details{border-top:1px solid #e2e8f0;padding-top:1rem;margin-bottom:1rem}.checkout__details-row{display:flex;justify-content:space-between;margin-bottom:.5rem}.checkout__details-row:last-child{margin-bottom:0}.checkout__details-label{color:#64748b;font-size:.9375rem}.checkout__details-value{font-weight:600;color:#0f172a}.checkout__pricing{border-top:1px solid #e2e8f0;padding-top:1rem;margin-top:1rem}.checkout__pricing-row{display:flex;justify-content:space-between;font-size:1.125rem;margin-bottom:.5rem}.checkout__pricing-row--total{font-size:1.5rem;font-weight:700;border-top:1px solid #e2e8f0;padding-top:.75rem;margin-top:.75rem}.checkout__pricing-label{color:#64748b}.checkout__pricing-label--total{color:#0f172a}.checkout__pricing-value{font-weight:600;color:#0f172a}.checkout__pricing-value--total{color:#0ea5e9}.checkout__exchange-note{margin-top:1rem;padding:.75rem;background-color:rgba(14,165,233,.06);border-radius:.5rem;font-size:.875rem;color:#0b6fa3}.checkout__customer{background-color:#fff;border-radius:.75rem;border:1px solid #e2e8f0;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);padding:16px;margin-bottom:1.5rem}.checkout__customer-title{font-weight:600;margin-bottom:.75rem;color:#0f172a}.checkout__customer-info{font-size:.875rem}.checkout__customer-row{display:flex;justify-content:space-between;margin-bottom:.5rem}.checkout__customer-row:last-child{margin-bottom:0}.checkout__customer-label{color:#64748b}.checkout__customer-value{color:#0f172a}.checkout__pay-button{width:100%;background-color:#0ea5e9;color:#fff;padding:1rem;border-radius:.5rem;border:none;font-weight:600;font-size:1.125rem;cursor:pointer;transition:background-color .2s,box-shadow .2s}.checkout__pay-button:hover:not(:disabled){background-color:#0284c7;box-shadow:0 4px 12px rgba(14,165,233,.3)}.checkout__pay-button:disabled{background-color:#e5e7eb;cursor:not-allowed;box-shadow:none}.checkout__pay-button-loading{display:flex;align-items:center;justify-content:center;gap:.75rem}.checkout__pay-button-spinner{width:1.25rem;height:1.25rem;border:2px solid rgba(0,0,0,0);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.checkout__security{margin-top:1.5rem;text-align:center;font-size:.875rem;color:#64748b}.checkout__back{margin-top:1rem;text-align:center}.checkout__back button{background:none;border:none;color:#0ea5e9;cursor:pointer;font-size:.875rem;font-weight:500;transition:color .2s,-webkit-text-decoration .2s;transition:color .2s,text-decoration .2s;transition:color .2s,text-decoration .2s,-webkit-text-decoration .2s}.checkout__back button:hover{text-decoration:underline;color:#0284c7}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:640px){.checkout{padding:1.5rem .5rem}.checkout__header{flex-direction:column;align-items:flex-start;gap:.5rem}.checkout__header-user{width:100%;text-align:left}.checkout__customer,.checkout__package{padding:1rem}.checkout__pricing-row{font-size:1rem}.checkout__pricing-row--total{font-size:1.25rem}}