.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-f341bb6b]{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-f341bb6b],.nav-cashier[data-v-f341bb6b]{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-f341bb6b]:last-child,.nav-cashier>span[data-v-f341bb6b]:last-child{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-ikon[data-v-f341bb6b]{width:42px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:999px}.nav-aktif[data-v-f341bb6b]{color:var(--hijau)}.nav-aktif .nav-ikon[data-v-f341bb6b]{background:var(--tint-hijau);color:var(--hijau)}.nav-cashier[data-v-f341bb6b]{position:relative;color:var(--teks);justify-content:flex-end;padding-bottom:1px}.cashier-circle[data-v-f341bb6b]{width:56px;height:56px;margin-top:-29px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--kuning);color:var(--hijau-tua);box-shadow:0 4px 12px #e6be0061;border:4px solid var(--permukaan)}.mode-sheet[data-v-f341bb6b]{display:grid;gap:10px}.mode-choice[data-v-f341bb6b]{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-f341bb6b]{border-left-color:var(--hijau)}.mode-choice-icon[data-v-f341bb6b]{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-f341bb6b]{background:var(--tint-hijau);color:var(--hijau)}.mode-choice>span[data-v-f341bb6b]:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.mode-choice b[data-v-f341bb6b]{font-size:14px}.mode-choice small[data-v-f341bb6b]{color:var(--teks-2);font-size:11px;line-height:1.35}.skeleton[data-v-9cc858e8]{display:grid;gap:10px;padding:16px 0}.skeleton span[data-v-9cc858e8]{display:block;border-radius:8px;background:linear-gradient(90deg,var(--permukaan-2),#f1f1f1,var(--permukaan-2));background-size:200% 100%;animation:shimmer-9cc858e8 1.2s linear infinite}@keyframes shimmer-9cc858e8{to{background-position:-200% 0}}.route-loading[data-v-becd8e69]{min-height:100vh;padding:24px 16px}:root{--hijau: #009B3A;--hijau-tua: #00732B;--hijau-terang: #2ED47A;--kuning: #FFD400;--kuning-tua: #E6BE00;--kuning-muda: #FFF9DC;--latar: #F5F8F5;--permukaan: #FFFFFF;--permukaan-2: #FFF9DC;--teks: #0F1B14;--teks-2: #6B7C74;--garis: #E4EDE7;--sukses: #009B3A;--peringatan: #E6A700;--bahaya: #D92D20;--primer: #0F1B14;--primer-2: #3A4D43;--aksen: #FFD400;--aksen-tekan: #E6BE00;--aksen-2: #FFD400;--emas: #E6BE00;--tint-primer: rgba(15, 27, 20, .07);--tint-aksen: rgba(255, 212, 0, .22);--tint-aksen-2: rgba(230, 190, 0, .2);--tint-emas: rgba(255, 212, 0, .2);--tint-sukses: rgba(0, 155, 58, .12);--tint-bahaya: rgba(217, 45, 32, .1);--tint-hijau: rgba(0, 155, 58, .1);--tint-hijau-tua: rgba(0, 115, 43, .12);--grad-primer: linear-gradient(160deg, #009B3A, #00732B);--grad-kuning: linear-gradient(135deg, #FFD400, #E6BE00);--grad-band-hijau: linear-gradient(160deg, #009B3A, #00732B);--grad-band-hijau-tua: linear-gradient(160deg, #00732B, #044D1E);--band-teks-hijau: #ffffff;--band-teks-hijau-tua: #ffffff;--band-sub-hijau: rgba(255, 255, 255, .82);--band-sub-hijau-tua: rgba(255, 255, 255, .78);--band-shadow-hijau: 0 8px 20px rgba(0, 115, 43, .25);--band-shadow-hijau-tua: 0 8px 20px rgba(4, 77, 30, .28);--band-tinggi: 172px;--band-tumpang: -38px;--band-pil: rgba(255, 255, 255, .18);--pola-bp: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='%23fff' transform='translate(50 50)'%3E%3Cg id='p'%3E%3Cpath d='M0-44C7.5-26 7.5-13 0-5-7.5-13-7.5-26 0-44Z'/%3E%3C/g%3E%3Cuse href='%23p' transform='rotate(30)'/%3E%3Cuse href='%23p' transform='rotate(60)'/%3E%3Cuse href='%23p' transform='rotate(90)'/%3E%3Cuse href='%23p' transform='rotate(120)'/%3E%3Cuse href='%23p' transform='rotate(150)'/%3E%3Cuse href='%23p' transform='rotate(180)'/%3E%3Cuse href='%23p' transform='rotate(210)'/%3E%3Cuse href='%23p' transform='rotate(240)'/%3E%3Cuse href='%23p' transform='rotate(270)'/%3E%3Cuse href='%23p' transform='rotate(300)'/%3E%3Cuse href='%23p' transform='rotate(330)'/%3E%3Ccircle r='9'/%3E%3C/g%3E%3C/svg%3E");--band-cahaya: radial-gradient(180px 140px at 14% -6%, rgba(255, 255, 255, .12), rgba(255, 255, 255, 0) 70%);--band-lingkaran: radial-gradient(circle 110px at calc(100% - 28px) -16px, rgba(255, 255, 255, .1) 0 110px, rgba(255, 255, 255, 0) 110px);--band-titik: radial-gradient(rgba(255, 255, 255, .06) 1px, rgba(255, 255, 255, 0) 1px);--band-wave: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 18'%3E%3Cpath fill='%23ffffff' d='M0 6C30 6 30 16 60 16S90 6 120 6v12H0Z'/%3E%3C/svg%3E");--grad-poin: linear-gradient(150deg, #00732B, #044D1E);--poin-ingat: #FFD400;--shadow-poin: 0 18px 34px rgba(4, 77, 30, .28);--r-poin: 20px;--garis-terang: rgba(0, 0, 0, .06);--r-kartu: 18px;--r-kecil: 16px;--r-input: 16px;--hairline: #E4EDE7;--shadow-1: 0 1px 2px rgba(15, 27, 20, .04);--shadow-2: 0 8px 24px rgba(15, 27, 20, .08), 0 2px 6px rgba(15, 27, 20, .05);--shadow: var(--shadow-1), 0 6px 18px rgba(0, 115, 43, .08);--shadow-kuat: 0 -8px 22px rgba(0, 115, 43, .1);--shadow-tombol: 0 3px 10px rgba(230, 190, 0, .38);--jarak-1: 4px;--jarak-2: 8px;--jarak-3: 12px;--jarak-4: 16px;--jarak-5: 20px;--jarak-6: 24px;--durasi-ui: .18s;--nav-h: 64px;--pad-bawah: 96px;--lebar: 480px}:root[data-tema=gelap]{--latar: #07160E;--permukaan: #0E2418;--permukaan-2: #14301F;--teks: #E8F3EC;--teks-2: #9CB3A6;--garis: #1E3A2A;--hairline: #1E3A2A;--hijau: #2ED47A;--primer: #E8F3EC;--primer-2: #9CB3A6;--garis-terang: rgba(255, 255, 255, .08)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--latar);overflow-x:hidden}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;transition:transform var(--durasi-ui) ease,background-color var(--durasi-ui) ease,border-color var(--durasi-ui) ease,box-shadow var(--durasi-ui) ease,color var(--durasi-ui) ease}button:active{transform:scale(.985)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3{margin:0;font-weight:800;letter-spacing:-.4px}:focus-visible{outline:2px solid var(--kuning-tua);outline-offset:3px;box-shadow:0 0 0 4px #ffd40059}.num,input[type=number],input[inputmode=numeric]{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-kuning);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(--hijau)}.seksi-kaps{color:var(--hijau);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(--hijau-tua);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(--hijau-tua);font-weight:850;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(--hijau);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:44px;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:44px;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-hijau-tua{background:var(--tint-hijau-tua);color:var(--hijau-tua)}.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:3px;box-shadow:0 0 0 4px #ffd40059}.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){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!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}}