#cariyuk-payment-dialog{--pay-bg:light-dark(#f2f7f4,#101c16);--pay-surface:light-dark(#fffdf7,#1c2d24);--pay-ink:light-dark(#164b35,#e8f4eb);--pay-muted:light-dark(#596f61,#b4c9bb);--pay-line:light-dark(#d9e5dc,#3b5043);--pay-green:light-dark(#08794f,#80d3a3);--pay-soft:light-dark(#eaf3ec,#284536);color-scheme:light dark;box-sizing:border-box;width:calc(100% - 28px);max-width:490px;max-height:90dvh;margin:auto;overflow:auto;border:1px solid var(--pay-line);border-radius:19px;padding:0;background:var(--pay-surface);color:var(--pay-ink);font:14px/1.6 system-ui,sans-serif;box-shadow:0 20px 70px #052c2440}#cariyuk-payment-dialog::backdrop{background:#062b23b8;backdrop-filter:blur(3px)}#cariyuk-payment-dialog *{box-sizing:border-box}#cariyuk-payment-dialog [hidden]{display:none!important}#cariyuk-payment-dialog h2{font-size:24px;line-height:1.25;margin:5px 0 0}#cariyuk-payment-dialog small{display:block;font-size:12px;color:var(--pay-muted)}#cariyuk-payment-dialog p{margin:0;overflow-wrap:anywhere}#cariyuk-payment-dialog button{font:inherit;cursor:pointer;color:var(--pay-ink);background:var(--pay-soft);border:1px solid var(--pay-line);border-radius:9px;padding:9px 12px}#cariyuk-payment-dialog button:focus-visible,#cariyuk-payment-dialog a:focus-visible{outline:3px solid var(--pay-green);outline-offset:2px}#cariyuk-payment-dialog .pay-head{display:flex;align-items:start;justify-content:space-between;gap:15px;padding:22px 22px 12px}#cariyuk-payment-dialog .pay-head small{font-weight:700;letter-spacing:.08em;color:var(--pay-green)}#cariyuk-payment-dialog #payment-close{border:0;width:38px;height:38px;border-radius:50%;font-size:24px;padding:0;flex-shrink:0}#cariyuk-payment-dialog .pay-body{padding:0 22px 22px;display:grid;gap:16px}#payment-order-number{font-size:12px;color:var(--pay-muted)}#cariyuk-payment-dialog .pay-badge{justify-self:start;border-radius:20px;background:var(--pay-soft);color:var(--pay-green);padding:4px 11px;font-size:12px}#cariyuk-payment-dialog .pay-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}#cariyuk-payment-dialog .pay-tabs button{font-size:13px}#cariyuk-payment-dialog .pay-tabs button[aria-selected=true]{border-color:var(--pay-green);background:var(--pay-bg);color:var(--pay-green);font-weight:700}#cariyuk-payment-dialog .pay-bank{border:1px solid var(--pay-line);border-radius:12px;background:var(--pay-bg);padding:18px;display:grid;gap:7px}#payment-bank-name{font-size:23px}#payment-account{font-size:28px;line-height:1.2;letter-spacing:.04em;overflow-wrap:anywhere}#payment-holder{font-size:13px;color:var(--pay-muted)}#cariyuk-payment-dialog #payment-copy{justify-self:start;margin-top:5px}#cariyuk-payment-dialog .pay-summary{margin:0}#cariyuk-payment-dialog .pay-summary>div{display:flex;justify-content:space-between;gap:14px;padding:5px 0}#cariyuk-payment-dialog dt{color:var(--pay-muted)}#cariyuk-payment-dialog dd{margin:0;text-align:right;font-weight:600}#cariyuk-payment-dialog .pay-total{border-top:1px solid var(--pay-line);padding-top:12px!important;margin-top:7px;font-size:17px}#cariyuk-payment-dialog .pay-total dt{color:var(--pay-ink);font-weight:700}#payment-instruction{color:var(--pay-muted);font-size:13px}#cariyuk-payment-dialog .pay-primary{display:block;text-align:center;text-decoration:none;border-radius:10px;background:#f0ac3b;color:#173528;padding:12px;font-weight:700}#cariyuk-payment-dialog #payment-back{background:transparent;border:0;color:var(--pay-green)}#cariyuk-payment-dialog .pay-qris-placeholder{text-align:center;padding:22px 16px;border:1px dashed var(--pay-line);border-radius:12px;background:var(--pay-bg)}#cariyuk-payment-dialog .pay-qris-placeholder p{margin:10px 0 16px;color:var(--pay-muted);font-size:13px}#payment-qris-image{display:block;width:100%;height:auto;max-height:420px;object-fit:contain;border-radius:10px}@media(max-width:420px){#cariyuk-payment-dialog .pay-head{padding:18px 18px 12px}#cariyuk-payment-dialog .pay-body{padding:0 18px 18px}#cariyuk-payment-dialog h2{font-size:22px}#payment-account{font-size:25px}}
