:root{color-scheme:light;--bg-page: #f8fafc;--bg-surface: #ffffff;--bg-subtle: #f1f5f9;--text-main: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--border: #e2e8f0;--primary: #2563eb;--primary-text: #ffffff;--danger: #dc2626;--shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1)}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--bg-page: #0f172a;--bg-surface: #1e293b;--bg-subtle: #334155;--text-main: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border: #334155;--shadow: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .3)}}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-page);color:var(--text-main)}.page-center{display:flex;align-items:center;justify-content:center;min-height:100vh}.spinner{width:2rem;height:2rem;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.checkout-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1.5rem}.checkout-card{width:100%;max-width:28rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:1rem;box-shadow:var(--shadow);overflow:hidden}.checkout-header{display:flex;align-items:center;gap:.75rem;padding:1.5rem;border-bottom:1px solid var(--border);background:var(--bg-subtle)}.checkout-logo{height:2.5rem;max-width:8rem;object-fit:contain}.checkout-initials{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;color:var(--primary-text);font-weight:700;font-size:.875rem;flex-shrink:0}.checkout-brand{margin:0;font-size:1.25rem;font-weight:700}.checkout-body{padding:1.5rem}.checkout-title{margin:0 0 1rem;font-size:1rem;color:var(--text-secondary)}.checkout-summary{background:var(--bg-subtle);border:1px solid var(--border);border-radius:.75rem;padding:1rem 1.25rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.75rem}.checkout-row{display:flex;justify-content:space-between;font-size:.9375rem;color:var(--text-secondary)}.checkout-total{font-size:1.125rem;font-weight:700;color:var(--text-main);border-top:1px dashed var(--border);padding-top:.75rem}.checkout-provider{font-size:.8125rem;color:var(--text-muted)}.checkout-pay-button{width:100%;padding:.875rem 1rem;border:none;border-radius:.75rem;color:var(--primary-text);font-size:1rem;font-weight:700;cursor:pointer;transition:opacity .15s ease}.checkout-pay-button:hover:not(:disabled){opacity:.9}.checkout-pay-button:disabled{opacity:.7;cursor:wait}.checkout-methods{display:flex;gap:.5rem;margin-bottom:1.25rem}.checkout-method{flex:1;padding:.75rem .5rem;border:1px solid var(--border);border-radius:.75rem;background:var(--bg-subtle);color:var(--text-secondary);font-size:.875rem;font-weight:600;cursor:pointer;transition:border-color .15s ease,color .15s ease}.checkout-method.is-selected{border-color:var(--text-main);color:var(--text-main)}.checkout-form{display:flex;flex-direction:column;gap:.875rem}.checkout-field{display:flex;flex-direction:column;gap:.375rem;font-size:.8125rem;color:var(--text-secondary)}.checkout-field input{padding:.625rem .75rem;border:1px solid var(--border);border-radius:.5rem;background:var(--bg-subtle);color:var(--text-main);font-size:.9375rem}.checkout-field input:focus{outline:2px solid var(--text-main);outline-offset:1px}.checkout-field-row{display:flex;gap:.75rem}.checkout-field-row .checkout-field{flex:1}.checkout-pix-intro{display:flex;flex-direction:column;gap:.75rem;font-size:.9375rem;color:var(--text-secondary)}.checkout-pix-cycle{font-weight:600;color:var(--text-main)}.checkout-pix{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}.checkout-pix-title{margin:0;font-size:1rem;font-weight:700;color:var(--text-main)}.checkout-pix-qr{width:220px;height:220px;border-radius:.75rem;background:#fff;padding:.5rem}.checkout-pix-hint{margin:0;font-size:.8125rem;color:var(--text-muted)}.checkout-pix-code{display:block;width:100%;padding:.625rem;border:1px solid var(--border);border-radius:.5rem;background:var(--bg-subtle);font-size:.6875rem;word-break:break-all;color:var(--text-secondary)}.checkout-pix-note{margin:0;font-size:.8125rem;color:var(--text-muted)}.checkout-error{margin:1rem 0 0;font-size:.875rem;color:#dc2626;text-align:center}.result-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:1.5rem;text-align:center;gap:.75rem}.result-page h1{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-main)}.result-page p{margin:0;font-size:1rem;color:var(--text-muted);max-width:24rem}.result-icon{font-size:4rem;line-height:1;color:var(--danger)}.result-icon.success{color:var(--primary)}.result-note{font-weight:600;color:var(--text-secondary)}