@font-face{font-family:inter;src:url(/_next/static/media/6c596dfcddeca1e9-s.p.woff2) format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:inter Fallback;src:local("Arial");ascent-override:89.79%;descent-override:22.36%;line-gap-override:0.00%;size-adjust:107.89%}.__className_53f2d8{font-family:inter,inter Fallback}.__variable_53f2d8{--font-inter:"inter","inter Fallback"}:root{--font:var(--font-inter),ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--r-s:8px;--r-m:12px;--r-l:16px;--r-xl:24px;--r-pil:999px;--t-cepat:150ms;--t-sedang:220ms;--ease:cubic-bezier(.2,.7,.2,1);--brand:#ff8c00;--brand-2:#ffb11a;--brand-ink:#1d1100;--grad:linear-gradient(135deg,#ffb11a,#ff8c00);--ok:#6fdc97;--warn:#ffcb5c;--err:#ff8577;--info:#8ecbff}.tema-gelap,:root{color-scheme:dark;--bg:#0c0a08;--bg-2:#120f0c;--surface:#17130f;--surface-2:#1f1a14;--surface-3:#2a231a;--line:rgba(255,236,210,0.09);--line-kuat:rgba(255,236,210,0.17);--text:#f7f0e5;--text-2:#cfc3b1;--muted:#a3988a;--brand-text:#ffb552;--sh-1:0 1px 0 rgba(255,255,255,0.04) inset,0 1px 2px rgba(0,0,0,0.45);--sh-2:0 1px 0 rgba(255,255,255,0.05) inset,0 2px 6px rgba(0,0,0,0.35),0 10px 28px rgba(0,0,0,0.28);--sh-3:0 1px 0 rgba(255,255,255,0.06) inset,0 6px 16px rgba(0,0,0,0.4),0 24px 56px rgba(0,0,0,0.4);--chart-1:#ffb11a;--chart-2:#8ecbff;--chart-3:#6fdc97;--chart-grid:rgba(255,236,210,0.08)}.tema-terang{color-scheme:light;--bg:#f6f1e8;--bg-2:#fffdf9;--surface:#ffffff;--surface-2:#f4eee3;--surface-3:#e9e0d0;--line:rgba(60,40,10,0.1);--line-kuat:rgba(60,40,10,0.2);--text:#1d160d;--text-2:#4a3f31;--muted:#675b4a;--brand-text:#944600;--sh-1:0 1px 2px rgba(60,40,10,0.08);--sh-2:0 1px 2px rgba(60,40,10,0.06),0 4px 10px rgba(60,40,10,0.07),0 12px 28px rgba(60,40,10,0.07);--sh-3:0 2px 4px rgba(60,40,10,0.08),0 10px 24px rgba(60,40,10,0.12),0 28px 56px rgba(60,40,10,0.12);--chart-1:#d96f00;--chart-2:#1f78c8;--chart-3:#1e8a4a;--chart-grid:rgba(60,40,10,0.08)}*{box-sizing:border-box}.tema-gelap,.tema-terang{color:var(--text)}body,html{margin:0;padding:0}body{font-family:var(--font);font-size:15px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh;min-height:100dvh}a{color:var(--brand-text)}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{margin:0;letter-spacing:-.015em;line-height:1.2}h1{font-size:24px;font-weight:700}h2{font-size:17px}h2,h3{font-weight:650}h3{font-size:14px}.angka{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"cv11" 1,"tnum"}:focus-visible{outline:2px solid var(--brand-2);outline-offset:2px;border-radius:var(--r-s)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ikon{flex:none}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:44px;padding:0 var(--s4);border-radius:var(--r-m);border:1px solid transparent;cursor:pointer;font-weight:600;font-size:15px;text-decoration:none;transition:transform var(--t-cepat) var(--ease),box-shadow var(--t-cepat) var(--ease),background var(--t-cepat),opacity var(--t-cepat);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn:active:not(:disabled){transform:translateY(1px) scale(.99)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-utama{background:var(--grad);color:var(--brand-ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 2px 8px rgba(255,140,0,.35)}.btn-utama:hover:not(:disabled){box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 4px 16px rgba(255,140,0,.5);transform:translateY(-1px)}.btn-ghost{background:var(--surface-2);color:var(--text);border-color:var(--line-kuat)}.btn-ghost:hover:not(:disabled){background:var(--surface-3)}.btn-bahaya{background:transparent;color:var(--err);border-color:color-mix(in srgb,var(--err) 55%,transparent)}.tema-terang .btn-bahaya{color:#b3261e;border-color:rgba(179,38,30,.5)}.btn-bahaya:hover:not(:disabled){background:color-mix(in srgb,var(--err) 12%,transparent)}.btn-besar{min-height:60px;font-size:18px;border-radius:var(--r-l);padding:0 var(--s5)}.btn-kecil{min-height:36px;padding:0 var(--s3);font-size:13.5px;border-radius:var(--r-s)}.btn-blok{width:100%}.btn-ikon{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:var(--r-m);border:1px solid var(--line);background:var(--surface-2);color:var(--text-2);cursor:pointer;transition:background var(--t-cepat),color var(--t-cepat)}.btn-ikon:hover{background:var(--surface-3);color:var(--text)}.field{display:grid;grid-gap:var(--s2);gap:var(--s2)}.field>label,.label{font-size:13px;font-weight:600;color:var(--text-2)}.field .bantu{font-size:12.5px;color:var(--muted)}.input,.select{width:100%;min-height:48px;padding:0 var(--s4);border-radius:var(--r-m);border:1px solid var(--line-kuat);background:var(--bg-2);color:var(--text);font-size:16px;transition:border-color var(--t-cepat),box-shadow var(--t-cepat)}.tema-gelap .input,:root .input{background:rgba(0,0,0,.28)}.tema-terang .input{background:#fff}.input::placeholder{color:var(--muted);opacity:.8}.input:focus-visible,.select:focus-visible{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 30%,transparent)}.input:disabled{opacity:.6}.input.besar{min-height:56px;font-size:18px;font-weight:600;letter-spacing:.01em}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:var(--s5);box-shadow:var(--sh-2)}.card-judul{display:flex;align-items:center;gap:var(--s2);margin-bottom:var(--s1)}.card-judul svg{color:var(--brand-text)}.card>.ket,.ket{margin:0 0 var(--s4);color:var(--muted);font-size:13.5px}.chip{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 10px;border-radius:var(--r-pil);font-size:12.5px;font-weight:600;background:var(--surface-2);color:var(--text-2);border:1px solid var(--line)}.chip.ok{color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,transparent);border-color:color-mix(in srgb,var(--ok) 30%,transparent)}.tema-terang .chip.ok{color:#1a6c3a}.chip.rem{color:var(--warn);background:color-mix(in srgb,var(--warn) 12%,transparent);border-color:color-mix(in srgb,var(--warn) 30%,transparent)}.tema-terang .chip.rem{color:#7a5200}.chip.err{color:var(--err);background:color-mix(in srgb,var(--err) 12%,transparent);border-color:color-mix(in srgb,var(--err) 30%,transparent)}.tema-terang .chip.err{color:#a3241c}.chip-pilih{cursor:pointer;min-height:44px;padding:0 16px;font-size:14px;background:var(--surface);transition:all var(--t-cepat)}.chip-pilih[aria-pressed=true]{background:var(--grad);color:var(--brand-ink);border-color:transparent;box-shadow:0 2px 8px rgba(255,140,0,.3)}.layar{background:var(--bg)}.layar,.layar-tengah{min-height:100vh;min-height:100dvh}.layar-tengah{display:grid;place-items:center;padding:var(--s5) var(--s4);background:radial-gradient(900px 520px at 50% -10%,rgba(255,140,0,.16),transparent 60%),var(--bg)}.kotak-masuk{width:100%;max-width:440px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);padding:var(--s6) var(--s5);display:grid;grid-gap:var(--s4);gap:var(--s4);justify-items:start;box-shadow:var(--sh-3)}.kotak-masuk h1{margin-top:var(--s2)}.kotak-masuk p{margin:0;color:var(--muted)}.tautan{color:var(--muted);font-size:14px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--text)}.brand img{border-radius:50%;box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-2) 55%,transparent)}.logotype{font-weight:750;letter-spacing:-.02em;font-size:18px}.logotype .stamp{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.tema-terang .logotype .stamp{background:linear-gradient(135deg,#e07700,#b85400);-webkit-background-clip:text;background-clip:text}.app{max-width:1180px;margin:0 auto;padding:0 var(--s4) var(--s7)}.bar{position:-webkit-sticky;position:sticky;top:0;z-index:20;justify-content:space-between;gap:var(--s3);padding:var(--s3) 0;margin-bottom:var(--s4);background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.bar,.bar-kanan{display:flex;align-items:center}.bar-kanan{gap:var(--s2)}.bar-info{text-align:right;line-height:1.25;font-size:12.5px;color:var(--muted)}.bar-info b{display:block;color:var(--text);font-size:14px}.toast-wrap{position:fixed;left:0;right:0;bottom:max(var(--s4),env(safe-area-inset-bottom));z-index:80;display:grid;grid-gap:var(--s2);gap:var(--s2);justify-items:center;padding:0 var(--s4);pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:var(--s3);width:min(460px,100%);padding:var(--s3) var(--s4);border-radius:var(--r-m);background:var(--surface);color:var(--text);border:1px solid var(--line-kuat);box-shadow:var(--sh-3);font-size:14.5px;animation:toast-masuk var(--t-sedang) var(--ease)}.toast svg{margin-top:2px}.toast.ok svg{color:var(--ok)}.toast.err svg{color:var(--err)}.toast.info svg{color:var(--info)}.tema-terang .toast.ok svg{color:#1a6c3a}.tema-terang .toast.err svg{color:#b3261e}@keyframes toast-masuk{0%{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}.skeleton{position:relative;overflow:hidden;background:var(--surface-2);border-radius:var(--r-m);min-height:20px}.skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--text) 8%,transparent),transparent);animation:kilap 1.4s infinite}@keyframes kilap{to{transform:translateX(100%)}}.kosong{display:grid;justify-items:center;grid-gap:var(--s2);gap:var(--s2);padding:var(--s6) var(--s4);text-align:center;color:var(--muted)}.kosong svg{color:var(--brand-text);opacity:.85}.kosong b{color:var(--text);font-size:15px}.kosong p{margin:0;max-width:38ch;font-size:13.5px}.tabs{display:flex;gap:var(--s1);padding:var(--s1);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);width:-moz-fit-content;width:fit-content;max-width:100%;overflow-x:auto;scrollbar-width:none}.tabs button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 var(--s4);border:0;border-radius:var(--r-m);background:transparent;color:var(--text-2);font-weight:600;font-size:14px;cursor:pointer;white-space:nowrap;transition:background var(--t-cepat),color var(--t-cepat)}.tabs button:hover{color:var(--text);background:var(--surface-2)}.tabs button[aria-selected=true]{background:var(--grad);color:var(--brand-ink);box-shadow:0 2px 8px rgba(255,140,0,.3)}.tabel-bungkus{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-l);background:var(--surface)}table{width:100%;border-collapse:collapse;font-size:14px}td,th{text-align:left;padding:12px var(--s4);border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.05em;background:var(--surface-2);position:-webkit-sticky;position:sticky;top:0}tr:last-child td{border-bottom:0}td.angka,th.angka{text-align:right}tbody tr{transition:background var(--t-cepat)}tbody tr:hover td{background:color-mix(in srgb,var(--text) 3%,transparent)}tr.pilih{cursor:pointer}.bar-mini{display:inline-block;width:72px;height:6px;border-radius:3px;background:var(--surface-3);vertical-align:middle;margin-right:8px;overflow:hidden}.bar-mini i{display:block;height:100%;background:var(--grad);border-radius:3px}.kasir{padding-bottom:120px}.kasir-grid{display:grid;grid-gap:var(--s4);gap:var(--s4);grid-template-columns:1fr;align-items:start}@media (min-width:960px){.kasir-grid{grid-template-columns:minmax(340px,400px) 1fr}}.segmen{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--s1);gap:var(--s1);padding:var(--s1);background:var(--surface-2);border-radius:var(--r-m);border:1px solid var(--line);margin-bottom:var(--s4)}.segmen button{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:56px;border:0;border-radius:var(--r-s);background:transparent;color:var(--text-2);font-weight:600;font-size:13px;cursor:pointer;transition:all var(--t-cepat)}.segmen button[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:var(--sh-2)}.segmen button[aria-selected=true] svg{color:var(--brand-text)}.pemindai{position:relative;border-radius:var(--r-l);overflow:hidden;background:#000;aspect-ratio:4/3;display:grid;place-items:center;margin-bottom:var(--s3)}.pemindai video{width:100%;height:100%;object-fit:cover}.pemindai .bingkai{position:absolute;inset:14%;border-radius:var(--r-l);box-shadow:0 0 0 100vmax rgba(0,0,0,.45);pointer-events:none}.pemindai .bingkai:after,.pemindai .bingkai:before{content:"";position:absolute;width:28px;height:28px;border:3px solid var(--brand-2)}.pemindai .bingkai:before{top:-2px;left:-2px;border-right:0;border-bottom:0;border-radius:10px 0 0 0}.pemindai .bingkai:after{bottom:-2px;right:-2px;border-left:0;border-top:0;border-radius:0 0 10px 0}.pemindai .garis{position:absolute;left:14%;right:14%;height:2px;background:linear-gradient(90deg,transparent,var(--brand-2),transparent);animation:pindai 2s ease-in-out infinite alternate}@keyframes pindai{0%{top:16%}to{top:82%}}.unggah-foto{display:grid;place-items:center;grid-gap:var(--s2);gap:var(--s2);padding:var(--s6) var(--s4);border:1.5px dashed var(--line-kuat);border-radius:var(--r-l);background:var(--surface-2);cursor:pointer;text-align:center;color:var(--text-2);margin-bottom:var(--s3);transition:border-color var(--t-cepat),background var(--t-cepat)}.unggah-foto:hover{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 6%,var(--surface-2))}.unggah-foto svg{color:var(--brand-text)}.unggah-foto small{color:var(--muted)}.kartu-hasil{display:grid;grid-gap:var(--s4);gap:var(--s4)}.ident{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s3);flex-wrap:wrap}.ident h2{font-size:22px;letter-spacing:-.02em}.ident .sub{margin:2px 0 0;color:var(--muted);font-size:13.5px;display:flex;gap:var(--s3);flex-wrap:wrap}.hitung{display:flex;gap:var(--s2)}.hitung b{font-size:48px;line-height:1;font-weight:800;letter-spacing:-.04em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.tema-terang .hitung b{background:linear-gradient(135deg,#e07700,#b04e00);-webkit-background-clip:text;background-clip:text}.hitung span{color:var(--muted);font-size:15px}.mini-kartu{max-width:520px;width:100%;margin:0 auto;perspective:1000px}.kartu-toolbar{display:flex;justify-content:center;gap:var(--s2);margin-top:var(--s3)}.aksi-utama{display:grid;grid-gap:var(--s3)}.aksi-baris{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--s3);gap:var(--s3)}.chip-baris{display:flex;flex-wrap:wrap;gap:var(--s2)}.info-kecil{margin:0;font-size:12.5px;color:var(--muted)}.langkah{display:grid;grid-gap:var(--s2);gap:var(--s2)}.hasil-tinggal{color:var(--text-2);font-size:14px}.dok-bawah{position:fixed;left:0;right:0;bottom:0;z-index:30;padding:var(--s3) var(--s4) max(var(--s3),env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line)}.dok-bawah .isi{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr auto;grid-gap:var(--s3);gap:var(--s3);align-items:center}@media (min-width:960px){.dok-bawah{position:static;padding:0;background:none;border:0;-webkit-backdrop-filter:none;backdrop-filter:none}.kasir{padding-bottom:var(--s7)}}.admin-kepala{display:flex;gap:var(--s3);align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:var(--s4)}.admin-kepala .kiri{display:grid;grid-gap:var(--s2);gap:var(--s2)}.pilih-cabang{display:inline-flex;align-items:center;gap:var(--s2);min-height:44px;padding:0 var(--s3) 0 var(--s4);border-radius:var(--r-m);background:var(--surface);border:1px solid var(--line-kuat)}.pilih-cabang select{border:0;background:transparent;min-height:42px;font-weight:650;font-size:15px;color:var(--text);cursor:pointer;padding-right:var(--s2)}.pilih-cabang select option{background:var(--surface);color:var(--text)}.kpi-grid{display:grid;grid-gap:var(--s3);gap:var(--s3);grid-template-columns:repeat(2,1fr)}@media (min-width:900px){.kpi-grid{grid-template-columns:repeat(4,1fr)}}.kpi{position:relative;display:grid;grid-gap:var(--s1);gap:var(--s1);padding:var(--s4);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--sh-2);overflow:hidden;min-height:124px}.kpi:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:var(--grad);opacity:.8}.kpi .label{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12.5px;font-weight:600}.kpi .nilai{font-size:32px;font-weight:800;letter-spacing:-.035em;line-height:1.1;min-width:4ch}.kpi .nilai small{font-size:16px;font-weight:700;color:var(--muted);margin-left:2px}.kpi .delta{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:650}.delta.naik{color:var(--ok)}.delta.turun{color:var(--err)}.delta.datar{color:var(--muted)}.tema-terang .delta.naik{color:#1a6c3a}.tema-terang .delta.turun{color:#a3241c}.kpi svg.spark{position:absolute;right:14px;top:16px;width:38%;height:38px;opacity:.95;pointer-events:none}.kecil-grid{display:grid;grid-gap:var(--s2);gap:var(--s2);grid-template-columns:repeat(2,1fr);margin-top:var(--s3)}@media (min-width:700px){.kecil-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1000px){.kecil-grid{grid-template-columns:repeat(6,1fr)}}.kecil{padding:var(--s3) var(--s4);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m)}.kecil b{display:block;font-size:20px;font-weight:750;letter-spacing:-.02em}.kecil span{color:var(--muted);font-size:12px}.panel-grid{display:grid;grid-gap:var(--s4);gap:var(--s4);margin-top:var(--s4);grid-template-columns:1fr}@media (min-width:1000px){.panel-grid.dua{grid-template-columns:1.7fr 1fr}.panel-grid.sama{grid-template-columns:1fr 1fr}}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:var(--s5);box-shadow:var(--sh-2);min-width:0}.panel-kepala{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s4);flex-wrap:wrap}.panel-kepala p{margin:2px 0 0;color:var(--muted);font-size:13px}.legenda{display:flex;gap:var(--s4);flex-wrap:wrap;font-size:12.5px;color:var(--text-2)}.legenda i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}.grafik{position:relative;width:100%}.grafik svg{display:block;width:100%;overflow:visible}.grafik .sumbu text{fill:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.grafik .grid line{stroke:var(--chart-grid)}.tooltip-grafik{position:absolute;pointer-events:none;z-index:5;min-width:150px;padding:var(--s2) var(--s3);background:var(--surface-3);color:var(--text);border:1px solid var(--line-kuat);border-radius:var(--r-m);box-shadow:var(--sh-3);font-size:12.5px;transform:translate(-50%,-112%);transition:opacity var(--t-cepat)}.tooltip-grafik b{display:block;margin-bottom:4px}.tooltip-grafik div{display:flex;justify-content:space-between;gap:var(--s3)}.tooltip-grafik i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px}.frek{display:grid;grid-gap:var(--s3);gap:var(--s3)}.frek-donat{display:grid;place-items:center;position:relative}.frek-donat .tengah{position:absolute;text-align:center;line-height:1.1}.frek-donat .tengah b{font-size:26px;font-weight:800;letter-spacing:-.03em;display:block}.frek-donat .tengah span{color:var(--muted);font-size:12px}.frek-daftar{display:grid;grid-gap:var(--s2);gap:var(--s2)}.frek-daftar div{display:grid;grid-template-columns:12px 1fr auto;align-items:center;grid-gap:var(--s2);gap:var(--s2);font-size:13.5px}.frek-daftar i{width:10px;height:10px;border-radius:3px}.bar-baris{display:grid;grid-gap:6px;gap:6px;padding:var(--s2) 0}.bar-baris .atas{display:flex;justify-content:space-between;gap:var(--s3);font-size:14px}.bar-baris .atas span:first-child{font-weight:600;display:flex;gap:var(--s2);align-items:center}.bar-baris .atas span:first-child em{font-style:normal;color:var(--muted);font-size:12px;width:16px}.bar-baris .trek{height:8px;background:var(--surface-3);border-radius:4px;overflow:hidden}.bar-baris .trek i{display:block;height:100%;border-radius:4px;background:var(--grad);transition:width .6s var(--ease)}.daftar-kecil{display:grid}.daftar-kecil .baris{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s3) 0;border-bottom:1px solid var(--line);font-size:14px}.daftar-kecil .baris:last-child{border-bottom:0}.daftar-kecil .baris small{display:block;color:var(--muted);font-size:12.5px}.cari-bar{display:flex;gap:var(--s3);align-items:center;margin-bottom:var(--s3);flex-wrap:wrap}.cari-bar .input{max-width:360px}.log-aksi{display:inline-flex;align-items:center;gap:6px}.desain-grid{display:grid;grid-gap:var(--s5);gap:var(--s5);grid-template-columns:1fr}@media (min-width:1000px){.desain-grid{grid-template-columns:minmax(300px,460px) 1fr;align-items:start}}.desain-pratinjau{position:-webkit-sticky;position:sticky;top:76px}.desain-pratinjau,.form-zona{display:grid;grid-gap:var(--s3);gap:var(--s3)}.form-zona{grid-template-columns:repeat(2,1fr)}@media (min-width:560px){.form-zona{grid-template-columns:repeat(4,1fr)}}.form-zona .input{min-height:42px;font-size:15px;padding:0 var(--s3)}.berkas-baris{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;padding:var(--s3);border:1px solid var(--line);border-radius:var(--r-m);background:var(--surface-2)}.berkas-baris .info{flex:1 1 160px;min-width:0;font-size:13.5px}.berkas-baris .info small{display:block;color:var(--muted)}.pemisah{height:1px;background:var(--line);margin:var(--s5) 0;border:0}.kv{position:relative;width:100%;aspect-ratio:1712/1080;container-type:size;border-radius:4.2cqw}.kv:after{content:"";position:absolute;inset:6% 5% -8%;z-index:-1;border-radius:6cqw;background:radial-gradient(closest-side,rgba(255,140,0,.5),transparent 75%);filter:blur(18px);opacity:.7;transform:translate(calc(var(--ry, 0deg) * -1.4),calc(var(--rx, 0deg) * 1.4 + 8px));transition:transform .18s ease-out}.kv-isi{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.3,.9,.3,1);border-radius:inherit;cursor:default;outline-offset:5px}.kv-isi[role=button]{cursor:pointer}.kv-isi.balik{transform:rotateY(180deg)}.kv-sisi{position:absolute;inset:0;border-radius:inherit;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#1c1610;box-shadow:0 0 0 1px rgba(255,190,90,.22),0 18px 44px rgba(0,0,0,.55)}.kv-belakang{transform:rotateY(180deg)}.kv-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.kv-bawaan{background:radial-gradient(120% 90% at 85% 100%,rgba(255,140,0,.35),transparent 55%),linear-gradient(145deg,#3a2c1d,#17110b 60%,#0f0b08)}.kv-bawaan-teks{position:absolute;left:5%;top:8%;display:grid;grid-gap:1cqw;gap:1cqw;color:#f5ebdd}.kv-bawaan-kepala img,.kv-bawaan-teks img{border-radius:50%;width:10cqw;height:10cqw;box-shadow:0 0 0 .4cqw #ffb220}.kv-bawaan-teks b{font-size:6cqw;letter-spacing:-.02em;margin-top:8cqw}.kv-bawaan-teks span{font-size:2.6cqw;color:#ffb220}.kv-bawaan-kepala{position:absolute;left:5%;top:3.5%;right:5%;display:flex;align-items:center;gap:2cqw;color:#f5ebdd}.kv-bawaan-kepala img{width:7cqw;height:7cqw}.kv-bawaan-kepala b{font-size:3.6cqw}.kv-bawaan-kepala span{margin-left:auto;font-size:2.4cqw;color:#cfc3b1}.kv-qr{position:absolute;aspect-ratio:1;background:#fbf6ec;border-radius:2.4cqw;padding:1.2cqw;box-shadow:0 .6cqw 2cqw rgba(0,0,0,.35)}.kv-qr img{width:100%;height:100%;display:block;image-rendering:pixelated;mix-blend-mode:multiply}.kv-kode{position:absolute;display:grid;place-items:center;color:#f5ebdd;font-weight:600;font-size:2.3cqw;letter-spacing:.16em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.5)}.kv-siap{position:absolute;left:5%;bottom:8%;padding:1.4cqw 3cqw;border-radius:99cqw;background:var(--grad);color:#1d1100;font-weight:800;font-size:3cqw;box-shadow:0 0 0 .6cqw rgba(255,178,32,.35),0 1cqw 4cqw rgba(255,140,0,.6);animation:denyut 1.6s ease-in-out infinite}@keyframes denyut{50%{transform:scale(1.06);box-shadow:0 0 0 1.4cqw rgba(255,178,32,.18),0 1cqw 5cqw rgba(255,140,0,.8)}}.kv-grid{position:absolute;display:grid;place-items:center}.kv-slot{position:relative;display:grid;place-items:center;width:min(var(--sz,12cqw),12cqw);height:min(var(--sz,12cqw),12cqw);border-radius:50%;color:#ffb220;border:.25cqw dashed rgba(255,178,32,.3);background:rgba(0,0,0,.14);transform:rotate(var(--rot,0deg));transition:background .2s,border-color .2s}.kv-slot .kv-kertas{width:58%;height:58%;color:#fff3dc;opacity:.14}.kv-slot .kv-centang{position:absolute;inset:20%;width:60%;height:60%;opacity:0;transform:scale(.5)}.kv-slot:after{content:"";position:absolute;inset:13%;border-radius:50%;border:.3cqw dotted rgba(255,178,32,.75);opacity:0}.kv-slot.isi{border:.43cqw solid #ffb220;background:rgba(255,178,32,.1);box-shadow:inset 0 0 1.2cqw rgba(255,178,32,.22)}.kv-slot.isi:after{opacity:1}.kv-slot.isi .kv-kertas{opacity:0}.kv-slot.isi .kv-centang{opacity:.95;transform:scale(1);filter:url(#rs-tinta)}.kv-slot.baru{animation:tinta-jadi .28s var(--ease) both}.kv-slot.baru .kv-centang{animation:tinta-tanda .28s var(--ease) both}@keyframes tinta-jadi{0%{transform:rotate(var(--rot,0deg)) scale(1.18);opacity:0}to{transform:rotate(var(--rot,0deg)) scale(1);opacity:.95}}@keyframes tinta-tanda{0%{transform:scale(1.18);opacity:0}to{transform:scale(1);opacity:.95}}.kv-hadiah{position:absolute;display:grid;place-items:center;align-content:center;grid-gap:.6cqw;gap:.6cqw;text-align:center;color:#f5ebdd;font-weight:650;font-size:3.2cqw;line-height:1.25;padding:0 2cqw;text-wrap:balance}.kv-hadiah em{font-style:normal;font-weight:500;font-size:2.1cqw;color:#ffd98a}.kv-kilau{position:absolute;inset:-20%;z-index:3;pointer-events:none;mix-blend-mode:soft-light;opacity:.85;background:radial-gradient(circle at var(--sx,50%) var(--sy,30%),rgba(255,244,214,.42),rgba(255,190,80,.14) 24%,transparent 48%),conic-gradient(from calc(var(--ry, 0deg) * 7) at var(--sx,50%) var(--sy,30%),transparent 0 14%,rgba(255,255,255,.16) 22%,transparent 32%,rgba(255,140,0,.2) 56%,transparent 66%)}.kv-tepi{z-index:4;border-radius:inherit;padding:1.5px;background:conic-gradient(from calc(var(--ry, 0deg) * 9 + 210deg),rgba(255,236,190,.95),rgba(255,140,0,.15) 18%,rgba(255,255,255,.6) 34%,rgba(255,140,0,.25) 52%,rgba(255,236,190,.95) 76%,rgba(255,140,0,.18));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.cap-lapisan,.kv-tepi{position:absolute;inset:0;pointer-events:none}.cap-lapisan{z-index:12;perspective:900px;perspective-origin:50% 20%;overflow:visible}.cap-alat{position:absolute;transform-style:preserve-3d;transform-origin:50% 100%;will-change:transform,opacity;opacity:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.cap-pegangan{position:relative;display:block;width:calc(var(--u) * .52);height:calc(var(--u) * .72);border-radius:50% 50% 38% 38%/62% 62% 38% 38%;background:linear-gradient(90deg,#5b3716,#b57a3f 40%,#8a5a2b 72%,#4a2c10);box-shadow:inset -2px -3px 5px rgba(20,8,0,.45),0 2px 4px rgba(0,0,0,.35)}.cap-pegangan:after{content:"";position:absolute;left:24%;top:14%;width:2px;height:56%;border-radius:2px;background:rgba(232,192,138,.55)}.cap-leher{display:block;width:calc(var(--u) * .26);height:calc(var(--u) * .46);background:linear-gradient(90deg,#9a6a00,#ffd98a 50%,#b07a00)}.cap-dasar{display:block;width:var(--u);height:calc(var(--u) * .72);border-radius:22% 22% 30% 30%/40% 40% 60% 60%;background:linear-gradient(90deg,#0e0a07,#3a2f26 50%,#0e0a07);border:1px solid rgba(255,178,32,.5);box-shadow:inset 0 2px 0 rgba(255,255,255,.12),0 4px 8px rgba(0,0,0,.35)}.cap-bayang{background:radial-gradient(closest-side,rgba(0,0,0,.75),transparent);filter:blur(6px);opacity:0}.cap-bayang,.cap-gelombang{position:absolute;border-radius:50%}.cap-gelombang{border:1.5px solid #ffb220}.cap-debu{border-radius:50%;background:#ffd98a}.cap-debu,.cap-konfeti{position:absolute;display:block;opacity:0}.cap-ditukar{position:absolute;padding:2cqw 5cqw;border:1cqw solid #ff5e3a;color:#ff5e3a;border-radius:2cqw;font-weight:900;font-size:11cqw;letter-spacing:.08em;background:rgba(12,10,8,.5);text-shadow:0 0 1px #ff5e3a;filter:url(#rs-tinta);opacity:0;white-space:nowrap;box-shadow:0 0 0 .5cqw rgba(255,94,58,.4)}.kp{min-height:100vh;min-height:100dvh;position:relative;display:flex;flex-direction:column;align-items:center;padding:var(--s4) var(--s4) var(--s7);gap:var(--s5);overflow-x:clip}.kp-latar{position:fixed;inset:0;z-index:-1;background:radial-gradient(700px 480px at 50% 6%,rgba(255,140,0,.26),transparent 62%),radial-gradient(520px 420px at 90% 92%,rgba(255,177,26,.12),transparent 60%),var(--bg)}.kp-atas{display:flex;align-items:center;gap:var(--s3);width:min(100%,460px);font-weight:700;letter-spacing:-.01em}.kp-atas img{border-radius:50%;box-shadow:0 0 0 2px rgba(255,177,26,.5)}.kp-atas .btn-ikon{margin-left:auto}.kp-adegan{--rx:0deg;--ry:0deg;--sx:50%;--sy:30%;width:min(100%,460px);perspective:1100px;display:grid;grid-gap:var(--s4);gap:var(--s4);justify-items:center;touch-action:manipulation}.kp-adegan .kv{width:100%}.kp-melayang{width:100%;animation:melayang 6.5s ease-in-out infinite}@keyframes melayang{50%{transform:translateY(-7px)}}.kp-miring{width:100%;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .2s ease-out}.kp-adegan[data-gerak=ya] .kp-miring{transition:transform .08s linear}.kp-balik-info{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 var(--s3);border:0;border-radius:var(--r-pil);background:rgba(255,255,255,.06);color:var(--text-2);font-size:13px;cursor:pointer}.kp-balik-info:hover{background:rgba(255,255,255,.1);color:var(--text)}.kp-status{width:min(100%,460px);display:grid;grid-gap:var(--s3);gap:var(--s3);text-align:center}.kp-progres p{margin:var(--s2) 0 0;color:var(--text-2)}.kp-progres b{font-size:34px;font-weight:800;letter-spacing:-.03em;color:var(--text)}.kp-bar{height:8px;border-radius:4px;background:rgba(255,255,255,.09);overflow:hidden}.kp-bar i{display:block;height:100%;background:var(--grad);border-radius:4px;box-shadow:0 0 12px rgba(255,140,0,.6);transition:width .7s var(--ease)}.kp-sisa{margin:0;color:var(--text-2)}.kp-siap-besar{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);margin:0;background:var(--grad);color:var(--brand-ink);font-weight:750;box-shadow:0 0 0 4px rgba(255,177,26,.2),0 8px 28px rgba(255,140,0,.45);animation:denyut 1.8s ease-in-out infinite}.kp-hadiah,.kp-siap-besar{padding:var(--s3) var(--s4);border-radius:var(--r-l)}.kp-hadiah{display:grid;grid-gap:2px;gap:2px;background:rgba(255,255,255,.045);border:1px solid var(--line)}.kp-hadiah span{font-size:11.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.kp-hadiah strong{font-size:16px}.kp-pasang{width:min(100%,460px);display:grid;grid-gap:var(--s3);gap:var(--s3);justify-items:center}.kp-pasang details{width:100%;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:var(--r-l);padding:0 var(--s4)}.kp-pasang summary{cursor:pointer;min-height:48px;display:flex;align-items:center;color:var(--text);font-size:14px;font-weight:600}.kp-langkah{padding-bottom:var(--s4);font-size:14px}.kp-langkah h2{display:flex;align-items:center;gap:6px;font-size:13.5px;margin:var(--s3) 0 var(--s1);color:var(--brand-text)}.kp-kaki{margin:0;color:var(--muted);font-size:12px;text-align:center}.gabung{width:min(100%,440px);display:grid;grid-gap:var(--s4);gap:var(--s4)}.gabung .kartu-kecil{perspective:900px;width:min(100%,360px);margin:0 auto}.gabung .card{padding:var(--s5)}.gabung form{display:grid;grid-gap:var(--s4);gap:var(--s4)}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.pesan{display:flex;gap:var(--s3);align-items:flex-start;padding:var(--s3) var(--s4);border-radius:var(--r-m);font-size:14px;border:1px solid var(--line-kuat);background:var(--surface-2)}.pesan.err{color:var(--err);border-color:color-mix(in srgb,var(--err) 40%,transparent);background:color-mix(in srgb,var(--err) 10%,transparent)}.pesan.info{color:var(--text-2)}.tema-terang .pesan.err{color:#a3241c}.poster-layar{min-height:100vh;padding:var(--s5) var(--s4);grid-gap:var(--s4);gap:var(--s4);background:var(--bg)}.poster,.poster-layar{display:grid;justify-items:center}.poster{width:210mm;max-width:100%;aspect-ratio:210/297;background:#fffdf9;color:#1d160d;border-radius:var(--r-l);box-shadow:var(--sh-3);padding:14mm 16mm;grid-template-rows:auto auto 1fr auto;text-align:center;grid-gap:6mm;gap:6mm;position:relative;overflow:hidden;border:1px solid var(--line)}.poster:before{content:"";position:absolute;inset:0 0 auto 0;height:6mm;background:linear-gradient(90deg,#ffc400,#ff8c00 40%,#e8231a 70%,#8e3ba8)}.poster .logo{margin-top:6mm;display:flex;align-items:center;gap:4mm;font-weight:800;font-size:7mm;letter-spacing:-.02em}.poster .logo img{width:16mm;height:16mm;border-radius:50%}.poster h1{font-size:13mm;line-height:1.05;letter-spacing:-.03em;font-weight:850;max-width:15ch}.poster h1 span{background:linear-gradient(135deg,#e07700,#b04e00);-webkit-background-clip:text;background-clip:text;color:transparent}.poster .cabang{font-size:6mm;font-weight:650;color:#6a5230}.poster .qr-wadah{align-self:center;background:#fff;padding:8mm;border-radius:8mm;border:.6mm solid #f0e3cb;box-shadow:0 4mm 12mm rgba(120,70,0,.18)}.poster .qr-wadah img{width:100mm;height:100mm;display:block;image-rendering:pixelated}.poster ol{list-style:none;margin:0;padding:0;display:grid;grid-gap:3mm;gap:3mm;text-align:left;font-size:5mm;font-weight:600}.poster ol li{display:flex;align-items:center;gap:4mm}.poster ol li b{display:inline-grid;place-items:center;width:9mm;height:9mm;border-radius:50%;background:linear-gradient(135deg,#ffb11a,#ff8c00);color:#1d1100;font-weight:800}.poster .kecil-url{font-size:3.6mm;color:#6a5e4d;word-break:break-all}@media print{@page{size:A4;margin:0}body{background:#fff!important}.poster-layar{padding:0;background:#fff;display:block}.tidak-cetak{display:none!important}.poster{width:210mm;height:297mm;max-width:none;border:0;border-radius:0;box-shadow:none}}.modal-latar{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:var(--s4);background:rgba(10,6,0,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:toast-masuk var(--t-sedang) var(--ease)}.modal-isi{width:min(420px,100%);background:var(--surface);color:var(--text);border-radius:var(--r-xl);border:1px solid var(--line-kuat);padding:var(--s5);box-shadow:var(--sh-3)}.kv-nama{color:#f5ebdd;font-weight:700;letter-spacing:-.02em;line-height:1.25;white-space:nowrap;text-shadow:0 .3cqw 1.2cqw rgba(0,0,0,.45);overflow:visible}.kv-footer,.kv-nama{position:absolute;display:flex;align-items:center}.kv-footer{left:5%;top:89%;width:90%;height:5%;font-size:2.6cqw;letter-spacing:.08em;color:rgba(245,235,221,.75);opacity:.75}.putar{animation:putar .9s linear infinite}@keyframes putar{to{transform:rotate(1turn)}}.toast-wrap{top:72px;bottom:auto}.toast{width:min(420px,100%);animation-name:toast-turun}@keyframes toast-turun{0%{transform:translateY(-10px);opacity:0}to{transform:none;opacity:1}}@media (max-width:640px){.toast-wrap{top:auto;bottom:calc(env(safe-area-inset-bottom, 0px) + 96px)}.toast{animation-name:toast-masuk}}.bar{flex-wrap:nowrap;min-height:56px}.tema-terang .bar{background:rgba(245,240,230,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.bar-info{min-width:0;white-space:nowrap}.bar-info,.bar-info b{overflow:hidden;text-overflow:ellipsis}@media (max-width:600px){.bar .brand .logotype{display:none}.bar-kanan{gap:4px;min-width:0;flex:1 1;justify-content:flex-end}.bar-info{flex:1 1;min-width:0;font-size:12px}.bar .btn-ikon{width:44px;height:44px;flex:none}}@media (max-width:640px){.tabs{display:grid;grid-template-columns:repeat(4,1fr);width:100%;grid-gap:4px;gap:4px;overflow:visible}.tabs button{flex-direction:column;justify-content:center;gap:4px;min-height:52px;padding:6px 2px;font-size:11.5px;font-weight:600}.tabs button svg{width:18px;height:18px}}.tema-terang .card>.ket,.tema-terang .field .bantu,.tema-terang .info-kecil,.tema-terang .ket{color:#6f6455}.tema-terang .kv-sisi{box-shadow:0 0 0 1px rgba(255,190,90,.22),0 10px 28px rgba(40,25,5,.28)}.label-kategori{font-size:12.5px}.kpi .label{color:#a89c8a}.kasir-grid main{scroll-margin-top:76px}.kasir{padding-bottom:var(--s7)}.kartu-hasil{gap:var(--s3)}.hitung{gap:10px;flex-wrap:wrap;align-items:baseline}.hitung b,.tema-terang .hitung b{font-size:44px;font-weight:800;line-height:1;background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#c2570c}.hitung .dari{font-size:20px;font-weight:600;color:#6b5e4c}.lencana{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:99px;font-size:12px;font-weight:750;letter-spacing:.05em}.lencana.siap{background:#e6f4ea;color:#146c2e}.lencana.lebih{background:#efe6d6;color:#6b5e4c;letter-spacing:.02em}.pesan.verif{background:#fff4d6;color:#5c4000;border-color:#e8c160;align-items:center;flex-wrap:wrap}.pesan.verif .btn{margin-left:auto}.aksi-utama{gap:var(--s3)}.baris-nota{display:grid;grid-gap:var(--s2);gap:var(--s2)}.btn-stamp{width:100%;min-height:64px;font-size:18px;font-weight:700;border-radius:var(--r-l)}.btn-stamp:disabled{background:#efe6d6;color:#8a7e6e;box-shadow:none;opacity:1;border-color:#e0d3bc}.aksi-baris .btn{min-height:48px}.input.salah{border:2px solid #b42318;animation:getar-input .24s ease-out}.input.salah:focus-visible{box-shadow:0 0 0 3px rgba(180,35,24,.25);border-color:#b42318}.galat-nota{margin:6px 0 0;font-size:13px;font-weight:600;color:#b42318}@keyframes getar-input{20%{transform:translateX(-5px)}40%{transform:translateX(5px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}.mini-kartu{max-width:380px}.chip-member{display:inline-flex;align-items:center;min-height:32px;margin-top:10px;padding:6px 12px;border-radius:99px;background:#1a1612;border:1px solid #2c261f;color:#cfc3b1;font-size:12px;font-weight:500}.chip-wadah,.mini-kartu .kp-adegan+.chip-wadah{display:flex;justify-content:center}.chip-baris.kategori{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--s2);gap:var(--s2)}.chip-baris.kategori .chip-pilih{min-height:44px;justify-content:center;text-align:center}details.akordeon{padding:0}details.akordeon>summary{list-style:none;display:flex;align-items:center;gap:var(--s2);min-height:56px;padding:0 var(--s5);cursor:pointer;font-weight:650;font-size:17px}details.akordeon>summary::-webkit-details-marker{display:none}details.akordeon>summary .panah{margin-left:auto;transition:transform var(--t-cepat)}details.akordeon[open]>summary .panah{transform:rotate(180deg)}details.akordeon>.isi-akordeon{padding:0 var(--s5) var(--s5)}.tabel-pel td.angka,.tabel-pel th.angka{text-align:left;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tabel-pel .kode{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--muted)}.pel-kartu{display:none}@media (max-width:599px){.tabel-pel-wrap{display:none}.pel-kartu{display:grid;border:1px solid var(--line);border-radius:var(--r-l);background:var(--surface);overflow:hidden}.pel-kartu .baris{height:64px;box-sizing:border-box;padding:8px var(--s4);display:grid;grid-gap:4px;gap:4px;align-content:center;border-bottom:1px solid var(--line);line-height:1.3;overflow:hidden}.pel-kartu .baris:last-child{border-bottom:0}.pel-kartu .r1{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s2)}.pel-kartu .r1 b{font-size:15px;font-weight:700}.pel-kartu .r1 .kode{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--muted)}.pel-kartu .r2{display:flex;align-items:center;gap:var(--s2);white-space:nowrap;overflow:hidden;font-size:12.5px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pel-kartu .r2 .trek{width:72px;height:6px;border-radius:3px;background:var(--surface-3);overflow:hidden;flex:none}.pel-kartu .r2 .trek i{display:block;height:100%;background:var(--grad)}}.muat-lagi{display:flex;justify-content:center;margin-top:var(--s3)}.tabel-aktivitas{table-layout:fixed;min-width:800px}.tabel-aktivitas td,.tabel-aktivitas th{overflow:hidden;text-overflow:ellipsis}.panel-lekat{position:-webkit-sticky;position:sticky;top:80px;align-self:start}.daftar-lima{position:relative;overflow:hidden}.daftar-lima.ringkas{max-height:280px;-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 32px),transparent)}.daftar-lima.penuh{max-height:420px;overflow-y:auto}.daftar-lima .baris{height:56px;padding:6px 0;box-sizing:border-box}.lihat-semua{display:flex;justify-content:center;margin-top:var(--s2)}.panel.anomali{border-color:color-mix(in srgb,var(--warn) 35%,var(--line))}.anomali-daftar{display:grid;grid-gap:var(--s2);gap:var(--s2)}.anomali-daftar .baris{display:flex;justify-content:space-between;gap:var(--s3);padding:var(--s2) 0;border-bottom:1px solid var(--line);font-size:13.5px}.anomali-daftar .baris:last-child{border-bottom:0}.anomali-daftar small{color:var(--muted)}.grafik svg{height:auto}.grafik.pakai-px svg{overflow:visible}.kp{padding-bottom:104px}.kp-segmen{display:flex;gap:3px}.kp-segmen.rapat{gap:2px}.kp-segmen i{flex:1 1;height:8px;border-radius:3px;background:rgba(255,255,255,.09)}.kp-segmen i.isi{background:var(--grad);box-shadow:0 0 8px rgba(255,140,0,.45)}.kp-sisa-bar{margin:var(--s2) 0 0;color:var(--text-2);font-size:14px}.kp-jumlah{margin:var(--s3) 0 0}.kp-simpan-tetap{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:24px var(--s4) calc(var(--s3) + env(safe-area-inset-bottom, 0px));background:linear-gradient(180deg,transparent,rgba(12,10,8,.92) 42%);pointer-events:none}.kp-simpan-tetap .btn{pointer-events:auto;display:flex;width:min(100%,460px);min-height:52px;margin:0 auto}.kp-langkah{color:var(--text-2)}.kp-langkah ol{margin:0;padding-left:20px}.input.salah-gabung{border:2px solid var(--err)}.galat-field{margin:4px 0 0;font-size:13px;font-weight:600;color:var(--err)}.gabung .btn-utama{background:var(--grad);color:var(--brand-ink);opacity:1}@media (min-width:1000px){.kecil-grid{grid-template-columns:repeat(7,1fr)}}.grafik .sumbu text{font-size:11px}.poster h1{text-wrap:balance}@media (max-width:599px){.kartu-hasil.card{padding:var(--s4)}.ident{flex-wrap:nowrap;align-items:center;gap:var(--s2)}.ident>div:first-child{min-width:0;flex:1 1}.ident h2{font-size:19px;overflow-wrap:anywhere}.ident .sub{gap:8px;font-size:12.5px}.ident .sub span:nth-child(3){display:none}.hitung{flex:none;justify-content:flex-end;gap:2px 6px;max-width:46%}}@media (min-width:1000px){.panel-grid.dua.aktivitas{grid-template-columns:2.5fr 1fr}}.tabel-aktivitas td,.tabel-aktivitas th{padding-left:10px;padding-right:10px}.chip-baris.kategori .chip-pilih{padding:0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;line-height:42px}.kartu-toolbar{gap:6px;flex-wrap:wrap}.kartu-toolbar .btn{padding:0 10px;font-size:13px;white-space:nowrap}.pesan.verif>span{flex:1 1 180px}