@font-face{font-family:Google Sans Flex Variable;font-style:normal;font-display:swap;font-weight:1 1000;src:url(/_next/static/media/google-sans-flex-canadian-aboriginal-opsz-normal.5e85240e.woff2) format("woff2-variations");unicode-range:u+02c7,u+02d8-02d9,u+02db,u+0307,u+1400-167f,u+18b0-18f5,u+25cc,u+11ab?}@font-face{font-family:Google Sans Flex Variable;font-style:normal;font-display:swap;font-weight:1 1000;src:url(/_next/static/media/google-sans-flex-cherokee-opsz-normal.c6a0648b.woff2) format("woff2-variations");unicode-range:u+0300-0302,u+0304,u+030b-030c,u+0323-0324,u+0330-0331,u+13a0-13ff,u+ab70-abbf}@font-face{font-family:Google Sans Flex Variable;font-style:normal;font-display:swap;font-weight:1 1000;src:url(/_next/static/media/google-sans-flex-math-opsz-normal.9c82b723.woff2) format("woff2-variations");unicode-range:u+0302-0303,u+0305,u+0307-0308,u+0310,u+0312,u+0315,u+031a,u+0326-0327,u+032c,u+032f-0330,u+0332-0333,u+0338,u+033a,u+0346,u+034d,u+0391-03a1,u+03a3-03a9,u+03b1-03c9,u+03d1,u+03d5-03d6,u+03f0-03f1,u+03f4-03f5,u+2016-2017,u+2034-2038,u+203c,u+2040,u+2043,u+2047,u+2050,u+2057,u+205f,u+2070-2071,u+2074-209f,u+20d0-20dc,u+20e1,u+20e5-20ef,u+2100-2112,u+2114-2115,u+2117-2121,u+2123-214f,u+2190,u+2192,u+2194-21ae,u+21b0-21e5,u+21f1-21f2,u+21f4-2211,u+2213-2214,u+2216-22ff,u+2308-230b,u+2310,u+2319,u+231c-2321,u+2336-237a,u+237c,u+2395,u+239b-23b7,u+23d0,u+23dc-23e1,u+2474-2475,u+25af,u+25b3,u+25b7,u+25bd,u+25c1,u+25ca,u+25cc,u+25fb,u+266d-266f,u+27c0-27ff,u+2900-2aff,u+2b0e-2b11,u+2b30-2b4c,u+2bfe,u+3030,u+ff5b,u+ff5d,u+1d400-1d7ff,u+1ee??}@font-face{font-family:Google Sans Flex Variable;font-style:normal;font-display:swap;font-weight:1 1000;src:url(/_next/static/media/google-sans-flex-nushu-opsz-normal.dc0ab251.woff2) format("woff2-variations");unicode-range:u+2003,u+3000,u+3002,u+4e00,u+fe12,u+16fe1,u+1b170-1b2fb}@font-face{font-family:Google Sans Flex Variable;font-style:normal;font-display:swap;font-weight:1 1000;src:url(/_next/static/media/google-sans-flex-symbols-opsz-normal.909f31f1.woff2) format("woff2-variations");unicode-range:u+0001-000c,u+000e-001f,u+007f-009f,u+20dd-20e0,u+20e2-20e4,u+2150-218f,u+2190,u+2192,u+2194-2199,u+21af,u+21e6-21f0,u+21f3,u+2218-2219,u+2299,u+22c4-22c6,u+2300-243f,u+2440-244a,u+2460-24ff,u+25a0-27bf,u+28??,u+2921-2922,u+2981,u+29bf,u+29eb,u+2b??,u+4dc0-4dff,u+fff9-fffb,u+10140-1018e,u+10190-1019c,u+101a0,u+101d0-101fd,u+102e0-102fb,u+10e60-10e7e,u+1d2c0-1d2d3,u+1d2e0-1d37f,u+1f0??,u+1f100-1f1ae,u+1f1e6-1f1ff,u+1f30d-1f30f,u+1f315,u+1f31c,u+1f31e,u+1f320-1f32c,u+1f336,u+1f378,u+1f37d,u+1f382,u+1f393-1f39f,u+1f3a7-1f3a8,u+1f3ac-1f3af,u+1f3c2,u+1f3c4-1f3c6,u+1f3ca-1f3ce,u+1f3d4-1f3e0,u+1f3ed,u+1f3f1-1f3f3,u+1f3f5-1f3f7,u+1f408,u+1f415,u+1f41f,u+1f426,u+1f43f,u+1f441-1f442,u+1f444,u+1f446-1f449,u+1f44c-1f44e,u+1f453,u+1f46a,u+1f47d,u+1f4a3,u+1f4b0,u+1f4b3,u+1f4b9,u+1f4bb,u+1f4bf,u+1f4c8-1f4cb,u+1f4d6,u+1f4da,u+1f4df,u+1f4e3-1f4e6,u+1f4ea-1f4ed,u+1f4f7,u+1f4f9-1f4fb,u+1f4fd-1f4fe,u+1f503,u+1f507-1f50b,u+1f50d,u+1f512-1f513,u+1f53e-1f54a,u+1f54f-1f5fa,u+1f610,u+1f650-1f67f,u+1f687,u+1f68d,u+1f691,u+1f694,u+1f698,u+1f6ad,u+1f6b2,u+1f6b9-1f6ba,u+1f6bc,u+1f6c6-1f6cf,u+1f6d3-1f6d7,u+1f6e0-1f6ea,u+1f6f0-1f6f3,u+1f6f7-1f6fc,u+1f700-1f80b,u+1f810-1f847,u+1f850-1f859,u+1f860-1f887,u+1f890-1f8ad,u+1f8b0-1f8bb,u+1f8c0-1f8c1,u+1f8d0-1f8d8,u+1f900-1f90b,u+1f93b,u+1f946,u+1f984,u+1f996,u+1f9e9,u+1fa00-1fa6f,u+1fa70-1fa7c,u+1fa80-1fac6,u+1fac8,u+1facc-1fadd,u+1fadf-1faeb,u+1faef-1fafa,u+1fb??}@font-face{font-family:Google Sans Flex Variable;font-style:normal;font-display:swap;font-weight:1 1000;src:url(/_next/static/media/google-sans-flex-syriac-opsz-normal.34557d04.woff2) format("woff2-variations");unicode-range:u+0303-0304,u+0307-0308,u+030a,u+0320,u+0323-0325,u+032d-032e,u+0330-0331,u+060c,u+061b-061c,u+061f,u+0621,u+0640,u+064b-0655,u+0660-066c,u+0670,u+0700-074f,u+0860-086a,u+1df8,u+1dfa,u+200c-200f,u+25cc,u+2670-2671}@font-face{font-family:Google Sans Flex Variable;font-style:normal;font-display:swap;font-weight:1 1000;src:url(/_next/static/media/google-sans-flex-tifinagh-opsz-normal.cb8aa798.woff2) format("woff2-variations");unicode-range:u+02c7,u+0301-0302,u+0304,u+0306-0309,u+0323,u+0331,u+200c-200d,u+202e,u+25cc,u+2d30-2d7f}@font-face{font-family:Google Sans Flex Variable;font-style:normal;font-display:swap;font-weight:1 1000;src:url(/_next/static/media/google-sans-flex-vietnamese-opsz-normal.37cba32b.woff2) format("woff2-variations");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Google Sans Flex Variable;font-style:normal;font-display:swap;font-weight:1 1000;src:url(/_next/static/media/google-sans-flex-latin-ext-opsz-normal.88896ab9.woff2) format("woff2-variations");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Google Sans Flex Variable;font-style:normal;font-display:swap;font-weight:1 1000;src:url(/_next/static/media/google-sans-flex-latin-opsz-normal.ebe20d95.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}:root{--kertas:#f5f5f7;--kertas-2:#ebebf0;--permukaan:#ffffff;--tinta:#1d1d1f;--tinta-2:#6e6e73;--tinta-3:#86868b;--garis:#e5e5ea;--garis-kuat:#d2d2d7;--laut:#0b57d0;--laut-muda:#d3e3fd;--daun:#137333;--daun-muda:#e6f4ea;--kunyit:#f9ab00;--kunyit-tinta:#a85400;--kunyit-muda:#fef3e0;--bata:#c5221f;--bata-tua:#a50e0e;--bata-muda:#fce8e6;--arang:#1d1d1f;--aksen:var(--laut);--aksen-tua:#0842a0;--aksen-muda:var(--laut-muda);--aksen-teks:#ffffff;--bayang-1:0 1px 2px rgba(0,0,0,0.05);--bayang-2:0 2px 6px rgba(0,0,0,0.04),0 8px 24px rgba(0,0,0,0.06);--bayang-3:0 12px 40px rgba(0,0,0,0.16);--r-kecil:10px;--r:14px;--r-besar:20px;--huruf:"Google Sans Flex Variable",-apple-system,BlinkMacSystemFont,system-ui,Roboto,"Segoe UI",sans-serif;--mono:var(--huruf);--pegas:cubic-bezier(0.2,0,0,1);--halus:cubic-bezier(0.2,0,0,1);--masuk:cubic-bezier(0.05,0.7,0.1,1);color-scheme:light}[data-warna=bata]{--aksen:#c5221f;--aksen-tua:#a50e0e;--aksen-muda:#fce8e6}[data-warna=laut]{--aksen:#0b57d0;--aksen-tua:#0842a0;--aksen-muda:#d3e3fd}[data-warna=daun]{--aksen:#137333;--aksen-tua:#0d652d;--aksen-muda:#e6f4ea}[data-warna=kunyit]{--aksen:#b06000;--aksen-tua:#8f4e00;--aksen-muda:#fef3e0}[data-warna=arang]{--aksen:#1d1d1f;--aksen-tua:#000000;--aksen-muda:#e8e8ed}@media (prefers-color-scheme:dark){:root:not([data-tema=terang]){--kertas:#000000;--kertas-2:#2c2c2e;--permukaan:#1c1c1e;--tinta:#f5f5f7;--tinta-2:#a1a1a6;--tinta-3:#8e8e93;--garis:#38383a;--garis-kuat:#48484a;--laut:#a8c7fa;--laut-muda:#0b2a5c;--daun:#6dd58c;--daun-muda:#0f2e1a;--kunyit:#ffb340;--kunyit-tinta:#ffb340;--kunyit-muda:#33240a;--bata:#ff6b6b;--bata-tua:#ff8a80;--bata-muda:#3a1414;--arang:#f5f5f7;--aksen-tua:#7cacf8;--aksen-teks:#062e6f;--bayang-1:none;--bayang-2:none;--bayang-3:0 12px 40px rgba(0,0,0,0.6);color-scheme:dark}:root:not([data-tema=terang]) [data-warna=bata]{--aksen:#ff8a80;--aksen-tua:#ffb4ab;--aksen-muda:#3a1414;--aksen-teks:#410002}:root:not([data-tema=terang]) [data-warna=laut]{--aksen:#a8c7fa;--aksen-tua:#7cacf8;--aksen-muda:#0b2a5c;--aksen-teks:#062e6f}:root:not([data-tema=terang]) [data-warna=daun]{--aksen:#6dd58c;--aksen-tua:#37be5f;--aksen-muda:#0f2e1a;--aksen-teks:#00391a}:root:not([data-tema=terang]) [data-warna=kunyit]{--aksen:#ffb340;--aksen-tua:#ffc76e;--aksen-muda:#33240a;--aksen-teks:#3e2600}:root:not([data-tema=terang]) [data-warna=arang]{--aksen:#f5f5f7;--aksen-tua:#ffffff;--aksen-muda:#2c2c2e;--aksen-teks:#1d1d1f}}*,:after,:before{box-sizing:border-box}html{text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--kertas);color:var(--tinta);font-family:var(--huruf);font-size:16px;line-height:1.5;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;-webkit-tap-highlight-color:transparent}canvas,img,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}::selection{background:var(--laut-muda)}:focus-visible{outline:2px solid var(--laut);outline-offset:2px;border-radius:8px}h1,h2,h3,h4{margin:0;line-height:1.12;letter-spacing:-.022em;font-weight:600;text-wrap:balance}p{margin:0;text-wrap:pretty}.angka,.mono{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.01em}.redup{color:var(--tinta-2)}.redup-2{color:var(--tinta-3)}.kecil{font-size:14px}.mikro{font-size:12px;letter-spacing:.02em;font-weight:600;color:var(--tinta-2)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.wadah{width:min(1120px,100% - 32px);margin-inline:auto}.wadah-sempit{width:min(720px,100% - 32px);margin-inline:auto}@media (min-width:600px){.wadah{width:min(1120px,100% - 48px)}}.baris{gap:10px}.baris,.baris-antara{display:flex;align-items:center}.baris-antara{justify-content:space-between;gap:12px}.tumpuk{display:grid;grid-gap:12px;gap:12px}.tumpuk-besar{display:grid;grid-gap:20px;gap:20px}.lentur{flex:1 1;min-width:0}.potong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dua-kolom>*,.tumpuk-besar>*,.tumpuk>*{min-width:0}.tombol{--t-latar:var(--tinta);--t-teks:var(--permukaan);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border:0;border-radius:999px;background:var(--t-latar);color:var(--t-teks);font-weight:600;font-size:15px;letter-spacing:-.005em;text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .2s var(--halus),transform .1s var(--halus),opacity .2s}.tombol:hover{background:color-mix(in srgb,var(--t-latar) 88%,var(--t-teks))}.tombol:active{transform:scale(.97)}.tombol:disabled,.tombol[aria-disabled=true]{opacity:.4;pointer-events:none}.tombol.aksen{--t-latar:var(--aksen);--t-teks:var(--aksen-teks)}.tombol.terang{--t-latar:var(--kertas-2);--t-teks:var(--tinta)}.tombol.hantu{--t-latar:transparent;--t-teks:var(--laut)}.tombol.hantu:hover{background:color-mix(in srgb,var(--laut) 8%,transparent)}.tombol.kuning{--t-latar:var(--kunyit-muda);--t-teks:var(--kunyit-tinta)}.tombol.hijau{--t-latar:var(--daun);--t-teks:var(--permukaan)}.tombol.merah{--t-latar:var(--bata-muda);--t-teks:var(--bata)}.tombol.besar{min-height:52px;padding:0 28px;font-size:17px}.tombol.kecil{min-height:36px;padding:0 14px;font-size:14px}.tombol.penuh{width:100%}.tombol.ikon-saja{width:44px;min-height:44px;padding:0}.tombol.kecil.ikon-saja{width:36px;min-height:36px}.tombol svg{width:18px;height:18px;flex:none}.tautan{color:var(--laut);font-weight:500;text-decoration:none}.tautan:hover{text-decoration:underline;text-underline-offset:3px}.area,.isian{width:100%;min-height:48px;padding:12px 14px;border:1px solid transparent;border-radius:12px;background:var(--kertas-2);color:var(--tinta);font-size:16px;transition:box-shadow .15s,background-color .15s}.lembar .area,.lembar .isian,.lembar-bawah .area,.lembar-bawah .isian{background:var(--kertas)}@media (prefers-color-scheme:dark){:root:not([data-tema=terang]) .lembar .area,:root:not([data-tema=terang]) .lembar .isian,:root:not([data-tema=terang]) .lembar-bawah .isian{background:var(--kertas-2)}}.area{min-height:110px;resize:vertical;line-height:1.5}.area:focus,.isian:focus{outline:none;box-shadow:0 0 0 2px var(--laut)}.area::placeholder,.isian::placeholder{color:var(--tinta-3)}.label{display:block;font-weight:500;font-size:14px;margin-bottom:6px;color:var(--tinta)}.bantuan{font-size:13px;color:var(--tinta-2);margin-top:6px}.kolom-isian{display:grid;grid-gap:4px;gap:4px}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}@media (max-width:520px){.grid-2.lipat{grid-template-columns:1fr}}.isian-rupiah{position:relative}.isian-rupiah>span{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-weight:500;color:var(--tinta-2);pointer-events:none;font-size:15px}.isian-rupiah input{width:100%;min-height:48px;padding:12px 14px 12px 40px;border:1px solid transparent;border-radius:12px;background:var(--kertas-2);font-size:16px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.lembar .isian-rupiah input{background:var(--kertas)}.isian-rupiah input:focus{outline:none;box-shadow:0 0 0 2px var(--laut)}.pilih-kapsul{display:flex;flex-wrap:wrap;gap:8px}.pilih-kapsul label{position:relative}.pilih-kapsul input{position:absolute;opacity:0;inset:0;cursor:pointer}.pilih-kapsul span{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border-radius:999px;background:var(--kertas-2);color:var(--tinta);font-weight:500;font-size:14px;transition:background-color .2s,color .2s}.pilih-kapsul input:checked+span{background:var(--tinta);color:var(--permukaan)}.pilih-kapsul input:focus-visible+span{outline:2px solid var(--laut);outline-offset:2px}.segmen{display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;padding:2px;border-radius:10px;background:var(--kertas-2)}.segmen label span,.segmen>a,.segmen>button{display:grid;place-items:center;min-height:32px;padding:0 14px;border:0;border-radius:8px;background:none;font-size:14px;font-weight:500;color:var(--tinta);text-decoration:none;cursor:pointer;white-space:nowrap;transition:background-color .2s}.segmen label{position:relative}.segmen input{position:absolute;inset:0;opacity:0;cursor:pointer}.segmen input:checked+span,.segmen>[aria-current=true],.segmen>[aria-pressed=true]{background:var(--permukaan);box-shadow:0 1px 3px rgba(0,0,0,.12);font-weight:600}@media (prefers-color-scheme:dark){:root:not([data-tema=terang]) .segmen input:checked+span,:root:not([data-tema=terang]) .segmen>[aria-current=true],:root:not([data-tema=terang]) .segmen>[aria-pressed=true]{background:#636366}}.sakelar{position:relative;width:51px;height:31px;flex:none;border-radius:99px;background:var(--garis-kuat);border:0;cursor:pointer;transition:background-color .2s}.sakelar:after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:transform .2s var(--halus)}.sakelar[aria-checked=true]{background:#34c759}.sakelar[aria-checked=true]:after{transform:translateX(20px)}.lembar{background:var(--permukaan);border-radius:var(--r-besar);padding:20px}.lembar.datar{box-shadow:none}.lembar h2{font-size:19px;letter-spacing:-.015em;font-weight:600}.kepala-lembar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.kepala-lembar a.tautan{font-size:15px}@media (min-width:720px){.lembar{padding:24px}}.pesan-galat,.pesan-info,.pesan-ok{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;font-size:14.5px;font-weight:500}.pesan-ok{background:var(--daun-muda);color:var(--daun)}.pesan-galat{background:var(--bata-muda);color:var(--bata)}.pesan-info{background:var(--laut-muda);color:var(--laut)}.pesan-galat svg,.pesan-info svg,.pesan-ok svg{flex:none;margin-top:1px}.lencana{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;font-size:12.5px;font-weight:600;white-space:nowrap;background:var(--kertas-2);color:var(--tinta-2)}.lencana:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.lencana.lunas,.lencana.selesai,.lencana.tersedia{background:var(--daun-muda);color:var(--daun)}.lencana.menipis,.lencana.sebagian,.lencana.siap{background:var(--kunyit-muda);color:var(--kunyit-tinta)}.lencana.belum,.lencana.habis{background:var(--bata-muda);color:var(--bata)}.lencana.diproses,.lencana.pesan_dulu{background:var(--laut-muda);color:var(--laut)}.lencana.baru{background:var(--laut);color:var(--aksen-teks)}.lencana.baru:before{background:currentColor}.lencana.batal,.lencana.netral{background:var(--kertas-2);color:var(--tinta-2)}.stempel{position:absolute;top:10px;left:10px;z-index:2;padding:3px 10px;background:rgba(0,0,0,.62);color:#fff;font-size:12.5px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.label-harga,.stempel{border-radius:999px;font-weight:600}.label-harga{display:inline-flex;align-items:center;height:28px;padding:0 10px;background:rgba(255,255,255,.92);color:#1d1d1f;font-size:14px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;box-shadow:0 1px 3px rgba(0,0,0,.12)}.label-harga.kuning{background:var(--laut);color:#fff}.label-harga.besar{height:34px;font-size:18px;padding:0 14px}.pita-stok{position:relative;height:6px;border-radius:99px;background:var(--kertas-2);overflow:hidden}.pita-stok>i{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:var(--daun);transition:width .4s var(--halus)}.pita-stok.menipis>i{background:var(--kunyit)}.pita-stok.habis>i{background:var(--bata)}.pita-stok>b{position:absolute;top:0;bottom:0;width:2px;background:var(--tinta);opacity:.25}.struk{background:var(--permukaan);border-radius:var(--r-besar);padding:6px 20px 10px}.struk-kepala{padding:14px 0 10px;border-bottom:1px solid var(--garis)}.struk-kepala b{display:block;font-size:15px;font-weight:600}.struk-baris{display:grid;grid-template-columns:1fr auto auto;grid-gap:12px;gap:12px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--garis);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:14.5px}.struk-baris:last-child{border-bottom:0}.struk-baris .plus{color:var(--daun);font-weight:600}.struk-baris .minus{color:var(--tinta);font-weight:600}.struk-baris .ket{color:var(--tinta-2);font-size:12.5px;display:block}.struk-baris.cetak{animation:sorot 1.2s var(--halus) both}@keyframes sorot{0%{background:var(--laut-muda)}}.kepala-situs{position:-webkit-sticky;position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--kertas) 80%,transparent);backdrop-filter:saturate(1.8) blur(20px);-webkit-backdrop-filter:saturate(1.8) blur(20px);border-bottom:1px solid transparent;transition:border-color .2s}.kepala-situs[data-gulir=ya]{border-bottom-color:var(--garis)}.kepala-situs .wadah{display:flex;align-items:center;gap:18px;height:56px}.kepala-situs nav{display:flex;gap:2px;margin-left:auto;align-items:center}.kepala-situs nav a.tautan-nav{padding:8px 12px;border-radius:999px;font-weight:500;font-size:14px;text-decoration:none;color:var(--tinta-2)}.kepala-situs nav a.tautan-nav:hover{color:var(--tinta)}@media (max-width:760px){.kepala-situs nav a.tautan-nav{display:none}}.merek{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-weight:600;font-size:17px;letter-spacing:-.02em}.merek svg{width:28px;height:28px}.merek span b{font-weight:600;color:var(--tinta-2)}.pahlawan{padding:56px 0 24px;text-align:center}@media (min-width:900px){.pahlawan{padding:88px 0 32px}}.pahlawan .label-atas{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:var(--permukaan);font-size:13.5px;font-weight:500;color:var(--tinta-2);margin-bottom:20px}.pahlawan .label-atas b{color:var(--laut);font-weight:600}.pahlawan h1{font-size:clamp(40px,7vw,80px);letter-spacing:-.04em;line-height:1.02;font-weight:600;max-width:15ch;margin-inline:auto}.pahlawan h1 .warna{color:var(--laut)}.pahlawan .sub{margin:20px auto 0;font-size:clamp(18px,2.2vw,22px);color:var(--tinta-2);max-width:36ch;line-height:1.45}.pahlawan .aksi{margin-top:32px;gap:12px}.pahlawan .aksi,.pahlawan .catatan-kecil{display:flex;flex-wrap:wrap;justify-content:center}.pahlawan .catatan-kecil{margin-top:20px;font-size:14px;color:var(--tinta-2);gap:18px}.pahlawan .catatan-kecil span{display:inline-flex;align-items:center;gap:6px}.pahlawan .catatan-kecil svg{width:16px;height:16px;color:var(--daun)}.panggung{padding:24px 0 72px}.alur-demo{display:grid;grid-gap:16px;gap:16px;text-align:left}@media (min-width:900px){.alur-demo{grid-template-columns:1.15fr 1fr 1fr;align-items:stretch}}.panel-demo{background:var(--permukaan);border-radius:24px;padding:20px;box-shadow:var(--bayang-2);min-width:0}.panel-demo .panel-kepala{display:flex;align-items:center;gap:10px;margin-bottom:14px}.panel-demo .panel-kepala .ikon-panel{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--kertas-2);color:var(--tinta)}.panel-demo .panel-kepala .ikon-panel svg{width:18px;height:18px}.panel-demo .panel-kepala b{font-size:15px;font-weight:600}.panel-demo .panel-kepala small{display:block;color:var(--tinta-2);font-size:12.5px}.baris-demo{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--garis);min-width:0}.baris-demo:first-of-type{border-top:0}.baris-demo .foto-demo{flex:none;width:48px;height:48px;border-radius:12px;background:var(--kertas-2);overflow:hidden;display:grid;place-items:center}.baris-demo .foto-demo svg{width:80%;height:80%}.baris-demo .nama-demo{font-weight:500;font-size:15px;line-height:1.25}.baris-demo .sub-demo{font-size:13px;color:var(--tinta-2)}.baris-demo .kanan,.baris-demo .sub-demo{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.baris-demo .kanan{margin-left:auto;text-align:right;flex:none}.angka-demo{font-size:clamp(30px,3.4vw,40px);font-weight:600;letter-spacing:-.03em;line-height:1.1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.angka-demo small{font-size:.5em;font-weight:500;color:var(--tinta-2);margin-right:2px}.berubah{animation:berubah .9s var(--halus);border-radius:8px}@keyframes berubah{0%{background:var(--laut-muda)}}.demo-petunjuk{margin-top:14px;font-size:13.5px;color:var(--tinta-2);text-align:center}.bagian{padding:72px 0}.bagian.gelap{background:#000;color:#f5f5f7;--tinta-2:#a1a1a6;--garis:#38383a}.bagian.putih{background:var(--permukaan)}.bagian.berkertas{background:var(--kertas)}@media (min-width:900px){.bagian{padding:112px 0}}.judul-bagian{max-width:760px;margin-bottom:40px}.judul-bagian.tengah{margin-inline:auto;text-align:center}.judul-bagian .mikro{color:var(--laut);margin-bottom:10px;display:block;font-size:15px;letter-spacing:0}.bagian.gelap .judul-bagian .mikro{color:#a8c7fa}.judul-bagian h2{font-size:clamp(32px,4.8vw,56px);letter-spacing:-.035em;line-height:1.05}.judul-bagian p{margin-top:16px;font-size:clamp(17px,1.8vw,20px);color:var(--tinta-2);max-width:54ch;line-height:1.5}.judul-bagian.tengah p{margin-inline:auto}.tiga-masalah{display:grid;grid-gap:16px;gap:16px}@media (min-width:860px){.tiga-masalah{grid-template-columns:repeat(3,1fr)}}.kartu-masalah{padding:28px;border-radius:24px;background:var(--permukaan)}.kartu-masalah .kutip{font-size:21px;font-weight:600;letter-spacing:-.02em;line-height:1.25}.kartu-masalah p{margin-top:10px;color:var(--tinta-2);font-size:15.5px}.kartu-masalah .akibat{margin-top:18px;font-size:14px;color:var(--bata);font-weight:500}.bento{display:grid;grid-gap:16px;gap:16px}@media (min-width:760px){.bento{grid-template-columns:repeat(6,1fr)}.sel-bento{grid-column:span 3}.sel-bento.lebar{grid-column:span 6}.sel-bento.sepertiga{grid-column:span 2}}@media (min-width:1000px){.sel-bento.dua-pertiga{grid-column:span 4}.sel-bento.sepertiga{grid-column:span 2}}.sel-bento{position:relative;overflow:hidden;padding:28px;border-radius:24px;background:var(--permukaan);min-width:0;display:flex;flex-direction:column;gap:10px}.sel-bento .ikon-bento{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--laut-muda);color:var(--laut);margin-bottom:6px}.sel-bento .ikon-bento.hijau{background:var(--daun-muda);color:var(--daun)}.sel-bento .ikon-bento.oranye{background:var(--kunyit-muda);color:var(--kunyit-tinta)}.sel-bento .ikon-bento svg{width:22px;height:22px}.sel-bento h3{font-size:22px;letter-spacing:-.02em}.sel-bento p{color:var(--tinta-2);font-size:15.5px;max-width:48ch}.sel-bento .mini{margin-top:auto;padding-top:16px}.mini-daftar{display:grid;border-radius:14px;background:var(--kertas);padding:4px 14px;font-size:14px}.mini-daftar>div{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--garis);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mini-daftar>div:first-child{border-top:0}.mini-daftar .plus{color:var(--daun);font-weight:600}.dua-demo{display:grid;grid-gap:16px;gap:16px}@media (min-width:980px){.dua-demo{grid-template-columns:1fr 1fr}}.kotak-demo{padding:28px;border-radius:24px;background:var(--permukaan);min-width:0}.kotak-demo h3{font-size:22px;letter-spacing:-.02em}.kotak-demo .redup{margin-top:6px;font-size:15.5px}.kotak-demo .isian{background:var(--kertas);font-size:16px}.contoh-kalimat{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.chip-contoh,.contoh-kalimat button{border:0;background:var(--kertas-2);color:var(--tinta);border-radius:999px;padding:6px 12px;font-size:13.5px;cursor:pointer}.chip-contoh:hover,.contoh-kalimat button:hover{background:var(--laut-muda);color:var(--laut)}.hasil-urai{margin-top:16px;display:grid;grid-gap:0;gap:0;min-height:120px;align-content:start}.chip-urai{display:grid;grid-template-columns:auto 1fr auto;grid-gap:12px;gap:12px;align-items:center;padding:11px 0;border-top:1px solid var(--garis)}.chip-urai:first-child{border-top:0}.chip-urai .jenis{font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px}.chip-urai .jenis.masuk{background:var(--daun-muda);color:var(--daun)}.chip-urai .jenis.keluar{background:var(--laut-muda);color:var(--laut)}.chip-urai .jenis.rusak{background:var(--bata-muda);color:var(--bata)}.chip-urai .jenis.hitung{background:var(--kertas-2);color:var(--tinta)}.chip-urai .jenis.uang{background:var(--kunyit-muda);color:var(--kunyit-tinta)}.chip-urai b{font-weight:500}.chip-urai .kut{display:block;color:var(--tinta-2);font-size:13px}.chip-urai .angka{font-weight:600;font-size:15px}.chat-wa{display:grid;grid-gap:6px;gap:6px;padding:14px;border-radius:16px;background:#efeae2;min-height:220px;margin-top:16px}.gelembung-wa{max-width:85%;padding:7px 10px 6px;border-radius:10px;font-size:14px;line-height:1.4;background:#fff;color:#111b21;box-shadow:0 1px .5px rgba(11,20,26,.13);animation:muncul-pelan .3s var(--halus) both}.gelembung-wa.saya{margin-left:auto;background:#d9fdd3}.gelembung-wa small{display:block;text-align:right;font-size:10.5px;color:#667781;margin-top:2px}@media (prefers-color-scheme:dark){:root:not([data-tema=terang]) .chat-wa{background:#0b141a}:root:not([data-tema=terang]) .gelembung-wa{background:#202c33;color:#e9edef}:root:not([data-tema=terang]) .gelembung-wa.saya{background:#005c4b}}.draf-pesanan{margin-top:14px;padding:16px;border-radius:16px;background:var(--kertas);animation:muncul-pelan .3s var(--halus) both}@keyframes muncul-pelan{0%{opacity:0}}.grid-surabaya{display:grid;grid-gap:16px;gap:16px}@media (min-width:900px){.grid-surabaya{grid-template-columns:1.3fr 1fr 1fr}}.kartu-kota{padding:28px;border-radius:24px;background:var(--permukaan)}.kartu-kota h3{font-size:21px;letter-spacing:-.02em;margin-top:14px}.kartu-kota p{margin-top:8px;color:var(--tinta-2);font-size:15.5px}.kartu-kota .ikon-kota{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--laut-muda);color:var(--laut)}.kartu-kota .ikon-kota svg{width:22px;height:22px}.peta-kecamatan{margin-top:18px;display:flex;flex-wrap:wrap;gap:6px}.peta-kecamatan span{padding:5px 10px;border-radius:999px;background:var(--kertas);font-size:12.5px;font-weight:500;color:var(--tinta-2)}.peta-kecamatan span.nyala{background:var(--laut-muda);color:var(--laut)}.janji-grid{display:grid;grid-gap:1px;gap:1px;background:var(--garis);border-radius:24px;overflow:hidden}@media (min-width:860px){.janji-grid{grid-template-columns:repeat(2,1fr)}}.janji{display:flex;gap:16px;padding:28px;background:#1c1c1e}.janji .tanda{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#2c2c2e;color:#a8c7fa}.janji .tanda svg{width:20px;height:20px}.janji h3{font-size:18px;letter-spacing:-.01em}.janji p{margin-top:6px;font-size:15px;color:#a1a1a6}.ajakan{text-align:center;padding:56px 24px;border-radius:32px;background:var(--permukaan)}@media (min-width:900px){.ajakan{padding:88px 64px}}.ajakan h2{font-size:clamp(32px,5vw,56px);letter-spacing:-.04em;max-width:18ch;margin-inline:auto}.ajakan p{margin:16px auto 0;font-size:19px;color:var(--tinta-2);max-width:44ch}.ajakan .tombol{margin-top:28px}.kaki-situs{padding:40px 0 56px;font-size:13px;color:var(--tinta-2);border-top:1px solid var(--garis)}.kaki-situs .wadah{display:flex;flex-wrap:wrap;gap:16px 40px;justify-content:space-between;align-items:flex-start}.kaki-situs a{color:var(--tinta-2);text-decoration:none}.kaki-situs a:hover{color:var(--tinta)}[data-muncul]{opacity:0;transition:opacity .6s var(--halus) var(--tunda,0s)}[data-muncul=tampak]{opacity:1}@media (scripting:none){[data-muncul]{opacity:1}}.halaman-auth{min-height:100dvh;display:grid}@media (min-width:960px){.halaman-auth{grid-template-columns:1fr 1fr}}.auth-kiri{padding:24px 20px 40px;display:flex;flex-direction:column}@media (min-width:960px){.auth-kiri{padding:40px 64px}}.auth-form{width:100%;max-width:400px;margin:auto;padding-top:32px}.auth-form h1{font-size:34px;letter-spacing:-.03em}.auth-form>p{margin-top:8px;color:var(--tinta-2)}.auth-kanan{display:none;position:relative;overflow:hidden;background:var(--permukaan)}@media (min-width:960px){.auth-kanan{display:flex;align-items:center;justify-content:center;padding:48px}}.dinding-label{display:grid;grid-gap:12px;gap:12px;width:min(380px,100%)}.dinding-label .kartu-ringkas{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:18px;background:var(--kertas)}.dinding-label .kartu-ringkas .ikon-panel{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--laut-muda);color:var(--laut)}.dinding-label .kartu-ringkas .ikon-panel svg{width:20px;height:20px}.dinding-label .kartu-ringkas b{display:block;font-size:15px;font-weight:600}.dinding-label .kartu-ringkas span{font-size:13.5px;color:var(--tinta-2)}.isian-pin{letter-spacing:.5em;font-size:22px;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.langkah-buka{display:flex;gap:6px;margin-bottom:24px}.langkah-buka i{flex:1 1;height:4px;border-radius:4px;background:var(--kertas-2)}.langkah-buka i.aktif{background:var(--laut)}.pratinjau-slug{margin-top:8px;font-size:14px;color:var(--tinta-2);padding:10px 12px;background:var(--kertas-2);border-radius:10px;overflow-wrap:anywhere}.pratinjau-slug b{color:var(--tinta)}.kerangka{min-height:100dvh}@media (min-width:1000px){.kerangka{display:grid;grid-template-columns:252px 1fr}}.sisi{display:none}@media (min-width:1000px){.sisi{display:flex;flex-direction:column;gap:2px;position:-webkit-sticky;position:sticky;top:0;height:100dvh;padding:20px 12px;border-right:1px solid var(--garis);background:var(--kertas);overflow-y:auto}.sisi .merek{padding:4px 12px 18px}.sisi .judul-grup{padding:14px 12px 6px;font-size:12px;font-weight:600;color:var(--tinta-3)}.sisi a.nav{display:flex;align-items:center;gap:12px;min-height:40px;padding:0 12px;border-radius:10px;text-decoration:none;font-weight:500;font-size:15px;color:var(--tinta);position:relative}.sisi a.nav:hover{background:var(--kertas-2)}.sisi a.nav[aria-current=page]{background:var(--laut-muda);color:var(--laut);font-weight:600}.sisi a.nav svg{width:20px;height:20px;color:var(--tinta-2)}.sisi a.nav[aria-current=page] svg{color:var(--laut)}.sisi .hitungan{margin-left:auto;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:var(--laut);color:var(--aksen-teks);font-size:12px;font-weight:600;display:grid;place-items:center}.sisi .kaki-sisi{margin-top:auto;padding:14px;border-radius:14px;background:var(--permukaan);font-size:13px}}.utama{min-width:0;padding-bottom:110px}@media (min-width:1000px){.utama{padding-bottom:40px}}.kepala-app{position:-webkit-sticky;position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:10px;padding:10px 16px;background:color-mix(in srgb,var(--kertas) 80%,transparent);backdrop-filter:saturate(1.8) blur(20px);-webkit-backdrop-filter:saturate(1.8) blur(20px);border-bottom:1px solid var(--garis)}@media (prefers-reduced-transparency:reduce){.etalase-bilah,.kepala-app,.kepala-situs,.tab-bawah{background:var(--kertas);backdrop-filter:none;-webkit-backdrop-filter:none}}@media (min-width:1000px){.kepala-app{padding:12px 32px}}.kepala-app .nama-toko{font-weight:600;font-size:16px;letter-spacing:-.01em}.kepala-app .slug{font-size:12.5px;color:var(--tinta-2)}.lonceng{position:relative}.lonceng .titik{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--bata);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;border:2px solid var(--kertas)}.isi{padding:20px 16px}@media (min-width:1000px){.isi{padding:28px 32px;max-width:1160px}}.isi.sempit{max-width:760px}.judul-halaman{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px}.judul-halaman h1{font-size:clamp(30px,4vw,34px);letter-spacing:-.03em;font-weight:700}.judul-halaman p{color:var(--tinta-2);margin-top:4px}.tab-bawah{position:fixed;left:0;right:0;bottom:0;z-index:50;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--permukaan) 82%,transparent);backdrop-filter:saturate(1.8) blur(20px);-webkit-backdrop-filter:saturate(1.8) blur(20px);border-top:1px solid var(--garis)}@media (min-width:1000px){.tab-bawah{display:none}}.tab-bawah a,.tab-bawah button.tab{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 0;text-decoration:none;font-size:11px;font-weight:500;color:var(--tinta-2);background:none;border:0;position:relative;cursor:pointer}.tab-bawah a svg,.tab-bawah button.tab svg{width:24px;height:24px;padding:0;box-sizing:content-box;border-radius:999px;transition:background-color .2s}.tab-bawah a[aria-current=page]{color:var(--laut);font-weight:600}.tab-bawah a[aria-current=page] svg{background:var(--laut-muda);padding:4px 18px;margin:-4px 0}.tab-bawah .hitungan{position:absolute;top:-2px;left:calc(50% + 8px);min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--bata);color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center}.tombol-catat{justify-self:center;width:52px;height:52px;border-radius:16px;border:0;background:var(--laut);color:var(--aksen-teks);display:grid;place-items:center;box-shadow:0 4px 12px color-mix(in srgb,var(--laut) 35%,transparent);cursor:pointer;transition:transform .15s var(--halus)}.tombol-catat:active{transform:scale(.94)}.tombol-catat svg{width:26px;height:26px;transition:transform .2s var(--halus)}.tombol-catat[aria-expanded=true] svg{transform:rotate(45deg)}.tirai{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.32);animation:pudar .2s both}@keyframes pudar{0%{opacity:0}}.lembar-bawah{position:fixed;left:0;right:0;bottom:0;z-index:81;max-height:90dvh;overflow-y:auto;padding:8px 20px calc(24px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0;background:var(--permukaan);box-shadow:var(--bayang-3);animation:naik .4s var(--masuk) both}.lembar-bawah:before{content:"";display:block;width:36px;height:5px;border-radius:3px;background:var(--garis-kuat);margin:0 auto 16px}@keyframes naik{0%{transform:translateY(100%)}}@media (min-width:720px){.lembar-bawah{left:50%;right:auto;bottom:auto;top:50%;width:min(540px,100% - 32px);border-radius:24px;transform:translate(-50%,-50%);animation:timbul .25s var(--masuk) both;padding:24px}.lembar-bawah:before{display:none}@keyframes timbul{0%{opacity:0;transform:translate(-50%,-48%)}}}.menu-cepat{display:grid;border-radius:16px;background:var(--kertas);overflow:hidden}.menu-cepat a,.menu-cepat button{display:flex;gap:14px;align-items:center;padding:12px 14px;border:0;border-top:1px solid var(--garis);background:none;text-decoration:none;text-align:left;cursor:pointer;width:100%}.menu-cepat>:first-child{border-top:0}.menu-cepat a:active,.menu-cepat button:active{background:var(--kertas-2)}.menu-cepat .ikon-menu{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--laut);color:var(--aksen-teks)}.menu-cepat .ikon-menu.hijau{background:var(--daun);color:var(--permukaan)}.menu-cepat .ikon-menu.oranye{background:#ff9500;color:#fff}.menu-cepat .ikon-menu.abu{background:#8e8e93;color:#fff}.menu-cepat .ikon-menu svg{width:20px;height:20px}.menu-cepat b{display:block;font-size:15.5px;font-weight:500}.menu-cepat span{font-size:13px;color:var(--tinta-2)}.sapaan h1{font-size:clamp(30px,4vw,34px);letter-spacing:-.03em;font-weight:700}.angka-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}@media (min-width:900px){.angka-grid{grid-template-columns:repeat(4,1fr)}}.kartu-angka{padding:16px 18px;border-radius:var(--r-besar);background:var(--permukaan);text-decoration:none;display:block;min-width:0;transition:background-color .2s}a.kartu-angka:hover{background:color-mix(in srgb,var(--permukaan) 94%,var(--tinta))}.kartu-angka .mikro{color:var(--tinta-2);font-size:13px;font-weight:500;letter-spacing:0}.kartu-angka .nilai{font-size:clamp(24px,3vw,30px);font-weight:600;letter-spacing:-.03em;margin-top:4px;line-height:1.15;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kartu-angka .nilai small{font-size:.55em;font-weight:500;color:var(--tinta-2);margin-right:2px}.kartu-angka .ket{font-size:13px;color:var(--tinta-2);margin-top:4px}.kartu-angka.peringatan .nilai{color:var(--kunyit-tinta)}.kartu-angka.bahaya .nilai{color:var(--bata)}.kartu-angka.untung .nilai{color:var(--daun)}.dua-kolom{display:grid;grid-gap:16px;gap:16px}@media (min-width:1000px){.dua-kolom{grid-template-columns:1.25fr 1fr;align-items:start}}.bilah-kalimat{display:flex;gap:8px;padding:6px 6px 6px 16px;border-radius:999px;background:var(--permukaan);box-shadow:var(--bayang-2);align-items:center;transition:box-shadow .2s}.bilah-kalimat:focus-within{box-shadow:0 0 0 2px var(--laut)}.bilah-kalimat>svg{flex:none;width:20px;height:20px;color:var(--laut)}.bilah-kalimat input{flex:1 1;min-width:0;border:0;background:none;padding:0 4px;font-size:16px;min-height:44px}.bilah-kalimat input:focus{outline:none}.bilah-kalimat .tombol{min-height:40px}.kilau-ai{position:relative}.kilau-ai.bekerja .bilah-kalimat{box-shadow:0 0 0 2px var(--laut-muda)}.kilau-ai.bekerja .bilah-kalimat>svg{animation:denyut-pelan 1.2s ease-in-out infinite}@keyframes denyut-pelan{50%{opacity:.35}}.daftar{display:grid}.daftar>*+*{border-top:1px solid var(--garis)}.baris-info{display:flex;align-items:center;gap:12px;padding:12px 0;text-decoration:none;min-width:0;min-height:48px}a.baris-info:active{opacity:.6}.baris-info .judul-baris{font-weight:500;font-size:15.5px;line-height:1.3}.baris-info .sub-baris{font-size:13px;color:var(--tinta-2);margin-top:2px}.baris-info .kanan{margin-left:auto;text-align:right;flex:none;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.baris-info .chevron{flex:none;width:16px;height:16px;color:var(--tinta-3)}.gambar-kecil{flex:none;width:44px;height:44px;border-radius:10px;background:var(--kertas-2);overflow:hidden;display:grid;place-items:center;color:var(--tinta-2);font-weight:600}.gambar-kecil img{width:100%;height:100%;object-fit:cover}.ikon-bulat{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--kertas-2);color:var(--tinta-2)}.ikon-bulat svg{width:18px;height:18px}.ikon-bulat.masuk{background:var(--daun-muda);color:var(--daun)}.ikon-bulat.keluar{background:var(--kertas-2);color:var(--tinta)}.ikon-bulat.biru{background:var(--laut-muda);color:var(--laut)}.judul-grup-daftar{padding:0 4px 8px;font-size:13px;font-weight:500;color:var(--tinta-2)}.lembar.daftar-lembar{padding:4px 20px}.kotak-draf{padding:14px;border-radius:14px;background:var(--kertas)}.kotak-draf .isian,.kotak-draf .pilihan-tombol,.lembar .kotak-draf .isian,.lembar .kotak-draf .isian-rupiah input,.lembar .kotak-draf .pilihan-tombol{background:var(--permukaan)}@media (prefers-color-scheme:dark){:root:not([data-tema=terang]) .kotak-draf{background:var(--kertas-2)}:root:not([data-tema=terang]) .kotak-draf .isian,:root:not([data-tema=terang]) .kotak-draf .isian-rupiah input,:root:not([data-tema=terang]) .kotak-draf .pilihan-tombol{background:var(--permukaan)}}.saran-ai{white-space:nowrap}.nilai-plus{color:var(--daun);font-weight:600}.nilai-minus{color:var(--tinta);font-weight:600}.grid-produk{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:12px;gap:12px}@media (min-width:720px){.grid-produk{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}}.kartu-produk{position:relative;display:flex;flex-direction:column;background:var(--permukaan);border-radius:18px;overflow:hidden;text-decoration:none;min-width:0}.kartu-produk:active{opacity:.8}.kartu-produk .foto{position:relative;aspect-ratio:1;background:var(--kertas-2);display:grid;place-items:center;color:var(--tinta-3)}.kartu-produk .foto img{width:100%;height:100%;object-fit:cover}.kartu-produk .foto .label-harga{position:absolute;left:10px;bottom:10px}.kartu-produk .foto .tersembunyi{position:absolute;top:10px;right:10px}.kartu-produk.habis .foto img{filter:grayscale(.8);opacity:.6}.kartu-produk .badan{padding:12px 14px 14px;display:grid;grid-gap:8px;gap:8px;flex:1 1}.kartu-produk .nama{font-weight:500;font-size:15px;line-height:1.25}.kartu-produk .stok-teks{display:flex;justify-content:space-between;align-items:baseline;font-size:12.5px;color:var(--tinta-2)}.kartu-produk .stok-teks b{color:var(--tinta);font-size:14px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.saring{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.saring::-webkit-scrollbar{display:none}.saring a,.saring button{flex:none;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:999px;border:0;background:var(--permukaan);font-weight:500;font-size:14px;text-decoration:none;color:var(--tinta);cursor:pointer;white-space:nowrap}.saring a[aria-current=true],.saring button[aria-pressed=true]{background:var(--tinta);color:var(--permukaan)}.saring .angka{font-size:12.5px;opacity:.7}.unggah-foto{position:relative;display:grid;place-items:center;aspect-ratio:4/3;border-radius:18px;border:1.5px dashed var(--garis-kuat);background:var(--kertas);overflow:hidden;cursor:pointer;text-align:center;padding:16px;transition:border-color .2s,background-color .2s}.unggah-foto.seret,.unggah-foto:hover{border-color:var(--laut);background:color-mix(in srgb,var(--laut) 6%,var(--kertas))}.unggah-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.unggah-foto input{position:absolute;inset:0;opacity:0;cursor:pointer}.unggah-foto .ikon-unggah{width:52px;height:52px;border-radius:50%;margin:0 auto 10px;display:grid;place-items:center;background:var(--laut-muda);color:var(--laut)}.unggah-foto .ikon-unggah svg{width:26px;height:26px}.pindai{position:absolute;inset:0;z-index:3;background:rgba(0,0,0,.35);animation:denyut-pelan 1.4s ease-in-out infinite}.saran-ai{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;color:var(--laut);background:var(--laut-muda);padding:3px 10px;border-radius:999px}.alur-status{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:4px;gap:4px;margin:4px 0 6px}.alur-status div{text-align:center;font-size:12px;font-weight:500;color:var(--tinta-3)}.alur-status div:before{content:"";display:block;height:4px;border-radius:4px;background:var(--kertas-2);margin-bottom:6px;transition:background-color .3s}.alur-status div.lewat{color:var(--tinta)}.alur-status div.lewat:before{background:var(--daun)}.alur-status div.kini{color:var(--laut);font-weight:600}.alur-status div.kini:before{background:var(--laut)}.alur-status.batal div:before{background:var(--kertas-2)!important}.kartu-pesanan{display:grid;grid-gap:10px;gap:10px;padding:16px 18px;border-radius:18px;background:var(--permukaan);text-decoration:none;min-width:0}.kartu-pesanan:active{opacity:.8}.kartu-pesanan.baru{box-shadow:inset 3px 0 0 var(--laut)}.kartu-pesanan .kode{font-weight:600;letter-spacing:.06em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tabel-baris{width:100%;border-collapse:collapse;font-size:15px}.tabel-baris td{padding:10px 0;border-bottom:1px solid var(--garis);vertical-align:top}.tabel-baris td:last-child{text-align:right;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tabel-baris tfoot td{border-bottom:0;font-weight:600;font-size:17px;padding-top:12px}.penghitung{display:inline-flex;align-items:center;border-radius:999px;overflow:hidden;background:var(--kertas-2)}.penghitung button{width:40px;height:40px;border:0;background:none;font-size:20px;font-weight:500;cursor:pointer;color:var(--laut)}.penghitung button:disabled{opacity:.3}.penghitung input{width:44px;text-align:center;border:0;background:none;font-size:16px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;-moz-appearance:textfield}.penghitung input::-webkit-inner-spin-button{-webkit-appearance:none}.toast{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:90;display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:999px;background:var(--tinta);color:var(--permukaan);font-weight:500;font-size:14.5px;box-shadow:var(--bayang-3);animation:toast .3s var(--masuk) both;max-width:calc(100% - 32px)}@media (min-width:1000px){.toast{bottom:28px}}@keyframes toast{0%{opacity:0;transform:translate(-50%,12px)}}.kosong{text-align:center;padding:40px 20px;color:var(--tinta-2)}.kosong .gambar-kosong{width:48px;height:48px;margin:0 auto 14px;color:var(--tinta-3)}.kosong h3{font-size:17px;color:var(--tinta);margin-bottom:6px;font-weight:600}.qr-kotak{display:grid;place-items:center;padding:18px;border-radius:18px;background:#fff}.qr-kotak canvas,.qr-kotak img{width:100%;max-width:240px;height:auto;image-rendering:pixelated}.kartu-saldo{padding:22px 22px 18px;border-radius:24px;background:var(--permukaan);min-width:0}.kartu-saldo .label-saldo{font-size:14px;color:var(--tinta-2);font-weight:500}.kartu-saldo .saldo-besar{font-size:clamp(36px,6vw,48px);font-weight:600;letter-spacing:-.035em;line-height:1.1;margin-top:4px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kartu-saldo .saldo-besar small{font-size:.5em;font-weight:500;color:var(--tinta-2);margin-right:4px}.kartu-saldo .rincian-saldo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid var(--garis)}@media (min-width:640px){.kartu-saldo .rincian-saldo{grid-template-columns:repeat(4,minmax(0,1fr))}}.kartu-saldo .rincian-saldo div{min-width:0}.kartu-saldo .rincian-saldo span{display:block;font-size:12.5px;color:var(--tinta-2)}.kartu-saldo .rincian-saldo b{display:block;font-size:17px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-top:2px}.kartu-saldo .aksi-saldo{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.chip-delta{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 9px;border-radius:999px;font-size:13px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.chip-delta.naik{background:var(--daun-muda);color:var(--daun)}.chip-delta.turun{background:var(--bata-muda);color:var(--bata)}.chip-delta.datar{background:var(--kertas-2);color:var(--tinta-2)}.grafik-batang{display:flex;align-items:flex-end;gap:6px;height:140px;padding-top:10px}.grafik-batang .kolom{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;height:100%;min-width:0}.grafik-batang .batang{width:100%;max-width:36px;border-radius:6px 6px 3px 3px;background:var(--laut);min-height:2px;transition:height .5s var(--halus)}.grafik-batang .batang.redup{background:var(--laut-muda)}.grafik-batang .batang.rugi{background:var(--bata)}.grafik-batang .label-kolom{font-size:11.5px;color:var(--tinta-2);white-space:nowrap}.laporan-tabel{width:100%;border-collapse:collapse;font-size:15px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.laporan-tabel td{padding:9px 0;border-bottom:1px solid var(--garis)}.laporan-tabel td:last-child{text-align:right;white-space:nowrap}.laporan-tabel tr.sub td{padding-left:14px;color:var(--tinta-2);font-size:14px}.laporan-tabel tr.jumlah td{font-weight:600;border-bottom-color:var(--garis-kuat)}.laporan-tabel tr.total td{font-weight:700;font-size:17px;border-bottom:0;padding-top:14px}.laporan-tabel tr.kepala td{padding-top:18px;font-size:13px;font-weight:600;color:var(--tinta-2);border-bottom:0;text-align:left}.cek-baris{display:flex;align-items:center;gap:10px;font-size:14px}.cek-baris svg{flex:none;width:18px;height:18px}.cek-baris.ok svg{color:var(--daun)}.cek-baris.awas svg{color:var(--kunyit-tinta)}.meteran{height:8px;border-radius:99px;background:var(--kertas-2);overflow:hidden}.meteran i{display:block;height:100%;border-radius:inherit;background:var(--laut)}.etalase{min-height:100dvh;padding-bottom:120px}.etalase-kepala{position:relative;padding:28px 0 18px}.etalase-kepala .wadah{display:grid;grid-gap:14px;gap:14px}.etalase-identitas{display:flex;gap:14px;align-items:center}.logo-toko{flex:none;width:64px;height:64px;border-radius:16px;display:grid;place-items:center;background:var(--aksen);color:var(--aksen-teks);font-weight:600;font-size:26px;letter-spacing:-.03em;overflow:hidden}.logo-toko img{width:100%;height:100%;object-fit:cover}.etalase-identitas h1{font-size:clamp(26px,5vw,36px);letter-spacing:-.03em;font-weight:700}.etalase-identitas p{color:var(--tinta-2);margin-top:4px;font-size:15px}.etalase-meta{display:flex;flex-wrap:wrap;gap:8px}.etalase-meta span{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;background:var(--permukaan);font-size:13px;font-weight:500;color:var(--tinta-2)}.etalase-meta span svg{width:15px;height:15px}.etalase-meta .buka{color:var(--daun)}.etalase-meta .tutup{color:var(--bata)}.etalase-bilah{position:-webkit-sticky;position:sticky;top:0;z-index:20;padding:10px 0;background:color-mix(in srgb,var(--kertas) 82%,transparent);backdrop-filter:saturate(1.8) blur(20px);-webkit-backdrop-filter:saturate(1.8) blur(20px);border-bottom:1px solid var(--garis)}.etalase-bilah .wadah{display:grid;grid-gap:10px;gap:10px}.etalase-bilah .saring a,.etalase-bilah .saring button{background:var(--permukaan)}.etalase-bilah .saring a[aria-current=true],.etalase-bilah .saring button[aria-pressed=true]{background:var(--aksen);color:var(--aksen-teks)}.cari{position:relative}.cari svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--tinta-3)}.cari input{padding-left:42px;background:var(--permukaan);border-radius:12px}.etalase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}@media (min-width:640px){.etalase-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media (min-width:1000px){.etalase-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}}.judul-kategori{font-size:21px;letter-spacing:-.02em;font-weight:600;margin:28px 0 12px;display:flex;align-items:baseline;gap:10px;scroll-margin-top:140px}.judul-kategori small{font-size:13px;color:var(--tinta-2);font-weight:500}.barang{position:relative;display:flex;flex-direction:column;background:var(--permukaan);border:0;border-radius:18px;overflow:hidden;text-align:left;padding:0;cursor:pointer;min-width:0;transition:transform .15s var(--halus)}.barang:active{transform:scale(.98)}.barang .foto{position:relative;aspect-ratio:1;background:var(--kertas-2);display:grid;place-items:center}.barang .foto img{width:100%;height:100%;object-fit:cover}.barang .foto .huruf-awal{font-size:40px;font-weight:600;color:var(--tinta-3);letter-spacing:-.04em}.barang.habis .foto img{filter:grayscale(.85);opacity:.55}.barang .badan{padding:10px 12px 14px;display:grid;grid-gap:4px;gap:4px}.barang .nama{font-weight:500;font-size:14.5px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.barang .harga{font-weight:600;font-size:16px;letter-spacing:-.01em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.barang .harga small{font-weight:400;color:var(--tinta-2);font-size:12.5px}.barang .di-keranjang{position:absolute;top:10px;right:10px;z-index:3;min-width:28px;height:28px;padding:0 9px;border-radius:999px;background:var(--aksen);color:var(--aksen-teks);font-weight:600;font-size:13.5px;display:grid;place-items:center;box-shadow:0 2px 8px rgba(0,0,0,.18)}.bilah-keranjang{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:60;animation:naik .4s var(--masuk) both}@media (min-width:720px){.bilah-keranjang{left:50%;right:auto;width:520px;transform:translateX(-50%);animation:none}}.bilah-keranjang button{width:100%;display:flex;align-items:center;gap:12px;padding:8px 8px 8px 20px;min-height:60px;border:0;border-radius:999px;background:var(--tinta);color:var(--permukaan);box-shadow:var(--bayang-3);cursor:pointer;font-weight:500;text-align:left}.bilah-keranjang .jumlah-item{font-size:13px;opacity:.7}.bilah-keranjang .total{font-size:18px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bilah-keranjang .ke-checkout{margin-left:auto;padding:12px 18px;border-radius:999px;background:var(--aksen);color:var(--aksen-teks);font-size:15px;font-weight:600}.bilah-keranjang.denyut button{animation:tekan .3s var(--halus)}@keyframes tekan{40%{transform:scale(1.015)}}.detail-barang .foto-besar{aspect-ratio:4/3;border-radius:18px;overflow:hidden;background:var(--kertas-2);margin-bottom:16px;display:grid;place-items:center;position:relative}.detail-barang .foto-besar img{width:100%;height:100%;object-fit:cover}.detail-barang h2{font-size:24px;letter-spacing:-.02em}.sukses-pesan{text-align:center;padding:12px 0}.sukses-pesan .centang{width:72px;height:72px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;background:#34c759;color:#fff;animation:muncul-pelan .4s var(--halus) both}.sukses-pesan .centang svg{width:38px;height:38px}.sukses-pesan .kode-besar{display:inline-block;margin-top:10px;padding:8px 18px;border-radius:12px;background:var(--kertas-2);font-size:26px;font-weight:600;letter-spacing:.16em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kaki-etalase{text-align:center;padding:32px 16px;font-size:13px;color:var(--tinta-2)}.kaki-etalase a{color:var(--tinta-2);font-weight:500}.grid-toko{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.kartu-toko{display:grid;grid-gap:12px;gap:12px;padding:16px;border-radius:20px;background:var(--permukaan);text-decoration:none;min-width:0}.kartu-toko:active{opacity:.8}.kartu-toko .foto-tiga{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px}.kartu-toko .foto-tiga span{aspect-ratio:1;border-radius:12px;background:var(--kertas-2);overflow:hidden}.kartu-toko .foto-tiga img{width:100%;height:100%;object-fit:cover}.kartu-toko .logo-toko{width:44px;height:44px;border-radius:12px;font-size:18px}.tabel-dasbor{width:100%;border-collapse:collapse;font-size:14.5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tabel-dasbor th{text-align:left;font-size:12.5px;font-weight:500;color:var(--tinta-2);padding:8px 10px;border-bottom:1px solid var(--garis-kuat)}.tabel-dasbor td{padding:11px 10px;border-bottom:1px solid var(--garis)}.tabel-dasbor td.angka,.tabel-dasbor th.angka{text-align:right}.gulir-x{overflow-x:auto}.batang-dasbor{height:6px;border-radius:99px;background:var(--laut);min-width:2px}@media print{body{background:#fff;color:#000}.jangan-cetak,.kepala-app,.sisi,.tab-bawah{display:none!important}.isi,.utama{padding:0!important}.isi{max-width:none!important}.kartu-saldo,.lembar{box-shadow:none!important;border:1px solid #ddd;page-break-inside:avoid;break-inside:avoid}}.poster-qr{width:100%;max-width:420px;margin:0 auto;padding:32px 28px;border-radius:28px;background:#fff;color:#1d1d1f;text-align:center;box-shadow:var(--bayang-2)}.poster-qr h2{font-size:28px;letter-spacing:-.03em}.poster-qr .alamat-katalog{font-size:14px;margin-top:10px;overflow-wrap:anywhere;color:#6e6e73}.poster-qr .pita{display:inline-block;margin-top:12px;padding:6px 14px;border-radius:999px;background:#0b57d0;color:#fff;font-weight:600;font-size:13px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}[data-muncul]{opacity:1}}.pilihan-wadah{position:relative}.pilihan-tombol{width:100%;min-height:48px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid transparent;border-radius:12px;background:var(--kertas-2);cursor:pointer;text-align:left;font-size:16px}.lembar .pilihan-tombol{background:var(--kertas)}.pilihan-wadah.kecil .pilihan-tombol{min-height:38px;font-size:14px;border-radius:10px}.pilihan-tombol:focus-visible,.pilihan-wadah.terbuka .pilihan-tombol{outline:none;box-shadow:0 0 0 2px var(--laut)}.pilihan-nilai{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pilihan-nilai.kosong{color:var(--tinta-3)}.pilihan-panah{flex:none;color:var(--tinta-2);transition:transform .2s var(--halus)}.pilihan-wadah.terbuka .pilihan-panah{transform:rotate(180deg)}.pilihan-popover{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:70;max-height:320px;overflow:auto;padding:6px;border-radius:14px;background:var(--permukaan);box-shadow:var(--bayang-3);animation:muncul-pelan .15s var(--halus) both}@media (prefers-color-scheme:dark){:root:not([data-tema=terang]) .pilihan-popover{background:#2c2c2e}}.pilihan-wadah.ke-atas .pilihan-popover{top:auto;bottom:calc(100% + 6px)}.pilihan-cari{padding:4px 4px 8px}.pilihan-cari input{width:100%;min-height:40px;padding:0 12px;border:0;border-radius:10px;background:var(--kertas-2)}.pilihan-cari input:focus{outline:none;box-shadow:0 0 0 2px var(--laut)}.pilihan-daftar{list-style:none;margin:0;padding:0}.pilihan-daftar li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;cursor:pointer;font-size:15px}.pilihan-daftar li.disorot{background:var(--kertas-2)}.pilihan-daftar li[aria-selected=true]{font-weight:600}.pilihan-teks{flex:1 1;min-width:0}.pilihan-teks small{display:block;color:var(--tinta-2);font-size:12.5px;font-weight:400}.pilihan-centang{flex:none;color:var(--laut);opacity:0}.pilihan-daftar li[aria-selected=true] .pilihan-centang{opacity:1}.pilihan-kosong{color:var(--tinta-3);cursor:default!important}.pilihan-latar{position:fixed;inset:0;z-index:95;background:rgba(0,0,0,.32);display:flex;align-items:flex-end;animation:pudar .2s both}.pilihan-lembar{width:100%;max-height:80dvh;overflow:auto;padding:8px 14px calc(16px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0;background:var(--permukaan);animation:naik .4s var(--masuk) both}.pilihan-pegangan{width:36px;height:5px;border-radius:3px;background:var(--garis-kuat);margin:4px auto 10px}.pilihan-kepala{display:flex;justify-content:space-between;align-items:center;padding:4px 4px 10px;font-weight:600}.tautan-tombol{border:0;background:none;color:var(--laut);font-weight:600;cursor:pointer;padding:6px}@media (max-width:560px){.sembunyi-ponsel{display:none}}@media (min-width:561px){.hanya-ponsel{display:none}}