.sps{flex:none;padding:8px 10px 6px;display:flex;flex-direction:column;gap:6px}.sps-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:11px;color:var(--muted);line-height:1.3;min-height:18px}.sps-meta b{font-weight:600;color:inherit;opacity:.95}.sps-meta .sps-dot{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.5}.sps{position:relative}.sps-period{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:5px;padding:2px 8px;margin:-2px 0;border-radius:999px;color:var(--accent);font-weight:600;background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);transition:background .15s ease}.sps-period:hover,.sps-period[aria-expanded="true"]{background:color-mix(in srgb,var(--accent) 18%,transparent)}.sps-period:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.sps-period .fa-chevron-down{font-size:8px;transition:transform .15s ease}.sps-period[aria-expanded="true"] .fa-chevron-down{transform:rotate(180deg)}.sps-pop{position:absolute;z-index:50;top:30px;left:10px;width:300px;max-width:calc(100% - 20px);box-sizing:border-box;padding:10px;border-radius:12px;background:var(--bg-1);border:1px solid var(--panel-border);box-shadow:0 14px 34px rgba(0,0,0,.32);display:none;flex-direction:column;gap:10px;animation:spsPop .14s ease both}.sps-pop.show{display:flex}.sps-pop-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.sps-pop-presets button{all:unset;cursor:pointer;text-align:center;padding:6px 4px;border-radius:8px;font-size:11.5px;font-weight:600;background:var(--bg-color-icon);color:inherit;transition:background .15s ease,color .15s ease}.sps-pop-presets button:hover{background:var(--bg-color-icon-hover)}.sps-pop-presets button.active{background:var(--accent);color:#fff}.sps-pop-custom{display:grid;grid-template-columns:1fr 1fr;gap:6px}.sps-pop-custom label{display:flex;flex-direction:column;gap:3px;font-size:10px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--muted)}.sps-pop-custom input{width:100%;box-sizing:border-box;padding:5px 7px;border-radius:8px;border:1px solid var(--panel-border);background:var(--input-bg);color:inherit;font:inherit;font-size:12px;text-transform:none;letter-spacing:0}@keyframes spsPop{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.sps-filter{display:none;align-items:center;gap:5px;margin-left:auto;padding:2px 4px 2px 9px;border-radius:999px;font-weight:600;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}.sps-filter.on{display:inline-flex}.sps-filter.on ~ .sps-filter.on{margin-left:6px}.sps-filter button{all:unset;cursor:pointer;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;font-size:9px}.sps-filter button:hover{background:color-mix(in srgb,var(--accent) 22%,transparent)}.sps-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px}.sps-card{--c:#5aa7ff;position:relative;display:flex;gap:10px;align-items:flex-start;min-width:0;padding:9px 11px;border-radius:12px;background:var(--panel);border:1px solid var(--panel-border);text-align:left;color:inherit;font:inherit;overflow:hidden;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.sps-card::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--c);opacity:.85}button.sps-card{cursor:pointer}button.sps-card:hover{border-color:color-mix(in srgb,var(--c) 45%,transparent);transform:translateY(-1px)}button.sps-card:focus-visible{outline:2px solid var(--c);outline-offset:1px}.sps-card.active{border-color:var(--c);box-shadow:0 0 0 1px var(--c) inset,0 6px 18px color-mix(in srgb,var(--c) 18%,transparent)}.sps-ic{flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:13px;color:var(--c);background:color-mix(in srgb,var(--c) 15%,transparent)}.sps-body{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.sps-label{display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);white-space:nowrap}.sps-value{font-size:16px;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sps-value small{font-size:11px;font-weight:600;color:var(--muted);margin-right:2px}.sps-value.neg{color:#ff6b6b}.sps-sub{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}.sps-sub b{color:var(--c);font-weight:700}.sps-bar{height:4px;border-radius:99px;background:color-mix(in srgb,var(--c) 16%,transparent);overflow:hidden;margin:3px 0 1px}.sps-bar i{display:block;height:100%;width:0;border-radius:inherit;background:var(--c);transition:width .5s ease}.sps-eye{all:unset;cursor:pointer;margin-left:auto;padding:0 2px;font-size:11px;opacity:.6;letter-spacing:0}.sps-eye:hover{opacity:1}.sps-card.masked .sps-value,.sps-card.masked .sps-sub{filter:blur(6px);user-select:none}.sps-link{all:unset;cursor:pointer;color:var(--c);font-weight:600}.sps-link:hover{text-decoration:underline}.sps.loading .sps-value,.sps.loading .sps-sub{color:transparent!important;border-radius:6px;background:linear-gradient(90deg,var(--bg-2) 0%,color-mix(in srgb,var(--muted) 18%,transparent) 50%,var(--bg-2) 100%);background-size:200% 100%;animation:spsShimmer 1.1s linear infinite}.sps.loading .sps-value small,.sps.loading .sps-sub *{visibility:hidden}@keyframes spsShimmer{to{background-position:-200% 0}}.sps-card--total{--c:#5aa7ff}.sps-card--paid{--c:#22c55e}.sps-card--due{--c:#f59e0b}.sps-card--profit{--c:#a78bfa}.sps-card--count{--c:#22d3ee}.theme-light .sps-card--count{--c:#0891b2}.theme-light .sps-card--profit{--c:#7c3aed}.theme-light .sps-card--due{--c:#d97706}.theme-light .sps-card--paid{--c:#16a34a}.theme-light .sps-card--total{--c:#2563eb}.theme-pink .sps-card--total{--c:#ec5f9f}.theme-pink .sps-card--count{--c:#0e9fb8}.theme-pink .sps-card--profit{--c:#8b5cf6}.theme-pink .sps-card--due{--c:#e08a0b}.theme-pink .sps-card--paid{--c:#16a34a}#saleSummary + #content .transaksi-grid-container.table-mode{margin-top:10px;margin-left:10px;}@media (max-width:1180px){.sps-grid{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.sps{padding:6px 8px 4px}.sps-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -8px;padding:0 8px 2px}.sps-grid::-webkit-scrollbar{display:none}.sps-card{flex:0 0 172px;scroll-snap-align:start}}@media (prefers-reduced-motion:reduce){.sps-card,.sps-bar i{transition:none}.sps.loading .sps-value,.sps.loading .sps-sub{animation:none}}.sps + #content .transaksi-grid-container.table-mode{margin-top:10px}.sps-card--late{--c:#f43f5e}.theme-light .sps-card--late,.theme-pink .sps-card--late{--c:#e11d48}.sps-card--late.is-zero{--c:#22c55e}.sps-card--rate.ok{--c:#22c55e}.sps-card--rate.warn{--c:#f59e0b}.sps-card--rate.bad{--c:#f43f5e}.sps-value.is-text{font-size:14px}.trx-sort-panel{display:none;padding:6px 10px 0}.trx-sort-panel.show{display:block}.trx-sort-panel select{padding:5px 8px;border-radius:8px;border:1px solid var(--panel-border);background:var(--input-bg);color:inherit;font:inherit;font-size:12px}.trx-status{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap;--c:#94a3b8;color:var(--c);background:color-mix(in srgb,var(--c) 14%,transparent)}.trx-status--done{--c:#22c55e}.trx-status--partial{--c:#f59e0b}.trx-status--wait{--c:#f43f5e}.trx-status--info{--c:#5aa7ff}.trx-muted{color:var(--muted)}.trx-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.trx-empty{box-sizing:border-box;width:100%;min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:40px 16px;text-align:center;color:var(--muted);font-size:13px;line-height:1.4}.trx-empty-icon{width:60px;height:60px;flex:none;display:flex;align-items:center;justify-content:center;margin-bottom:6px;border-radius:50%;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)}.trx-empty-icon i{display:block;margin:0;font-size:24px;line-height:1;width:auto;height:auto;opacity:.85}.trx-empty-title{font-weight:600;font-size:14px;color:var(--color-icon)}.trx-empty-sub{font-size:12px;opacity:.85}.table-mode > .trx-empty{position:sticky;left:0}.list-mode > .trx-empty,.grid-mode > .trx-empty{background:none;border:0;box-shadow:none}.barang-table tr.trx-row{cursor:pointer}.trx-sn{display:inline-flex;align-items:center;gap:5px}.trx-sn i{font-size:9px;opacity:.6}#trxDetailModal{z-index:1000}#trxDetailModal .sale-detail-table td:not(:first-child){white-space:nowrap}.grid-container > .trx-empty{grid-column:1 / -1}#content > .grid-container:has(> .trx-empty){flex:1 1 auto;display:flex !important;flex-direction:column;min-height:0}#content > .grid-container > .trx-empty{flex:1 1 auto;margin:auto 0}.sps-empty .sps-grid{display:none !important}.list-mode .sale-simple-title-row .trx-status{flex:none}.trx-dm{--dm-danger:#e5484d;--dm-ok:#30a46c;--dm-line:color-mix(in srgb,var(--color-icon) 10%,transparent);--dm-soft:color-mix(in srgb,var(--color-icon) 3.5%,transparent);--dm-r:10px;padding:16px;box-sizing:border-box;background:rgba(6,8,13,.55);backdrop-filter:blur(4px) saturate(120%)}.trx-dm [hidden]{display:none !important}.trx-dm-content{position:relative;box-sizing:border-box;width:min(940px,100%);max-height:min(86vh,820px);display:flex;flex-direction:column;overflow:hidden;border-radius:12px;background:var(--bg-1);color:var(--color-icon);border:1px solid var(--dm-line);box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 24px 64px -12px rgba(0,0,0,.5),0 2px 6px rgba(0,0,0,.18);font-size:12.5px;animation:trxDmIn .16s cubic-bezier(.2,.9,.3,1)}.trx-dm-content::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 25%,transparent) 70%,transparent)}@keyframes trxDmIn{from{opacity:0;transform:translateY(6px) scale(.99)}to{opacity:1;transform:none}}.trx-dm-head{display:flex;align-items:center;gap:12px;padding:14px 16px 12px;border-bottom:1px solid var(--dm-line)}.trx-dm-icon{flex:none;width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent)}.trx-dm-heading{flex:1;min-width:0}.trx-dm-kicker{display:block;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);line-height:1.2}.trx-dm-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;margin-top:2px}.trx-dm-title-row h3{margin:0;font-size:15px;font-weight:650;letter-spacing:-.01em;line-height:1.3;color:var(--color-icon);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.trx-dm-title-row .trx-status{font-size:10.5px;padding:2px 8px}.trx-dm-meta{display:flex;flex-wrap:wrap;align-items:center;margin-top:4px;font-size:11.5px;color:var(--muted);line-height:1.4}.trx-dm-meta span{display:inline-flex;align-items:center;gap:5px;min-width:0}.trx-dm-meta span + span::before{content:"";width:3px;height:3px;border-radius:50%;margin:0 9px;background:currentColor;opacity:.45}.trx-dm-meta i{font-size:10px;opacity:.7}.trx-dm-close{flex:none;align-self:flex-start;width:28px;height:28px;border-radius:7px;border:0;background:transparent;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;transition:background .12s,color .12s}.trx-dm-close:hover{background:var(--dm-soft);color:var(--color-icon)}.trx-dm-body{flex:1;min-height:0;overflow:auto;padding:14px 16px 16px;scrollbar-width:thin}.trx-dm-main{display:flex;flex-direction:column;gap:14px}.trx-dm-loading{display:flex;align-items:center;justify-content:center;gap:8px;min-height:180px;color:var(--muted);font-size:12px}.trx-dm-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));border:1px solid var(--dm-line);border-radius:var(--dm-r);background:var(--dm-soft);overflow:hidden}.trx-dm-stat{min-width:0;padding:9px 14px;box-shadow:-1px 0 0 var(--dm-line)}.trx-dm-stat-label{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:3px;white-space:nowrap}.trx-dm-stat-label i{font-size:9.5px;opacity:.75}.trx-dm-stat strong{display:block;font-size:13px;font-weight:600;line-height:1.35;font-variant-numeric:tabular-nums;color:var(--color-icon);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trx-dm-stat--accent{background:color-mix(in srgb,var(--accent) 7%,transparent)}.trx-dm-stat--accent strong{font-size:14.5px;font-weight:700;color:var(--accent)}.trx-dm-section{display:flex;flex-direction:column;gap:6px}.trx-dm-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:0 2px}.trx-dm-section-head h4,.trx-dm-section > h4{margin:0;font-size:10.5px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.trx-dm-count{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.trx-dm-table-wrap{overflow:auto;border:1px solid var(--dm-line);border-radius:var(--dm-r);scrollbar-width:thin}.trx-dm-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px}.trx-dm-table th{position:sticky;top:0;z-index:1;text-align:left;padding:7px 10px;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:color-mix(in srgb,var(--color-icon) 4%,var(--bg-1));border-bottom:1px solid var(--dm-line);white-space:nowrap}.trx-dm-table td{padding:7px 10px;border-bottom:1px solid var(--dm-line);vertical-align:middle;color:var(--color-icon);line-height:1.35}.trx-dm-table td:not(:first-child){white-space:nowrap}.trx-dm-table td:first-child{font-weight:550}.trx-dm-table tbody tr:last-child td{border-bottom:0}.trx-dm-table tbody tr:hover td{background:var(--dm-soft)}.trx-dm-table .text-right{text-align:right;font-variant-numeric:tabular-nums}.trx-dm-table .trx-mono,.trx-dm-table td .trx-muted{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.trx-dm-table td .trx-muted{display:block;font-size:10.5px;font-weight:400;margin-top:1px;color:var(--muted)}.trx-dm-table .trx-status{font-size:10.5px;padding:1px 7px}.trx-dm-table tfoot td{padding:8px 10px;border-top:1px solid var(--dm-line);border-bottom:0;background:var(--dm-soft)}.trx-dm-total{display:flex;justify-content:flex-end;align-items:baseline;gap:16px;font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.trx-dm-total strong{font-size:13.5px;letter-spacing:0;text-transform:none;color:var(--color-icon);font-variant-numeric:tabular-nums}.trx-dm-empty-row{text-align:center;color:var(--muted);padding:18px !important}.trx-dm-note{display:flex;align-items:center;gap:9px;margin:0;padding:8px 12px;border-radius:var(--dm-r);font-size:12px;line-height:1.45;color:var(--muted);background:var(--dm-soft);border:1px solid var(--dm-line)}.trx-dm-note i{font-size:11px;color:var(--accent)}.trx-dm-note b{color:var(--color-icon);font-weight:600}.trx-dm-actions{display:flex;align-items:center;gap:8px;padding:10px 16px;border-top:1px solid var(--dm-line);background:var(--dm-soft)}.trx-dm-spacer{flex:1}.trx-dm-btn{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 13px;border-radius:7px;border:1px solid var(--dm-line);background:var(--bg-1);color:var(--color-icon);font:inherit;font-size:12px;font-weight:600;cursor:pointer;box-shadow:0 1px 1px rgba(0,0,0,.06);transition:background .12s,border-color .12s,color .12s}.trx-dm-btn i{font-size:11px}.trx-dm-btn:hover{background:color-mix(in srgb,var(--color-icon) 6%,var(--bg-1))}.trx-dm-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 60%,transparent);outline-offset:1px}.trx-dm-btn:disabled{opacity:.6;cursor:progress}.trx-dm-btn--danger{color:var(--dm-danger);border-color:color-mix(in srgb,var(--dm-danger) 28%,transparent)}.trx-dm-btn--danger:hover{background:color-mix(in srgb,var(--dm-danger) 8%,var(--bg-1))}.trx-dm-btn--danger-solid{background:var(--dm-danger);border-color:transparent;color:#fff}.trx-dm-btn--danger-solid:hover{background:color-mix(in srgb,var(--dm-danger) 88%,#000)}.trx-dm-confirm{display:flex;align-items:center;justify-content:center;min-height:240px;padding:8px 0}.trx-dm-confirm-card{width:min(460px,100%);text-align:center}.trx-dm-confirm-icon{width:40px;height:40px;margin:0 auto 10px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--dm-danger);background:color-mix(in srgb,var(--dm-danger) 11%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--dm-danger) 22%,transparent)}.trx-dm-confirm-card--info .trx-dm-confirm-icon{color:var(--accent);background:color-mix(in srgb,var(--accent) 11%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent)}.trx-dm-confirm-card h4{margin:0 0 4px;font-size:14px;font-weight:650;color:var(--color-icon)}.trx-dm-confirm-card p{margin:0 0 12px;font-size:12px;line-height:1.5;color:var(--muted)}.trx-dm-effects{list-style:none;margin:0 0 14px;padding:4px 12px;text-align:left;border:1px solid var(--dm-line);border-radius:var(--dm-r);background:var(--dm-soft)}.trx-dm-effects li{display:flex;align-items:baseline;gap:9px;padding:6px 0;font-size:12px;line-height:1.45;color:var(--color-icon)}.trx-dm-effects li + li{border-top:1px solid var(--dm-line)}.trx-dm-effects i{font-size:9.5px;color:var(--muted)}.trx-dm-confirm-error{padding:8px 10px;border-radius:8px;font-size:12px;text-align:left;color:var(--dm-danger) !important;background:color-mix(in srgb,var(--dm-danger) 8%,transparent);border:1px solid color-mix(in srgb,var(--dm-danger) 20%,transparent)}.trx-dm-confirm-actions{display:flex;justify-content:center;gap:8px}@media (max-width:640px){.trx-dm{padding:0;align-items:flex-end}.trx-dm-content{max-height:94vh;border-radius:12px 12px 0 0}.trx-dm-head{padding:12px 14px 10px}.trx-dm-icon{display:none}.trx-dm-body{padding:12px 14px}.trx-dm-actions{padding:9px 14px}.trx-dm-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.sps-cabang-switch{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin:-2px 0 -2px -2px;border-radius:999px;font-size:8px;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);transition:background .15s ease,transform .15s ease}.sps-cabang-switch:hover{background:color-mix(in srgb,var(--accent) 22%,transparent)}.sps-cabang-switch:focus-visible{outline:2px solid var(--accent);outline-offset:1px}[hidden] + .sps-cabang-switch{display:none}.sps-meta .sps-filter{margin-top:-3px;margin-bottom:-3px}#content.transaksi-list-content > .transaksi-grid-container.table-mode{width:auto !important;max-width:none !important;margin:8px 0 0 !important;flex:1 1 auto;min-height:0;box-sizing:border-box}#content::-webkit-scrollbar-corner{background:transparent}.pay--lunas{--pay:#22c55e}.pay--sebagian{--pay:#3b82f6}.pay--belum{--pay:#f59e0b}.pay--hariini{--pay:#f97316}.pay--telat{--pay:#ef4444}.pay--tahan{--pay:#94a3b8}.pay--po{--pay:#94a3b8}.pay-pill{display:inline-flex;align-items:center;gap:5px;padding:2px 9px 2px 7px;border-radius:999px;font-size:11px;font-weight:650;line-height:18px;white-space:nowrap;color:var(--pay);background:color-mix(in srgb,var(--pay) 13%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pay) 28%,transparent)}.pay-pill i{font-size:10px}.pay-pill--sm{font-size:10.5px;padding:1px 8px 1px 6px}.pay-sub{display:block;margin-top:2px;font-size:10.5px;font-weight:500;color:var(--muted);white-space:nowrap}.pay-num{font-variant-numeric:tabular-nums}.pay-dim{color:var(--muted);opacity:.7}.pay-sisa{color:var(--pay);font-weight:650}.pay-ok{color:#22c55e}.pay-bar{height:4px;border-radius:999px;background:color-mix(in srgb,var(--pay) 16%,transparent);overflow:hidden}.pay-bar > span{display:block;height:100%;border-radius:inherit;background:var(--pay);transition:width .4s ease}.sale-pay-table td{vertical-align:middle}.sale-pay-table tr.pay-row > td:nth-child(2){box-shadow:inset 3px 0 0 var(--pay)}.sale-pay-table .col-status{min-width:150px}.sale-pay-table .pay-name{font-weight:600;color:var(--color-icon)}.sale-pay-table .pay-total{font-weight:650;color:var(--color-icon)}.sale-pay-table .col-sisa{min-width:130px}.sale-pay-table .col-sisa .pay-bar{margin-top:5px;width:100%;min-width:90px;margin-left:auto}.sale-pay-table .pay-due.is-late{color:#ef4444;font-weight:600}.sale-pay-table .pay-due.is-late .pay-sub{color:#ef4444;opacity:.85}.sale-pay-table .pay-due.is-soon{color:#f97316}.sale-pay-table .pay-due.is-soon .pay-sub{color:#f97316;opacity:.85}.sale-pay-table tr.pay--lunas .pay-paid{color:#22c55e}.list-mode .sale-list-card.pay-card{box-shadow:inset 3px 0 0 var(--pay)}.list-mode .sale-list-card.pay-card .sale-simple-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pay-amount{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:220px;text-align:right}.pay-amount-label{font-size:10.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.pay-amount strong{font-size:22px;font-weight:700;line-height:1.1;color:var(--color-icon)}.pay-amount .pay-bar{width:100%;margin-top:4px}.pay-amount-split{display:flex;justify-content:space-between;gap:14px;width:100%;font-size:11.5px;color:var(--muted)}.pay-amount-split b{font-weight:650;color:var(--color-icon);margin-left:3px}.pay-amount-split .pay-sisa{color:var(--pay)}.pay-amount-split .pay-ok{display:inline-flex;align-items:center;gap:4px;font-weight:600}.pay-amount-note{font-size:11.5px;color:var(--muted)}.pay-due-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:600;color:var(--muted);background:color-mix(in srgb,var(--color-icon) 6%,transparent)}.pay-due-chip.is-soon{color:#f97316;background:color-mix(in srgb,#f97316 12%,transparent)}.pay-due-chip.is-late{color:#ef4444;background:color-mix(in srgb,#ef4444 12%,transparent)}.transaksi-list-content .transaksi-grid-container.grid-mode.sale-pay-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-auto-rows:auto;gap:14px}.transaksi-list-content .transaksi-grid-container.grid-mode .product-card.sale-grid-card{min-height:0;height:auto;padding:14px 14px 12px;gap:8px;text-align:left;box-shadow:inset 0 3px 0 var(--pay),0 2px 8px rgba(0,0,0,.18);cursor:pointer}.sale-grid-card .sg-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.sale-grid-card .sg-code{font-size:11px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sale-grid-card .sg-name{margin:2px 0 0;font-size:15px;font-weight:650;line-height:1.3;color:var(--color-icon);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sale-grid-card .sg-meta{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sale-grid-card .sg-meta i{font-size:10.5px}.sale-grid-card .sg-total{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:4px}.sale-grid-card .sg-total span{font-size:10.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.sale-grid-card .sg-total strong{font-size:20px;font-weight:700;color:var(--color-icon)}.sale-grid-card .pay-bar{height:5px}.sale-grid-card .sg-split{display:flex;justify-content:space-between;gap:10px}.sale-grid-card .sg-split > div{display:flex;flex-direction:column;gap:1px;min-width:0}.sale-grid-card .sg-split .sg-split-right{text-align:right;align-items:flex-end}.sale-grid-card .sg-split span{font-size:10.5px;color:var(--muted)}.sale-grid-card .sg-split b{font-size:13px;font-weight:650;color:var(--color-icon)}.sale-grid-card .sg-split b.pay-sisa{color:var(--pay)}.sale-grid-card .sg-split b.pay-ok{color:#22c55e}.sale-grid-card .sg-held{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:8px;font-size:11.5px;color:var(--muted);background:color-mix(in srgb,var(--pay) 10%,transparent)}.sale-grid-card .sg-foot{margin-top:auto;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--color-icon) 8%,transparent);display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.sale-grid-card .sg-actions{display:flex;gap:4px;flex:none}.sale-grid-card .sale-action-btn.sg-icon{width:28px;height:28px;min-height:0;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;font-size:12px}.sale-grid-card.delete-mode .sg-actions,.sale-grid-card.edit-mode .sg-actions{display:none}.sale-grid-card .sg-due{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sale-grid-card .sg-due.is-soon{color:#f97316;font-weight:600}.sale-grid-card .sg-due.is-late{color:#ef4444;font-weight:600}.sale-grid-card .product-checkbox{top:12px;right:12px;left:auto}@media (max-width:640px){.pay-amount{min-width:0;width:100%;align-items:stretch;text-align:left}}.master-saldo{padding:8px 10px 2px}#masterSaldo:not(:empty) + #content > .grid-container.table-mode{margin-top:12px}.master-saldo .ms-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1180px){.master-saldo .ms-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.master-saldo .ms-grid{display:flex}}.master-saldo .ms-cabs{margin-left:auto;display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.master-saldo .ms-cab{padding:1px 8px;border-radius:999px;border:1px solid var(--panel-border);background:var(--panel);font-variant-numeric:tabular-nums}.master-saldo .ms-cab b{font-weight:700;color:var(--text-color,inherit)}.master-saldo .ms-cab.on{border-color:color-mix(in srgb,var(--accent) 45%,transparent);color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.sps-cabang{display:inline-flex;align-items:center;gap:4px;padding:0 6px;border-radius:999px;font-weight:600;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.sps-sub.sps-sub--wrap{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}.sps .sps-grid{gap:0;border:1px solid color-mix(in srgb,var(--panel-border) 65%,transparent);border-radius:12px;background:color-mix(in srgb,var(--panel) 60%,transparent);overflow:hidden}.sps .sps-card{border:0;border-radius:0;background:transparent;padding:7px 14px;gap:10px;align-items:center;box-shadow:none;transform:none;transition:background-color .18s ease,box-shadow .18s ease}.sps .sps-card + .sps-card{border-left:1px solid color-mix(in srgb,var(--panel-border) 55%,transparent)}.sps .sps-card::before{display:none}.sps .sps-ic{width:26px;height:26px;border-radius:50%;font-size:11px;color:color-mix(in srgb,var(--c) 80%,var(--muted));background:color-mix(in srgb,var(--c) 9%,transparent)}.sps .sps-body{gap:1px}.sps .sps-label{font-size:10.5px;font-weight:500;letter-spacing:.15px;text-transform:none;opacity:.9}.sps .sps-value{font-size:15px;font-weight:600;letter-spacing:-.1px}.sps .sps-value small{font-weight:500;opacity:.8}.sps .sps-sub{font-size:10.5px;opacity:.85}.sps .sps-sub b{font-weight:600;color:color-mix(in srgb,var(--c) 85%,var(--muted))}.sps .sps-bar{height:3px;margin:2px 0 1px;max-width:150px;background:color-mix(in srgb,var(--c) 12%,transparent)}.sps .sps-bar i{background:color-mix(in srgb,var(--c) 75%,transparent)}.sps button.sps-card:hover{background:color-mix(in srgb,var(--c) 5%,transparent);transform:none;border-color:color-mix(in srgb,var(--panel-border) 55%,transparent)}.sps button.sps-card:first-child:hover{border-color:transparent}.sps .sps-card.active{background:color-mix(in srgb,var(--c) 7%,transparent);box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--c) 70%,transparent)}@media (max-width:1180px) and (min-width:761px){.sps .sps-card{border-top:1px solid color-mix(in srgb,var(--panel-border) 55%,transparent);margin-top:-1px}}@media (max-width:760px){.sps .sps-grid{margin:0;padding:0}.sps .sps-card{flex:0 0 168px}}#content-area:has(.sps,.lk-keluarga){--lk-line:rgba(255,255,255,.06);--lk-line2:rgba(255,255,255,.04);--lk-soft:rgba(255,255,255,.022);--lk-hover:rgba(255,255,255,.035);--lk-head:#17181b;--lk-dim:rgba(233,238,248,.52);--lk-btn:rgba(233,238,248,.86);}.theme-light #content-area:has(.sps,.lk-keluarga){--lk-line:rgba(17,24,39,.075);--lk-line2:rgba(17,24,39,.05);--lk-soft:#fbfbfc;--lk-hover:rgba(17,24,39,.03);--lk-head:#f6f7f9;--lk-dim:rgba(55,65,81,.62);--lk-btn:rgba(31,41,55,.86);}.theme-pink #content-area:has(.sps,.lk-keluarga){--lk-line:rgba(120,40,80,.08);--lk-line2:rgba(120,40,80,.055);--lk-soft:#fffafc;--lk-hover:rgba(190,60,120,.04);--lk-head:#fdf5f9;--lk-dim:rgba(90,50,70,.6);--lk-btn:rgba(70,30,50,.86);}.theme-light #content-area:has(.sps,.lk-keluarga){background:#fdfdfe}.theme-pink #content-area:has(.sps,.lk-keluarga){background:#fffcfd}#content-area:has(.sps,.lk-keluarga) #content-header{background:transparent;border-bottom:1px solid var(--lk-line)}#content-area:has(.sps,.lk-keluarga) #content-header .header-actions .btn{background:transparent;border:1px solid var(--lk-line);box-shadow:none;color:var(--lk-btn);font-weight:600;border-radius:8px;transition:background-color .15s ease,border-color .15s ease}#content-area:has(.sps,.lk-keluarga) #content-header .header-actions .btn:hover{background:var(--lk-hover);border-color:color-mix(in srgb,var(--lk-line) 100%,var(--lk-dim) 25%)}#content-area:has(.sps,.lk-keluarga) #content-header .header-actions .btn.active{background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}#content-area:has(.sps,.lk-keluarga) .sps .sps-grid{background:var(--lk-soft);border-color:var(--lk-line)}#content-area:has(.sps,.lk-keluarga) .sps .sps-card + .sps-card{border-left-color:var(--lk-line2)}#content-area:has(.sps,.lk-keluarga) .sps .sps-ic{background:color-mix(in srgb,var(--c) 7%,transparent)}#content-area:has(.sps,.lk-keluarga) .table-mode .barang-table{background:transparent}#content-area:has(.sps,.lk-keluarga) .table-mode .barang-table thead{background:var(--lk-head)}#content-area:has(.sps,.lk-keluarga) .table-mode .barang-table thead th{background:var(--lk-head);backdrop-filter:none;box-shadow:inset 0 -1px 0 var(--lk-line);color:var(--lk-dim);font-size:11px;font-weight:600;letter-spacing:.55px;text-transform:uppercase;padding-top:9px;padding-bottom:9px}#content-area:has(.sps,.lk-keluarga) .table-mode .barang-table tbody td{border-bottom-color:var(--lk-line2)}#content-area:has(.sps,.lk-keluarga) .table-mode .barang-table tbody tr:nth-child(even){background:transparent}#content-area:has(.sps,.lk-keluarga) .table-mode .barang-table tbody tr:hover{background:var(--lk-hover)}#content-area:has(.sps,.lk-keluarga) .sale-pay-table tr.pay-row > td:nth-child(2){box-shadow:inset 2px 0 0 color-mix(in srgb,var(--pay) 60%,transparent)}.sps-card--lalu{--c:#9aa8b8}.theme-light .sps-card--lalu,.theme-pink .sps-card--lalu{--c:#64748b}.sps .sps-value.negative{color:#ff6b6b}#master-biaya-page .biaya-sps{padding:8px 10px 6px}#content-area:has(.sps,.lk-keluarga) #master-biaya-page .biaya-table{background:transparent}#content-area:has(.sps,.lk-keluarga) #master-biaya-page .biaya-table thead{background:var(--lk-head)}#content-area:has(.sps,.lk-keluarga) #master-biaya-page .biaya-table thead th{background:var(--lk-head);backdrop-filter:none;box-shadow:inset 0 -1px 0 var(--lk-line);color:var(--lk-dim);font-size:11px;font-weight:600;letter-spacing:.55px;text-transform:uppercase;padding-top:9px;padding-bottom:9px}#content-area:has(.sps,.lk-keluarga) #master-biaya-page .biaya-table tbody td{border-bottom-color:var(--lk-line2)}#content-area:has(.sps,.lk-keluarga) #master-biaya-page .biaya-table tbody tr:nth-child(even){background:transparent}#content-area:has(.sps,.lk-keluarga) #master-biaya-page .biaya-table tbody tr:hover{background:var(--lk-hover)}.barang-sps,.kas-sps{padding:8px 10px 6px}#content-area:has(.sps,.lk-keluarga) .product-card.mc-kartu{background:var(--lk-soft);border:1px solid var(--lk-line);box-shadow:none}#content-area:has(.sps,.lk-keluarga) .product-card.mc-kartu:hover{border-color:color-mix(in srgb,var(--lk-line) 100%,var(--lk-dim) 25%);box-shadow:none;transform:none}.sps-meta > .sps-filter{order:10}#content-area .table-mode .barang-table,#content-area #master-biaya-page .biaya-table{min-width:100%}.sps .sps-card.memuat .sps-value,.sps .sps-card.memuat .sps-sub{color:transparent!important;border-radius:6px;background:linear-gradient(90deg,var(--bg-2) 0%,color-mix(in srgb,var(--muted) 18%,transparent) 50%,var(--bg-2) 100%);background-size:200% 100%;animation:spsShimmer 1.1s linear infinite}.sps .sps-card.memuat .sps-value small,.sps .sps-card.memuat .sps-sub *{visibility:hidden}