:root{--merah:#cf4a3f;--merah-tua:#a9362d;--merah-muda:#fbe9e5;--kuning:#f4b98a;--kuning-tua:#e8a672;--kuning-muda:#fbe8d8;--hijau:#3f7f6c;--hijau-tua:#1f4d42;--hijau-muda:#e5ece6;--biru:#365f99;--biru-tua:#284a7a;--biru-muda:#e6edf7;--kabut:#f4f6f2;--sage:#e5ece6;--sage-2:#cfdcd2;--sungai:#1f4d42;--sungai-dalam:#163a32;--sungai-sedang:#3f7f6c;--aprikot:#f4b98a;--aprikot-muda:#fbe8d8;--langit-muda:#e3edf2;--mawar-muda:#f6e6e1;--ink:#1d2a26;--ink-2:#4a5a54;--bayang:0 1px 2px #1d2a260d, 0 8px 24px #1d2a260f;--bayang-naik:0 2px 4px #1d2a260f, 0 16px 36px #1d2a261a;--papan:#fffdf9;--dinding:#f4f6f2;--tinta:#1d2a26;--tinta-2:#4a5a54;--tinta-3:#66756f;--garis:#7d8f87;--garis-lembut:#dfe7e1;--font-papan:"Besley", "Atkinson Hyperlegible Next", sans-serif;--font-teks:"Atkinson Hyperlegible Next", system-ui, sans-serif;--sudut:12px;--sudut-kecil:14px;--tebal:1.5px;--nav-h:68px;--lebar:1160px;--ease-out:cubic-bezier(.16, 1, .3, 1);--brand:var(--merah);--brand-hover:var(--merah-tua);--brand-light:var(--merah-muda);--brand-border:var(--garis);--cream:var(--dinding);--text-primary:var(--tinta);--text-secondary:var(--tinta-2);--text-muted:var(--tinta-3);--border:var(--garis-lembut);--font-sans:var(--font-teks);--font-serif:var(--font-papan)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--nav-h) + 16px);scrollbar-color:var(--tinta-3) var(--dinding)}body{font-family:var(--font-teks);background:var(--dinding);color:var(--tinta);-webkit-font-smoothing:antialiased;caret-color:var(--merah);accent-color:var(--merah);font-variant-numeric:tabular-nums;font-size:1rem;line-height:1.55}img{max-width:100%;display:block}a{color:var(--biru);text-underline-offset:.2em;text-decoration-thickness:2px}button{font:inherit;color:inherit}::selection{background:var(--kuning);color:var(--tinta)}:focus-visible{outline:3px solid var(--sungai-sedang);outline-offset:3px;border-radius:4px}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--dinding)}::-webkit-scrollbar-thumb{background:var(--tinta-3);border:3px solid var(--dinding);border-radius:999px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wadah{width:100%;max-width:var(--lebar);margin:0 auto;padding:0 1.25rem}@media (width>=768px){.wadah{padding:0 2rem}}.huruf-papan{font-family:var(--font-papan);letter-spacing:.01em;text-wrap:balance;font-weight:600;line-height:1.05}.berbayang{--bayang:#2b26222e;text-shadow:0 2px 0 var(--bayang)}.judul-halaman{font-family:var(--font-papan);color:var(--tinta);text-wrap:balance;font-size:clamp(1.6rem,4.5vw,2.4rem);font-weight:600;line-height:1.05}.sub-halaman{color:var(--tinta-2);max-width:60ch;margin-top:.4rem;font-size:1.02rem}.kepala-halaman{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;padding:2rem 0 1.5rem;display:flex}.papan{--papan-bg:#fff;--papan-list:var(--garis-lembut);background:var(--papan-bg);border:1.5px solid var(--garis-lembut);box-shadow:var(--bayang);border-radius:24px}.papan-bingkai{box-shadow:var(--bayang)}.papan-kuning{--papan-bg:var(--aprikot-muda);color:var(--ink);border-color:#f0cfb3}.papan-merah{--papan-bg:var(--sungai);color:#fff;border-color:#0000}.papan-hijau{--papan-bg:var(--sungai-sedang);color:#fff;border-color:#0000}.papan-biru{--papan-bg:var(--biru);color:#fff;border-color:#0000}.tombol{--t-bg:#fff;--t-bg-hover:var(--sage);--t-fg:var(--sungai);background:var(--t-bg);min-height:48px;color:var(--t-fg);border:1.5px solid var(--sage-2);font-family:var(--font-teks);cursor:pointer;white-space:nowrap;transition:background-color .25s ease, box-shadow .25s ease, transform .25s var(--ease-out);-webkit-tap-highlight-color:transparent;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:0 1.3rem;font-size:1rem;font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex}.tombol:hover:not(:disabled){background:var(--t-bg-hover)}.tombol:active:not(:disabled){transform:scale(.98)}.tombol:disabled{opacity:.5;cursor:not-allowed}.tombol svg{flex-shrink:0}.tombol-merah{--t-bg:var(--sungai);--t-bg-hover:var(--sungai-dalam);--t-fg:#fff;border-color:#0000;box-shadow:0 6px 16px #1f4d4233}.tombol-kuning{--t-bg:var(--aprikot);--t-bg-hover:#f7c6a0;--t-fg:var(--sungai-dalam);border-color:#0000}.tombol-hijau{--t-bg:var(--sungai-sedang);--t-bg-hover:var(--sungai);--t-fg:#fff;border-color:#0000}.tombol-biru{--t-bg:var(--biru);--t-bg-hover:var(--biru-tua);--t-fg:#fff;border-color:#0000}.tombol-tinta{--t-bg:var(--ink);--t-bg-hover:#36423e;--t-fg:#fff;border-color:#0000}.tombol-bahaya{--t-bg:#fff;--t-bg-hover:var(--merah-muda);--t-fg:var(--merah-tua);border-color:#e7b9b4}.tombol-polos{--t-bg:transparent;--t-bg-hover:var(--sage);border-color:#0000}.tombol-kecil{min-height:40px;padding:0 1rem;font-size:.92rem}.tombol-besar{min-height:56px;padding:0 1.7rem;font-size:1.08rem}.tombol-penuh{width:100%}.isian{flex-direction:column;gap:.4rem;display:flex}.isian+.isian{margin-top:1.1rem}.isian label,.label{color:var(--tinta);font-size:.95rem;font-weight:700}.isian .wajib{color:var(--merah)}.isian .bantuan{color:var(--tinta-3);font-size:.85rem}.isian .galat{color:var(--merah-tua);font-size:.875rem;font-weight:700}.input,.isian input:not([type=checkbox]):not([type=radio]):not([type=file]),.isian select,.isian textarea{background:var(--papan);width:100%;min-height:48px;color:var(--tinta);border:1.5px solid var(--garis);border-radius:var(--sudut-kecil);font-family:var(--font-teks);appearance:none;padding:.7rem .9rem;font-size:1rem;line-height:1.4;transition:border-color .15s,box-shadow .15s}.isian textarea{resize:vertical;min-height:110px}.isian select,select.input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%231d2a26' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 8 5 5 5-5'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2.5rem}.input::placeholder,.isian input::placeholder,.isian textarea::placeholder{color:#6b6b6b}.input:focus,.isian input:focus,.isian select:focus,.isian textarea:focus{border-color:var(--sungai-sedang);outline:none;box-shadow:0 0 0 4px #3f7f6c2e}.input[aria-invalid=true],.isian .is-galat{border-color:var(--merah)!important;box-shadow:0 0 0 3px var(--merah-muda)!important}.baris-isian{gap:1rem;display:grid}@media (width>=560px){.baris-isian{grid-template-columns:1fr 1fr}.baris-isian>.isian+.isian{margin-top:0}}.pesan{border:1.5px solid var(--garis-lembut);border-radius:16px;align-items:flex-start;gap:.6rem;padding:.85rem 1.05rem;font-size:.95rem;font-weight:600;line-height:1.5;display:flex}.pesan svg{flex-shrink:0;margin-top:1px}.pesan-galat{background:var(--merah-muda);color:var(--merah-tua);border-color:#e7b9b4}.pesan-sukses{background:var(--sage);color:var(--sungai);border-color:#b5d3c2}.pesan-info{background:var(--langit-muda);color:var(--biru-tua);border-color:#bcd0e6}.pesan-awas{background:var(--aprikot-muda);color:#7a4a24;border-color:#f0cfb3}.plat,.badge{font-family:var(--font-teks);letter-spacing:.01em;white-space:nowrap;color:var(--sungai);background:#fffffff0;border:0;border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .7rem;font-size:.76rem;font-weight:800;line-height:1.3;display:inline-flex}.plat-kuning,.badge-menunggu,.badge-pending{background:var(--aprikot-muda);color:#7a4a24}.plat-biru,.badge-konfirmasi{background:var(--langit-muda);color:var(--biru-tua)}.plat-hijau,.badge-selesai,.badge-aktif{background:var(--sage);color:var(--sungai)}.plat-merah,.badge-batal,.badge-ditolak{background:var(--merah-muda);color:var(--merah-tua)}.plat-tinta,.badge-diblokir{color:var(--ink-2);background:#e6e9e7}.plat-harga{color:var(--sungai);font-family:var(--font-teks);white-space:nowrap;background:0 0;border:0;padding:0;font-size:1.05rem;font-weight:800;line-height:1.2;display:inline-block}.deret-chip{scrollbar-width:none;gap:.5rem;padding:.25rem .1rem .5rem;display:flex;overflow-x:auto}.deret-chip::-webkit-scrollbar{display:none}.chip{border:1.5px solid var(--garis-lembut);min-height:44px;font-family:var(--font-teks);color:var(--ink-2);cursor:pointer;white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:.4rem;padding:0 1.05rem;font-size:.92rem;font-weight:700;text-decoration:none;transition:background-color .2s,color .2s;display:inline-flex}.chip:hover{background:var(--sage);color:var(--sungai)}.chip.aktif,.chip[aria-pressed=true]{background:var(--sungai);border-color:var(--sungai);color:#fff}.chip .hitung{background:var(--sage);color:var(--sungai);border-radius:999px;padding:0 .45rem;font-size:.78rem}.chip.aktif .hitung,.chip[aria-pressed=true] .hitung{color:#fff;background:#fff3}.bungkus-tabel{border:1.5px solid var(--garis-lembut);box-shadow:var(--bayang);background:#fff;border-radius:20px;overflow-x:auto}.tabel{border-collapse:collapse;width:100%;font-size:.95rem}.tabel th{text-align:left;letter-spacing:.02em;color:var(--sungai);background:var(--sage);border-bottom:1px solid var(--sage-2);white-space:nowrap;padding:.85rem 1rem;font-size:.8rem;font-weight:800}.tabel td{border-bottom:1px solid var(--garis-lembut);vertical-align:middle;padding:.85rem 1rem}.tabel tr:last-child td{border-bottom:0}.tabel tbody tr:hover td{background:#f7faf8}.tabel .angka{text-align:right;font-variant-numeric:tabular-nums}.spinner{border:4px solid var(--sage-2);border-top-color:var(--sungai-sedang);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite putar}.spinner-sm{border:2.5px solid #ffffff59;border-top-color:currentColor;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite putar;display:inline-block}@keyframes putar{to{transform:rotate(360deg)}}.loading-wrap,.memuat{color:var(--tinta-3);flex-direction:column;align-items:center;gap:1rem;padding:5rem 1.5rem;font-weight:700;display:flex}.kosong{text-align:center;border:1.5px dashed var(--sage-2);background:#fff;border-radius:24px;flex-direction:column;align-items:center;gap:.6rem;padding:3.5rem 1.5rem;display:flex}.kosong svg{color:var(--tinta-3)}.kosong h3{font-family:var(--font-papan);font-size:1.3rem;font-weight:600}.kosong p{color:var(--tinta-2);max-width:42ch}.kosong .tombol{margin-top:.6rem}.kerangka{background:linear-gradient(90deg, var(--sage) 0%, #f0f4f0 50%, var(--sage) 100%);border-radius:var(--sudut-kecil);background-size:200% 100%;animation:1.4s ease-in-out infinite kilau}@keyframes kilau{to{background-position:-200% 0}}.grid-produk{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}@media (width>=720px){.grid-produk{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}}@media (width>=1024px){.grid-produk{grid-template-columns:repeat(4,minmax(0,1fr))}}.kartu-produk{color:var(--ink);transition:transform .3s var(--ease-out), box-shadow .3s ease;background:#fff;border-radius:20px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden;box-shadow:0 1px 2px #1d2a260f}.kartu-produk:hover{box-shadow:var(--bayang-naik);transform:translateY(-3px)}.kartu-produk .foto{aspect-ratio:1;background:var(--sage);position:relative;overflow:hidden}.kartu-produk .foto img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-out)}.kartu-produk:hover .foto img{transform:scale(1.04)}.kartu-produk .foto .plat{position:absolute;top:.6rem;left:.6rem}.kartu-produk .foto .tanda-habis{background:#f4f6f2bf;place-items:center;display:grid;position:absolute;inset:0}.kartu-produk .foto .tanda-habis span{letter-spacing:.1em;text-transform:uppercase;color:var(--ink);font-size:.85rem;font-weight:800}.kartu-produk .isi{flex-direction:column;flex:1;gap:.3rem;padding:.75rem .85rem .9rem;display:flex}.kartu-produk .nama{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.7em;font-size:.95rem;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}.kartu-produk .toko{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.3rem;font-size:.82rem;display:flex;overflow:hidden}.kartu-produk .kaki{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.2rem .5rem;margin-top:auto;padding-top:.2rem;display:flex}.kartu-produk .plat-harga{font-size:1.02rem}.kartu-produk .stok{color:var(--ink-2);font-size:.78rem;font-weight:700}.kartu-produk .stok.sedikit{color:#a8481f}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.toast-wrap[data-v-e3f08d28]{left:50%;bottom:calc(1rem + env(safe-area-inset-bottom));z-index:9999;flex-direction:column;gap:.6rem;width:min(420px,100vw - 2rem);display:flex;position:fixed;transform:translate(-50%)}.toast[data-v-e3f08d28]{--t-bg:#fff;--t-fg:var(--ink);--t-aksen:var(--sungai-sedang);background:var(--t-bg);color:var(--t-fg);border-left:5px solid var(--t-aksen);cursor:pointer;border-radius:18px;align-items:flex-start;gap:.7rem;padding:.9rem .9rem .9rem 1rem;font-size:.98rem;font-weight:600;line-height:1.45;display:flex;box-shadow:0 2px 6px #1d2a2614,0 16px 36px #1d2a2629}.toast-success[data-v-e3f08d28]{--t-bg:#eef5f0;--t-fg:var(--sungai);--t-aksen:var(--sungai-sedang)}.toast-error[data-v-e3f08d28]{--t-bg:#fbeceb;--t-fg:var(--merah-tua);--t-aksen:var(--merah)}.toast-info[data-v-e3f08d28]{--t-bg:var(--langit-muda);--t-fg:var(--biru-tua);--t-aksen:var(--biru)}.toast-warning[data-v-e3f08d28]{--t-bg:var(--aprikot-muda);--t-fg:#7a4a24;--t-aksen:#e0884e}.toast-icon[data-v-e3f08d28]{flex-shrink:0}.toast-msg[data-v-e3f08d28]{flex:1}.toast-close[data-v-e3f08d28]{width:28px;height:28px;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;place-items:center;margin:-2px -2px 0 0;display:grid}.toast-close[data-v-e3f08d28]:hover{background:#1d2a2614}.toast-enter-active[data-v-e3f08d28]{transition:transform .4s var(--ease-out), opacity .25s ease}.toast-leave-active[data-v-e3f08d28]{transition:transform .2s ease-in,opacity .2s ease-in}.toast-enter-from[data-v-e3f08d28]{opacity:0;transform:translateY(16px)}.toast-leave-to[data-v-e3f08d28]{opacity:0;transform:translateY(8px)}.offline[data-v-f30a6264]{z-index:200;background:var(--tinta);color:#fff;text-align:center;justify-content:center;align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.92rem;font-weight:700;display:flex;position:fixed;inset:0 0 auto}.turun-enter-active[data-v-f30a6264],.turun-leave-active[data-v-f30a6264]{transition:transform .3s var(--ease-out)}.turun-enter-from[data-v-f30a6264],.turun-leave-to[data-v-f30a6264]{transform:translateY(-100%)}.diagnosis[data-v-0ae7db38]{z-index:9000;background:var(--papan);max-width:520px;max-height:80vh;color:var(--tinta);border:1.5px solid var(--garis);border-radius:10px;margin:0 auto;padding:.9rem 1rem 1rem;font-size:.9rem;position:fixed;inset:auto .75rem .75rem;overflow:auto;box-shadow:0 12px 30px #00000059}.diagnosis-kepala[data-v-0ae7db38]{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.tutup[data-v-0ae7db38]{cursor:pointer;background:0 0;border:0;width:36px;height:36px;font-size:1.5rem;line-height:1}.daftar[data-v-0ae7db38]{flex-direction:column;gap:.45rem;list-style:none;display:flex}.daftar li[data-v-0ae7db38]{align-items:flex-start;gap:.6rem;display:flex}.daftar small[data-v-0ae7db38]{color:var(--tinta-2);line-height:1.35;display:block}.tanda[data-v-0ae7db38]{border:1.5px solid var(--garis);border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:.8rem;font-weight:700;display:grid}.ok .tanda[data-v-0ae7db38]{background:var(--hijau);color:#fff}.gagal .tanda[data-v-0ae7db38]{background:var(--merah);color:#fff}.tunggu .tanda[data-v-0ae7db38]{background:var(--kuning)}.kesimpulan[data-v-0ae7db38]{border:1.5px solid var(--garis);border-radius:6px;margin-top:.8rem;padding:.6rem .7rem;font-weight:700}.kesimpulan.ok[data-v-0ae7db38]{background:var(--hijau-muda)}.kesimpulan.gagal[data-v-0ae7db38]{background:var(--kuning-muda)}.ua[data-v-0ae7db38]{color:var(--tinta-3);overflow-wrap:anywhere;margin-top:.6rem;font-size:.75rem}.muat[data-v-0ae7db38]{background:var(--kuning);border:1.5px solid var(--garis);cursor:pointer;border-radius:6px;min-height:40px;margin-top:.6rem;padding:0 .9rem;font-weight:700}