.panel-tx{font-family:var(--font-inter), Inter, system-ui, sans-serif;-webkit-font-smoothing:antialiased;letter-spacing:-.005em;font-feature-settings:"cv11", "ss01", "tnum";color:#2a1a22;font-size:14px;line-height:1.5}.panel-tx h1,.panel-tx h2,.panel-tx h3{letter-spacing:-.02em}.ops-root.panel-tx{color:#2a1a22;background:#fbf6f8;min-height:0}.panel-tx .ks{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px;display:grid}.panel-tx .card{background:#fff;border:1px solid #f1e6ea;border-radius:18px;padding:18px;position:relative;overflow:hidden}.panel-tx .k small{color:#8a7d83;font-size:12px;font-weight:600}.panel-tx .k b{margin-top:6px;font-size:24px;font-weight:800;display:block}.panel-tx .k i{color:#8a7d83;font-size:11px;font-style:normal}.panel-tx .bar{margin-bottom:14px;display:block}.panel-tx .tabs{background:#fff;border:1px solid #eee2e7;border-radius:14px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.panel-tx .tab{color:#6b4b5a;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:10px;flex:none;align-items:center;gap:7px;padding:9px 13px;font:600 13px inherit;transition:background .18s,color .18s;display:inline-flex}.panel-tx .tab:hover{color:#2a1a22;background:#fdf3f7}.panel-tx .tab .ti{flex:none;place-items:center;display:grid}.panel-tx .tab .ti svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.panel-tx .tab em{color:#6b4b5a;background:#f6eef1;border-radius:11px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-style:normal;font-weight:800;display:grid}.panel-tx .tab.on{color:#fff;background:#c2255c;box-shadow:0 6px 14px -8px #9d174de6}.panel-tx .tab.on em{color:#fff;background:#ffffff42}.panel-tx .f{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-top:14px;display:flex}.panel-tx .f input,.panel-tx .f select{color:#2a1a22;background:#fff;border:1px solid #eee2e7;border-radius:12px;padding:9px 12px;font-family:inherit;font-size:13px}.panel-tx .f input{min-width:220px}.panel-tx .packf{color:#6b4b5a;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #eee2e7;border-radius:12px;align-items:center;gap:7px;padding:9px 12px;font:600 12px inherit;transition:background .18s,color .18s,border-color .18s;display:inline-flex}.panel-tx .packf:hover{color:#2a1a22;background:#fdf3f7}.panel-tx .packf em{color:#6b4b5a;background:#f6eef1;border-radius:10px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-style:normal;font-weight:800;display:grid}.panel-tx .packf.on{color:#fff;background:#c2255c;border-color:#c2255c}.panel-tx .packf.on em{color:#fff;background:#ffffff42}.panel-tx .btn{color:#fff;cursor:pointer;background:#c2255c;border:0;border-radius:20px;padding:11px 22px;font-family:inherit;font-size:13px;font-weight:600}.panel-tx .btn:hover{background:#9d174d}.panel-tx .btn-sec{color:#c2255c;cursor:pointer;background:#fff;border:1px solid #f3c7d6;border-radius:20px;padding:11px 18px;font-family:inherit;font-size:13px;font-weight:600}.panel-tx .btn-sec:hover{background:#fdf3f7}.panel-tx .ptx-month{background:#fff;border:1px solid #eee2e7;border-radius:12px;align-items:center;gap:2px;padding:2px 4px;display:inline-flex}.panel-tx .ptx-month button{color:#8a7d83;cursor:pointer;background:0 0;border:0;padding:6px 9px;font-size:16px;line-height:1}.panel-tx .ptx-month button:hover{color:#2a1a22}.panel-tx .ptx-month b{text-align:center;min-width:104px;font-size:13px}.panel-tx .tw{padding:0;overflow-x:visible}.panel-tx table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:0}.panel-tx th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:#8a7d83;white-space:normal;overflow-wrap:anywhere;background:#fdf8fa;border-bottom:1px solid #f1e6ea;padding:14px;font-size:11px}.panel-tx td{vertical-align:middle;white-space:normal;overflow-wrap:anywhere;border-bottom:1px solid #f6eef1;padding:12px 14px;font-size:13px}.panel-tx tbody tr{cursor:pointer;transition:background .15s}.panel-tx tbody tr:hover{background:#fdf3f7}.panel-tx td small{color:#8a7d83;white-space:normal;overflow-wrap:anywhere;margin-top:2px;font-size:11px;display:block}.panel-tx td:first-child,.panel-tx td:nth-child(4),.panel-tx td:nth-child(5),.panel-tx td:nth-child(6),.panel-tx td:nth-child(7){white-space:nowrap;overflow-wrap:normal}.panel-tx td:first-child small,.panel-tx td:nth-child(4) small,.panel-tx td:nth-child(5) small{white-space:nowrap}.panel-tx .id{color:#c2255c;white-space:nowrap;font-size:13px;font-weight:700}.panel-tx .mono small{font-variant-numeric:normal;color:#8a7d83;font-weight:400}.panel-tx .mono{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px;font-weight:700}.panel-tx .resi-no{vertical-align:bottom;font-variant-numeric:tabular-nums;letter-spacing:.01em;color:#2a1a22;text-overflow:ellipsis;max-width:100%;font-size:12px;font-weight:600;display:inline-block;overflow:hidden}.panel-tx .resi-void{color:#b9a8af;text-decoration:line-through}.panel-tx .resi-empty{color:#b9a8af;font-size:12px}.panel-tx td small.pack-todo{color:#c76f00;font-weight:600}.panel-tx td small.pack-done{color:#2f9e5b;font-weight:600}.panel-tx .chev{color:#c2255c;font-weight:700}.panel-tx th.chev,.panel-tx td.chev{text-overflow:clip;padding-left:2px;padding-right:12px;overflow:visible}.panel-tx .bd{white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.panel-tx .bd:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.panel-tx .s-bayar{color:#c76f00;background:#fff1db}.panel-tx .s-packing{color:#d6336c;background:#ffe8ef}.panel-tx .s-siap{color:#2e64c9;background:#e6effd}.panel-tx .s-kirim{color:#7c4ddb;background:#efe6fd}.panel-tx .s-selesai{color:#2f9e5b;background:#e3f7ea}.panel-tx .s-batal{color:#d63340;background:#fde4e7}.panel-tx .ov{z-index:20;background:#1f1a1d61;position:fixed;inset:0}.panel-tx .dr{z-index:21;background:#fff;border-radius:20px 0 0 20px;flex-direction:column;width:min(500px,100vw);height:100vh;display:flex;position:fixed;top:0;right:0;overflow:hidden;box-shadow:-20px 0 50px #3c142826}.panel-tx .dh{border:0;align-items:flex-start;gap:12px;padding:22px 24px 18px;display:flex}.panel-tx .dh small{color:#8a7d83;font-size:12px}.panel-tx .dh h3{margin:2px 0 0;font-size:20px;font-weight:700}.panel-tx .x{cursor:pointer;color:#8a7d83;background:#fff;border:1px solid #eee2e7;border-radius:50%;place-items:center;width:36px;height:36px;margin-left:auto;display:grid}.panel-tx .db{flex-direction:column;flex:1;gap:0;padding:0 24px 24px;display:flex;overflow:auto}.panel-tx .ban{color:#2a1a22;border-radius:16px;flex-direction:column;align-items:stretch;gap:16px;margin-bottom:8px;padding:18px;display:flex}.panel-tx .bt{align-items:flex-start;gap:12px;display:flex}.panel-tx .ban b{color:currentColor;font-size:15px;font-weight:700}.panel-tx .ban p{color:#6b4b5a;margin-top:4px;font-size:13px;line-height:1.45}.panel-tx .ban .bd{color:inherit;background:#fff;flex-shrink:0;margin-left:auto}.panel-tx .b-bayar{color:#c76f00;background:#fff6e8}.panel-tx .b-packing{color:#c2255c;background:#fdeef3}.panel-tx .b-siap{color:#2e64c9;background:#ecf2fd}.panel-tx .b-kirim{color:#7c4ddb;background:#f3edfd}.panel-tx .b-selesai{color:#2f9e5b;background:#eaf8ef}.panel-tx .b-batal{color:#8a7d83;background:#f5f1f3}.panel-tx .stp{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.panel-tx .stp div{flex-direction:column;gap:6px;display:flex}.panel-tx .stp i{background:#00000014;border-radius:4px;height:4px}.panel-tx .stp .d i{background:currentColor}.panel-tx .stp span{color:#8a7d83;font-size:11px;font-weight:600}.panel-tx .stp .d span{color:currentColor}.panel-tx .sec2{background:0 0;border-bottom:1px solid #f3ecef;border-radius:0;padding:18px 0}.panel-tx .sec2:last-child{border:0}.panel-tx .sh{align-items:center;gap:8px;margin-bottom:12px;display:flex}.panel-tx .sh svg{color:#8a7d83;width:16px;height:16px}.panel-tx .sh b{font-size:14px;font-weight:700}.panel-tx .sh a{color:#c2255c;cursor:pointer;margin-left:auto;font-size:12px;font-weight:600}.panel-tx .kv{justify-content:space-between;gap:10px;padding:5px 0;font-size:13.5px;display:flex}.panel-tx .kv span{color:#8a7d83}.panel-tx .kv b{text-align:right;font-weight:600}.panel-tx .cp{color:#c2255c;cursor:pointer;background:0 0;border:0;margin-left:4px;font:600 12px inherit}.panel-tx .adr{color:#6b4b5a;font-size:13px;line-height:1.6}.panel-tx .adr b{color:#2a1a22}.panel-tx .adr span{color:#8a7d83}.panel-tx .it{align-items:center;gap:12px;padding:8px 0;display:flex}.panel-tx .it .th{border-radius:14px;flex:0 0 56px;place-items:center;width:56px;height:56px;display:grid;overflow:hidden}.panel-tx .it .th img{object-fit:cover;width:100%;height:100%}.panel-tx .it div{flex:1;min-width:0}.panel-tx .it small{color:#8a7d83;font-size:12px;display:block}.panel-tx .it b{font-size:14px;font-weight:600}.panel-tx .rw{color:#6b4b5a;justify-content:space-between;padding:4px 0;font-size:13px;display:flex}.panel-tx .rw.t{color:#2a1a22;border-top:1px dashed #eadfe4;margin-top:10px;padding-top:12px;font-size:17px;font-weight:800}.panel-tx .note{color:#7a5520;background:#fff8ec;border:1px solid #fbe3bf;border-radius:12px;margin:14px 0 0;padding:12px;font-size:13px}.panel-tx .df{border-top:1px solid #f3ecef;gap:10px;padding:16px 24px 20px;display:flex}.panel-tx .df button{cursor:pointer;border-radius:12px;flex:1;padding:13px;font:600 14px inherit}.panel-tx .df button:disabled{opacity:.4;cursor:not-allowed}.panel-tx .b1{color:#fff;background:#c2255c;border:0}.panel-tx .b2{color:#c2255c;background:#fff;border:1px solid #f3c7d6}.panel-tx .b-danger{color:#d63340;background:#fff;border:1px solid #f6c9ce}.panel-tx .md{z-index:30;background:#1f1a1d66;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.panel-tx .mc{background:#fff;border-radius:18px;width:min(420px,100%);max-height:85vh;overflow:auto}.panel-tx .mc .dh{border-bottom:1px solid #f1e6ea;padding:20px 24px}.panel-tx .trk{padding:20px 24px 20px 44px;list-style:none;position:relative}.panel-tx .trk:before{content:"";background:#eee2e7;width:2px;position:absolute;top:26px;bottom:34px;left:28px}.panel-tx .trk li{color:#8a7d83;padding-bottom:18px;position:relative}.panel-tx .trk li:before{content:"";background:#e2d6db;border-radius:50%;width:10px;height:10px;position:absolute;top:4px;left:-20px}.panel-tx .trk li.d{color:#2f9e5b}.panel-tx .trk li.d:before{background:#2f9e5b;box-shadow:0 0 0 4px #e3f7ea}.panel-tx .trk b{font-size:13px}.panel-tx .trk small{color:#8a7d83;margin-top:2px;font-size:12px;display:block}.panel-tx .trk .full{display:block}@media (max-width:1050px){.panel-tx .ks{grid-template-columns:1fr 1fr}.panel-tx .f{width:100%;margin-left:0}}@media (max-width:700px){.panel-tx .ks{grid-template-columns:1fr}}@media (max-width:480px){.panel-tx .df{flex-wrap:wrap}.panel-tx .df button{flex:calc(50% - 5px)}}@media (max-width:1250px){.panel-tx th,.panel-tx td{padding:12px 10px}.panel-tx th.chev,.panel-tx td.chev{padding-left:2px;padding-right:8px}.panel-tx .mono{font-size:12px}.panel-tx .resi-no{font-size:11px}.panel-tx table .bd{gap:5px;padding:4px 8px;font-size:10.5px}}.panel-tx .dr,.panel-tx .dh,.panel-tx .db,.panel-tx .sec2,.panel-tx .kv,.panel-tx .sh,.panel-tx .it,.panel-tx .rw{min-width:0}.panel-tx .db{overflow-x:hidden}.panel-tx .bt>div{min-width:0}.panel-tx .bt .bd{flex-shrink:0}.panel-tx .kv b,.panel-tx .sh b,.panel-tx .it b,.panel-tx .adr,.panel-tx .dh h3{overflow-wrap:anywhere;word-break:break-word}.panel-tx .kv span{flex:none}.panel-tx .it b.mono,.panel-tx .rw span:last-child{text-align:right;flex:none}.panel-tx .adr{max-width:100%}.panel-tx .sh{flex-wrap:wrap}@media (max-width:767.98px){.panel-tx .dr{border-radius:0;width:100vw;max-width:100vw}.panel-tx .dh{padding:18px 20px 16px}.panel-tx .db{padding:0 20px 20px}}@media (max-width:520px){.panel-tx .dr{border-radius:0;width:100vw}.panel-tx .dh{padding:16px 16px 14px}.panel-tx .db{padding:0 16px 18px}.panel-tx .df{padding:12px 16px 16px}.panel-tx .ban{padding:14px}.panel-tx .sec2{padding:14px 0}.panel-tx .kv{align-items:flex-start;font-size:12.5px}.panel-tx .stp{gap:4px}.panel-tx .stp span{font-size:10px}}@media (max-width:720px){.panel-tx .tw{overflow:visible}.panel-tx table,.panel-tx thead,.panel-tx tbody,.panel-tx tr,.panel-tx td{width:100%;display:block}.panel-tx colgroup,.panel-tx thead{display:none}.panel-tx tbody tr{border-bottom:1px solid #f1e6ea;grid-template-columns:1fr 1fr;gap:10px 14px;padding:14px;display:grid}.panel-tx tbody tr:last-child{border-bottom:0}.panel-tx td{border:0;padding:0}.panel-tx td,.panel-tx td small{white-space:normal!important}.panel-tx .id{white-space:normal;overflow-wrap:anywhere}.panel-tx td:before{content:attr(data-label);letter-spacing:.06em;text-transform:uppercase;color:#8a7d83;margin-bottom:2px;font-size:10px;font-weight:700;display:block}.panel-tx td:first-child,.panel-tx td:nth-child(2),.panel-tx td:nth-child(3){grid-column:1/-1}.panel-tx td.chev{display:none}.panel-tx td.mono,.panel-tx td.mono small{text-align:left!important}.panel-tx .resi-no{text-overflow:clip;overflow:visible}}