:root{color-scheme:light;--color-surface:oklch(100% 0 0);--color-surface-2:oklch(97.6% 0.005 162);--color-surface-3:oklch(94.8% 0.008 162);--color-ink:oklch(21% 0.018 165);--color-ink-2:oklch(41% 0.016 165);--color-ink-3:oklch(50% 0.013 165);--color-rule:oklch(91.5% 0.008 165);--color-rule-strong:oklch(84% 0.012 165);--color-primary:oklch(34% 0.065 162);--color-primary-hover:oklch(29% 0.06 162);--color-primary-press:oklch(25% 0.055 162);--color-primary-soft:oklch(95.5% 0.022 162);--color-primary-line:oklch(85% 0.045 162);--color-on-primary:oklch(99% 0.003 162);--color-foil:oklch(72% 0.105 78);--color-foil-ink:oklch(47% 0.09 70);--color-foil-soft:oklch(96% 0.03 85);--color-danger:oklch(49% 0.165 27);--color-danger-soft:oklch(96.5% 0.022 27);--color-warn:oklch(50% 0.11 65);--color-warn-soft:oklch(96.5% 0.035 85);--color-info:oklch(45% 0.09 245);--color-info-soft:oklch(96.5% 0.018 245);--color-focus:oklch(45% 0.13 250);--color-scrim:oklch(15% 0.02 165/0.55);--font-display:"Gloock","Bodoni 72",Georgia,serif;--font-ui:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;--text-xs:0.8125rem;--text-sm:0.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.375rem;--text-xl:1.75rem;--text-2xl:2.25rem;--text-display:clamp(2.5rem,1.6rem + 3.6vw,4.25rem);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-pill:999px;--shadow-1:0 1px 2px oklch(20% 0.02 165/0.06);--shadow-2:0 1px 2px oklch(20% 0.02 165/0.05),0 8px 24px -8px oklch(20% 0.02 165/0.12);--shadow-3:0 2px 4px oklch(20% 0.02 165/0.06),0 24px 48px -16px oklch(20% 0.02 165/0.22);--ease-out:cubic-bezier(0.22,1,0.36,1);--ease-in:cubic-bezier(0.64,0,0.78,0);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--dur-1:120ms;--dur-2:200ms;--dur-3:320ms;--z-sticky:10;--z-nav:20;--z-backdrop:40;--z-dialog:50;--z-toast:60;--sidebar:252px;--tabbar:64px}*,:after,:before{box-sizing:border-box}body,html{overflow-x:clip}html{-webkit-text-size-adjust:100%}body{margin:0;font-synthesis:none;background:var(--color-surface);color:var(--color-ink);font-family:var(--font-ui);font-size:var(--text-base);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{margin:0;line-height:1.2;text-wrap:balance;font-style:normal;overflow-wrap:anywhere;min-width:0}p{margin:0;text-wrap:pretty}a{color:inherit}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}::selection{background:var(--color-primary-soft)}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.muted{color:var(--color-ink-2)}.kecil{font-size:var(--text-sm)}.display{font-family:var(--font-display);font-weight:500;letter-spacing:-.01em}.btn{--b-bg:var(--color-surface);--b-fg:var(--color-ink);--b-line:var(--color-rule-strong);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-5);border:1px solid var(--b-line);border-radius:var(--radius-pill);background:var(--b-bg);color:var(--b-fg);font-weight:600;font-size:var(--text-sm);letter-spacing:.005em;line-height:1;text-decoration:none;white-space:nowrap;transition:background-color var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out),transform var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn svg{width:18px;height:18px;flex:none}.btn:hover{background:var(--color-surface-2)}.btn:active{transform:scale(.98)}.btn[aria-disabled=true],.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}.btn[data-loading=true]{cursor:progress}.btn[data-loading=true]>:not(.putar){opacity:.6}.btn-primary{--b-bg:var(--color-primary);--b-fg:var(--color-on-primary);--b-line:var(--color-primary);box-shadow:0 1px 0 oklch(100% 0 0/.12) inset,var(--shadow-1)}.btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-primary:active{background:var(--color-primary-press)}.btn-ghost{--b-line:transparent;--b-bg:transparent}.btn-ghost:hover{background:var(--color-surface-3)}.btn-danger{--b-fg:var(--color-danger);--b-line:color-mix(in oklch,var(--color-danger) 35%,transparent)}.btn-danger:hover{background:var(--color-danger-soft)}.btn-lg{min-height:52px;padding:0 var(--space-6);font-size:var(--text-base)}.btn-xl{min-height:64px;padding:0 var(--space-8);font-size:var(--text-md);border-radius:var(--radius-lg)}.btn-sm{min-height:36px;padding:0 var(--space-3);font-size:var(--text-xs)}.btn-ikon{width:44px;padding:0}.btn-blok{width:100%}.putar{width:16px;height:16px;border-radius:50%;border:2px solid;border-right:2px solid transparent;animation:putar .7s linear infinite}@keyframes putar{to{transform:rotate(1turn)}}.field{display:grid;grid-gap:var(--space-2);gap:var(--space-2);min-width:0}.field>label,.label{font-size:var(--text-sm);font-weight:600;color:var(--color-ink)}.field .bantu{font-size:var(--text-xs);color:var(--color-ink-2)}.field .galat{font-size:var(--text-xs);color:var(--color-danger);font-weight:600}.input,.select,.textarea{width:100%;min-height:48px;padding:0 var(--space-4);background:var(--color-surface);border:1px solid var(--color-rule-strong);border-radius:var(--radius-md);font-size:var(--text-base);transition:border-color var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out)}.textarea{min-height:112px;padding:var(--space-3) var(--space-4);resize:vertical;line-height:1.5}.input::placeholder,.textarea::placeholder{color:var(--color-ink-3)}.input:hover,.select:hover,.textarea:hover{border-color:var(--color-ink-3)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.input[aria-invalid=true]{border-color:var(--color-danger)}.input[disabled]{background:var(--color-surface-2);color:var(--color-ink-2)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:var(--space-10);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%23455' stroke-width='1.6'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}.input-pin{letter-spacing:.6em;text-align:center;font-size:var(--text-lg);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cek{display:flex;gap:var(--space-3);align-items:flex-start;font-size:var(--text-sm);line-height:1.45;cursor:pointer}.cek input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--color-primary);flex:none}.saklar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) 0;cursor:pointer}.saklar+.saklar{border-top:1px solid var(--color-rule)}.saklar input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:44px;height:26px;border-radius:999px;background:var(--color-rule-strong);position:relative;flex:none;cursor:pointer;transition:background-color var(--dur-2) var(--ease-out)}.saklar input:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:white;box-shadow:var(--shadow-1);transition:transform var(--dur-2) var(--ease-out)}.saklar input:checked{background:var(--color-primary)}.saklar input:checked:after{transform:translateX(18px)}.saklar .judul{font-weight:600}.saklar .bantu{font-size:var(--text-sm);color:var(--color-ink-2)}.segmen{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;background:var(--color-surface-3);border-radius:var(--radius-pill)}.segmen label{position:relative}.segmen input{position:absolute;opacity:0;inset:0;cursor:pointer}.segmen span{display:inline-flex;align-items:center;min-height:36px;padding:0 var(--space-4);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:600;color:var(--color-ink-2);transition:background-color var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out)}.segmen input:checked+span{background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-1)}.segmen input:focus-visible+span{outline:2px solid var(--color-focus);outline-offset:1px}.form,.form-2{display:grid;grid-gap:var(--space-5);gap:var(--space-5)}.form-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.pesan-galat{background:var(--color-danger-soft);color:var(--color-danger)}.pesan-galat,.pesan-ok{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600}.pesan-ok{background:var(--color-primary-soft);color:var(--color-primary)}.lencana{display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:0 10px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:600;white-space:nowrap;background:var(--color-surface-3);color:var(--color-ink-2)}.lencana:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.lencana.ok{background:var(--color-primary-soft);color:var(--color-primary)}.lencana.warn{background:var(--color-warn-soft);color:var(--color-warn)}.lencana.bahaya{background:var(--color-danger-soft);color:var(--color-danger)}.lencana.info{background:var(--color-info-soft);color:var(--color-info)}.lencana.foil{background:var(--color-foil-soft);color:var(--color-foil-ink)}.wordmark{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--font-display);font-weight:600;font-size:1.25rem;letter-spacing:-.01em;color:var(--color-ink);white-space:nowrap}.wordmark .segel{width:26px;height:26px;flex:none}.app{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr);background:var(--color-surface)}.app-samping{display:none}.app-atas{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-nav);justify-content:space-between;min-height:60px;padding:0 var(--space-4);background:color-mix(in oklch,var(--color-surface) 92%,transparent);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--color-rule)}.app-atas,.app-atas .toko{display:flex;align-items:center;gap:var(--space-3)}.app-atas .toko{min-width:0;font-weight:700}.app-atas .toko span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-isi{padding:var(--space-6) var(--space-4) calc(var(--tabbar) + var(--space-10) + env(safe-area-inset-bottom));width:100%;max-width:1160px;margin:0 auto;min-width:0}.tabbar{position:fixed;inset:auto 0 0 0;z-index:var(--z-nav);display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);height:calc(var(--tabbar) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:color-mix(in oklch,var(--color-surface) 94%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-top:1px solid var(--color-rule)}.tabbar a{display:grid;place-items:center;align-content:center;grid-gap:3px;gap:3px;text-decoration:none;font-size:.6875rem;font-weight:600;color:var(--color-ink-3);-webkit-tap-highlight-color:transparent}.tabbar a svg{width:22px;height:22px}.tabbar a[aria-current=page]{color:var(--color-primary)}.navlist{display:grid;grid-gap:2px;gap:2px}.navlist a{display:flex;align-items:center;gap:var(--space-3);min-height:42px;padding:0 var(--space-3);border-radius:var(--radius-sm);text-decoration:none;font-weight:500;font-size:var(--text-sm);color:var(--color-ink-2);transition:background-color var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out)}.navlist a svg{width:18px;height:18px;flex:none}.navlist a:hover{background:var(--color-surface-3);color:var(--color-ink)}.navlist a[aria-current=page]{background:var(--color-surface);color:var(--color-ink);font-weight:600;box-shadow:var(--shadow-1),0 0 0 1px var(--color-rule)}.navlist a .panah{margin-left:auto;width:14px;height:14px;opacity:.6}.pita-samar{display:flex;align-items:center;justify-content:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-2) var(--space-4);background:var(--color-ink);color:var(--color-on-primary);text-align:center}.pita-samar,.pita-samar button{font-size:var(--text-xs);font-weight:600}.pita-samar button{background:none;border:1px solid oklch(100% 0 0/.35);color:inherit;border-radius:999px;padding:4px 12px}@media (min-width:1024px){.app{grid-template-columns:var(--sidebar) minmax(0,1fr)}.app-samping{display:flex;flex-direction:column;gap:var(--space-6);position:-webkit-sticky;position:sticky;top:0;height:100dvh;padding:var(--space-6) var(--space-4);background:var(--color-surface-2);border-right:1px solid var(--color-rule)}.app-samping .merchant{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:0 0 0 1px var(--color-rule)}.app-samping .merchant b{display:block;font-size:var(--text-sm);line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-samping .merchant small{color:var(--color-ink-2);font-size:var(--text-xs)}.app-samping .bawah{margin-top:auto;display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.app-atas,.tabbar{display:none}.app-isi{padding:var(--space-10) var(--space-10) var(--space-16)}}.logo-bulat{width:36px;height:36px;border-radius:10px;flex:none;display:grid;place-items:center;overflow:hidden;font-family:var(--font-display);font-weight:600;font-size:1rem}.logo-bulat img{width:100%;height:100%;object-fit:cover}.kepala{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-8)}.kepala h1{font-family:var(--font-display);font-weight:500;font-size:var(--text-2xl);letter-spacing:-.015em}.kepala p{color:var(--color-ink-2);margin-top:var(--space-2);max-width:60ch}.kepala .aksi{display:flex;gap:var(--space-2);flex-wrap:wrap}@media (max-width:640px){.kepala h1{font-size:var(--text-xl)}.kepala{margin-bottom:var(--space-6)}}.bagian{margin-top:var(--space-10)}.bagian>h2,.h2{font-size:var(--text-md);font-weight:700;letter-spacing:-.005em}.bagian-kepala{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap}.bagian-kepala p{color:var(--color-ink-2);font-size:var(--text-sm)}.panel{background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius-lg)}.panel-isi{padding:var(--space-6)}@media (max-width:640px){.panel-isi{padding:var(--space-5)}}.panel-garis{border-top:1px solid var(--color-rule)}.ringkas{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));border:1px solid var(--color-rule);border-radius:var(--radius-lg);overflow:hidden}.ringkas>div{padding:var(--space-5);border-right:1px solid var(--color-rule);border-bottom:1px solid var(--color-rule);margin:0 -1px -1px 0}.ringkas dt{font-size:var(--text-xs);color:var(--color-ink-2);font-weight:600}.ringkas dd{margin:var(--space-2) 0 0;font-family:var(--font-display);font-size:2rem;font-weight:500;line-height:1;font-feature-settings:tabular-nums lining-nums;font-variant-numeric:tabular-nums lining-nums}.ringkas dd small{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-ink-2);font-weight:500;margin-left:6px}.daftar{list-style:none;margin:0;padding:0}.baris{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:var(--space-3) var(--space-4);gap:var(--space-3) var(--space-4);padding:var(--space-4) var(--space-5)}.baris+.baris{border-top:1px solid var(--color-rule)}.baris .nama{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.baris .info{font-size:var(--text-sm);color:var(--color-ink-2)}.baris .aksi{display:flex;gap:var(--space-2);align-items:center}a.baris{text-decoration:none;transition:background-color var(--dur-1) var(--ease-out)}a.baris:hover{background:var(--color-surface-2)}@media (max-width:560px){.baris{grid-template-columns:auto minmax(0,1fr);padding:var(--space-4)}.baris .aksi{grid-column:1/-1;justify-content:flex-start}.baris .aksi .btn{flex:1 1}}.inisial{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--color-surface-3);color:var(--color-ink-2);font-weight:700;font-size:var(--text-sm);flex:none}.bar-mini{display:flex;gap:3px;margin-top:6px}.bar-mini i{width:8px;height:8px;border-radius:50%;background:var(--color-rule-strong)}.bar-mini i.isi{background:var(--color-primary)}.kelompok{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.kelompok+.kelompok{margin-top:var(--space-8)}.kelompok-judul{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.kelompok-judul h3{font-size:var(--text-base);font-weight:700}.kelompok-judul .jumlah{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:var(--text-xs);font-weight:700;color:var(--color-ink-2);background:var(--color-surface-3);padding:2px 8px;border-radius:999px}.kelompok-judul p{flex-basis:100%;font-size:var(--text-sm);color:var(--color-ink-2)}.baris.selesai{opacity:.55}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-rule);margin-bottom:var(--space-6);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs a{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 var(--space-4);text-decoration:none;font-weight:600;font-size:var(--text-sm);color:var(--color-ink-2);white-space:nowrap}.tabs a:hover,.tabs a[aria-current=page]{color:var(--color-ink)}.tabs a[aria-current=page]:after{content:"";position:absolute;left:var(--space-4);right:var(--space-4);bottom:-1px;height:2px;background:var(--color-primary);border-radius:2px}.tabel-bungkus{overflow-x:auto;border:1px solid var(--color-rule);border-radius:var(--radius-lg)}.tabel{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.tabel th{text-align:left;font-size:var(--text-xs);font-weight:600;color:var(--color-ink-2);background:var(--color-surface-2);white-space:nowrap}.tabel td,.tabel th{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-rule)}.tabel td{vertical-align:middle}.tabel tr:last-child td{border-bottom:0}.tabel td.kanan,.tabel th.kanan{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tabel a{font-weight:600;text-decoration:none}.tabel a:hover{text-decoration:underline;text-underline-offset:3px}.kosong{display:grid;justify-items:start;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-8) var(--space-6);border:1px dashed var(--color-rule-strong);border-radius:var(--radius-lg);background:var(--color-surface-2)}.kosong h3{font-size:var(--text-base);font-weight:700}.kosong p{color:var(--color-ink-2);font-size:var(--text-sm);max-width:52ch}.kerangka{background:linear-gradient(90deg,var(--color-surface-3),var(--color-surface-2),var(--color-surface-3));background-size:200% 100%;animation:kilau 1.4s var(--ease-in-out) infinite;border-radius:var(--radius-sm)}@keyframes kilau{to{background-position:-200% 0}}.terkunci{display:flex;gap:var(--space-4);align-items:flex-start;padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-foil-soft);border:1px solid color-mix(in oklch,var(--color-foil) 35%,transparent)}.terkunci svg{color:var(--color-foil-ink);flex:none;margin-top:2px;width:20px;height:20px}.terkunci b{display:block}.terkunci p{font-size:var(--text-sm);color:var(--color-ink-2);margin-top:2px}.toast-wadah{position:fixed;z-index:var(--z-toast);left:50%;bottom:calc(var(--tabbar) + var(--space-4) + env(safe-area-inset-bottom));transform:translateX(-50%);display:grid;grid-gap:var(--space-2);gap:var(--space-2);width:min(92vw,420px);pointer-events:none}@media (min-width:1024px){.toast-wadah{bottom:var(--space-6)}}.toast{pointer-events:auto;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-ink);color:var(--color-on-primary);box-shadow:var(--shadow-3);font-size:var(--text-sm);font-weight:500;animation:naik var(--dur-3) var(--ease-out)}.toast span{flex:1 1}.toast button{background:none;border:0;color:var(--color-foil);font-weight:700;padding:8px 10px;border-radius:8px}.toast.galat{background:var(--color-danger)}@keyframes naik{0%{opacity:0;transform:translateY(10px)}}dialog.lembar{border:0;padding:0;background:var(--color-surface);color:var(--color-ink);border-radius:var(--radius-lg);width:min(94vw,480px);max-height:90dvh;box-shadow:var(--shadow-3)}dialog.lembar::-webkit-backdrop{background:var(--color-scrim)}dialog.lembar::backdrop{background:var(--color-scrim)}dialog.lembar[open]{animation:muncul var(--dur-3) var(--ease-out)}.lembar-kepala{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-6) 0}.lembar-kepala h2{font-size:var(--text-md);font-weight:700}.lembar-isi{padding:var(--space-5) var(--space-6) var(--space-6);display:grid;grid-gap:var(--space-5);gap:var(--space-5)}@media (max-width:560px){dialog.lembar{width:100%;max-width:none;margin:auto 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding-bottom:env(safe-area-inset-bottom)}dialog.lembar[open]{animation:geser-naik var(--dur-3) var(--ease-out)}}@keyframes muncul{0%{opacity:0;transform:translateY(8px) scale(.98)}}@keyframes geser-naik{0%{transform:translateY(100%)}}.kartu{--k-latar:#1f3d33;--k-tinta:#fbfaf7;--k-aksen:#c9a45c;--rx:0deg;--ry:0deg;--mx:50%;--my:30%;position:relative;isolation:isolate;width:100%;max-width:420px;padding:22px 22px 20px;border-radius:22px;background:var(--k-latar);color:var(--k-tinta);box-shadow:0 1px 0 color-mix(in srgb,var(--k-tinta) 18%,transparent) inset,0 -1px 0 oklch(0 0 0/.25) inset,0 2px 4px oklch(10% .02 165/.18),0 30px 60px -24px oklch(10% .02 165/.55);transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .5s var(--ease-out);overflow:hidden;font-family:var(--font-ui)}.kartu.digeser{transition:transform 80ms linear}.kartu:before{inset:9px;border-radius:15px;z-index:-1;border:1px solid color-mix(in srgb,var(--k-aksen) 55%,transparent)}.kartu:after,.kartu:before{content:"";position:absolute;pointer-events:none}.kartu:after{inset:0;z-index:2;background:radial-gradient(circle at var(--mx) var(--my),oklch(100% 0 0/.16),transparent 45%);mix-blend-mode:soft-light;opacity:.9}.kartu-pola{position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:1}.kartu[data-pola=garis] .kartu-pola{background-image:repeating-linear-gradient(135deg,color-mix(in srgb,var(--k-tinta) 6%,transparent) 0 1px,transparent 1px 9px)}.kartu[data-pola=titik] .kartu-pola{background-image:radial-gradient(color-mix(in srgb,var(--k-tinta) 10%,transparent) 1px,transparent 1.4px);background-size:14px 14px}.kartu[data-pola=anyam] .kartu-pola{background-image:repeating-linear-gradient(45deg,color-mix(in srgb,var(--k-tinta) 5%,transparent) 0 1px,transparent 1px 12px),repeating-linear-gradient(-45deg,color-mix(in srgb,var(--k-tinta) 5%,transparent) 0 1px,transparent 1px 12px)}.kartu[data-pola=polos] .kartu-pola{background-image:radial-gradient(120% 80% at 100% 0,color-mix(in srgb,var(--k-tinta) 9%,transparent),transparent 60%)}.kartu-kepala{display:flex;align-items:center;gap:12px;min-width:0}.kartu-logo{width:44px;height:44px;border-radius:12px;flex:none;overflow:hidden;display:grid;place-items:center;background:color-mix(in srgb,var(--k-tinta) 12%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--k-aksen) 45%,transparent);font-family:var(--font-display);font-weight:400;font-size:1.25rem}.kartu-logo img{width:100%;height:100%;object-fit:cover}.kartu-nama{min-width:0;flex:1 1}.kartu-nama b{display:block;font-size:1.3rem;line-height:1.15;font-weight:600;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.kartu[data-huruf=klasik] .kartu-nama b,.kartu[data-huruf=klasik] .kartu-sisa b{font-family:var(--font-display);font-weight:400;letter-spacing:-.005em}.kartu-nama small{display:block;font-size:.75rem;opacity:.78;letter-spacing:.02em;margin-top:2px}.kartu-putaran{font-size:.6875rem;font-weight:700;letter-spacing:.06em;padding:4px 9px;border-radius:999px;border:1px solid color-mix(in srgb,var(--k-aksen) 60%,transparent);color:var(--k-tinta);white-space:nowrap}.kartu-stamp{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:10px;gap:10px;margin:22px 0 20px;list-style:none;padding:0}.slot{position:relative;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;border:1.5px dashed color-mix(in srgb,var(--k-tinta) 34%,transparent)}.slot svg{width:46%;height:46%}.slot.isi{border:0;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--k-aksen) 70%,white),var(--k-aksen) 60%,color-mix(in srgb,var(--k-aksen) 75%,black));color:var(--k-latar);box-shadow:inset 0 1px 0 oklch(100% 0 0/.35),inset 0 -2px 3px oklch(0 0 0/.2),0 2px 6px oklch(0 0 0/.25)}.slot.hadiah{border-style:solid;border-color:color-mix(in srgb,var(--k-aksen) 70%,transparent);color:var(--k-aksen)}.slot.hadiah.isi{color:var(--k-latar)}.slot.baru{animation:cap .52s var(--ease-out) both}.slot.baru:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--k-aksen);animation:riak .7s var(--ease-out) .12s both}@keyframes cap{0%{transform:scale(1.7) rotate(calc(var(--miring, 0deg) - 14deg));opacity:0}55%{transform:scale(.92) rotate(calc(var(--miring, 0deg) + 2deg));opacity:1}to{transform:scale(1) rotate(var(--miring,0deg))}}@keyframes riak{0%{transform:scale(.9);opacity:.9}to{transform:scale(1.5);opacity:0}}.kartu-kaki{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.kartu-sisa b{display:block;font-size:2.1rem;line-height:1;font-weight:600;font-feature-settings:tabular-nums lining-nums;font-variant-numeric:tabular-nums lining-nums}.kartu-sisa span{display:block;font-size:.8125rem;margin-top:6px;opacity:.9;max-width:22ch}.kartu-pemilik{text-align:right;font-size:.75rem;opacity:.8;line-height:1.4;min-width:0}.kartu-pemilik b{display:block;font-size:.8125rem;opacity:1;font-weight:600;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:16ch}@media (max-width:360px){.kartu{padding:18px 16px 16px}.kartu-stamp{gap:7px}.kartu-sisa b{font-size:1.75rem}}.pel{--p-latar:#102019;--p-tinta:#fbfaf7;min-height:100dvh;background:var(--p-latar);color:var(--p-tinta);padding:max(var(--space-5),env(safe-area-inset-top)) var(--space-4) calc(var(--space-12) + env(safe-area-inset-bottom))}.pel-wadah{width:100%;max-width:440px;margin:0 auto;display:grid;grid-gap:var(--space-6);gap:var(--space-6)}.pel-atas{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-size:var(--text-sm)}.pel-atas .halo{opacity:.85}.pel-blok{background:color-mix(in srgb,var(--p-tinta) 7%,transparent);border:1px solid color-mix(in srgb,var(--p-tinta) 12%,transparent);border-radius:var(--radius-lg);padding:var(--space-5)}.pel-blok h2{font-size:var(--text-base);font-weight:700}.pel-blok p{font-size:var(--text-sm);opacity:.88}.pel-qr{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:var(--space-5);gap:var(--space-5);align-items:center}.pel-qr .qr{width:132px;height:132px;padding:10px;background:white;border-radius:14px;flex:none}.pel-qr .qr svg{width:100%;height:100%}@media (max-width:360px){.pel-qr{grid-template-columns:1fr;justify-items:center;text-align:center}}.pel .btn{--b-bg:color-mix(in srgb,var(--p-tinta) 10%,transparent);--b-fg:var(--p-tinta);--b-line:color-mix(in srgb,var(--p-tinta) 22%,transparent)}.pel .btn:hover{background:color-mix(in srgb,var(--p-tinta) 16%,transparent)}.pel .btn-primary{--b-bg:var(--p-tinta);--b-fg:var(--p-latar);--b-line:var(--p-tinta)}.pel .btn-primary:hover{background:color-mix(in srgb,var(--p-tinta) 88%,var(--p-latar))}.pel .input,.pel .select{background:color-mix(in srgb,var(--p-tinta) 6%,transparent);border-color:color-mix(in srgb,var(--p-tinta) 26%,transparent);color:var(--p-tinta)}.pel .input::placeholder{color:color-mix(in srgb,var(--p-tinta) 60%,transparent)}.pel .input:focus{border-color:var(--p-tinta);box-shadow:0 0 0 3px color-mix(in srgb,var(--p-tinta) 18%,transparent)}.pel .field>label,.pel .label{color:var(--p-tinta)}.pel .field .bantu{color:color-mix(in srgb,var(--p-tinta) 78%,transparent)}.pel .cek input{accent-color:var(--p-tinta)}.pel :focus-visible{outline-color:var(--p-tinta)}.pel .pesan-galat{background:oklch(96% .03 27);color:oklch(42% .16 27)}.pel-voucher{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);border:1px dashed color-mix(in srgb,var(--k-aksen,#c9a45c) 70%,transparent)}.pel-voucher svg{width:28px;height:28px;color:var(--k-aksen,#c9a45c);flex:none}.pel-voucher b{display:block}.pel-voucher small{opacity:.8}.pel-riwayat summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:28px}.pel-riwayat summary::-webkit-details-marker{display:none}.pel-riwayat summary svg{transition:transform var(--dur-2) var(--ease-out);width:18px}.pel-riwayat[open] summary svg{transform:rotate(180deg)}.pel-riwayat ol{list-style:none;margin:var(--space-4) 0 0;padding:0;display:grid;grid-gap:var(--space-3);gap:var(--space-3);font-size:var(--text-sm)}.pel-riwayat li{display:flex;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid color-mix(in srgb,var(--p-tinta) 10%,transparent)}.pel-riwayat li span:last-child{opacity:.75;white-space:nowrap}.pel-peringatan{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-4);border-radius:var(--radius-md);background:oklch(96% .05 85);color:oklch(36% .09 65);font-size:var(--text-sm);font-weight:600}.pel-peringatan svg{flex:none;width:18px;height:18px;margin-top:2px}.pel-tandatangan{text-align:center;font-size:var(--text-xs);opacity:.7}.pel-tandatangan a{text-decoration:none;font-weight:600}.pel-judul{font-family:var(--font-display);font-weight:500;font-size:2rem;letter-spacing:-.015em;line-height:1.1}.pel-sub{font-size:var(--text-base);opacity:.88;margin-top:var(--space-2)}.pel-mark{display:flex;align-items:center;gap:var(--space-3)}@media (min-width:900px){.pel-wadah.lebar{max-width:920px;grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:start;column-gap:var(--space-12)}.pel-wadah.lebar>.pel-atas{grid-column:1/-1}.pel-wadah.lebar>.kolom-kiri{position:-webkit-sticky;position:sticky;top:var(--space-8);display:grid;grid-gap:var(--space-6);gap:var(--space-6)}.pel-wadah.lebar>.kolom-kanan{display:grid;grid-gap:var(--space-5);gap:var(--space-5)}}.konfeti{position:fixed;inset:0;pointer-events:none;z-index:var(--z-toast)}.kasir{min-height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr);background:var(--color-surface-2)}.kasir-atas{justify-content:space-between;padding:var(--space-3) var(--space-4);padding-top:max(var(--space-3),env(safe-area-inset-top));background:var(--color-surface);border-bottom:1px solid var(--color-rule)}.kasir-atas,.kasir-atas .siapa{display:flex;align-items:center;gap:var(--space-3)}.kasir-atas .siapa{min-width:0;font-size:var(--text-sm)}.kasir-atas .siapa b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kasir-isi{width:100%;max-width:1080px;margin:0 auto;padding:var(--space-5) var(--space-4) calc(var(--space-8) + env(safe-area-inset-bottom));display:grid;grid-gap:var(--space-5);gap:var(--space-5);align-content:start}@media (min-width:900px){.kasir-isi{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;padding:var(--space-8);gap:var(--space-8)}}.pindai{position:relative;aspect-ratio:1;width:100%;max-height:62dvh;border-radius:var(--radius-lg);overflow:hidden;background:oklch(18% .02 165);display:grid;place-items:center;color:oklch(96% .01 165)}.pindai video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.pindai .bingkai{position:absolute;inset:18%;border-radius:24px;box-shadow:0 0 0 100vmax oklch(10% .02 165/.45);pointer-events:none}.pindai .bingkai:after,.pindai .bingkai:before{content:"";position:absolute;inset:0;border-radius:24px;border:2px solid oklch(100% 0 0/.9);-webkit-mask:linear-gradient(#000 0 0) top left /28% 28% no-repeat,linear-gradient(#000 0 0) top right /28% 28% no-repeat,linear-gradient(#000 0 0) bottom left /28% 28% no-repeat,linear-gradient(#000 0 0) bottom right /28% 28% no-repeat;mask:linear-gradient(#000 0 0) top left /28% 28% no-repeat,linear-gradient(#000 0 0) top right /28% 28% no-repeat,linear-gradient(#000 0 0) bottom left /28% 28% no-repeat,linear-gradient(#000 0 0) bottom right /28% 28% no-repeat}.pindai .garis-pindai{position:absolute;left:20%;right:20%;height:2px;top:50%;background:var(--color-foil);box-shadow:0 0 12px var(--color-foil);animation:sapu 2.2s var(--ease-in-out) infinite alternate}@keyframes sapu{0%{transform:translateY(-110px)}to{transform:translateY(110px)}}.pindai .tengah{position:relative;display:grid;justify-items:center;grid-gap:var(--space-4);gap:var(--space-4);text-align:center;padding:var(--space-6)}.pindai .tengah svg{width:40px;height:40px;opacity:.9}.pindai .tengah p{opacity:.85;font-size:var(--text-sm);max-width:28ch}.pindai-aksi{position:absolute;left:var(--space-3);right:var(--space-3);bottom:var(--space-3);display:flex;justify-content:center}.pindai-aksi .btn{--b-bg:oklch(15% 0.02 165/0.7);--b-fg:white;--b-line:oklch(100% 0 0/0.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cari-wa{display:flex;gap:var(--space-2)}.cari-wa .input{min-height:52px;font-size:var(--text-md)}.cari-wa .btn{min-height:52px}.atau{display:flex;align-items:center;gap:var(--space-3);color:var(--color-ink-3);font-size:var(--text-xs);font-weight:600}.atau:after,.atau:before{content:"";flex:1 1;height:1px;background:var(--color-rule)}.pelanggan-kasir{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-2),0 0 0 1px var(--color-rule);overflow:hidden}.pk-kepala{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5)}.pk-kepala .inisial{width:52px;height:52px;font-size:var(--text-md);background:var(--color-primary-soft);color:var(--color-primary)}.pk-kepala h2{font-size:var(--text-lg);font-weight:700}.pk-kepala p{font-size:var(--text-sm);color:var(--color-ink-2)}.pk-progres{padding:0 var(--space-5) var(--space-5)}.pk-angka{display:flex;align-items:baseline;gap:var(--space-2)}.pk-angka b{font-family:var(--font-display);font-size:3rem;font-weight:500;line-height:1;font-feature-settings:tabular-nums lining-nums;font-variant-numeric:tabular-nums lining-nums}.pk-angka span{color:var(--color-ink-2);font-weight:600}.pk-titik{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));grid-gap:6px;gap:6px;margin-top:var(--space-4)}.pk-titik i{aspect-ratio:1;border-radius:50%;background:var(--color-surface-3);box-shadow:inset 0 0 0 1px var(--color-rule-strong)}.pk-titik i.isi{background:var(--color-primary);box-shadow:none}.pk-titik i.tambah{background:var(--color-foil);box-shadow:none;animation:cap .42s var(--ease-out) both}.pk-aksi{grid-gap:var(--space-3);padding:var(--space-5);border-top:1px solid var(--color-rule);background:var(--color-surface-2)}.pk-aksi,.pk-plus{display:grid;gap:var(--space-3)}.pk-plus{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-gap:var(--space-3)}.pk-plus .btn{min-height:72px;font-size:1.5rem;font-weight:700;border-radius:var(--radius-lg);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pk-voucher{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-foil-soft);border:1px solid color-mix(in oklch,var(--color-foil) 40%,transparent)}.pk-voucher b{display:block;font-size:var(--text-sm)}.pk-voucher small{color:var(--color-ink-2);font-size:var(--text-xs)}.sukses{display:grid;justify-items:center;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-8) var(--space-5);text-align:center}.sukses .centang{width:76px;height:76px;border-radius:50%;background:var(--color-primary);color:var(--color-on-primary);display:grid;place-items:center;animation:cap .48s var(--ease-out) both}.sukses .centang svg{width:38px;height:38px}.sukses h2{font-size:var(--text-lg);font-weight:700}.pilih-kasir{grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr))}.pilih-kasir,.pilih-kasir button{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.pilih-kasir button{justify-items:center;padding:var(--space-6) var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--color-rule);background:var(--color-surface);font-weight:600;transition:border-color var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out),transform var(--dur-1) var(--ease-out)}.pilih-kasir button:hover{border-color:var(--color-primary-line);box-shadow:var(--shadow-2)}.pilih-kasir button:active{transform:scale(.98)}.pilih-kasir .inisial{width:56px;height:56px;font-size:var(--text-lg)}.papan-pin{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-3);gap:var(--space-3);max-width:320px;margin:0 auto}.papan-pin button{min-height:64px;border-radius:var(--radius-lg);border:1px solid var(--color-rule);background:var(--color-surface);font-size:1.5rem;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.papan-pin button:active{background:var(--color-surface-3)}.titik-pin{display:flex;justify-content:center;gap:var(--space-3);margin:var(--space-4) 0 var(--space-6)}.titik-pin i{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--color-ink-3)}.titik-pin i.isi{background:var(--color-ink);border-color:var(--color-ink)}.titik-pin.salah{animation:goyang .38s var(--ease-out)}@keyframes goyang{20%,60%{transform:translateX(-8px)}40%,80%{transform:translateX(8px)}}.masuk{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr)}.masuk-form{display:grid;align-content:center;justify-items:center;padding:var(--space-10) var(--space-5)}.masuk-form>div{width:100%;max-width:380px;display:grid;grid-gap:var(--space-8);gap:var(--space-8)}.masuk-form h1{font-family:var(--font-display);font-weight:500;font-size:var(--text-2xl);letter-spacing:-.015em}.masuk-form h1+p{color:var(--color-ink-2);margin-top:var(--space-2)}.masuk-sisi{display:none}@media (min-width:960px){.masuk{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}.masuk-sisi{display:grid;place-items:center;padding:var(--space-12);background:var(--color-primary);position:relative;overflow:hidden}.masuk-sisi:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(135deg,oklch(100% 0 0/.035) 0 1px,transparent 1px 10px)}.masuk-sisi .kartu{transform:perspective(900px) rotateY(-14deg) rotateX(6deg) rotate(-4deg)}}.depan-nav{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5) clamp(var(--space-4),4vw,var(--space-12));max-width:1280px;margin:0 auto}.depan-nav .btn{white-space:nowrap}.duet{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:var(--space-10);gap:var(--space-10);align-items:center;max-width:1280px;margin:0 auto;padding:var(--space-12) clamp(var(--space-4),4vw,var(--space-12))}.duet+.duet{border-top:1px solid var(--color-rule)}@media (min-width:900px){.duet{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-16);padding-block:var(--space-24)}.duet.balik>:first-child{order:2}}.duet-teks{display:grid;grid-gap:var(--space-5);gap:var(--space-5);justify-items:start;max-width:34rem}.duet-teks h1{font-size:var(--text-display);line-height:1.02;letter-spacing:-.025em}.duet-teks h1,.duet-teks h2{font-family:var(--font-display);font-weight:500}.duet-teks h2{font-size:clamp(1.75rem,1.2rem + 2vw,2.75rem);line-height:1.08;letter-spacing:-.02em}.duet-teks h1 .garis-foil,.duet-teks h2 .garis-foil{background-image:linear-gradient(var(--color-foil),var(--color-foil));background-size:100% .09em;background-repeat:no-repeat;background-position:0 92%}.duet-teks p{font-size:var(--text-md);color:var(--color-ink-2);max-width:46ch}.duet-bukti{display:grid;place-items:center;min-width:0}.panggung{width:100%;display:grid;place-items:center;padding:clamp(var(--space-8),6vw,var(--space-16)) var(--space-5);border-radius:28px;background:var(--color-primary);position:relative;overflow:hidden}.panggung:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(135deg,oklch(100% 0 0/.04) 0 1px,transparent 1px 10px)}.panggung.terang{background:var(--color-surface-2)}.panggung.terang:before{display:none}.daftar-tenang{list-style:none;padding:0;margin:0;display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.daftar-tenang li{display:grid;grid-template-columns:22px minmax(0,1fr);grid-gap:var(--space-3);gap:var(--space-3);color:var(--color-ink-2)}.daftar-tenang svg{width:20px;height:20px;color:var(--color-primary);margin-top:2px}.daftar-tenang b{color:var(--color-ink)}.contoh-wa{width:100%;max-width:400px;display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.contoh-wa .baris-wa{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:var(--space-3);gap:var(--space-3);align-items:center;padding:var(--space-4);background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-1),0 0 0 1px var(--color-rule)}.contoh-wa .baris-wa b{display:block;font-size:var(--text-sm)}.contoh-wa .baris-wa small{color:var(--color-ink-2);font-size:var(--text-xs)}.depan-kaki{max-width:1280px;margin:0 auto;padding:var(--space-6) clamp(var(--space-4),4vw,var(--space-12));border-top:1px solid var(--color-rule);font-size:var(--text-sm);color:var(--color-ink-2);display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-6);justify-content:space-between}.depan-kaki a{text-decoration:none;font-weight:600;color:var(--color-ink)}.atur{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:var(--space-8);gap:var(--space-8);align-items:start}@media (min-width:1100px){.atur{grid-template-columns:minmax(0,1fr) 400px}.atur-pratinjau{position:-webkit-sticky;position:sticky;top:var(--space-8)}}.atur-pratinjau{display:grid;grid-gap:var(--space-3);gap:var(--space-3);justify-items:center;padding:var(--space-8) var(--space-5);border-radius:var(--radius-lg);background:var(--pv-latar,var(--color-ink))}.atur-pratinjau>small{color:var(--pv-tinta,white);opacity:.75;font-size:var(--text-xs)}.pilih-warna{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.pilih-warna label{position:relative}.pilih-warna input[type=radio]{position:absolute;opacity:0;inset:0;cursor:pointer}.pilih-warna span{display:block;width:36px;height:36px;border-radius:50%;box-shadow:inset 0 0 0 1px oklch(0 0 0/.12);transition:transform var(--dur-1) var(--ease-out)}.pilih-warna input:checked+span{box-shadow:0 0 0 2px var(--color-surface),0 0 0 4px var(--color-ink)}.pilih-warna input:focus-visible+span{outline:2px solid var(--color-focus);outline-offset:4px}.pilih-warna input[type=color]{width:44px;height:36px;padding:0;border:1px solid var(--color-rule-strong);border-radius:var(--radius-sm);background:none;cursor:pointer}.pilih-ikon{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));grid-gap:var(--space-2);gap:var(--space-2)}.pilih-ikon label{position:relative}.pilih-ikon input{position:absolute;opacity:0;inset:0;cursor:pointer}.pilih-ikon span{display:grid;place-items:center;aspect-ratio:1;border-radius:var(--radius-md);border:1px solid var(--color-rule);background:var(--color-surface);color:var(--color-ink-2);transition:border-color var(--dur-1) var(--ease-out),background-color var(--dur-1) var(--ease-out)}.pilih-ikon span svg{width:22px;height:22px}.pilih-ikon input:checked+span{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary)}.pilih-ikon input:focus-visible+span{outline:2px solid var(--color-focus);outline-offset:2px}.unggah-logo{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.unggah-logo .logo-bulat{width:64px;height:64px;border-radius:16px}.kunci-baris{flex-wrap:wrap;padding-top:var(--space-2)}.form-kaki,.kunci-baris{display:flex;gap:var(--space-3);justify-content:flex-end}.form-kaki{position:-webkit-sticky;position:sticky;bottom:calc(var(--tabbar) + env(safe-area-inset-bottom));z-index:var(--z-sticky);padding:var(--space-3) 0;background:linear-gradient(to top,var(--color-surface) 70%,transparent)}@media (min-width:1024px){.form-kaki{bottom:0}}.grafik{grid-template-columns:repeat(12,minmax(0,1fr));grid-gap:6px;height:180px;padding-top:var(--space-4)}.grafik,.grafik .kolom{display:grid;gap:6px;align-items:end}.grafik .kolom{grid-template-rows:minmax(0,1fr) auto;grid-gap:6px;height:100%;text-align:center}.grafik .batang{position:relative;border-radius:6px 6px 2px 2px;background:var(--color-primary);min-height:2px}.grafik .batang.kini{background:var(--color-foil)}.grafik .batang span{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);font-size:.6875rem;font-weight:700;color:var(--color-ink-2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.grafik .label{font-size:.6875rem;color:var(--color-ink-3);white-space:nowrap;overflow:hidden}@media (max-width:560px){.grafik .batang span{display:none}.grafik .label:nth-child(odd){visibility:visible}}.cetak-halaman{background:var(--color-surface-3);min-height:100dvh;padding:var(--space-8) var(--space-4)}.cetak-alat{max-width:900px;margin:0 auto var(--space-6);display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;align-items:center}.lembar-cetak{margin:0 auto;background:white;box-shadow:var(--shadow-3);display:grid;place-items:center}.lembar-cetak.a6{width:105mm;height:148mm}.lembar-cetak.a4,.lembar-cetak.stiker{width:210mm;min-height:297mm}.lembar-cetak.stiker{grid-template-columns:repeat(3,1fr);align-content:start;gap:6mm;padding:10mm}.qr-meja{display:grid;justify-items:center;grid-gap:5mm;gap:5mm;text-align:center;padding:8mm;color:#14181a}.qr-meja .qr{width:62mm;height:62mm}.a4 .qr-meja .qr{width:110mm;height:110mm}.stiker .qr-meja{padding:4mm;gap:2mm;border:.3mm dashed #bbb;border-radius:4mm}.stiker .qr-meja .qr{width:44mm;height:44mm}.qr-meja h2{font-family:var(--font-display);font-weight:500;font-size:7mm;line-height:1.1}.a4 .qr-meja h2{font-size:12mm}.stiker .qr-meja h2{font-size:4.5mm}.qr-meja p{font-size:3.6mm;color:#3b4440;max-width:70mm}.stiker .qr-meja p{font-size:2.6mm}.qr-meja .alamat{font-size:3mm;color:#59625e;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media print{@page{margin:0}.cetak-halaman{background:none;padding:0}.cetak-alat{display:none}.lembar-cetak{box-shadow:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.12s!important;animation-iteration-count:1!important;transition-duration:.12s!important}.kartu{transform:none!important}.pk-titik i.tambah,.slot.baru,.sukses .centang{animation-name:pudar!important}.pindai .garis-pindai,.slot.baru:after{display:none}.kerangka{animation:none}}@keyframes pudar{0%{opacity:0}}@media (max-width:899px){.kasir-isi.ada-hasil .kolom-pindai{display:none}}.pel-tandatangan .segel{width:16px;height:16px}.pel-tandatangan .pel-mark{align-items:center}.ringkas dd small{display:block;margin:8px 0 0;line-height:1.35}.form-kaki{background:var(--color-surface);border-top:1px solid var(--color-rule);padding-top:var(--space-3)}.btn-wa{--b-bg:var(--color-primary-soft);--b-fg:var(--color-primary);--b-line:var(--color-primary-line)}.btn-wa:hover{background:color-mix(in oklch,var(--color-primary-soft) 70%,var(--color-primary-line))}@media (max-width:560px){.baris.punya-aksi{grid-template-columns:auto minmax(0,1fr) auto}.baris.punya-aksi .aksi{grid-column:auto}.baris.punya-aksi .aksi .btn{flex:none;padding:0 var(--space-3)}.label-panjang{display:none}}.slot{width:100%;max-width:68px;justify-self:center}.kolom-hasil,.kolom-pindai{display:grid;grid-gap:var(--space-4);gap:var(--space-4);align-content:start;min-width:0}.pindai{max-height:min(62dvh,520px)}@media (min-width:600px) and (max-width:899px){.pindai{aspect-ratio:4/3}}.sukses .pk-titik{width:100%;max-width:360px}@media print{.app-atas,.app-samping,.pita-samar,.tabbar,.toast-wadah{display:none!important}.app{display:block}.app-isi{padding:0!important;max-width:none}}.lp-hero{background:var(--color-primary);color:oklch(97% .01 162);position:relative;overflow:hidden;isolation:isolate}.lp-hero:before{inset:0;background-image:repeating-linear-gradient(135deg,oklch(100% 0 0/.035) 0 1px,transparent 1px 10px)}.lp-hero:after,.lp-hero:before{content:"";position:absolute;z-index:-1}.lp-hero:after{width:60vw;height:60vw;right:-18vw;top:-22vw;border-radius:50%;background:radial-gradient(closest-side,oklch(72% .105 78/.16),transparent)}.lp-hero .wordmark{color:oklch(97% .01 162)}.lp-nav{justify-content:space-between;max-width:1200px;margin:0 auto;padding:var(--space-5) clamp(var(--space-4),4vw,var(--space-10))}.lp-merek,.lp-nav{display:flex;align-items:center;gap:var(--space-4)}.lp-merek{min-width:0}.lp-oleh{display:inline-flex;align-items:center;gap:var(--space-2);padding-left:var(--space-4);border-left:1px solid oklch(100% 0 0/.22);font-size:var(--text-xs);color:oklch(92% .015 162)}.lp-oleh img{height:25px;width:auto}.lp-nav-aksi{display:flex;gap:var(--space-2);align-items:center}.lp-btn-foil{--b-bg:var(--color-foil);--b-fg:oklch(20% 0.03 70);--b-line:var(--color-foil);box-shadow:inset 0 1px 0 oklch(100% 0 0/.3),0 8px 24px -10px oklch(72% .105 78/.7)}.lp-btn-foil:hover{background:oklch(78% .1 80);border-color:oklch(78% .1 80)}.lp-btn-garis{--b-bg:transparent;--b-fg:oklch(97% 0.01 162);--b-line:oklch(100% 0 0/0.32)}.lp-btn-garis:hover{background:oklch(100% 0 0/.08)}.lp-oleh a{display:inline-flex}.lp-logo-ikon{display:none}@media (max-width:560px){.lp-oleh>span{display:none}.lp-oleh{padding-left:var(--space-3)}.lp-oleh .lp-logo-penuh{height:20px}.lp-nav-demo{display:none}.lp-merek{gap:var(--space-3)}}@media (max-width:400px){.lp-logo-penuh{display:none}.lp-logo-ikon{display:block;height:24px!important;width:24px}}@media (max-width:560px){.lp-hero-teks .lp-cta{width:100%}.lp-hero-teks .lp-cta .btn{flex:1 1 100%}}.lp-hero-isi{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:var(--space-10);gap:var(--space-10);align-items:center;max-width:1200px;margin:0 auto;padding:var(--space-8) clamp(var(--space-4),4vw,var(--space-10)) var(--space-16)}@media (min-width:960px){.lp-hero-isi{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--space-16);padding-top:var(--space-12);padding-bottom:var(--space-24)}}.lp-hero-teks{display:grid;grid-gap:var(--space-6);gap:var(--space-6);justify-items:start}.lp-hero-teks h1{font-family:var(--font-display);font-weight:500;font-size:clamp(2.5rem,1.5rem + 3.8vw,4.5rem);line-height:1.02;letter-spacing:-.025em;color:oklch(98% .008 85)}.lp-hero-teks h1 .garis-foil{background-image:linear-gradient(var(--color-foil),var(--color-foil));background-size:100% .08em;background-repeat:no-repeat;background-position:0 94%;color:oklch(86% .09 85)}.lp-hero-teks>p{font-size:var(--text-md);line-height:1.6;color:oklch(92% .015 162);max-width:52ch}.lp-cta{display:flex;flex-wrap:wrap;gap:var(--space-3)}.lp-catatan{font-size:var(--text-sm)!important;color:oklch(86% .02 162)!important}.lp-hero-kartu{display:grid;justify-items:center}.lp-hero-kartu .kartu{box-shadow:inset 0 1px 0 oklch(100% 0 0/.2),0 40px 80px -30px oklch(5% .02 165/.8),0 0 0 1px oklch(100% 0 0/.06)}.lp-bagian{max-width:1200px;margin:0 auto;padding:clamp(var(--space-12),7vw,var(--space-24)) clamp(var(--space-4),4vw,var(--space-10))}.lp-latar{max-width:none;background:var(--color-surface-2);padding-inline:max(clamp(var(--space-4),4vw,var(--space-10)),calc((100% - 1120px) / 2))}.lp-judul{font-family:var(--font-display);font-weight:500;font-size:clamp(1.875rem,1.3rem + 2.2vw,3rem);line-height:1.08;letter-spacing:-.02em;max-width:22ch}.muted-judul{color:var(--color-ink-3)}.lp-sub{font-weight:700;margin-bottom:var(--space-4)}.lp-sub,.lp-teks{font-size:var(--text-md)}.lp-teks{max-width:52ch;margin-top:var(--space-5)}.lp-label,.lp-teks{color:var(--color-ink-2)}.lp-label{font-size:var(--text-sm);margin-top:var(--space-3)}.lp-tiga{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));margin-top:var(--space-10);border-top:1px solid var(--color-rule-strong)}.lp-tiga>div{padding:var(--space-6) var(--space-6) 0 0}.lp-tiga>div+div{padding-left:var(--space-6);border-left:1px solid var(--color-rule)}.lp-tiga b{display:block;font-size:var(--text-md);margin-bottom:var(--space-2)}.lp-tiga p{color:var(--color-ink-2)}@media (max-width:820px){.lp-tiga>div+div{padding-left:0;border-left:0;border-top:1px solid var(--color-rule)}.lp-tiga>div{padding-bottom:var(--space-6)}}.lp-langkah{list-style:none;padding:0;margin-top:var(--space-10)!important;display:grid;grid-gap:var(--space-5);gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.lp-langkah>li{display:grid;grid-template-rows:auto auto 1fr auto;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-6);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:0 0 0 1px var(--color-rule),var(--shadow-1)}.lp-nomor{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-size:1.125rem;background:var(--color-primary);color:var(--color-foil)}.lp-langkah h3{font-size:var(--text-md);font-weight:700}.lp-langkah p{color:var(--color-ink-2)}.lp-visual{margin-top:var(--space-3);padding:var(--space-5);border-radius:var(--radius-md);background:var(--color-surface-3);display:grid;place-items:center;min-height:170px}.lp-mini{padding:14px 16px;max-width:280px;transform:none}.lp-mini .kartu-logo{width:32px;height:32px;font-size:1rem}.lp-mini .kartu-nama b{font-size:1.05rem}.lp-kasir{width:100%;max-width:280px}.lp-kasir .pk-kepala{padding:var(--space-4)}.lp-kasir .pk-kepala p{font-size:var(--text-xs)}.lp-kasir .pk-aksi{padding:var(--space-4)}.lp-kasir .pk-plus .btn{min-height:52px;font-size:1.25rem}.lp-visual .contoh-wa{max-width:300px;gap:var(--space-2)}.lp-visual .baris-wa{padding:var(--space-3)}.lp-kasus{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:var(--space-12);gap:var(--space-12);align-items:start}@media (min-width:960px){.lp-kasus{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--space-16)}}.lp-garis-waktu{list-style:none;padding:0;margin:var(--space-8) 0 0;display:grid;grid-gap:0;gap:0}.lp-garis-waktu li{position:relative;padding:0 0 var(--space-6) var(--space-8)}.lp-garis-waktu li:before{content:"";position:absolute;left:6px;top:8px;width:11px;height:11px;border-radius:50%;background:var(--color-surface);box-shadow:0 0 0 2px var(--color-primary)}.lp-garis-waktu li:last-child:before{background:var(--color-foil);box-shadow:0 0 0 2px var(--color-foil)}.lp-garis-waktu li+li:after,.lp-garis-waktu li:not(:last-child):after{content:"";position:absolute;left:11px;top:24px;bottom:0;width:1px;background:var(--color-rule-strong)}.lp-garis-waktu b{display:block;font-size:var(--text-sm);font-weight:700;color:var(--color-primary)}.lp-garis-waktu p{color:var(--color-ink-2);margin-top:2px}.lp-garis-waktu em{font-style:normal;font-weight:600;color:var(--color-ink)}.kalk{padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:0 0 0 1px var(--color-rule),var(--shadow-2)}.kalk,.kalk-isian{display:grid;grid-gap:var(--space-5);gap:var(--space-5)}.kalk-baris{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:var(--space-2) var(--space-4);gap:var(--space-2) var(--space-4);align-items:baseline;font-size:var(--text-sm);color:var(--color-ink-2)}.kalk-baris output{font-weight:700;color:var(--color-ink);font-size:var(--text-base)}.kalk-baris input{grid-column:1/-1;width:100%;accent-color:var(--color-primary);height:28px}.kalk-hasil{display:grid;grid-gap:4px;gap:4px;padding:var(--space-5);border-radius:var(--radius-md);background:var(--color-primary);color:oklch(95% .012 162)}.kalk-hasil span{font-size:var(--text-sm)}.kalk-hasil b{font-family:var(--font-display);font-weight:500;font-size:clamp(2rem,1.6rem + 1.5vw,2.6rem);line-height:1.05;color:oklch(88% .08 85)}.kalk-hasil small{font-size:var(--text-xs);color:oklch(88% .02 162)}.kalk-catatan{font-size:var(--text-xs);color:var(--color-ink-2)}.lp-banding{margin-top:var(--space-8);background:var(--color-surface)}.lp-banding .tabel{font-size:var(--text-base);min-width:620px}.lp-banding th[scope=row]{font-weight:500;text-align:left;color:var(--color-ink);background:none;border-bottom:1px solid var(--color-rule);white-space:normal;font-size:var(--text-sm)}.lp-banding thead th{font-size:var(--text-sm);text-align:center}.lp-banding td{text-align:center}.lp-kolom-kita{background:var(--color-primary-soft)!important}.lp-banding thead th.lp-kolom-kita{color:var(--color-primary);font-weight:700}.sel{display:inline-flex;align-items:center;justify-content:center}.sel svg{width:20px;height:20px}.sel.ya svg{color:var(--color-primary);stroke-width:2.5}.sel.tidak svg{color:var(--color-ink-3)}.sel.teks{font-size:var(--text-sm);color:var(--color-ink-2)}.lp-milik{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:var(--space-10);gap:var(--space-10);align-items:center}@media (min-width:960px){.lp-milik{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-16)}}.lp-deret{display:grid;grid-gap:var(--space-3);gap:var(--space-3);justify-items:center}.lp-strip{max-width:380px;transform:none;padding:14px 18px}.lp-strip:nth-child(2){transform:translateX(24px)}.lp-strip .kartu-logo{width:36px;height:36px;font-size:1.05rem}.lp-strip .kartu-nama b{font-size:1.1rem}@media (max-width:560px){.lp-strip:nth-child(2){transform:none}}.lp-faq{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:var(--space-8);gap:var(--space-8)}@media (min-width:960px){.lp-faq{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--space-16)}}.lp-tanya{border-bottom:1px solid var(--color-rule-strong)}.lp-tanya:first-child{border-top:1px solid var(--color-rule-strong)}.lp-tanya summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);min-height:60px;padding:var(--space-4) 0;font-weight:600;font-size:var(--text-md)}.lp-tanya summary::-webkit-details-marker{display:none}.lp-tanya summary span{position:relative;width:14px;height:14px;flex:none}.lp-tanya summary span:after,.lp-tanya summary span:before{content:"";position:absolute;left:0;right:0;top:6px;height:2px;border-radius:2px;background:var(--color-ink-2);transition:transform var(--dur-2) var(--ease-out)}.lp-tanya summary span:after{transform:rotate(90deg)}.lp-tanya[open] summary span:after{transform:rotate(0)}.lp-tanya p{padding:0 var(--space-8) var(--space-5) 0;color:var(--color-ink-2);max-width:62ch}.lp-penutup{text-align:center;display:grid;justify-items:center;grid-gap:var(--space-5);gap:var(--space-5);padding:clamp(var(--space-12),8vw,var(--space-24)) var(--space-5);background:var(--color-primary);color:oklch(95% .012 162);position:relative;isolation:isolate;overflow:hidden}.lp-penutup:before{content:"";position:absolute;inset:0;z-index:-1;background-image:repeating-linear-gradient(135deg,oklch(100% 0 0/.035) 0 1px,transparent 1px 10px)}.lp-penutup h2{font-family:var(--font-display);font-weight:500;font-size:clamp(1.875rem,1.3rem + 2.4vw,3.25rem);line-height:1.08;letter-spacing:-.02em;max-width:20ch;color:oklch(98% .008 85)}.lp-penutup p{max-width:52ch;font-size:var(--text-md);color:oklch(90% .015 162)}.lp-kaki-merek{display:inline-flex;align-items:center;gap:var(--space-2)}.lp-kaki-merek img{height:24px;width:auto}.lp{--lp-hijau:#3f6b17;--lp-hijau-tua:#2c4d0f;--lp-muda:#eef3e4;--lp-muda-2:#f5f8ef;--lp-ink:#1d2a12;--lp-sub:#46523b;--lp-garis:#c9d4b6;--lp-display:"Bricolage Grotesque","Hanken Grotesk",system-ui,sans-serif;--lp-body:"Figtree","Hanken Grotesk",system-ui,sans-serif;color:var(--lp-ink);background:#ffffff}.lp,.lp .btn{font-family:var(--lp-body)}.lp .btn{border-radius:12px}.lp .lp-hero{background:var(--lp-muda);color:var(--lp-ink)}.lp .lp-hero:after,.lp .lp-hero:before,.lp .lp-penutup:before{display:none}.lp .lp-hero .wordmark{color:var(--lp-ink)}.lp .lp-oleh{border-left-color:var(--lp-garis);color:var(--lp-sub)}.lp .lp-hero-teks h1,.lp .lp-judul,.lp .lp-penutup h2{font-family:var(--lp-display);font-weight:800;letter-spacing:-.035em;color:var(--lp-ink)}.lp .lp-hero-teks h1{font-size:clamp(2.5rem,1.6rem + 3.6vw,4.5rem);line-height:1}.lp .lp-judul{line-height:1.05}.lp .lp-hero-teks h1 .garis-foil{background:none;color:var(--lp-hijau)}.lp .lp-catatan,.lp .lp-hero-teks>p{color:var(--lp-sub)!important}.lp .lp-btn-foil{--b-bg:var(--lp-hijau);--b-fg:#ffffff;--b-line:var(--lp-hijau);box-shadow:none}.lp .lp-btn-foil:hover{background:var(--lp-hijau-tua);border-color:var(--lp-hijau-tua)}.lp .lp-btn-garis{--b-bg:transparent;--b-fg:var(--lp-ink);--b-line:var(--lp-garis)}.lp .lp-btn-garis:hover{background:#ffffff}.lp .lp-hero-kartu .kartu{box-shadow:inset 0 1px 0 oklch(100% 0 0/.18),0 30px 60px -28px rgba(29,42,18,.55)}.lp .muted-judul{color:#7a8a68}.lp .lp-tiga{border-top-color:var(--lp-garis)}.lp .lp-garis-waktu p,.lp .lp-label,.lp .lp-langkah p,.lp .lp-tanya p,.lp .lp-teks,.lp .lp-tiga p{color:var(--lp-sub)}.lp .lp-latar{background:var(--lp-muda)}.lp .lp-langkah>li{border-radius:14px;box-shadow:0 0 0 1px var(--lp-garis)}.lp .lp-nomor{border-radius:10px;background:var(--lp-hijau);color:#ffffff;font-family:var(--lp-display);font-weight:800}.lp .lp-visual{background:var(--lp-muda-2);border-radius:12px}.lp .lp-langkah .btn-primary{--b-bg:var(--lp-hijau);--b-line:var(--lp-hijau)}.lp .btn-wa{--b-bg:var(--lp-muda);--b-fg:var(--lp-hijau-tua);--b-line:var(--lp-garis)}.lp .lp-garis-waktu b{color:var(--lp-hijau)}.lp .lp-garis-waktu li:before{box-shadow:0 0 0 2px var(--lp-hijau)}.lp .lp-garis-waktu li:last-child:before{background:var(--lp-hijau);box-shadow:0 0 0 2px var(--lp-hijau)}.lp .lp-garis-waktu li:not(:last-child):after{background:var(--lp-garis)}.lp .kalk{border-radius:14px;box-shadow:0 0 0 1px var(--lp-garis)}.lp .kalk-baris input{accent-color:var(--lp-hijau)}.lp .kalk-hasil{background:var(--lp-hijau-tua);border-radius:12px}.lp .kalk-hasil b{font-family:var(--lp-display);font-weight:800;letter-spacing:-.03em;color:#e9f0d0}.lp .lp-banding{border-color:var(--lp-garis);border-radius:14px}.lp .lp-banding .tabel th:not([scope=row]){background:var(--lp-muda-2)}.lp .lp-kolom-kita{background:var(--lp-muda)!important}.lp .lp-banding thead th.lp-kolom-kita{color:var(--lp-hijau-tua)}.lp .sel.ya svg{color:var(--lp-hijau)}.lp .lp-tanya,.lp .lp-tanya:first-child{border-color:var(--lp-garis)}.lp .lp-tanya summary{font-family:var(--lp-body)}.lp .lp-penutup{background:var(--lp-hijau-tua)}.lp .lp-penutup h2{color:#ffffff}.lp .lp-penutup p{color:#dfe8cf}.lp .lp-penutup .lp-btn-foil{--b-bg:#e9f0d0;--b-fg:var(--lp-hijau-tua);--b-line:#e9f0d0}.lp .lp-penutup .lp-btn-foil:hover{background:#ffffff}.lp .lp-penutup .lp-btn-garis{--b-fg:#ffffff;--b-line:rgba(255,255,255,0.4)}.lp .lp-penutup .lp-btn-garis:hover{background:rgba(255,255,255,.08)}.lp .depan-kaki{border-top-color:var(--lp-garis)}.adm-atas{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-nav);justify-content:space-between;min-height:60px;padding:0 max(var(--space-4),env(safe-area-inset-right)) 0 max(var(--space-4),env(safe-area-inset-left));background:color-mix(in oklch,var(--color-surface) 94%,transparent);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--color-rule)}.adm-atas,.adm-merek{display:flex;align-items:center;gap:var(--space-3)}.adm-merek{text-decoration:none;min-width:0}.adm-merek .segel{width:30px;height:30px;flex:none}.adm-merek-teks{display:grid;line-height:1.15;min-width:0}.adm-merek-teks b{font-family:var(--font-display);font-weight:400;font-size:1.15rem}.adm-merek-teks small{font-size:var(--text-xs);color:var(--color-foil-ink);font-weight:600;white-space:nowrap}.adm-akun{display:flex;align-items:center;gap:var(--space-2);flex:none}.adm-nama-akun{font-size:var(--text-sm);color:var(--color-ink-2)}@media (max-width:560px){.adm-label-keluar,.adm-nama-akun{display:none}.adm-akun .btn{width:44px;padding:0}}.adm-isi{padding-bottom:var(--space-16);max-width:1120px}@media (min-width:1024px){.adm-isi{padding-top:var(--space-10)}}.adm-kepala{align-items:center}.adm-ringkas{margin-top:var(--space-2)!important}@media (max-width:560px){.adm-kepala .aksi,.adm-kepala .aksi .btn{width:100%}}.adm-blok{margin-top:var(--space-8)}.adm-blok .bagian-kepala{justify-content:flex-start;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.jumlah-chip{font-size:var(--text-xs);font-weight:700;min-width:22px;height:22px;padding:0 7px;border-radius:999px;display:inline-grid;place-items:center;background:var(--color-warn-soft);color:var(--color-warn)}.adm-aman{font-size:var(--text-sm);color:var(--color-ink-2);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);background:var(--color-surface-2)}.adm-tindakan{list-style:none;margin:0;padding:0;border:1px solid var(--color-rule);border-radius:var(--radius-lg);overflow:hidden}.adm-tindakan li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:var(--space-3) var(--space-4);gap:var(--space-3) var(--space-4);padding:var(--space-4) var(--space-5)}.adm-tindakan li+li{border-top:1px solid var(--color-rule)}.adm-tanda{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-size:.75rem;font-weight:800;letter-spacing:-.01em}.adm-tanda svg{width:18px;height:18px}.adm-tanda.tagih{background:var(--color-danger-soft);color:var(--color-danger)}.adm-tanda.tawar{background:var(--color-foil-soft);color:var(--color-foil-ink)}.adm-tanda.telepon{background:var(--color-warn-soft);color:var(--color-warn)}.adm-tanda.crm{background:var(--color-info-soft);color:var(--color-info)}.adm-tindakan-teks{display:grid;min-width:0}.adm-tindakan-teks a{font-weight:700;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adm-tindakan-teks a:hover{text-decoration:underline;text-underline-offset:3px}.adm-tindakan-teks span{font-size:var(--text-sm);color:var(--color-ink-2)}@media (max-width:560px){.adm-tindakan li{grid-template-columns:auto minmax(0,1fr);padding:var(--space-4)}.adm-tindakan li>.btn{grid-column:1/-1;width:100%}}.adm-saring{margin-bottom:var(--space-4)}.adm-saring a span{margin-left:6px;font-size:var(--text-xs);color:var(--color-ink-3);font-weight:600}.adm-saring a[aria-current=page] span{color:var(--color-primary)}.adm-daftar{list-style:none;margin:0;padding:0;border:1px solid var(--color-rule);border-radius:var(--radius-lg);overflow:hidden}.adm-baris,.adm-judul-kolom{display:grid;grid-template-columns:minmax(0,2.2fr) 168px minmax(0,.8fr) minmax(0,.8fr) minmax(0,1fr) 96px;align-items:center;grid-gap:var(--space-4);gap:var(--space-4);padding:var(--space-3) var(--space-5)}.adm-judul-kolom{background:var(--color-surface-2);border-bottom:1px solid var(--color-rule);font-size:var(--text-xs);font-weight:600;color:var(--color-ink-2)}.adm-baris+.adm-baris{border-top:1px solid var(--color-rule)}.adm-baris{padding-block:var(--space-4);transition:background-color var(--dur-1) var(--ease-out)}.adm-baris:hover{background:var(--color-surface-2)}.kanan{text-align:right}.adm-merchant{display:flex;align-items:center;gap:var(--space-3);min-width:0;text-decoration:none}.adm-nama{display:grid;min-width:0}.adm-nama b{font-weight:700}.adm-nama b,.adm-nama small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adm-nama small{font-size:var(--text-xs);color:var(--color-ink-2)}.adm-merchant:hover b{text-decoration:underline;text-underline-offset:3px}.adm-angka b{font-weight:600}.adm-angka small,.adm-terakhir small{display:none}.adm-terakhir{font-size:var(--text-sm);color:var(--color-ink-2)}.adm-aksi{display:flex;justify-content:flex-end;gap:2px}.adm-aksi .btn-ikon{width:40px;min-height:40px}@media (max-width:860px){.adm-judul-kolom{display:none}.adm-baris{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);grid-template-areas:"m m s" "p st t";gap:var(--space-3) var(--space-3);padding:var(--space-4)}.adm-merchant{grid-area:m}.adm-status{grid-area:s;justify-self:end}.adm-angka,.adm-terakhir{display:grid;grid-gap:2px;gap:2px;text-align:left;padding:var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface-2);font-size:var(--text-sm)}.adm-angka:first-of-type{grid-area:p}.adm-angka small,.adm-terakhir small{display:block;order:-1;font-size:.6875rem;color:var(--color-ink-2);font-weight:600}.adm-baris>.adm-angka:nth-child(3){grid-area:p}.adm-baris>.adm-angka:nth-child(4){grid-area:st}.adm-terakhir{grid-area:t;color:var(--color-ink)}.adm-aksi{display:none}}@media (max-width:400px){.adm-baris{grid-template-areas:"m m m" "s s s" "p st t"}.adm-status{justify-self:start}}.pilih-status{-moz-appearance:none;appearance:none;-webkit-appearance:none;min-height:34px;padding:0 30px 0 26px;border-radius:999px;border:1px solid transparent;font:inherit;font-size:var(--text-xs);font-weight:700;cursor:pointer;max-width:100%;background-repeat:no-repeat,no-repeat;background-position:11px,right 11px center;background-size:7px 7px,10px 6px;background-image:radial-gradient(circle,currentColor 3.5px,transparent 4px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none' stroke='%23455' stroke-width='1.6'%3E%3Cpath d='M1 1l4 4 4-4'/%3E%3C/svg%3E")}.pilih-status:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.pilih-status[disabled]{opacity:.6;cursor:progress}.pilih-status[data-status=AKTIF]{background-color:var(--color-primary-soft);color:var(--color-primary)}.pilih-status[data-status=MASA_COBA]{background-color:var(--color-foil-soft);color:var(--color-foil-ink)}.pilih-status[data-status=JATUH_TEMPO]{background-color:var(--color-danger-soft);color:var(--color-danger)}.pilih-status[data-status=DITANGGUHKAN]{background-color:var(--color-surface-3);color:var(--color-ink-2)}.pilih-status option{color:var(--color-ink);background:var(--color-surface)}.adm-kembali{margin:0 0 var(--space-4) -12px}.adm-profil{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.adm-profil .logo-bulat{width:56px;height:56px;border-radius:14px;font-size:1.5rem}.adm-profil-teks{flex:1 1;min-width:min(100%,220px)}.adm-profil-teks h1{font-family:var(--font-display);font-weight:400;font-size:var(--text-2xl);line-height:1.1}.adm-profil-teks p{color:var(--color-ink-2);font-size:var(--text-sm);margin-top:4px}@media (max-width:640px){.adm-profil-teks h1{font-size:var(--text-xl)}}.adm-tombol{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-5)}@media (max-width:560px){.adm-tombol form .btn,.adm-tombol>*{flex:1 1 100%;width:100%}}.adm-statistik{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:var(--space-8) 0 0;border-block:1px solid var(--color-rule)}.adm-statistik>div{padding:var(--space-4) var(--space-4) var(--space-4) 0}.adm-statistik>div+div{padding-left:var(--space-5);border-left:1px solid var(--color-rule)}.adm-statistik dt{font-size:var(--text-xs);font-weight:600;color:var(--color-ink-2)}.adm-statistik dd{margin:6px 0 0;font-size:1.5rem;font-weight:700;letter-spacing:-.01em}.adm-statistik dd.adm-dd-teks{font-size:var(--text-base);font-weight:600;padding-top:6px}@media (max-width:640px){.adm-statistik{grid-template-columns:repeat(2,minmax(0,1fr))}.adm-statistik>div:nth-child(3){padding-left:0;border-left:0}.adm-statistik>div:nth-child(n+3){border-top:1px solid var(--color-rule)}}.adm-dua{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));grid-gap:var(--space-5);gap:var(--space-5);margin-top:var(--space-8);align-items:start}.adm-panel{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.adm-info{margin:0;display:grid}.adm-info>div{display:grid;grid-template-columns:140px minmax(0,1fr);grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-rule)}.adm-info dt{font-size:var(--text-sm);color:var(--color-ink-2)}.adm-info dd{margin:0;font-weight:600}.adm-panjang{overflow-wrap:anywhere}@media (max-width:400px){.adm-info>div{grid-template-columns:minmax(0,1fr);gap:2px}}.adm-log{list-style:none;margin:var(--space-3) 0 0;padding:0;border:1px solid var(--color-rule);border-radius:var(--radius-lg);overflow:hidden}.adm-log li{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-1) var(--space-4);padding:var(--space-3) var(--space-5);font-size:var(--text-sm)}.adm-log li+li{border-top:1px solid var(--color-rule)}.adm-log time{color:var(--color-ink-2)}@media (max-width:860px){.adm-angka b{font-size:var(--text-md);font-weight:700}.adm-terakhir{font-weight:600;font-size:var(--text-sm);line-height:1.35}}.adm-log span{display:inline-block}.adm-log span:first-letter{text-transform:uppercase}.qr-tombol{position:relative;border:0;cursor:zoom-in;display:block;transition:transform var(--dur-1) var(--ease-out)}.qr-tombol:active{transform:scale(.97)}.qr-tombol svg,.qr-tombol>span:first-child{display:block;width:100%;height:100%}.qr-perbesar{position:absolute;right:-8px;bottom:-8px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--p-latar,#102019);color:var(--p-tinta,#fff);box-shadow:0 0 0 2px #fff}.qr-perbesar svg{width:15px!important;height:15px!important}dialog.qr-layar{border:0;padding:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;background:#ffffff;color:#14181a}dialog.qr-layar::-webkit-backdrop{background:#ffffff}dialog.qr-layar::backdrop{background:#ffffff}dialog.qr-layar[open]{display:grid;place-items:center;animation:muncul var(--dur-2) var(--ease-out)}.qr-layar-isi{display:grid;justify-items:center;grid-gap:var(--space-5);gap:var(--space-5);padding:max(var(--space-6),env(safe-area-inset-top)) var(--space-5) max(var(--space-6),env(safe-area-inset-bottom));width:100%;text-align:center}.qr-layar-nama{font-family:var(--font-display);font-size:var(--text-xl);line-height:1.15}.qr-besar{width:min(84vw,62dvh,440px);aspect-ratio:1}.qr-besar svg{width:100%;height:100%;display:block}.qr-layar-bantu{font-size:var(--text-base);color:#3b4440}.pel .qr-layar-tutup,.qr-layar-tutup{--b-bg:#14181a;--b-fg:#ffffff;--b-line:#14181a;min-width:160px}.slot-teks{font-size:.625rem;font-weight:800;letter-spacing:.02em}.kartu[data-gaya=kraft]{background:#c69c6d;color:#2b1a0e;border-radius:10px;font-family:Courier Prime,ui-monospace,monospace;box-shadow:0 2px 0 #a97f52,0 24px 40px -22px rgba(60,35,10,.55)}.kartu[data-gaya=kraft]:before{inset:8px;border-radius:6px;border:1.5px dashed rgba(43,26,14,.45)}.kartu[data-gaya=kraft] .kartu-nama b{font-family:Zilla Slab,Georgia,serif;font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:1.45rem}.kartu[data-gaya=kraft] .kartu-nama small{text-transform:uppercase;letter-spacing:.08em;opacity:.85}.kartu[data-gaya=kraft] .kartu-putaran{border:1.5px solid #2b1a0e;border-radius:4px;color:#2b1a0e}.kartu[data-gaya=kraft] .kartu-stamp{gap:12px}.kartu[data-gaya=kraft] .slot{border:0;background:#b38a5c;box-shadow:inset 0 3px 5px rgba(60,35,10,.45)}.kartu[data-gaya=kraft] .slot.isi{background:transparent;border:3px solid var(--k-cap);color:var(--k-cap);box-shadow:none;opacity:.88;transform:rotate(var(--miring,0deg))}.kartu[data-gaya=kraft] .slot.hadiah:not(.isi){background:none;box-shadow:none;border:1.5px dashed #2b1a0e;color:#2b1a0e}.kartu[data-gaya=kraft] .slot.baru:after{border-color:var(--k-cap)}.kartu[data-gaya=kraft] .kartu-kaki{border-top:1.5px dashed rgba(43,26,14,.45);padding-top:12px;align-items:baseline;font-size:.8125rem}.kartu[data-gaya=kraft] .kartu-kaki b{font-family:Zilla Slab,Georgia,serif;font-size:1.3rem}.kartu[data-gaya=tiket]{padding:0;background:#ffffff;color:#1b2420;border-radius:18px;font-family:"Archivo",var(--font-ui);-webkit-mask-image:radial-gradient(circle 14px at 0 156px,transparent 13.5px,#000 14px),radial-gradient(circle 14px at 100% 156px,transparent 13.5px,#000 14px);-webkit-mask-composite:source-in;mask-image:radial-gradient(circle 14px at 0 156px,transparent 13.5px,#000 14px),radial-gradient(circle 14px at 100% 156px,transparent 13.5px,#000 14px);-webkit-mask-composite:source-in,xor;mask-composite:intersect;filter:drop-shadow(0 18px 24px rgba(20,40,30,.28));box-shadow:none}.kartu[data-gaya=tiket]:before{display:none}.tiket-atas{height:156px;box-sizing:border-box;padding:20px 22px;background:var(--k-latar);color:var(--k-tinta);display:flex;flex-direction:column;justify-content:space-between}.kartu[data-gaya=tiket] .kartu-logo{width:40px;height:40px;border-radius:10px;background:var(--k-aksen);color:var(--k-aksen-tinta);box-shadow:none;font-family:Archivo,sans-serif;font-weight:800;font-size:1.1rem}.kartu[data-gaya=tiket] .kartu-nama b{font-family:Archivo,sans-serif;font-weight:800;font-size:1.2rem;letter-spacing:-.01em}.tiket-angka{display:flex;align-items:baseline;gap:8px;font-family:IBM Plex Mono,ui-monospace,monospace}.tiket-angka b{font-weight:600;font-size:3.1rem;line-height:.9;letter-spacing:-.03em}.tiket-angka span{font-size:1.1rem;opacity:.7}.tiket-sobek{border-top:2px dashed #c3cec8;margin:0 20px}.tiket-bawah{padding:20px 22px 22px}.tiket-bar{display:grid;grid-gap:5px;gap:5px}.tiket-bar i{height:10px;border-radius:3px;background:#e2e8e4}.tiket-bar i.isi{background:var(--k-toko)}.tiket-bar i.hadiah{background:color-mix(in srgb,var(--k-aksen) 40%,#e2e8e4)}.tiket-bar i.hadiah.isi{background:var(--k-aksen)}.member-titik i.baru,.tiket-bar i.baru{animation:cap .48s var(--ease-out) both}.tiket-info{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:14px}.tiket-info small{display:block;font-size:.75rem;color:#5a6560;font-weight:500}.tiket-info b{display:block;font-size:1rem;margin-top:2px}.kartu[data-gaya=tiket] .kartu-pemilik{color:#5a6560;opacity:1}.kartu[data-gaya=tiket] .kartu-pemilik b{color:#1b2420}.kartu[data-gaya=member]{background:#121314;color:#ecebe6;font-family:"Outfit",var(--font-ui);padding:24px;min-height:280px;display:flex;flex-direction:column;justify-content:space-between;gap:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 30px 50px -24px rgba(0,0,0,.6)}.kartu[data-gaya=member]:before{border-color:rgba(255,255,255,.05)}.member-atas{display:flex;justify-content:space-between;align-items:center;gap:12px}.member-atas span{font-weight:500;font-size:.8125rem;letter-spacing:.26em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.member-atas small{font-size:.6875rem;color:#a9a59a;letter-spacing:.12em;white-space:nowrap}.member-angka{display:flex;align-items:baseline;gap:8px}.member-angka b{font-weight:300;font-size:5.25rem;line-height:.85;letter-spacing:-.04em;color:var(--k-terang);font-feature-settings:tabular-nums lining-nums;font-variant-numeric:tabular-nums lining-nums}.member-angka span{font-weight:300;font-size:1.5rem;color:#8d897f}.member-titik{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.member-titik i{width:13px;height:13px;border-radius:50%;box-shadow:inset 0 0 0 1px #5b5850}.member-titik i.isi{background:var(--k-terang);box-shadow:none}.member-titik i.hadiah:not(.isi){box-shadow:inset 0 0 0 1px var(--k-terang)}.member-bawah{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #2c2d2f;padding-top:12px}.member-bawah small{display:block;font-size:.65rem;color:#8d897f;letter-spacing:.14em}.member-bawah span{display:block;font-size:.9375rem;margin-top:3px}.kartu[data-gaya=cincin]{background:#ffffff;color:#1d2a12;font-family:"Figtree",var(--font-ui);border-radius:24px;box-shadow:0 0 0 1px rgba(0,0,0,.06),0 24px 40px -26px rgba(0,0,0,.45)}.kartu[data-gaya=cincin]:before{display:none}.kartu[data-gaya=cincin] .kartu-logo{background:var(--k-latar);color:var(--k-tinta);box-shadow:none;width:40px;height:40px}.kartu[data-gaya=cincin] .kartu-nama b{font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:1.2rem;letter-spacing:-.02em}.kartu[data-gaya=cincin] .kartu-nama small{color:#5b6650;opacity:1}.cincin{position:relative;width:min(220px,64%);aspect-ratio:1;margin:14px auto 12px}.cincin svg{width:100%;height:100%;display:block}.cincin path{fill:none;stroke:#e6ebe0;stroke-width:16;stroke-linecap:round}.cincin path.isi{stroke:var(--k-toko)}.cincin path.hadiah{stroke:color-mix(in srgb,var(--k-aksen) 40%,#e6ebe0)}.cincin path.hadiah.isi{stroke:var(--k-aksen)}.cincin path.baru{animation:pudar .6s var(--ease-out) both}.cincin-tengah{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.cincin-tengah b{font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:3.6rem;line-height:.9;letter-spacing:-.04em}.cincin-tengah span{font-size:.875rem;color:#5b6650;margin-top:6px}.cincin-kaki{border-radius:14px;background:#f4f7ee;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.875rem}.cincin-kaki .num{font-family:Bricolage Grotesque,sans-serif;font-weight:800;color:#5b6650}.kartu[data-gaya=stiker]{font-family:"Figtree",var(--font-ui);border-radius:26px;box-shadow:0 6px 0 color-mix(in srgb,var(--k-latar) 70%,black),0 26px 40px -24px rgba(0,0,0,.5)}.kartu[data-gaya=stiker]:before{display:none}.kartu[data-gaya=stiker] .kartu-nama b{font-family:Baloo\ 2,sans-serif;font-weight:800;font-size:1.65rem;line-height:1;letter-spacing:0}.kartu[data-gaya=stiker] .kartu-putaran{background:var(--k-aksen);color:var(--k-aksen-tinta);border:0;border-radius:999px;transform:rotate(3deg);font-family:Baloo\ 2,sans-serif;font-weight:800;font-size:.8125rem;letter-spacing:0;padding:4px 12px}.kartu[data-gaya=stiker] .kartu-stamp{gap:12px}.kartu[data-gaya=stiker] .slot{border:2.5px dashed color-mix(in srgb,var(--k-tinta) 45%,transparent)}.kartu[data-gaya=stiker] .slot.isi{border:0;box-shadow:0 0 0 4px #ffffff,0 4px 8px rgba(0,0,0,.25);transform:rotate(var(--miring,0deg))}.kartu[data-gaya=stiker] .slot.hadiah:not(.isi){border-color:var(--k-aksen);color:var(--k-aksen)}.kartu[data-gaya=stiker] .slot.baru:after{border-color:#ffffff}.kartu[data-gaya=stiker] .kartu-kaki{align-items:center}.kartu[data-gaya=stiker] .kartu-kaki b{font-family:Baloo\ 2,sans-serif;font-weight:800;font-size:1.3rem;line-height:1.1}.kartu[data-gaya=stiker] .kartu-kaki span{font-size:.8125rem;opacity:.9}.pilih-gaya{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));grid-gap:var(--space-2);gap:var(--space-2)}.pilih-gaya label{position:relative}.pilih-gaya input{position:absolute;opacity:0;inset:0;cursor:pointer}.pilih-gaya span{display:grid;grid-gap:2px;gap:2px;height:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-rule-strong);background:var(--color-surface);transition:border-color var(--dur-1) var(--ease-out),background-color var(--dur-1) var(--ease-out)}.pilih-gaya b{font-size:var(--text-sm)}.pilih-gaya small{font-size:var(--text-xs);color:var(--color-ink-2);line-height:1.35}.pilih-gaya label:hover span{border-color:var(--color-ink-3)}.pilih-gaya input:checked+span{border-color:var(--color-primary);background:var(--color-primary-soft);box-shadow:inset 0 0 0 1px var(--color-primary)}.pilih-gaya input:focus-visible+span{outline:2px solid var(--color-focus);outline-offset:2px}.pd-progres{display:grid;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-surface-2);border:1px solid var(--color-rule)}.pd-progres-teks{font-size:var(--text-base);color:var(--color-ink-2)}.pd-progres-teks b{color:var(--color-ink);font-size:var(--text-md)}.pd-meter{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:4px;gap:4px}.pd-meter li{height:10px;border-radius:4px;background:var(--color-surface-3);box-shadow:inset 0 0 0 1px var(--color-rule-strong)}.pd-meter li.isi{background:var(--color-primary);box-shadow:none}.pd-langkah{list-style:none;margin:var(--space-8) 0 0;padding:0;display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.pd-langkah>li{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);grid-gap:var(--space-6);gap:var(--space-6);align-items:center;padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--color-rule);background:var(--color-surface)}.pd-langkah>li.selesai{background:var(--color-surface-2)}@media (max-width:860px){.pd-langkah>li{grid-template-columns:minmax(0,1fr);padding:var(--space-5);gap:var(--space-5)}}.pd-kiri{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:var(--space-4);gap:var(--space-4);align-items:start}.pd-no{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--color-primary);color:var(--color-on-primary);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pd-langkah>li.selesai .pd-no{background:var(--color-primary-soft);color:var(--color-primary)}.pd-teks{display:grid;grid-gap:var(--space-3);gap:var(--space-3);justify-items:start;min-width:0}.pd-judul{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3)}.pd-judul h2{font-size:var(--text-md);font-weight:700}.pd-teks>p{color:var(--color-ink-2);max-width:58ch}.pd-teks b{color:var(--color-ink)}.pd-sub{margin:0;padding-left:1.2em;display:grid;grid-gap:6px;gap:6px;color:var(--color-ink-2)}.pd-sub b{overflow-wrap:anywhere}.pd-visual{display:grid;place-items:center;min-height:180px;padding:var(--space-5);border-radius:var(--radius-md);background:var(--color-surface-3);min-width:0}.pd-visual-kartu{background:color-mix(in oklch,var(--color-ink) 92%,var(--color-primary))}.pd-visual-kartu .kartu{max-width:340px}@media (max-width:400px){.pd-visual{padding:var(--space-3)}}.pd-kasir{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--space-2);gap:var(--space-2);width:100%;max-width:300px}.pd-kasir li{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:0 0 0 1px var(--color-rule)}.pd-kasir li span:last-child{display:grid}.pd-kasir small{font-size:var(--text-xs);color:var(--color-ink-2)}.pd-kasir-kosong{box-shadow:0 0 0 1px var(--color-rule-strong) inset!important;background:transparent!important;border:1px dashed var(--color-rule-strong)}.pd-pin{display:grid;justify-items:center;grid-gap:var(--space-2);gap:var(--space-2);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:0 0 0 1px var(--color-rule)}.pd-pin-nama{font-weight:700}.pd-pin .titik-pin{margin:4px 0 6px}.pd-pin-papan{display:grid;grid-template-columns:repeat(3,44px);grid-gap:6px;gap:6px}.pd-pin-papan span{height:36px;border-radius:10px;display:grid;place-items:center;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pd-pin-papan span,.pd-qr{box-shadow:0 0 0 1px var(--color-rule)}.pd-qr{display:grid;justify-items:center;grid-gap:var(--space-2);gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);background:#ffffff;font-size:var(--text-xs);color:var(--color-ink-2);max-width:100%}.pd-qr-gambar{width:128px;height:128px}.pd-qr-gambar svg{width:100%;height:100%}.pd-qr span{overflow-wrap:anywhere;text-align:center}.pd-kasir-layar{width:100%;max-width:280px}.pd-kasir-layar .pk-kepala{padding:var(--space-4)}.pd-kasir-layar .pk-kepala p{font-size:var(--text-xs)}.pd-kasir-layar .pk-aksi{padding:var(--space-4)}.pd-kasir-layar .pk-plus .btn{min-height:52px;font-size:1.25rem}.pd-visual .contoh-wa{max-width:300px;gap:var(--space-2)}.pd-visual .baris-wa{padding:var(--space-3)}.pd-grafik{margin:0;width:100%;max-width:320px;display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.pd-grafik figcaption{font-size:var(--text-xs);font-weight:600;color:var(--color-ink-2)}.pd-batang{grid-template-columns:repeat(8,minmax(0,1fr));grid-gap:6px;gap:6px;height:120px;border-bottom:1px solid var(--color-rule-strong)}.pd-batang,.pd-kolom{display:grid;align-items:end}.pd-kolom{grid-template-rows:auto minmax(0,1fr);height:100%;justify-items:stretch}.pd-kolom span{font-size:.6875rem;font-weight:600;color:var(--color-ink-2);text-align:center;align-self:end}.pd-kolom i{display:block;border-radius:4px 4px 0 0;background:var(--color-primary);min-height:2px}.pd-kolom i.kini{background:var(--color-foil)}.pd-kosong{font-size:var(--text-sm);color:var(--color-ink-2);padding:var(--space-6) 0;text-align:center}.pd-masalah{border:1px solid var(--color-rule);border-radius:var(--radius-lg);overflow:hidden}.pd-masalah details+details{border-top:1px solid var(--color-rule)}.pd-masalah summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);min-height:56px;padding:var(--space-3) var(--space-5);font-weight:600}.pd-masalah summary::-webkit-details-marker{display:none}.pd-masalah summary svg{width:18px;flex:none;color:var(--color-ink-3);transition:transform var(--dur-2) var(--ease-out)}.pd-masalah details[open] summary svg{transform:rotate(180deg)}.pd-masalah p{padding:0 var(--space-5) var(--space-5);color:var(--color-ink-2);max-width:70ch}.pd-pengingat{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:var(--space-3);gap:var(--space-3);margin-bottom:var(--space-5);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-primary-soft);color:var(--color-primary);text-decoration:none;font-size:var(--text-sm);border:1px solid var(--color-primary-line)}.pd-pengingat svg{width:18px;flex:none}.pd-pengingat b{font-weight:700}.pd-pengingat:hover{background:color-mix(in oklch,var(--color-primary-soft) 70%,var(--color-primary-line))}.pd-meter-kecil{display:flex;gap:3px}@media (max-width:480px){.pd-pengingat{grid-template-columns:auto minmax(0,1fr)}.pd-meter-kecil{grid-column:1/-1}.pd-meter-kecil i{flex:1 1}}.pd-meter-kecil i{width:14px;height:6px;border-radius:3px;background:var(--color-primary-line)}.pd-meter-kecil i.isi{background:var(--color-primary)}@media (max-width:560px){.pd-langkah>li{padding:var(--space-4)}.pd-visual{padding:var(--space-3)}.pd-visual-kartu{padding:var(--space-4) var(--space-2)}.pd-kiri{grid-template-columns:minmax(0,1fr);gap:var(--space-3)}}.kartu-nama b{white-space:normal;text-overflow:clip;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.kartu-kepala{align-items:flex-start}.kartu-kepala .kartu-putaran{margin-top:4px}