.sd-wallet{position:relative;overflow:hidden;border-radius:22px;padding:18px 18px 16px;color:#fff;background:linear-gradient(135deg,#FF2E93 0%,var(--ds-pink-dalam,#B3105F) 100%);box-shadow:0 12px 28px #b3105f47}.sd-wallet:after{content:"";position:absolute;right:-40px;top:-40px;width:140px;height:140px;border-radius:50%;background:#ffffff1f}.sd-w-label{font:600 calc(12px*var(--sh,1))/1 var(--font-ui,inherit);opacity:.85;letter-spacing:.04em;text-transform:uppercase}.sd-w-bal{display:block;margin:8px 0 14px;font:800 calc(30px*var(--sh,1))/1.1 var(--font-ui,inherit);letter-spacing:-.01em}.sd-w-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;position:relative;z-index:1}.sd-btn{border:0;cursor:pointer;border-radius:var(--ds-s-bulat,999px);padding:10px 18px;font:700 calc(14px*var(--sh,1))/1 var(--font-ui,inherit);transition:transform .15s,box-shadow .15s,opacity .15s}.sd-btn:active{transform:scale(.96)}.sd-btn[disabled]{opacity:.55;cursor:default}.sd-btn-white{background:#fff;color:var(--ds-pink-dalam,#B3105F);box-shadow:0 4px 12px #00000026}.sd-btn-ok{background:#16a34a;color:#fff}.sd-btn-warn{background:#f59e0b;color:#2b1330}.sd-btn-bad{background:#e11d48;color:#fff}.sd-btn-pink{background:linear-gradient(135deg,#FF2E93,var(--ds-pink-dalam,#B3105F));color:#fff;box-shadow:0 6px 16px #ff1d8659}.sd-btn-ghost{background:#0000000f;color:inherit}.sd-note{margin:10px 2px 0;font-size:calc(12.5px*var(--sh,1));opacity:.75}.sd-w-note{margin:0;font-size:calc(12.5px*var(--sh,1));opacity:.92;position:relative;z-index:1}.sd-pay{margin-top:12px;border-radius:20px;padding:16px;background:#fff;color:#1c0e20;border:1px solid rgba(255,29,134,.18);box-shadow:0 8px 22px #1c0e2014}.sd-pay-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.sd-chip{display:inline-flex;gap:6px;align-items:center;padding:5px 10px;border-radius:var(--ds-s-bulat,999px);background:#fff1f8;color:var(--ds-pink-dalam,#B3105F);font:700 calc(13px*var(--sh,1))/1 var(--font-ui,inherit)}.sd-bar{height:6px;border-radius:var(--ds-s-bulat,99px);background:#f3e3ec;margin:10px 0 14px;overflow:hidden}.sd-bar i{display:block;height:100%;width:100%;border-radius:var(--ds-s-bulat,99px);background:linear-gradient(90deg,#FF2E93,var(--ds-emas,#FFC738));transition:width 1s linear}.sd-pay-amt{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:var(--ds-s-sedang,14px);background:#faf5f8;font:800 calc(22px*var(--sh,1))/1.1 var(--font-ui,inherit)}.sd-copy{border:0;background:#fff;color:var(--ds-pink-dalam,#B3105F);border-radius:var(--ds-s-bulat,999px);padding:7px 12px;font:700 calc(12px*var(--sh,1))/1 var(--font-ui,inherit);cursor:pointer;box-shadow:0 2px 8px #0000001a}.sd-pay p{margin:10px 0;font-size:calc(13px*var(--sh,1));line-height:1.45;opacity:.85}.sd-qr{display:block;margin:6px auto 12px;width:min(240px,70%);border-radius:16px;border:1px solid #f0dce6}.sd-pay-btns{display:flex;flex-direction:column;gap:8px}.sd-pay-btns .sd-btn{width:100%;padding:13px}.sd-state{margin-top:12px;border-radius:var(--ds-s-besar,18px);padding:14px 16px;font-size:calc(13.5px*var(--sh,1));line-height:1.45}.sd-state b{display:block;margin-bottom:2px}.sd-state-pend{background:#fff7e0;border:1px solid #fde4a1;color:#5b4300}.sd-state-lain{background:#eef4ff;border:1px solid #cddcff;color:#1e3a8a}.sd-pulse{display:inline-block;width:9px;height:9px;border-radius:50%;background:#f59e0b;margin-right:7px;animation:sdp 1.4s infinite}@keyframes sdp{0%{box-shadow:0 0 #f59e0b99}to{box-shadow:0 0 0 10px #f59e0b00}}.sd-hist-t{margin:16px 2px 6px;font:700 calc(13px*var(--sh,1))/1 var(--font-ui,inherit);opacity:.7}.sd-hist{display:flex;gap:10px;align-items:flex-start;padding:10px 4px;border-bottom:1px solid rgba(28,14,32,.08)}.sd-h-ic{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:800 calc(15px*var(--sh,1))/1 var(--font-ui,inherit)}.sd-h-ok{background:#dcfce7;color:#15803d}.sd-h-warn{background:#fef3c7;color:#b45309}.sd-h-bad{background:#ffe4e6;color:#be123c}.sd-h-pend{background:#e0e7ff;color:#3730a3}.sd-h-main{flex:1;min-width:0}.sd-h-main b{display:block;font-size:calc(14px*var(--sh,1))}.sd-h-main small{display:block;opacity:.7;font-size:calc(12px*var(--sh,1));margin-top:2px}.sd-h-note{margin-top:4px;padding:6px 9px;border-radius:var(--ds-s-kecil,10px);background:#faf5f8;font-size:calc(12.5px*var(--sh,1))}.sd-h-amt{flex:none;font:800 calc(14px*var(--sh,1))/1.2 var(--font-ui,inherit);color:#15803d}.sd-ov{position:fixed;inset:0;z-index:100030;background:#1408188c;backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;opacity:0;transition:opacity .2s}.sd-ov[hidden]{display:none}.sd-ov.on{opacity:1}.sd-sheet{width:100%;max-width:480px;max-height:92vh;overflow:auto;background:#fff;color:#1c0e20;border-radius:26px 26px 0 0;padding:10px 18px calc(22px + env(safe-area-inset-bottom));transform:translateY(40px);transition:transform .25s cubic-bezier(.2,.9,.3,1)}.sd-ov.on .sd-sheet{transform:none}.sd-grab{width:42px;height:4px;border-radius:9px;background:#e5d5de;margin:2px auto 10px}.sd-sh-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.sd-sh-head h3{margin:0;font:800 calc(18px*var(--sh,1))/1.2 var(--font-ui,inherit)}.sd-x{border:0;background:#f3e9ef;color:#1c0e20;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:calc(14px*var(--sh,1))}.sd-lbl{display:block;margin:14px 0 6px;font:700 calc(12.5px*var(--sh,1))/1 var(--font-ui,inherit);opacity:.75}.sd-chips{display:flex;flex-wrap:wrap;gap:8px}.sd-chips button{border:1.5px solid #ecd7e3;background:#fff;color:#1c0e20;border-radius:var(--ds-s-bulat,999px);padding:9px 14px;font:700 calc(13px*var(--sh,1))/1 var(--font-ui,inherit);cursor:pointer;transition:all .15s}.sd-chips button.on{border-color:var(--ds-pink,#FF1D86);background:#fff1f8;color:var(--ds-pink-dalam,#B3105F)}.sd-inp{display:flex;align-items:center;gap:8px;margin-top:8px;border:1.5px solid #ecd7e3;border-radius:var(--ds-s-sedang,14px);padding:0 12px;background:#fff}.sd-inp:focus-within{border-color:var(--ds-pink,#FF1D86);box-shadow:0 0 0 3px #ff1d8626}.sd-inp span{font-weight:700;opacity:.6}.sd-inp input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:13px 0;font:600 calc(15px*var(--sh,1))/1.2 var(--font-ui,inherit);color:inherit}.sd-inp.ro{background:#faf5f8}.sd-primary{width:100%;margin-top:18px;padding:15px;font-size:calc(15px*var(--sh,1))}.sd-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:4px 0 14px}.sd-stat{border-radius:16px;padding:12px;background:#fff;border:1px solid rgba(255,29,134,.15);text-align:center}.sd-stat b{display:block;font:800 calc(22px*var(--sh,1))/1.1 var(--font-ui,inherit)}.sd-stat small{opacity:.7;font-size:calc(11.5px*var(--sh,1))}.sd-adm-card{border-radius:var(--ds-s-besar,18px);padding:14px;margin:10px 0;background:#fff;color:#1c0e20;border:1px solid rgba(28,14,32,.08);box-shadow:0 6px 18px #1c0e200f}.sd-adm-card .sd-amt{display:flex;justify-content:space-between;align-items:center;margin:8px 0;padding:10px 12px;border-radius:12px;background:#faf5f8}.sd-adm-card .sd-amt b{font:800 calc(18px*var(--sh,1))/1 var(--font-ui,inherit)}.sd-adm-card .sd-inp{margin-top:6px}.sd-adm-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.sd-adm-h{margin:18px 2px 4px;font:800 calc(14px*var(--sh,1))/1.2 var(--font-ui,inherit)}.sd-adm-run{border-radius:var(--ds-s-sedang,14px);padding:10px 12px;background:#eef4ff;color:#1e3a8a;font-size:calc(13px*var(--sh,1));margin-bottom:8px}.sd-pay-btns .sd-btn.sd-btn-ghost{background:transparent;color:var(--ds-pink-dalam,#B3105F);border:1.5px solid rgba(255,29,134,.35);border-radius:var(--ds-s-bulat,999px);box-shadow:none}.sd-pay-btns .sd-btn.sd-btn-ghost:hover{background:#fff1f8}.sd-cair-note{margin:-2px 0 10px;padding:8px 12px;border-radius:12px;font-size:calc(12.5px*var(--sh,1));line-height:1.45}.sd-cair-note.ok{background:#e8f8ef;color:#0b6b3a}.sd-cair-note.bad{background:#ffeef1;color:#a1163a}.sd-cair-note.wait{background:#fff7e0;color:#5b4300}.sd-state-lain .sd-cek-lagi{margin-top:10px;padding:9px 16px;font-size:calc(13px*var(--sh,1));color:#1e3a8a}.qris-oto .sd-lama{display:none!important}.tip-box{margin-top:14px;padding:14px;border:1.5px dashed #ecd7e3;border-radius:16px;background:#fff9}.tip-box .tip-chips{margin:8px 0}.tip-box .tip-chips button.on{background:#ff2e93;border-color:#ff2e93;color:#fff}.tip-box .tip-jumlah{width:100%;box-sizing:border-box;padding:11px 14px;border:1.5px solid #ecd7e3;border-radius:12px;font:600 calc(14px*var(--sh,1))/1.2 var(--font-ui,inherit);margin-bottom:6px}.tip-box .tip-sudah:empty,.tip-box .tip-saldo:empty{display:none}.cf-bar{margin:6px 0 10px;display:flex;flex-direction:column;gap:8px}.cf-q{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,143,212,.35);background:#ffffff0f;color:inherit;font:600 calc(13px*var(--sh,1))/1.2 var(--font-ui,inherit)}.cf-row{display:flex;flex-wrap:wrap;gap:6px}.cf-s{flex:1 1 120px;min-width:0;padding:8px 10px;border-radius:var(--ds-s-kecil,10px);border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:inherit;font:700 calc(12px*var(--sh,1))/1.2 var(--font-ui,inherit)}.cf-s option{color:#222}.cf-reset{flex:none;padding:8px 12px;border-radius:var(--ds-s-kecil,10px);border:1px solid rgba(255,77,109,.6);background:transparent;color:#ff8a9f;font:800 calc(12px*var(--sh,1))/1 var(--font-ui,inherit);cursor:pointer}.cf-reset[hidden]{display:none}.cf-ket{margin:2px 2px 8px;font:700 calc(11.5px*var(--sh,1))/1.3 var(--font-ui,inherit);opacity:.8}.sd-inp select{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:13px 0;font:600 calc(14px*var(--sh,1))/1.2 var(--font-ui,inherit);color:inherit}html body .sx-wp .sd-inp select{background:transparent;border:0;box-shadow:none}#saldo-box.board-result-box{position:relative;overflow:hidden;padding:20px 18px 16px;border-radius:26px;color:#fff;line-height:1.4;background:linear-gradient(150deg,#2e0b2c,#5a1450 55%,#8e1560);box-shadow:0 14px 34px #2e0b2c73}#saldo-box.board-result-box:after{content:"";position:absolute;right:-50px;top:-50px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,143,212,.3),transparent 70%);pointer-events:none}.sdk{position:relative;z-index:1}.sdk-hd{display:flex;justify-content:space-between;align-items:center}.sdk-lbl{font:700 calc(12px*var(--sh,1))/1 var(--font-ui,inherit);letter-spacing:.06em;text-transform:uppercase;opacity:.75}.sdk-eye{border:0;background:#ffffff1f;color:#fff;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;cursor:pointer}.sdk-eye svg{width:18px;height:18px}.sdk-bal{margin:6px 0 10px;font:800 calc(34px*var(--sh,1))/1.1 var(--font-ui,inherit);letter-spacing:-.01em}.sdk-sub{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.sdk-sub span{background:#ffffff1f;border-radius:999px;padding:6px 12px;font-size:calc(12.5px*var(--sh,1))}.sdk-sub b{margin-left:6px}.sdk-aksi{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sdk-btn{border:0;border-radius:16px;padding:13px 10px;font:800 calc(14px*var(--sh,1))/1.1 var(--font-ui,inherit);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;transition:transform .15s,opacity .15s}.sdk-btn:active{transform:scale(.97)}.sdk-btn small{font-weight:600;font-size:calc(10.5px*var(--sh,1));opacity:.8}.sdk-utama{background:#fff;color:#b3105f;box-shadow:0 6px 16px #00000040}.sdk-ghost{background:#ffffff24;color:#fff;border:1px solid rgba(255,255,255,.25)}.sdk-btn[disabled]{opacity:.5;cursor:default}.sdk-form{background:#fff;color:#1c0e20;border-radius:18px;padding:14px;margin-top:12px}.sdk-form .field label{color:#1c0e20}.sdk-form .field input{background:#fbf4f8;color:#1c0e20;border:1.5px solid #ECD7E3}.sdk-form .task-empty{color:#6b5a70;margin:0 0 10px;font-size:calc(12.5px*var(--sh,1))}.sdk-h{margin:18px 0 4px;font:700 calc(12px*var(--sh,1))/1 var(--font-ui,inherit);letter-spacing:.05em;text-transform:uppercase;opacity:.7}.sdk-rw{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.12)}.sdk-rw-t{display:flex;flex-direction:column;min-width:0}.sdk-rw-t b{font-size:calc(14.5px*var(--sh,1))}.sdk-rw small{opacity:.7;font-size:calc(12px*var(--sh,1))}.sdk-pill{flex:none;font-style:normal;font-weight:800;font-size:calc(11.5px*var(--sh,1));padding:4px 10px;border-radius:999px}.sdk-ok{background:#dcfce7;color:#15803d}.sdk-bad{background:#ffe4e6;color:#be123c}.sdk-wait{background:#fef3c7;color:#b45309}.sdk-cn{margin:-2px 0 6px;font-size:calc(12px*var(--sh,1));opacity:.75}.sdk-rw-s .in{color:#86efac;font-weight:800}.sdk-rw-s .out{color:#fda4af;font-weight:800}.sdk details{margin-top:14px}.sdk summary{cursor:pointer;list-style:none;font:700 calc(13px*var(--sh,1))/1.2 var(--font-ui,inherit);opacity:.85}.sdk summary::-webkit-details-marker{display:none}.sdk summary:after{content:" ▾";opacity:.7}.sdk summary small,#saldo-box .sd-hist-t small{font-weight:600;opacity:.7;margin-left:4px;text-transform:none}.sdk-info ul{margin:8px 0 0;padding-left:18px;font-size:calc(12.5px*var(--sh,1));opacity:.8;line-height:1.55}#saldo-box .sd-tu-slot{margin-top:0}#saldo-box .sd-hist-t{margin:18px 0 4px;color:#fff;opacity:.7;text-transform:uppercase;letter-spacing:.05em;font-size:calc(12px*var(--sh,1))}#saldo-box .sd-hist{border-color:#ffffff1f}#saldo-box .sd-h-main b{color:#fff}#saldo-box .sd-h-note{background:#ffffff1f;color:#fff}#saldo-box .sd-h-amt{color:#86efac}#saldo-box .sd-state,#saldo-box .sd-pay{margin-top:12px}
