:root{--bg: #f3f4f6;--panel: #ffffff;--panel-2: #f8f9fb;--hover: #f1f3f6;--ink: #111827;--ink-2: #374151;--muted: #6b7280;--line: #e5e7eb;--line-2: #d1d5db;--nav: #111827;--nav-2: #1f2937;--nav-ink: #f9fafb;--nav-muted: #9ca3af;--nav-line: #2f3a4a;--accent: #1d4ed8;--accent-ink: #ffffff;--accent-soft: rgba(29, 78, 216, .1);--accent-ring: rgba(29, 78, 216, .35);--primary: var(--accent);--success: #15803d;--warning: #f4b740;--danger: #dc2626;--info: #0e7490;--dark: #1f2937;--pos: #047857;--pos-bg: #e6f6ee;--neg: #b91c1c;--neg-bg: #fdecec;--warn-ink: #8a4b06;--warn-bg: #fff6e5;--warn-line: #f6dcae;--err-ink: #9b1c1c;--err-bg: #fdf0f0;--err-line: #f6cccc;--fs: 14px;--pad: 6px;--radius: 8px;--radius-lg: 12px;--ro: #f3f4f6;--zebra: #fafbfc;--shadow: 0 1px 2px rgba(16, 24, 40, .05);--shadow-lg: 0 18px 44px rgba(16, 24, 40, .18);color-scheme:light}:root[data-theme=dark]{--bg: #0d1117;--panel: #151a21;--panel-2: #1b2129;--hover: #212833;--ink: #e6e8eb;--ink-2: #c9d1d9;--muted: #8b949e;--line: #29303a;--line-2: #39414d;--nav: #0b0f14;--nav-2: #1b2129;--nav-line: #2b333e;--ro: #1b2129;--zebra: #181d24;--pos: #3fb950;--pos-bg: rgba(63, 185, 80, .13);--neg: #f85149;--neg-bg: rgba(248, 81, 73, .13);--warn-ink: #f2c46d;--warn-bg: rgba(242, 196, 109, .1);--warn-line: rgba(242, 196, 109, .25);--err-ink: #ffa198;--err-bg: rgba(248, 81, 73, .1);--err-line: rgba(248, 81, 73, .28);--shadow: none;--shadow-lg: 0 18px 44px rgba(0, 0, 0, .5);color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0d1117;--panel: #151a21;--panel-2: #1b2129;--hover: #212833;--ink: #e6e8eb;--ink-2: #c9d1d9;--muted: #8b949e;--line: #29303a;--line-2: #39414d;--nav: #0b0f14;--nav-2: #1b2129;--nav-line: #2b333e;--ro: #1b2129;--zebra: #181d24;--pos: #3fb950;--pos-bg: rgba(63, 185, 80, .13);--neg: #f85149;--neg-bg: rgba(248, 81, 73, .13);--warn-ink: #f2c46d;--warn-bg: rgba(242, 196, 109, .1);--warn-line: rgba(242, 196, 109, .25);--err-ink: #ffa198;--err-bg: rgba(248, 81, 73, .1);--err-line: rgba(248, 81, 73, .28);--shadow: none;--shadow-lg: 0 18px 44px rgba(0, 0, 0, .5);color-scheme:dark}}*{box-sizing:border-box}html,body{height:100%}#root{height:100%;display:flex;flex-direction:column}body{margin:0;background:var(--bg);color:var(--ink);font:var(--fs)/1.45 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}input,select{background:var(--panel);border:1px solid var(--line-2);border-radius:var(--radius);padding:0 10px;height:36px;width:100%;min-width:0}input[type=checkbox],input[type=radio],input[type=range]{width:auto;height:auto;padding:0;border:0;background:none;accent-color:var(--accent)}input[type=range]{width:100%}input[type=color]{padding:3px;cursor:pointer}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input[readonly]{background:var(--ro)}input::placeholder{color:var(--muted);opacity:.8}label{display:block;font-size:.76em;font-weight:650;letter-spacing:.03em;margin:0 0 4px;color:var(--muted)}label small{font-weight:400}kbd{font:600 .72em/1 ui-monospace,SFMono-Regular,Consolas,monospace;padding:2px 5px;border-radius:4px;border:1px solid currentColor;opacity:.7}.grow{flex:1}.muted{color:var(--muted)}.err{color:var(--danger);font-weight:600}.num{font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:var(--radius);padding:0 14px;min-height:36px;cursor:pointer;background:var(--dark);color:#fff;font-weight:600;white-space:nowrap;line-height:1.2;transition:filter .12s,background-color .12s}.btn:hover:not(:disabled){filter:brightness(1.12)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{flex:none}.btn small{font-size:.8em;font-weight:600;opacity:.85}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.success{background:var(--success)}.btn.warning{background:var(--warning);color:#1f2937}.btn.danger{background:var(--danger)}.btn.info{background:var(--info)}.btn.ghost{background:var(--panel);color:var(--ink);border-color:var(--line-2)}.btn.ghost:hover:not(:disabled){background:var(--hover);filter:none}.btn.sm{min-height:28px;padding:0 10px;font-size:.85em;border-radius:6px}.btn.lg{min-height:44px;padding:0 16px;font-size:1.05em}.btn.block{width:100%}.btn.sq{padding:0;width:36px}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.tile{flex-direction:column;gap:2px;padding:8px 4px;min-height:50px;font-size:.78em;line-height:1.15;white-space:normal;text-align:center;letter-spacing:.02em}.tile small{font-weight:500;opacity:.72;font-size:.9em;letter-spacing:.04em;min-height:1.1em}.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--nav);color:var(--nav-ink);padding:8px 12px;min-height:52px;flex:none}.nav .brand{font-weight:700;letter-spacing:.02em;white-space:nowrap;max-width:240px;overflow:hidden;text-overflow:ellipsis;font-size:.95em}.nav .stok{flex:1 1 240px;min-width:150px;height:34px;background:#fff;color:#111827;border:0;border-radius:8px;padding:0 12px;font-weight:650;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.nav .stok::placeholder{color:#6b7280;font-weight:500}.nav .icon,.nav .nb{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 10px;background:transparent;border:1px solid var(--nav-line);color:var(--nav-ink);border-radius:8px;cursor:pointer;white-space:nowrap;font-weight:500}.nav .icon:hover,.nav .nb:hover,.nav .nb[aria-expanded=true]{background:var(--nav-2)}.nav .nb.sq{width:34px;padding:0}.nav .nb .who{max-width:180px;overflow:hidden;text-overflow:ellipsis}.nav .title{display:flex;flex-direction:column;line-height:1.15;min-width:0}.nav .title b{font-size:1em}.nav .title span{font-size:.78em;color:var(--nav-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46vw}.badge{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;font-size:.78em;font-weight:650;white-space:nowrap;border:0}.badge.on{background:#22c55e29;color:#86efac}.badge.off{background:#ef444433;color:#fca5a5}.badge.warn{background:#f59e0b33;color:#fcd34d}.badge.mut{background:#ffffff14;color:var(--nav-ink)}button.badge{cursor:pointer}.badge.diskon{background:#f4b74024;color:#f8d58a;border:1px solid rgba(244,183,64,.3)}.dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}.menu{position:relative}.menu-pop{position:absolute;right:0;top:calc(100% + 6px);min-width:230px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-lg);padding:6px;z-index:40}.menu-pop .mi{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;background:none;border-radius:6px;cursor:pointer;text-align:left;color:var(--ink);font-weight:500}.menu-pop .mi:hover,.menu-pop .mi:focus-visible{background:var(--hover);outline:none}.menu-pop .mi svg{color:var(--muted)}.menu-pop .mhd{padding:6px 10px 8px;font-size:.82em;color:var(--muted);border-bottom:1px solid var(--line);margin-bottom:4px}.menu-pop .mhd b{display:block;color:var(--ink);font-size:1.1em}.kasir{flex:1;min-height:0;display:grid;grid-template-columns:360px minmax(0,1fr)}.kasir.no-side{grid-template-columns:minmax(0,1fr)}.kasir.no-side .side{display:none}.side{background:var(--panel);border-right:1px solid var(--line);padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:9px}.main{padding:14px 18px;overflow:auto;display:flex;flex-direction:column;gap:12px;min-width:0}.row{display:flex;gap:8px}.row>*{flex:1;min-width:0}.row.tight{gap:4px}.grp{display:flex}.grp>span{display:inline-flex;align-items:center;padding:0 9px;background:var(--panel-2);border:1px solid var(--line-2);border-right:0;border-radius:var(--radius) 0 0 var(--radius);font-size:.72em;font-weight:700;color:var(--muted);letter-spacing:.04em}.grp>input{border-radius:0 var(--radius) var(--radius) 0;font-size:.92em;padding-left:8px;padding-right:4px}.kode{font-weight:750;font-size:.92em;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.card{border-radius:var(--radius-lg);color:#fff;overflow:hidden}.card .h{padding:10px 14px 0;font-size:.74em;font-weight:700;letter-spacing:.08em;opacity:.82}.card .v{padding:0 14px 10px;font-size:2.3em;font-weight:700;font-variant-numeric:tabular-nums;text-align:right;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card.c1{background:#1e40af}.card.c2{background:#166534}.card.c3{background:#b45309}.alert{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius);background:var(--err-bg);color:var(--err-ink);border:1px solid var(--err-line);font-size:.88em}.alert svg{flex:none}.alert.info{background:var(--accent-soft);color:var(--ink);border-color:transparent}.alert.warn{background:var(--warn-bg);color:var(--warn-ink);border-color:var(--warn-line)}table.grid{width:100%;border-collapse:separate;border-spacing:0;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg)}table.grid th{position:sticky;top:0;z-index:1;background:var(--panel-2);color:var(--muted);font-size:.72em;font-weight:700;letter-spacing:.06em;text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);white-space:nowrap}table.grid th:first-child{border-top-left-radius:var(--radius-lg)}table.grid th:last-child{border-top-right-radius:var(--radius-lg)}table.grid td{padding:var(--pad) 10px;border-bottom:1px solid var(--line);vertical-align:middle}table.grid tbody tr:last-child td{border-bottom:0}table.grid tbody tr:nth-child(2n) td{background:var(--zebra)}table.grid tbody tr:hover td{background:var(--hover)}table.grid td.n,table.grid th.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}table.grid tr.pending td{font-style:italic;color:var(--muted)}table.grid .acts{display:flex;gap:4px;justify-content:flex-end}table.grid th:last-child{text-align:right}.tag{display:inline-block;padding:1px 6px;border-radius:4px;font-size:.72em;font-weight:700;background:var(--line);color:var(--ink);vertical-align:1px}.tag.print{background:#64748b;color:#fff}.tag.antre{background:#b45309;color:#fff}.tag.online{background:#6d28d9;color:#fff}.tag.offline{background:#0f766e;color:#fff}.empty{padding:30px;text-align:center;color:var(--muted)}.plus{color:var(--pos);font-weight:650}.minus{color:var(--neg);font-weight:650}.picker{position:relative}.picker .list{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 4px);background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-lg);max-height:360px;overflow-y:auto;padding:4px}.picker .opt{padding:7px 10px;cursor:pointer;display:flex;justify-content:space-between;gap:8px;border-radius:6px}.picker .opt.act{background:var(--accent);color:var(--accent-ink)}.picker .opt small{opacity:.75;white-space:nowrap}.picker .none{padding:9px 10px;color:var(--muted)}.backdrop{position:fixed;inset:0;z-index:50;background:#0f172a80;display:flex;align-items:flex-start;justify-content:center;padding:6vh 16px;overflow-y:auto}.modal{background:var(--panel);border-radius:14px;width:100%;max-width:560px;box-shadow:var(--shadow-lg);border:1px solid var(--line)}.modal.lg{max-width:920px}.modal.sm{max-width:420px}.modal .mh{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);font-weight:700;letter-spacing:.01em}.modal .mb{padding:16px;display:flex;flex-direction:column;gap:10px;max-height:70vh;overflow-y:auto}.modal .mf{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--line)}.x{background:none;border:0;font-size:1.4em;line-height:1;cursor:pointer;color:var(--muted);width:32px;height:32px;border-radius:6px}.x:hover{background:var(--hover);color:var(--ink)}.dialog .mb{align-items:center;text-align:center;padding:22px 16px}.dialog .ico{width:64px;height:64px;border-radius:50%;border:4px solid currentColor;display:flex;align-items:center;justify-content:center;font-size:2.2em;font-weight:800;line-height:1}.dialog .ico.warning{color:#f8bb86}.dialog .ico.error{color:#f27474}.dialog .ico.success{color:#a5dc86}.dialog .ico.question{color:#87adbd}.dialog .ttl{font-size:1.25em;font-weight:800}.dialog .mf{justify-content:center}.toasts{position:fixed;top:60px;right:12px;z-index:80;display:flex;flex-direction:column;gap:6px;max-width:min(420px,calc(100vw - 24px))}.toast{padding:10px 14px;border-radius:10px;color:#fff;box-shadow:var(--shadow-lg);font-weight:600}.toast.ok{background:#15803d}.toast.err{background:#b91c1c}.toast.info{background:#1e40af}.center{flex:1;min-height:100%;display:flex;align-items:center;justify-content:center;padding:16px}.login{width:100%;max-width:380px;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:24px;display:flex;flex-direction:column;gap:12px}.login h1{margin:0;font-size:1.4em;letter-spacing:-.01em}.kv{display:grid;grid-template-columns:auto 1fr;gap:4px 14px}.kv b{text-align:right;font-variant-numeric:tabular-nums}.spinner{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:sp .7s linear infinite;flex:none}@keyframes sp{to{transform:rotate(360deg)}}.spin{animation:sp .8s linear infinite}@media(max-width:1600px){.kasir-nav .nb .lbl{display:none}}@media(max-width:1500px){.kasir-nav .nb .who,.badge.diskon .lim{display:none}}@media(max-width:1280px){.nav .nb .lbl{display:none}.nav .brand{max-width:160px}}@media(max-width:1100px){.nav .nb .who{display:none}.nav .stok{order:10;flex-basis:100%}}@media(max-width:900px){.kasir{grid-template-columns:minmax(0,1fr);overflow-y:auto}.side{border-right:0;border-bottom:1px solid var(--line);overflow:visible}.main{overflow:visible}.cards{grid-template-columns:1fr}.card .v{font-size:1.7em}}.kaki-nota{display:flex;flex-wrap:wrap;gap:4px 14px}.kaki-nota .pesan-diskon{color:var(--err-ink)}.kasir.bawah{display:flex;flex-direction:column}.kasir.bawah .main{flex:1;min-height:0;padding:12px 16px}.kasir.bawah .side{order:2;flex:none;overflow:visible;border-right:0;border-top:1px solid var(--line);box-shadow:0 -4px 14px #1018280f;display:grid;gap:8px 10px;padding:10px 14px;align-items:end;grid-template-columns:minmax(0,3fr) minmax(0,2.6fr) minmax(0,1.6fr) auto auto;grid-template-areas:"produk qs ket add baru" "nota cust cust cb cb" "tiles tiles tiles tiles tiles"}.kasir.bawah .f-produk{grid-area:produk}.kasir.bawah .f-qs{grid-area:qs}.kasir.bawah .f-ket{grid-area:ket}.kasir.bawah .f-add{grid-area:add}.kasir.bawah .f-baru{grid-area:baru}.kasir.bawah .f-nota{grid-area:nota}.kasir.bawah .f-cust{grid-area:cust}.kasir.bawah .f-cb{grid-area:cb}.kasir.bawah .f-tiles{grid-area:tiles}.kasir.bawah .fld{display:flex;align-items:stretch;min-width:0}.kasir.bawah .fld>label{display:inline-flex;align-items:center;gap:4px;margin:0;padding:0 9px;background:var(--panel-2);border:1px solid var(--line-2);border-right:0;border-radius:var(--radius) 0 0 var(--radius);font-size:.7em;font-weight:700;letter-spacing:.04em;white-space:nowrap;cursor:pointer}.kasir.bawah .fld>label small{font-weight:600;opacity:.8}.kasir.bawah .fld>input,.kasir.bawah .fld>select,.kasir.bawah .fld>.picker input{border-radius:0 var(--radius) var(--radius) 0}.kasir.bawah .fld>.picker{flex:1;min-width:0}.kasir.bawah .f-produk .picker input{font-weight:600}.kasir.bawah .side .picker .list{top:auto;bottom:calc(100% + 6px);max-height:min(360px,55vh)}.kasir.bawah .side .btn.lg{min-height:36px;font-size:.95em;width:auto;padding:0 16px}.kasir.bawah .f-cb .btn{min-height:36px}.kasir.bawah .f-cb>*{flex:1 1 auto}.kasir.bawah .tiles{grid-template-columns:repeat(9,minmax(0,1fr));gap:6px}.kasir.bawah .tile{flex-direction:row;gap:6px;min-height:34px;padding:4px 8px;white-space:nowrap}.kasir.bawah .tile small{min-height:0;font-size:.86em}@media(max-width:1180px){.kasir.bawah .side{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:"produk produk produk produk produk produk produk produk add add baru baru" "qs qs qs qs qs qs qs ket ket ket ket ket" "nota nota nota nota nota cust cust cust cust cb cb cb" "tiles tiles tiles tiles tiles tiles tiles tiles tiles tiles tiles tiles"}.kasir.bawah .side .btn.lg{width:100%;padding:0 8px}}@media(max-width:1000px){.kasir.bawah .tiles{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:900px){.kasir.bawah{overflow-y:auto}.kasir.bawah .main{flex:none;overflow:visible}.kasir.bawah .side{box-shadow:none;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"produk produk" "qs qs" "ket ket" "add baru" "nota nota" "cust cust" "cb cb" "tiles tiles"}.kasir.bawah .side .picker .list{top:calc(100% + 4px);bottom:auto}.kasir.bawah .tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}.kasir.bawah.no-side .side{display:none}.tag.barcode{margin-left:6px;background:var(--accent-soft);color:var(--accent);vertical-align:1px}.picker .opt.act .tag.barcode{background:#ffffff38;color:inherit}.picker .none.habis{display:flex;justify-content:space-between;gap:8px;opacity:.75}.picker .opt.daftar-barcode b{font-variant-numeric:tabular-nums}.barcode-box{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px dashed var(--line-2);border-radius:var(--radius);background:var(--panel-2);font:600 1.05em ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em}.sub-judul{font-weight:700;padding-top:12px;margin-top:4px;border-top:1px solid var(--line)}.callout{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius);border:1px solid;font-size:.9em}.callout .grow{display:flex;flex-direction:column;gap:1px;min-width:0}.callout .grow span{font-size:.88em;opacity:.85}.callout.warn{background:var(--warn-bg);color:var(--warn-ink);border-color:var(--warn-line)}.callout.mut{background:var(--panel-2);color:var(--ink-2);border-color:var(--line)}.callout svg{flex:none}.pilihan{display:flex;align-items:center;justify-content:space-between;gap:8px;height:36px;padding:0 2px 0 10px;border:1px solid var(--line-2);border-radius:var(--radius);background:var(--panel-2);font-weight:600}.form-toko{display:flex;flex-direction:column;gap:12px}.kecil{font-size:.82em;margin:0}.ringkas-toko{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.ringkas-toko>div{background:var(--panel);padding:10px 14px;display:flex;flex-direction:column;gap:2px}.ringkas-toko span{font-size:.8em;color:var(--muted)}.ringkas-toko b{font-size:1.25em;font-variant-numeric:tabular-nums}table.kvtab{width:100%;border-collapse:collapse}table.kvtab th{text-align:left;font-weight:500;color:var(--muted);padding:7px 0;border-bottom:1px solid var(--line);font-size:.92em;width:48%}table.kvtab td{text-align:right;padding:7px 0;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;font-weight:600}table.kvtab tr:last-child th,table.kvtab tr:last-child td{border-bottom:0}table.kvtab tr.sub th{padding-left:14px;font-size:.86em}table.kvtab tr.sub td{font-weight:500;color:var(--ink-2)}.status-toko{font-weight:700;padding:8px 12px;border-radius:var(--radius);background:var(--panel-2)}.status-toko.buka{background:var(--pos-bg);color:var(--pos)}.status-toko.belum{background:var(--warn-bg);color:var(--warn-ink)}.hasil-toko{display:flex;flex-direction:column;gap:12px}.hasil-toko .sukses{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1.05em;color:var(--pos)}.wa-status{display:flex;gap:8px;align-items:flex-start;padding:9px 12px;border-radius:var(--radius);font-size:.9em}.wa-status.ok{background:var(--pos-bg);color:var(--pos)}.wa-status.tolak{background:var(--err-bg);color:var(--err-ink)}.wa-status.info{background:var(--warn-bg);color:var(--warn-ink)}.wa-status svg{flex:none;margin-top:2px}.pesan-wa{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.pesan-wa-h{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 6px 12px;background:var(--panel-2);border-bottom:1px solid var(--line);font-size:.85em;color:var(--muted);font-weight:600}.pesan-wa pre{margin:0;padding:10px 12px;max-height:240px;overflow:auto;font:.82em/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;word-break:break-word}.lap{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.lap-tabs{position:sticky;top:0;z-index:15;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;background:var(--panel);border-bottom:1px solid var(--line);padding:0 16px;flex:none}.lap-tabs::-webkit-scrollbar{display:none}.lap-tabs .tab{flex:none;appearance:none;background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:12px 11px 11px;color:var(--muted);font-weight:600;white-space:nowrap;cursor:pointer}.lap-tabs .tab:hover{color:var(--ink)}.lap-tabs .tab.on{color:var(--ink);border-bottom-color:var(--accent)}.lap-body{width:100%;max-width:1480px;margin:0 auto;padding:16px 20px 40px;display:flex;flex-direction:column;gap:14px}.loadbar{position:sticky;top:45px;z-index:14;height:2px;margin:-1px 0;overflow:hidden;flex:none}.loadbar:after{content:"";position:absolute;inset:0;width:40%;background:var(--accent);animation:lb 1s ease-in-out infinite}@keyframes lb{0%{transform:translate(-100%)}to{transform:translate(250%)}}.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.seg{display:inline-flex;background:var(--panel-2);border:1px solid var(--line);border-radius:9px;padding:2px;gap:2px;max-width:100%;overflow-x:auto;scrollbar-width:none}.seg button{border:0;background:none;height:30px;padding:0 10px;border-radius:7px;font-weight:600;color:var(--muted);cursor:pointer;white-space:nowrap}.seg button:hover{color:var(--ink)}.seg button.on{background:var(--panel);color:var(--ink);box-shadow:0 1px 2px #1018281f}.daterange{display:inline-flex;align-items:center;gap:6px;color:var(--muted)}.daterange input{width:140px}.fsel,.fchk{font-size:1em;font-weight:500;letter-spacing:0;color:var(--ink);margin:0}.fsel{display:inline-flex;align-items:center;height:36px;border:1px solid var(--line-2);border-radius:var(--radius);background:var(--panel);padding-left:10px;gap:4px;max-width:100%}.fsel>span{font-size:.85em;color:var(--muted);white-space:nowrap}.fsel select{border:0;height:34px;width:auto;padding:0 8px 0 2px;background:transparent;font-weight:600}.fsel select:focus{outline:none}.fsel:focus-within{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}.fchk{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 10px;border:1px solid var(--line-2);border-radius:var(--radius);background:var(--panel);cursor:pointer;font-size:.9em;white-space:nowrap}.filters .acts{display:flex;gap:6px;margin-left:auto}.offline-note{display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:var(--radius-lg);background:var(--warn-bg);color:var(--warn-ink);border:1px solid var(--warn-line)}.lap-ringkasan{display:flex;flex-direction:column;gap:14px}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);padding:14px 16px 13px;display:flex;flex-direction:column;gap:5px;min-width:0;box-shadow:var(--shadow)}.kpi .kl{font-size:.85em;color:var(--muted);font-weight:550;display:flex;align-items:center;gap:6px}.kpi .kv{display:block;font-size:1.8em;font-weight:680;letter-spacing:-.015em;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.15}.kpi .ks{font-size:.82em;color:var(--muted);display:flex;gap:6px 8px;align-items:center;flex-wrap:wrap;min-height:1.4em}.delta{display:inline-flex;align-items:center;gap:3px;font-weight:650;font-size:.95em;padding:1px 7px 1px 5px;border-radius:999px;white-space:nowrap}.delta.up{color:var(--pos);background:var(--pos-bg)}.delta.down{color:var(--neg);background:var(--neg-bg)}.delta.flat{color:var(--muted);background:var(--panel-2);padding-left:7px}.dash{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}.dash .span-2{grid-column:span 2}.dash .span-all{grid-column:1 / -1}.box{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);min-width:0;box-shadow:var(--shadow);display:flex;flex-direction:column}.box>header{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 10px;padding:13px 16px 0}.box>header h3{margin:0;font-size:1em;font-weight:680;white-space:nowrap}.box>header .sub{color:var(--muted);font-size:.85em}.box>header .lnk{margin-left:auto;background:none;border:0;color:var(--accent);font-weight:600;cursor:pointer;padding:0;font-size:.88em;white-space:nowrap}.box>header .lnk:hover{text-decoration:underline}.box>.bb{padding:12px 16px 14px}.box .nodata{padding:22px 0;text-align:center;color:var(--muted);font-size:.9em}.chart{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 10px;height:230px}.chart-y{display:flex;flex-direction:column;justify-content:space-between;font-size:.72em;color:var(--muted);text-align:right;padding-bottom:24px;font-variant-numeric:tabular-nums;margin-top:-6px}.chart-plot{position:relative;padding-bottom:24px;min-width:0}.chart-area{position:absolute;inset:0 0 24px;display:flex;align-items:flex-end;gap:3px;border-bottom:1px solid var(--line-2);background-image:linear-gradient(to bottom,var(--line) 1px,transparent 1px);background-size:100% 50%}.bar-col{flex:1 1 0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative;min-width:0;cursor:default}.bar{width:72%;max-width:40px;min-height:0;background:var(--accent);border-radius:4px 4px 1px 1px;opacity:.88;transition:opacity .1s}.bar-col:hover .bar,.bar-col.on .bar{opacity:1}.bar-col:hover:before{content:"";position:absolute;inset:0 -1px;background:var(--accent-soft);border-radius:4px;z-index:-1}.bar-x{position:absolute;top:calc(100% + 6px);font-size:.72em;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.chart-tip{position:absolute;top:0;transform:translate(-50%);background:var(--ink);color:var(--panel);padding:7px 10px;border-radius:8px;font-size:.8em;line-height:1.35;white-space:nowrap;pointer-events:none;z-index:5;box-shadow:var(--shadow-lg)}.chart-tip b{display:block;font-size:1.12em;font-variant-numeric:tabular-nums}.chart-tip.kiri{transform:none}.chart-tip.kanan{transform:translate(-100%)}.rank{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.rank li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;align-items:baseline}.rank .nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:550}.rank .nm i{font-style:normal;color:var(--muted);font-variant-numeric:tabular-nums;margin-right:8px;font-size:.9em}.rank .vl{font-variant-numeric:tabular-nums;font-weight:650;text-align:right;white-space:nowrap}.rank .mt{grid-column:1 / -1;display:flex;align-items:center;gap:10px;font-size:.8em;color:var(--muted)}.meter{flex:1;height:6px;border-radius:999px;background:var(--panel-2);overflow:hidden;box-shadow:inset 0 0 0 1px var(--line)}.meter>span{display:block;height:100%;background:var(--accent);border-radius:999px}.boxtot{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--line)}.boxtot span{color:var(--muted);font-size:.85em}.boxtot b{font-size:1.25em;font-variant-numeric:tabular-nums}.statlist{list-style:none;margin:0;padding:0}.statlist li+li{border-top:1px solid var(--line)}.statlist button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 2px;background:none;border:0;cursor:pointer;text-align:left;color:var(--ink)}.statlist button:hover .sl{color:var(--accent)}.statlist .sl{flex:1;min-width:0}.statlist .sl small{display:block;color:var(--muted);font-size:.8em}.statlist .sv{font-weight:680;font-variant-numeric:tabular-nums;font-size:1.1em}.statlist svg{color:var(--muted)}.statlist .warn .sv{color:var(--neg)}.sumstrip{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.sumstrip>div{background:var(--panel);padding:12px 16px;display:flex;flex-direction:column;gap:3px;min-width:0}.sumstrip span{font-size:.82em;color:var(--muted)}.sumstrip b{font-size:1.2em;font-weight:680;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sumstrip small{color:var(--muted);font-size:.78em}.box .sumstrip{border:0;border-radius:0;border-top:1px solid var(--line)}.foot-note{color:var(--muted);font-size:.8em;margin:0}.dt-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);min-width:0;overflow:hidden}.dt-head{display:flex;align-items:center;gap:10px;padding:10px 12px 10px 16px;border-bottom:1px solid var(--line);flex-wrap:wrap}.dt-head b{font-weight:650}.dt-head .muted{font-size:.85em}.cari{position:relative;margin-left:auto;width:260px;max-width:100%}.cari svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.cari input{padding-left:32px;height:34px}.tbl-wrap{overflow:auto;max-height:calc(100vh - 290px);min-height:160px}table.dt{width:100%;border-collapse:separate;border-spacing:0}table.dt th{position:sticky;top:0;z-index:2;background:var(--panel-2);color:var(--muted);font-size:.72em;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);white-space:nowrap}table.dt td{padding:calc(var(--pad) + 2px) 10px;border-bottom:1px solid var(--line);white-space:nowrap;vertical-align:middle}table.dt td.wrap{white-space:normal;min-width:160px;max-width:320px}table.dt tbody tr:hover td{background:var(--hover)}table.dt td.n,table.dt th.n{text-align:right;font-variant-numeric:tabular-nums}table.dt td.no{color:var(--muted);font-variant-numeric:tabular-nums;width:1%}table.dt td.lead{font-weight:600}table.dt tfoot td{position:sticky;bottom:0;background:var(--panel-2);font-weight:700;border-top:1px solid var(--line-2);border-bottom:0;font-variant-numeric:tabular-nums}table.dt td.act,table.dt th.act{position:sticky;right:0;z-index:1;text-align:right;width:1%;background:var(--panel);box-shadow:-1px 0 0 var(--line)}table.dt th.act{z-index:3;background:var(--panel-2)}table.dt tbody tr:hover td.act{background:var(--hover)}table.dt .st{display:inline-flex;align-items:center;gap:5px;font-size:.85em;font-weight:600}table.dt .st.lunas{color:var(--pos)}table.dt .st.belum{color:var(--neg)}.tbl-foot{padding:10px 16px;color:var(--muted);font-size:.85em;border-top:1px solid var(--line)}.sk{display:block;border-radius:6px;background:linear-gradient(90deg,var(--panel-2) 0%,var(--hover) 50%,var(--panel-2) 100%);background-size:200% 100%;animation:skl 1.2s ease-in-out infinite}@keyframes skl{0%{background-position:100% 0}to{background-position:-100% 0}}@media(max-width:960px){.kpis,.dash{grid-template-columns:repeat(2,minmax(0,1fr))}.dash .span-2{grid-column:1 / -1}.box-grafik{order:1}.box-metode{order:2}.box-stok{order:3}.box-terlaris{order:4}.box-kredit{order:5}}@media(min-width:961px)and (max-width:1180px){.kpi .kv{font-size:1.55em}}@media(max-width:720px){.lap-body{padding:12px 12px 32px;gap:12px}.lap-tabs{padding:0 6px}.filters{gap:6px}.filters .seg{width:100%}.filters .seg button{flex:1}.daterange{width:100%}.daterange input{flex:1;width:auto}.fsel,.fchk{flex:1 1 auto}.fsel select{flex:1}.filters .grow{display:none}.filters .acts{width:100%;margin-left:0}.filters .acts .btn{flex:1}.filters .acts .btn.sq{flex:none}.kpis{gap:8px}.kpi{padding:12px}.kpi .kv{font-size:1.3em}.dash{grid-template-columns:minmax(0,1fr)}.dash .span-2{grid-column:auto}.chart{height:200px}.cari{width:100%;margin-left:0}.tbl-wrap{max-height:none;overflow:visible;padding:10px}table.dt thead{display:none}table.dt,table.dt tbody,table.dt tfoot,table.dt td{display:block;width:100%}table.dt tfoot td{position:static;background:none;border-top:0}table.dt tfoot tr{background:var(--panel-2)}table.dt tr{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;padding:6px 12px;margin-bottom:10px;background:var(--panel)}table.dt td.lead{order:-1}table.dt td.act{order:99}table.dt td.empty{justify-content:center;text-align:center}table.dt td.empty:before{display:none}table.dt tbody tr:hover td{background:none}table.dt td{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:5px 0;border:0;white-space:normal;text-align:right;max-width:none;min-width:0}table.dt td:before{content:attr(data-label);color:var(--muted);font-size:.82em;text-align:left;flex:none;font-weight:500}table.dt td.no{display:none}table.dt td.lead{font-size:1.02em;padding:6px 0 8px;border-bottom:1px solid var(--line);margin-bottom:4px;text-align:left;justify-content:flex-start}table.dt td.lead:before{display:none}table.dt td.act{position:static;box-shadow:none;padding-top:8px;background:none}table.dt td.act:before{display:none}table.dt td.act .btn{width:100%}table.dt td:empty{display:none}.nav .title span{max-width:52vw}.nav kbd{display:none}.nav .brand{flex:1;max-width:none}.nav .badge{order:5}.nav .stok{order:10}}@media(max-width:380px){.kpis{grid-template-columns:minmax(0,1fr)}}@media print{.nav,.lap-tabs,.filters{display:none}}.pv-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pv-bar .btn.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.pv-meja{background:#dfe3e8;border-radius:var(--radius-lg);padding:24px 12px 30px;display:flex;justify-content:center;align-items:flex-start;overflow:auto;max-height:62vh;min-height:220px}:root[data-theme=dark] .pv-meja{background:#0b0f14}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .pv-meja{background:#0b0f14}}.pv-kertas{position:relative;flex:none;background:#fff;filter:drop-shadow(0 1px 1px rgba(0,0,0,.12)) drop-shadow(0 8px 14px rgba(0,0,0,.16))}.pv-kertas.w58{width:58mm}.pv-kertas.w80{width:80mm}.pv-kertas:before,.pv-kertas:after{content:"";position:absolute;left:0;right:0;height:6px;background-repeat:repeat-x;background-size:10px 6px}.pv-kertas:before{top:-6px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 6 5 0 10 6Z' fill='%23fff'/%3E%3C/svg%3E")}.pv-kertas:after{bottom:-6px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0 5 6 10 0Z' fill='%23fff'/%3E%3C/svg%3E")}.pv-kertas iframe{display:block;width:100%;border:0;background:#fff}.kunci-toko{flex:1;min-height:0;overflow-y:auto;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:radial-gradient(circle at 50% 30%,var(--accent-soft),transparent 60%)}.kunci-toko .kartu{width:100%;max-width:480px;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg);padding:28px 24px 22px;display:flex;flex-direction:column;gap:12px;text-align:center;align-items:center}.kunci-toko .ikon{width:68px;height:68px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--warn-bg);color:var(--warn-ink)}.kunci-toko .ikon.tutup{background:var(--panel-2);color:var(--ink-2)}.kunci-toko h1{margin:4px 0 0;font-size:1.5em;letter-spacing:-.01em}.kunci-toko p{margin:0;color:var(--ink-2);max-width:400px}.kunci-toko .meta{font-size:.82em;color:var(--muted)}.kunci-toko .ringkas-toko,.kunci-toko .alert{width:100%;text-align:left}.kunci-toko .acts{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:6px;width:100%}.kunci-toko .acts .btn.lg{flex:1 1 100%;min-height:48px;font-size:1.1em}.pos{color:var(--pos);font-weight:600}.neg{color:var(--neg);font-weight:600}.nav .nb.bell .cnt,.cnt-seg{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#ef4444;color:#fff;font-size:.72em;font-weight:800;display:inline-flex;align-items:center;justify-content:center;line-height:1}.cnt-seg{margin-left:4px}.nav .nb.bell{position:relative}.nav .nb.bell .cnt{position:absolute;top:-7px;right:-7px;border:2px solid var(--nav)}.nav .nb.bell.ada{color:#fecaca;border-color:#ef444499;animation:tf-denyut 2s ease-in-out infinite}.nav .nb.bell.goyang svg{animation:tf-goyang .9s ease-in-out infinite;transform-origin:50% 10%}.notif-pop{width:360px;max-width:calc(100vw - 24px);max-height:min(70vh,520px);overflow-y:auto}.menu-pop .mi.notif-item{align-items:flex-start}.notif-item .nt{display:flex;flex-direction:column;gap:1px;min-width:0}.notif-item .nt b{font-size:.92em}.notif-item .nt small{color:var(--muted);white-space:normal;line-height:1.3}.menu-pop .mi.semua{justify-content:space-between;color:var(--accent);font-weight:650;border-top:1px solid var(--line);border-radius:0;margin-top:4px;padding-top:10px}.menu-pop .mi.semua svg{color:inherit}.toast.tf{background:#b91c1c;border-left:4px solid #fca5a5}@keyframes tf-denyut{0%,to{box-shadow:0 0 #ef444400}50%{box-shadow:0 0 0 3px #ef444459}}.callout.ok{background:var(--pos-bg);color:var(--pos);border-color:transparent}@keyframes tf-goyang{0%,to{transform:rotate(0)}25%{transform:rotate(-14deg)}75%{transform:rotate(14deg)}}.chips{display:flex;flex-wrap:wrap;gap:4px;justify-content:inherit}.chip{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;font-size:.78em;font-weight:700;white-space:nowrap;background:var(--panel-2);color:var(--muted)}.chip.warn{background:var(--warn-bg);color:var(--warn-ink)}.chip.ok{background:var(--pos-bg);color:var(--pos)}.chip.err{background:var(--err-bg);color:var(--err-ink)}.chip.info{background:var(--accent-soft);color:var(--accent)}.kode-tf{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:650;letter-spacing:.01em}table.dt tr.klik{cursor:pointer}.tf-kunci{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius);background:var(--accent-soft);color:var(--ink);font-size:.85em;max-width:100%}.tf-kunci svg{color:var(--accent);flex:none}.tf-kunci span{display:flex;flex-direction:column}.tf-kunci b{overflow-wrap:anywhere}.tf-aksi{display:flex;gap:6px;justify-content:flex-end;align-items:center;flex-wrap:wrap}.tf-catatan{font-size:.82em;font-weight:500;color:var(--muted);white-space:normal;margin-top:3px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.tf-catatan.neg{color:var(--neg)}.tf-foto{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.tf-foto img{width:44px;height:44px;object-fit:cover;border-radius:6px;border:1px solid var(--line);cursor:zoom-in}table.dt tr.st-terima td.lead{color:var(--ink-2)}.tf-gagal{display:flex;gap:14px;align-items:flex-start;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow);max-width:640px}.tf-gagal>svg{color:var(--accent);flex:none;margin-top:2px}.tf-gagal>div{display:flex;flex-direction:column;gap:6px}.tf-gagal b{font-size:1.1em}.tf-gagal span{color:var(--ink-2)}.tf-gagal .acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}textarea{width:100%;min-height:84px;border:1px solid var(--line-2);border-radius:var(--radius);padding:8px 10px;background:var(--panel);resize:vertical;line-height:1.4}textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}.foto-pilih{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}.foto-pilih .th{position:relative}.foto-pilih img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;border:1px solid var(--line);display:block}.foto-pilih .x{position:absolute;top:3px;right:3px;width:22px;height:22px;font-size:1em;background:#0009;color:#fff;border-radius:50%}.tambah-foto{aspect-ratio:1;border:1.5px dashed var(--line-2);border-radius:8px;background:var(--panel-2);color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;font-size:.78em;font-weight:600}.tambah-foto:hover{color:var(--accent);border-color:var(--accent)}.foto-besar img{display:block;max-width:100%;max-height:68vh;margin:0 auto;border-radius:8px}@media(max-width:720px){.tf-kunci{width:100%}.tf-aksi{justify-content:stretch}.tf-aksi .btn{flex:1}table.dt td .chips{justify-content:flex-end}}.tf-info{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);padding:10px 14px;box-shadow:var(--shadow)}.tf-info>span{display:flex;flex-direction:column;min-width:0}.tf-info small{font-size:.7em;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.tf-info b{font-weight:600;overflow-wrap:anywhere}.tf-info .lebar{flex:1 1 240px}.tf-info .tf-kunci{flex-direction:row;margin-left:auto;gap:6px;font-size:.85em}.tf-info .tf-kunci b{font-weight:700}.seg button .n{display:inline-flex;min-width:20px;height:18px;padding:0 6px;border-radius:9px;background:var(--line);color:var(--ink-2);font-size:.78em;font-weight:700;align-items:center;justify-content:center;margin-left:4px}.seg button .n.merah{background:#ef4444;color:#fff}table.dt tr.aktif td,table.dt tr.aktif:hover td{background:var(--accent-soft)}table.dt tr.aktif td:first-child{box-shadow:inset 3px 0 0 var(--accent)}table.tf-tabel td .nm{font-weight:650}.tf-aksi kbd{font-size:.66em;opacity:.8;margin-left:2px;padding:1px 4px}.tf-tabel .tf-aksi{flex-wrap:nowrap}.tf-tabel tr:not(.aktif) .tf-aksi kbd{display:none}.tf-wrap{max-height:none}.tf-kbd{position:sticky;bottom:0;z-index:3;display:flex;flex-wrap:wrap;gap:6px 16px;padding:8px 12px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);font-size:.8em;color:var(--muted);box-shadow:0 -4px 12px #1018280f}.tf-kbd kbd{margin-right:3px;opacity:.9}@media(max-width:720px){.tf-kbd,.tf-aksi kbd{display:none}.tf-info .tf-kunci{margin-left:0}}.harga-judul{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.harga-judul b{font-weight:700}.harga-tab{align-self:flex-start}.tbl-box{border:1px solid var(--line);border-radius:var(--radius-lg);overflow:auto}.tbl-box table.grid{border:0;border-radius:0}.tbl-box.tinggi{max-height:46vh}.harga-tabel td{vertical-align:middle}.harga-tabel td.baru{width:190px}.harga-tabel td.baru input{height:34px}.harga-tabel td.baru small{display:block;margin-top:2px;font-size:.75em}.harga-aksi{display:flex;align-items:center;gap:10px;justify-content:flex-end;flex-wrap:wrap}.harga-aksi .muted{margin-right:auto}.modal .empty{padding:24px;text-align:center;color:var(--muted)}table.grid tr.ini td{background:var(--accent-soft)}@media(max-width:600px){.harga-tabel th:nth-child(2),.harga-tabel td:nth-child(2),.harga-tabel th:nth-child(3),.harga-tabel td:nth-child(3){display:none}.harga-tabel td.baru{width:130px}}table.grid tbody tr.aktif td,table.grid tbody tr.aktif:hover td{background:var(--accent-soft)}table.grid tbody tr.aktif td:first-child{box-shadow:inset 3px 0 0 var(--accent)}.kbd-keranjang{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;font-size:.78em;color:var(--muted)}.kbd-keranjang b{color:var(--ink);font-weight:650;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kbd-keranjang kbd{margin-right:2px}.petunjuk{display:inline-flex;flex-wrap:wrap;align-items:center;gap:3px;font-weight:400;letter-spacing:0}.petunjuk kbd{margin:0 1px}.modal .mh .petunjuk{margin-left:10px;font-size:.72em}.dialog .petunjuk{margin-top:6px;justify-content:center}.modal table.grid tr.aktif td{background:var(--accent-soft)}.modal table.grid tr.aktif td:first-child{box-shadow:inset 3px 0 0 var(--accent)}.modal:focus{outline:none}.keranjang-alat{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.keranjang-alat .cari{margin-left:0;width:240px}.keranjang-alat .seg button{height:28px;font-size:.85em}