:root{--ba-c-primary:#0f766e;--ba-c-primary-fg:#fff;--ba-c-secondary:#134e4a;--ba-c-accent:#10b981;--ba-c-bg:#fff;--ba-c-surface:#f8fafc;--ba-c-text:#0f172a;--ba-c-text-muted:#64748b;--ba-r-sm:6px;--ba-r-md:12px;--ba-r-lg:20px;--ba-font-heading:"Inter",system-ui,sans-serif;--ba-font-body:"Inter",system-ui,sans-serif;--ba-shadow-modal:0 24px 48px -12px rgba(15,23,42,.25)}.ba-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;font-family:var(--ba-font-body);font-weight:600;font-size:15px;line-height:1;border-radius:var(--ba-r-md);border:1px solid transparent;cursor:pointer;transition:transform .06s ease,filter .12s ease}.ba-cta:active{transform:translateY(1px)}.ba-cta-primary{background:linear-gradient(180deg,var(--ba-c-accent),#0f766e);color:var(--ba-c-primary-fg);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.2),0 4px 14px rgba(15,118,110,.35)}.ba-cta-primary:hover{filter:brightness(1.05)}.ba-cta-secondary{background:transparent;color:var(--ba-c-text);border-color:rgba(15,23,42,.15)}.ba-cta-fw{width:100%}.ba-cta-shield{display:inline-flex}.ba-cta-label{white-space:nowrap}.ba-btn-primary{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(180deg,#10b981,#0f766e);color:#fff;border:0;padding:14px 18px;border-radius:var(--ba-r-md);font-weight:700;font-size:15px;cursor:pointer;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 14px rgba(15,118,110,.35)}.ba-btn-primary:disabled{opacity:.6;cursor:progress}.ba-btn-secondary{background:var(--ba-c-surface);color:var(--ba-c-text);border:1px solid rgba(15,23,42,.12);padding:10px 14px;border-radius:var(--ba-r-sm);font-weight:500}.ba-btn-google,.ba-btn-secondary{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.ba-btn-google{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 18px;background:#fff;color:#0f172a;border:1px solid rgba(15,23,42,.18);border-radius:var(--ba-r-md);font-weight:600;font-size:15px;transition:box-shadow .12s ease}.ba-btn-google:hover{box-shadow:0 2px 10px rgba(0,0,0,.06)}.ba-google-icon{display:inline-flex}.ba-iconbtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;padding:6px;cursor:pointer;color:var(--ba-c-text-muted);border-radius:var(--ba-r-sm)}.ba-iconbtn:hover{background:rgba(15,23,42,.06);color:var(--ba-c-text)}.ba-link{color:var(--ba-c-primary);text-decoration:underline;cursor:pointer;background:none;border:0;padding:0;font:inherit}.ba-shell{position:fixed;inset:0;z-index:9999;font-family:var(--ba-font-body);color:var(--ba-c-text);-webkit-font-smoothing:antialiased}.ba-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.45);backdrop-filter:blur(2px)}.ba-shell-desktop{display:grid;place-items:center;padding:24px}.ba-modal{position:relative;width:min(560px,100%);max-height:calc(100vh - 48px);background:var(--ba-c-bg);border-radius:var(--ba-r-lg);box-shadow:var(--ba-shadow-modal);display:flex;flex-direction:column;overflow:hidden}.ba-modal-header{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid rgba(15,23,42,.06)}.ba-modal-brand{display:inline-flex;align-items:center;gap:6px;color:var(--ba-c-primary);font-weight:700}.ba-modal-title{flex:1;text-align:center;font-weight:600;color:var(--ba-c-text);font-size:14px}.ba-modal-body{padding:20px 22px 24px;overflow:auto}.ba-shell-mobile{display:flex;align-items:flex-end}.ba-sheet{position:relative;width:100%;max-height:92vh;background:var(--ba-c-bg);border-top-left-radius:var(--ba-r-lg);border-top-right-radius:var(--ba-r-lg);display:flex;flex-direction:column;overflow:hidden;animation:ba-sheet-up .18s ease-out}@keyframes ba-sheet-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.ba-sheet-grabber{display:block;margin:8px auto 0;width:40px;height:4px;border-radius:2px;background:rgba(15,23,42,.18);border:0;padding:0}.ba-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:8px 18px 12px}.ba-sheet-title{font-weight:600;font-size:15px}.ba-sheet-body{padding:8px 18px 28px;overflow:auto}.ba-step{display:flex;flex-direction:column;gap:18px}.ba-h2{font-size:20px;margin:0}.ba-h2,.ba-h3{font-family:var(--ba-font-heading);font-weight:700}.ba-h3{font-size:14px;margin:0 0 8px;color:var(--ba-c-text);text-transform:uppercase;letter-spacing:.04em}.ba-muted{color:var(--ba-c-text-muted);font-size:13px;margin:0}.ba-center{text-align:center}.ba-mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace}.ba-fineprint{font-size:12px;color:var(--ba-c-text-muted);margin:0}.ba-error-inline{color:#b91c1c;font-size:13px;margin:0}.ba-error{background:#fef2f2;color:#991b1b;padding:10px 12px;border-radius:var(--ba-r-sm);display:flex;gap:12px;align-items:center;font-size:13px}.ba-section{background:var(--ba-c-surface);border:1px solid rgba(15,23,42,.06);padding:14px;border-radius:var(--ba-r-md)}.ba-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:14px}.ba-row-total{padding-top:12px;border-top:1px dashed rgba(15,23,42,.12);margin-top:8px;font-size:15px}.ba-total-amount{color:var(--ba-c-primary);font-size:18px}.ba-totals{padding:12px 14px}.ba-pill{display:inline-flex;align-items:center;padding:4px 10px;background:var(--ba-c-surface);border:1px solid rgba(15,23,42,.08);color:var(--ba-c-text-muted);border-radius:999px;font-size:12px}.ba-pill-success{background:#dcfce7;color:#166534;border-color:rgba(22,101,52,.18)}.ba-skeleton{height:80px;background:linear-gradient(90deg,#f1f5f9,#e2e8f0,#f1f5f9);background-size:200% 100%;animation:ba-skel 1.4s ease-in-out infinite;border-radius:var(--ba-r-sm)}@keyframes ba-skel{0%{background-position:0 0}to{background-position:-200% 0}}.ba-step-signin{gap:16px}.ba-signin-hero{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 0 6px;text-align:center}.ba-signin-shield{width:56px;height:56px;display:grid;place-items:center;color:var(--ba-c-primary);background:#ecfdf5;border-radius:999px}.ba-trust-pills{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.ba-user-pill{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--ba-c-surface);border-radius:var(--ba-r-md);border:1px solid rgba(15,23,42,.06)}.ba-avatar{width:32px;height:32px;border-radius:999px;-o-object-fit:cover;object-fit:cover}.ba-user-name{font-weight:600;font-size:13px}.ba-user-email{font-size:12px;color:var(--ba-c-text-muted)}.ba-verified{margin-left:auto;padding:4px 10px;background:#dcfce7;color:#166534;border-radius:999px;font-size:11px;font-weight:600}.ba-cart-lines{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.ba-cart-line{display:flex;align-items:center;gap:10px}.ba-cart-img{width:48px;height:48px;-o-object-fit:cover;object-fit:cover;border-radius:var(--ba-r-sm);background:#f1f5f9}.ba-cart-meta{flex:1;min-width:0}.ba-cart-name{line-height:1.3}.ba-cart-name,.ba-cart-price{font-size:13px;font-weight:600}.ba-cart-price{white-space:nowrap}.ba-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px}.ba-field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--ba-c-text-muted)}.ba-field-full{grid-column:1/-1}.ba-field input{padding:10px 12px;border-radius:var(--ba-r-sm);border:1px solid rgba(15,23,42,.16);font-size:14px;color:var(--ba-c-text);background:#fff;outline:none}.ba-field input:focus{border-color:var(--ba-c-primary);box-shadow:0 0 0 3px rgba(15,118,110,.15)}.ba-pm-card{display:flex;align-items:center;gap:12px;padding:4px 0}.ba-pm-icon{width:36px;height:36px;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:var(--ba-r-sm);display:grid;place-items:center;font-size:18px}.ba-pm-info{flex:1}.ba-pm-label{font-weight:600;font-size:13px}.ba-confirm-amount{text-align:center;padding:8px 0 4px}.ba-confirm-amount-label{font-size:13px}.ba-confirm-amount-value{font-family:var(--ba-font-heading);font-size:32px;font-weight:700;color:var(--ba-c-text)}.ba-explainer{padding:14px;background:var(--ba-c-surface);border-radius:var(--ba-r-md);border:1px solid rgba(15,23,42,.06)}.ba-explainer-title{margin-bottom:12px}.ba-explainer-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.ba-explainer-steps li{display:flex;gap:12px}.ba-explainer-icon{width:32px;height:32px;background:#fff;border-radius:999px;display:grid;place-items:center;font-size:16px;flex-shrink:0}.ba-step-payment{gap:12px}.ba-xendit-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:linear-gradient(180deg,#0f172a,#1e293b);color:#fff;border-radius:var(--ba-r-md)}.ba-xendit-bar-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ba-xendit-bar .ba-muted{color:hsla(0,0%,100%,.7)}.ba-xendit-logo{font-weight:700;font-size:13px;letter-spacing:.02em}.ba-timer{font-family:ui-monospace,SFMono-Regular,monospace;padding:3px 8px;background:hsla(0,0%,100%,.12);border-radius:6px;font-size:12px}.ba-xendit-amount{font-family:var(--ba-font-heading);font-size:18px;font-weight:700;color:#fff}.ba-pay-tabs{display:flex;gap:2px;padding:4px;background:var(--ba-c-surface);border-radius:var(--ba-r-md);border:1px solid rgba(15,23,42,.06);overflow:auto}.ba-pay-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;padding:8px 12px;border-radius:var(--ba-r-sm);font-size:12px;font-weight:600;color:var(--ba-c-text-muted);cursor:pointer;white-space:nowrap}.ba-pay-tab-active{background:#fff;color:var(--ba-c-text);box-shadow:0 1px 4px rgba(15,23,42,.08)}.ba-pay-pane{padding:14px;background:#fff;border-radius:var(--ba-r-md);border:1px solid rgba(15,23,42,.08)}.ba-xendit-frame-wrap{margin:12px 0;border-radius:var(--ba-r-md);overflow:hidden;border:1px solid rgba(15,23,42,.1);background:#fff}.ba-xendit-frame{width:100%;min-height:520px;border:0;display:block}.ba-pay-actions{display:flex;gap:8px;margin-bottom:8px}.ba-bank-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.ba-bank-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;min-width:80px;padding:10px 8px;background:#fff;border:1px solid rgba(15,23,42,.1);border-radius:var(--ba-r-sm);display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer}.ba-bank-card-active{border-color:var(--ba-c-primary);background:#ecfdf5}.ba-bank-logo{width:32px;height:32px;display:grid;place-items:center;font-weight:700;background:var(--ba-c-surface);border-radius:var(--ba-r-sm);font-size:12px}.ba-bank-name{font-size:12px;font-weight:500}.ba-va-card{background:var(--ba-c-surface);padding:14px;border-radius:var(--ba-r-md);border:1px dashed rgba(15,23,42,.18)}.ba-va-number-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0}.ba-va-number{font-family:ui-monospace,SFMono-Regular,monospace;font-size:22px;font-weight:700;letter-spacing:.06em;color:var(--ba-c-text)}.ba-qr-card{gap:12px;padding:14px}.ba-qr-card,.ba-qr-wrap{display:flex;flex-direction:column;align-items:center}.ba-qr-wrap{gap:6px}.ba-qr-label{font-size:12px;color:var(--ba-c-text-muted);font-weight:600}.ba-qr-img{display:block;width:220px;height:220px;border-radius:var(--ba-r-md);border:1px solid rgba(15,23,42,.1);background:#fff}.ba-card-form{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px}.ba-step-processing{align-items:center;padding:32px 0;gap:16px}.ba-spinner{width:48px;height:48px;border-radius:999px;border:3px solid rgba(15,118,110,.15);border-top:3px solid var(--ba-c-primary);animation:ba-spin .8s linear infinite}@keyframes ba-spin{to{transform:rotate(1turn)}}.ba-step-done{align-items:center;gap:12px;padding:12px 0}.ba-done-check{display:grid;place-items:center;padding:6px}.ba-done-summary{width:100%;padding:12px 14px;background:var(--ba-c-surface);border-radius:var(--ba-r-md);border:1px solid rgba(15,23,42,.06)}@media (max-width:480px){.ba-card-form,.ba-form-grid{grid-template-columns:1fr}.ba-confirm-amount-value{font-size:28px}.ba-va-number{font-size:18px}}