.tirai[data-v-2f756b3f]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:100;display:flex;align-items:flex-end;justify-content:center}.sheet[data-v-2f756b3f]{width:100%;max-width:var(--lebar);background:var(--permukaan);border-radius:22px 22px 0 0;padding:10px 16px calc(20px + env(safe-area-inset-bottom,0px));max-height:88vh;overflow-y:auto;animation:naik-2f756b3f .2s ease-out}.sheet.penuh[data-v-2f756b3f]{max-height:100vh;min-height:100vh;border-radius:0;padding-top:22px}@keyframes naik-2f756b3f{0%{transform:translateY(24px);opacity:.6}to{transform:none;opacity:1}}.grabber[data-v-2f756b3f]{width:40px;height:4px;border-radius:999px;background:var(--garis);margin:0 auto 10px}.kepala[data-v-2f756b3f]{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.judul[data-v-2f756b3f]{font-size:16px;font-weight:800;color:var(--teks)}.tutup[data-v-2f756b3f]{width:44px;height:44px;margin-right:-10px;display:flex;align-items:center;justify-content:center;color:var(--teks)}.nav[data-v-68cf5a6b]{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:var(--lebar);height:calc(var(--nav-h) + env(safe-area-inset-bottom,0px));padding:6px 8px env(safe-area-inset-bottom,0px);background:var(--permukaan);border-top:1px solid var(--garis);display:flex;z-index:50}.nav-item[data-v-68cf5a6b],.nav-cashier[data-v-68cf5a6b]{flex:1;min-width:0;min-height:44px;margin:0 2px;padding:0 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border-radius:var(--r-kecil);color:var(--teks-2);font-size:10px;font-weight:700;text-align:center}.nav-item span[data-v-68cf5a6b]:last-child,.nav-cashier>span[data-v-68cf5a6b]:last-child{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-ikon[data-v-68cf5a6b]{width:42px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:999px}.nav-aktif[data-v-68cf5a6b]{color:var(--merah)}.nav-aktif .nav-ikon[data-v-68cf5a6b]{background:var(--tint-merah);color:var(--merah)}.nav-cashier[data-v-68cf5a6b]{position:relative;color:var(--teks);justify-content:flex-end;padding-bottom:1px}.cashier-circle[data-v-68cf5a6b]{width:56px;height:56px;margin-top:-29px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--kuning);color:var(--teks);box-shadow:0 4px 12px #785c004d;border:4px solid var(--permukaan)}.mode-sheet[data-v-68cf5a6b]{display:grid;gap:10px}.mode-choice[data-v-68cf5a6b]{width:100%;min-height:78px;display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--garis);border-left:4px solid var(--kuning);border-radius:var(--r-kecil);text-align:left}.mode-choice.market[data-v-68cf5a6b]{border-left-color:var(--merah)}.mode-choice-icon[data-v-68cf5a6b]{width:40px;height:40px;flex:0 0 40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--tint-aksen)}.market .mode-choice-icon[data-v-68cf5a6b]{background:var(--tint-merah);color:var(--merah)}.mode-choice>span[data-v-68cf5a6b]:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.mode-choice b[data-v-68cf5a6b]{font-size:14px}.mode-choice small[data-v-68cf5a6b]{color:var(--teks-2);font-size:11px;line-height:1.35}:root{--kuning: #FBCE07;--kuning-tua: #E5B800;--merah: #DD1D21;--merah-tua: #B81519;--latar: #fafafa;--permukaan: #ffffff;--permukaan-2: #fff8e1;--teks: #1c1c1c;--teks-2: #6b6b6b;--garis: #ececec;--sukses: #00843D;--ungu: #5B2C86;--bahaya: #DD1D21;--primer: #1c1c1c;--primer-2: #3f3f3f;--aksen: #FBCE07;--aksen-tekan: #E5B800;--aksen-2: #FBCE07;--emas: #E5B800;--tint-primer: rgba(28, 28, 28, .07);--tint-aksen: rgba(251, 206, 7, .22);--tint-aksen-2: rgba(229, 184, 0, .2);--tint-emas: rgba(251, 206, 7, .2);--tint-sukses: rgba(0, 132, 61, .12);--tint-bahaya: rgba(221, 29, 33, .1);--tint-merah: rgba(221, 29, 33, .1);--tint-ungu: rgba(91, 44, 134, .12);--grad-primer: repeating-linear-gradient(135deg, rgba(255, 255, 255, .06) 0 9px, rgba(255, 255, 255, 0) 9px 18px), linear-gradient(160deg, #FBCE07, #E5B800);--grad-angka: linear-gradient(92deg, #5B2C86, #7B3FB0);--garis-terang: rgba(0, 0, 0, .06);--r-kartu: 14px;--r-kecil: 12px;--shadow: 0 6px 18px rgba(120, 92, 0, .07);--shadow-kuat: 0 -8px 22px rgba(120, 92, 0, .1);--shadow-tombol: 0 3px 10px rgba(229, 184, 0, .38);--nav-h: 64px;--pad-bawah: 88px;--lebar: 480px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--latar)}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--teks);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}#app{max-width:var(--lebar);margin:0 auto;min-height:100vh;background:var(--latar);position:relative;overflow-x:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3{margin:0;font-weight:800;letter-spacing:-.4px}.num{font-variant-numeric:tabular-nums}.layar{padding:0 16px;padding-bottom:var(--pad-bawah)}.layar-polos{padding-bottom:var(--pad-bawah)}.band{background:var(--grad-primer);height:100px}.band-isi{margin-top:-28px;background:var(--permukaan);border-radius:var(--r-kartu) var(--r-kartu) 0 0;padding:18px 16px 16px}.kartu{background:var(--permukaan);border:1px solid var(--garis);border-radius:var(--r-kartu);padding:14px}.kartu-shadow{background:var(--permukaan);border-radius:var(--r-kartu);box-shadow:var(--shadow);padding:14px}.kartu-primer{background:var(--grad-primer);border:1px solid var(--garis-terang);border-radius:var(--r-kartu);box-shadow:var(--shadow);padding:16px;color:var(--teks)}.judul-layar{font-size:26px;font-weight:800;letter-spacing:-.6px;color:var(--teks)}.judul-seksi{font-weight:800;font-size:15px;letter-spacing:-.3px;color:var(--merah)}.seksi-kaps{color:var(--merah);font-weight:800;font-size:10.5px;letter-spacing:.5px;text-transform:uppercase}.angka-besar{font-size:34px;font-weight:800;letter-spacing:-1px;line-height:1.05;font-variant-numeric:tabular-nums}.angka-grad{color:var(--ungu);font-variant-numeric:tabular-nums;font-weight:800}.kecil{font-size:12px;color:var(--teks-2)}.abu{color:var(--teks-2)}.tautan-garis{text-decoration:underline;font-weight:700}.btn{min-height:44px;border-radius:var(--r-kecil);padding:0 18px;font-weight:800;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-utama{background:var(--kuning);color:var(--teks);font-weight:800;box-shadow:var(--shadow-tombol)}.btn-utama:active{background:var(--kuning-tua)}.btn-utama[disabled]{background:var(--permukaan-2);color:var(--teks-2);box-shadow:none;cursor:not-allowed}.btn-primer{background:var(--merah);color:#fff}.btn-primer[disabled]{background:var(--permukaan-2);color:var(--teks-2);cursor:not-allowed}.btn-penuh{width:100%}.btn-garis{border:1px solid var(--garis);background:var(--permukaan);color:var(--teks)}.btn-kecil{min-height:36px;padding:0 14px;font-size:13px;border-radius:10px}.ikon-bulat{width:46px;height:46px;flex:0 0 46px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:var(--tint-aksen);color:var(--primer)}.chip-baris{display:flex;gap:8px;overflow-x:auto;padding:2px 0 6px;scrollbar-width:none}.chip-baris::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;min-height:36px;display:inline-flex;align-items:center;gap:6px;padding:0 14px;border-radius:999px;border:1px solid var(--garis);background:var(--permukaan);font-size:12.5px;font-weight:700;white-space:nowrap;color:var(--teks)}.chip-aktif{border-color:transparent;color:var(--primer);background:var(--tint-aksen)}.chip-primer{background:var(--primer);color:#fff;border-color:var(--primer)}.pil{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}.pil-sukses{background:var(--tint-sukses);color:var(--sukses)}.pil-bahaya{background:var(--tint-bahaya);color:var(--bahaya)}.pil-aksen{background:var(--tint-aksen);color:var(--primer-2)}.pil-emas{background:var(--tint-emas);color:var(--primer)}.pil-ungu{background:var(--tint-ungu);color:var(--ungu)}.pil-abu{background:var(--permukaan-2);color:var(--teks-2)}.input{width:100%;min-height:48px;border:1px solid var(--garis);border-radius:var(--r-kecil);padding:0 14px;background:var(--permukaan);font-size:15px}.input:focus-visible,.btn:focus-visible,.chip:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--kuning-tua);outline-offset:2px;box-shadow:0 0 0 4px #fbce0759}.label{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--teks-2);margin-bottom:6px;display:block}.gambar-169{aspect-ratio:16 / 9;border-radius:var(--r-kecil);overflow:hidden;background:var(--permukaan-2)}.bar-sticky{position:fixed;left:50%;transform:translate(-50%);width:100%;max-width:var(--lebar);bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px));background:var(--permukaan);border-top:1px solid var(--garis);box-shadow:var(--shadow-kuat);padding:10px 16px;z-index:40}.hairline+.hairline{border-top:1px solid var(--garis)}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media print{body>*:not(.tirai),.tirai .grabber,.tirai .kepala,.tirai .aksi,.tirai .tutup-btn{display:none!important}.tirai{position:static;background:none;display:block}.tirai .sheet{max-width:none;max-height:none;overflow:visible;padding:0;animation:none}.kertas{border:none;background:none}}