@import"https://fonts.googleapis.com/css2?family=Tahoma:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Nastaliq+Urdu:wght@400;500;600;700&display=swap";:root{--xp-silver-1: #ffffff;--xp-silver-2: #d0d0d0;--xp-silver-3: #f0f0f0;--xp-silver-5: #888888;--xp-blue-dark: #333333;--xp-blue-mid: #555555;--xp-blue-lt: #777777;--xp-red: #333333;--xp-red-bg: #f5f5f5;--xp-red-bdr: #aaaaaa;--xp-green: #333333;--xp-green-bg: #f5f5f5;--xp-green-bdr: #aaaaaa;--xp-amber: #333333;--xp-amber-bg: #f5f5f5;--xp-amber-bdr: #aaaaaa;--xp-font: "Tahoma", "MS Sans Serif", sans-serif;--xp-mono: "Courier New", monospace;--xp-fs-xs: 11px;--xp-fs-sm: 13px;--xp-fs-md: 13px;--xp-fs-lg: 15px;--bevel-raise: 1px solid #ffffff;--bevel-dark: 1px solid #888888;--bevel-mid: 1px solid #d0d0d0;--xp-shadow-btn: inset 1px 1px 0 #fff, inset -1px -1px 0 #999;--xp-shadow-btn-dn: inset 1px 1px 0 #999, inset -1px -1px 0 #fff;--xp-shadow-window: 3px 3px 8px rgba(0, 0, 0, .25);--sp1: 2px;--sp2: 4px;--sp3: 6px;--sp4: 8px;--sp5: 12px;--sp6: 16px;--sp7: 20px;--sp8: 24px}body{font-family:var(--xp-font);font-size:var(--xp-fs-sm);background:var(--xp-silver-1);color:#222;line-height:1.4;min-height:100vh}::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track{background:var(--xp-silver-3)}::-webkit-scrollbar-thumb{background:var(--xp-silver-2);border:1px solid var(--xp-silver-5)}::-webkit-scrollbar-button{display:block;height:14px;background:var(--xp-silver-3);border:1px solid var(--xp-silver-5)}.xp-titlebar{height:34px;background:var(--xp-silver-3);border-bottom:1px solid var(--xp-silver-5);display:flex;align-items:center;padding:0 8px 0 12px;gap:8px;-webkit-user-select:none;user-select:none;flex-shrink:0}.xp-tb-title{flex:1;font-size:13px;font-weight:700;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xp-tb-divider{width:1px;height:18px;background:var(--xp-silver-5);flex-shrink:0}.xp-cap-btn{width:22px;height:22px;border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;cursor:pointer;border:1px solid var(--xp-silver-5);color:#222;background:var(--xp-silver-1);box-shadow:var(--xp-shadow-btn);flex-shrink:0}.xp-cap-btn:hover{background:var(--xp-silver-3)}.xp-cap-close{background:var(--xp-silver-2)}.xp-cap-close:hover{background:var(--xp-silver-3)}.xp-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:25px;padding:0 12px;font-family:var(--xp-font);font-size:var(--xp-fs-sm);font-weight:400;color:#222;background:var(--xp-silver-1);border:1px solid var(--xp-silver-5);border-radius:3px;box-shadow:var(--xp-shadow-btn);cursor:pointer;white-space:nowrap}.xp-btn:hover{background:var(--xp-silver-3)}.xp-btn:active{box-shadow:var(--xp-shadow-btn-dn);background:var(--xp-silver-2)}.xp-btn:focus{outline:1px dotted #555;outline-offset:-3px}.xp-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.xp-btn-sm{height:22px;padding:0 8px;font-size:var(--xp-fs-xs)}.xp-btn-primary,.xp-btn-success,.xp-btn-danger,.xp-btn-wa{background:var(--xp-silver-1);color:#222;border-color:var(--xp-silver-5);box-shadow:var(--xp-shadow-btn)}.xp-btn-primary:hover,.xp-btn-success:hover,.xp-btn-danger:hover,.xp-btn-wa:hover{background:var(--xp-silver-3)}.xp-label{font-size:var(--xp-fs-sm);font-weight:700;color:#222;margin-bottom:2px;display:block}.xp-input,.xp-select,.xp-textarea{height:26px;padding:0 6px;font-family:var(--xp-font);font-size:var(--xp-fs-sm);color:#222;background:var(--xp-silver-1);border:1px solid var(--xp-silver-5);outline:none;width:100%}.xp-input:focus,.xp-select:focus,.xp-textarea:focus{outline:2px solid var(--xp-silver-5);outline-offset:0}.xp-input::placeholder,.xp-textarea::placeholder{color:#aaa}.xp-select{padding-right:18px;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 16 16'%3E%3Cpath fill='%23555' d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 4px center}.xp-search-icon{position:absolute;left:7px;opacity:.4;pointer-events:none}.xp-table-panel{border:var(--bevel-dark);background:var(--xp-silver-1);overflow:hidden}table.xp-table thead tr{background:var(--xp-silver-3)}table.xp-table thead th{padding:6px 10px;font-size:var(--xp-fs-xs);font-weight:700;color:#222;text-align:left;border-right:var(--bevel-mid);border-bottom:var(--bevel-dark);white-space:nowrap}table.xp-table tbody tr{border-bottom:var(--bevel-mid)}table.xp-table tbody tr:nth-child(2n){background:#fff}table.xp-table tbody tr:hover{background:var(--xp-silver-2);cursor:pointer}table.xp-table tbody td{padding:7px 10px;vertical-align:middle;border:1px solid black}table.xp-table tfoot tr{background:var(--xp-silver-3);border-top:var(--bevel-dark)}table.xp-table tfoot td{padding:7px 10px;font-weight:700}.xp-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;font-size:var(--xp-fs-xs);font-weight:700;border-radius:2px;font-family:var(--xp-font);white-space:nowrap;background:var(--xp-silver-3);color:#222;border:var(--bevel-dark)}.xp-badge-due,.xp-badge-clear,.xp-badge-ret,.xp-badge-sale,.xp-badge-info{background:var(--xp-silver-3);color:#222;border:var(--bevel-dark)}.xp-overlay{position:fixed;inset:0;background:#00000059;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}.xp-modal{background:var(--xp-silver-1);border:1px solid var(--xp-silver-5);box-shadow:var(--xp-shadow-window);width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.xp-modal-tb{height:28px;background:var(--xp-silver-3);border-bottom:1px solid var(--xp-silver-5);display:flex;align-items:center;padding:0 6px 0 10px;gap:6px;-webkit-user-select:none;user-select:none;flex-shrink:0}.xp-modal-title{flex:1;font-size:var(--xp-fs-sm);font-weight:700;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xp-modal-code{font-size:var(--xp-fs-xs);font-family:var(--xp-mono);background:var(--xp-silver-2);padding:0 5px;border-radius:2px;margin-left:5px}.xp-modal-footer{padding:8px 14px;background:var(--xp-silver-1);border-top:var(--bevel-mid);display:flex;justify-content:flex-end;gap:6px;flex-shrink:0}.xp-tab-bar{display:flex;gap:2px;background:var(--xp-silver-1);border-bottom:1px solid var(--xp-silver-5);padding:4px 8px 0;flex-shrink:0}.xp-tab{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 14px;font-family:var(--xp-font);font-size:var(--xp-fs-sm);font-weight:400;color:#222;background:var(--xp-silver-3);border:1px solid var(--xp-silver-5);border-bottom:none;cursor:pointer;border-radius:3px 3px 0 0;margin-bottom:-1px;position:relative}.xp-tab:hover{background:var(--xp-silver-2)}.xp-tab.active{background:var(--xp-silver-1);font-weight:700;height:26px;border-bottom:1px solid var(--xp-silver-1);color:#222;z-index:1}.xp-tab-cnt{background:var(--xp-silver-2);color:#222;border:var(--bevel-dark);border-radius:2px;padding:0 5px;font-size:var(--xp-fs-xs);font-weight:700}.xp-tab.active .xp-tab-cnt{background:var(--xp-silver-3)}.xp-toolbar{background:var(--xp-silver-1);border-bottom:var(--bevel-mid);padding:6px 14px;display:flex;align-items:center;gap:10px;flex-shrink:0;flex-wrap:wrap}.xp-toolbar-divider{width:1px;height:18px;background:var(--xp-silver-5);flex-shrink:0}.xp-filter-btn{height:24px;padding:0 10px;font-size:var(--xp-fs-xs);font-family:var(--xp-font);font-weight:400;color:#222;background:var(--xp-silver-1);border:1px solid var(--xp-silver-5);box-shadow:var(--xp-shadow-btn);cursor:pointer;border-radius:2px;display:flex;align-items:center;gap:5px}.xp-filter-btn:hover{background:var(--xp-silver-3)}.xp-filter-btn.active{box-shadow:var(--xp-shadow-btn-dn);background:var(--xp-silver-2);font-weight:700}.xp-filter-cnt{background:var(--xp-silver-2);color:#222;border:var(--bevel-dark);padding:0 4px;font-size:var(--xp-fs-xs);font-weight:700;border-radius:1px}.xp-filter-btn.active .xp-filter-cnt{background:var(--xp-silver-3)}.xp-alert{display:flex;align-items:center;gap:8px;padding:6px 12px;border-left:3px solid var(--xp-silver-5);background:var(--xp-silver-3);color:#222;font-size:var(--xp-fs-sm)}.xp-alert-success,.xp-alert-error,.xp-alert-warning{background:var(--xp-silver-3);border-color:var(--xp-silver-5);color:#222}.xp-statusbar{height:22px;background:var(--xp-silver-1);border-top:var(--bevel-mid);display:flex;align-items:center;padding:0 8px;gap:3px;flex-shrink:0}.xp-status-pane{height:16px;padding:0 8px;font-size:var(--xp-fs-xs);color:#222;display:flex;align-items:center;gap:4px;border:var(--bevel-dark)}.xp-amt.danger,.xp-amt.success,.xp-amt.warning{color:#222}.xp-amt.muted{color:#777}.xp-code{font-family:var(--xp-mono);font-size:var(--xp-fs-xs);font-weight:700;background:var(--xp-silver-3);border:var(--bevel-dark);padding:0 5px}.xp-link-btn{background:none;border:none;color:#333;font-size:var(--xp-fs-sm);font-family:var(--xp-font);font-weight:700;cursor:pointer;padding:0;text-decoration:underline}.xp-link-btn:hover{color:#555}.text-red,.text-green{color:#444!important}.pp-page{display:flex;flex-direction:column;height:100%;background:var(--xp-silver-1);font-family:var(--xp-font);font-size:var(--xp-fs-sm)}.pp-body{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:8px 10px;gap:8px}.pp-top{display:grid;grid-template-columns:330px 1fr;gap:8px;flex-shrink:0}.pp-left-col{display:flex;flex-direction:column;gap:8px;position:relative;z-index:10}.pp-right-col{display:flex;flex-direction:column;position:relative;z-index:1}.pp-fieldset{border:var(--bevel-dark);padding:0 8px 8px;background:var(--xp-silver-1)}.pp-legend{padding:0 6px;font-size:var(--xp-fs-xs);font-weight:700;color:var(--xp-blue-dark);text-transform:uppercase;letter-spacing:.06em;background:var(--xp-silver-1);margin-left:6px;display:flex;align-items:center;gap:5px}.pp-frow{display:grid;grid-template-columns:86px 1fr;align-items:center;gap:5px;margin-bottom:3px}.pp-frow label{font-size:var(--xp-fs-xs);font-weight:700;color:#222;text-align:right;white-space:nowrap}.pp-id-row{display:grid;grid-template-columns:86px 70px 70px 64px;align-items:center;gap:5px;margin-bottom:3px;padding-top:4px}.pp-id-row label{font-size:var(--xp-fs-xs);font-weight:700;color:#222;text-align:right}.pp-combo-wrap{display:flex;align-items:stretch;position:relative;width:100%}.pp-combo-input{width:100%;padding-right:22px!important;box-sizing:border-box}.pp-combo-btn{position:absolute;right:0;top:0;bottom:0;width:20px;border:none;background:transparent;cursor:pointer;font-size:9px;color:#666;display:flex;align-items:center;justify-content:center;padding:0}.pp-combo-btn:hover{color:#222}.pp-cmd-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding-top:5px}.pp-pk-hdr-row{display:grid;grid-template-columns:32px 1fr 90px 90px 80px;gap:2px;align-items:center;background:var(--xp-silver-3);border-bottom:var(--bevel-dark);padding:3px 4px;margin:4px 0 2px}.pp-pk-hdr-row span{font-size:10px;font-weight:700;color:#222;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.pp-pk-input-row1{display:grid;grid-template-columns:32px 1fr 90px 90px 80px;gap:2px;align-items:center;margin-bottom:3px}.pp-pk-hdr-row2{display:grid;grid-template-columns:1fr 80px 80px 90px;gap:2px;align-items:center;background:var(--xp-silver-3);border-bottom:var(--bevel-dark);padding:3px 4px;margin-bottom:2px}.pp-pk-hdr-row2 span{font-size:10px;font-weight:700;color:#222;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;text-align:right}.pp-pk-input-row2{display:grid;grid-template-columns:1fr 80px 80px 90px;gap:2px;align-items:center;margin-bottom:4px}.pp-pk-btns{display:flex;align-items:center;gap:4px;padding:3px 0;border-top:var(--bevel-mid);border-bottom:var(--bevel-mid);margin-bottom:4px;flex-wrap:wrap}.pp-stock-check{display:flex;align-items:center;gap:4px;font-size:var(--xp-fs-xs);font-weight:700;color:#222;cursor:pointer;margin-left:4px}.pp-pk-id{width:28px;height:22px;display:flex;align-items:center;justify-content:center;background:var(--xp-silver-1);color:#222;font-size:var(--xp-fs-xs);font-weight:700;border:var(--bevel-dark);border-radius:2px;flex-shrink:0}.pp-meas-combo-wrap{position:relative;display:flex;align-items:center}.pp-meas-combo-wrap .xp-input{flex:1;padding-right:22px!important}.pp-pack-table-wrap{border:var(--bevel-dark);overflow:auto;background:var(--xp-silver-1);flex:1;min-height:80px}table.pp-pack-table{width:100%;border-collapse:collapse;font-size:var(--xp-fs-xs);font-family:var(--xp-font)}table.pp-pack-table thead tr{background:var(--xp-silver-3);position:sticky;top:0}table.pp-pack-table thead th{padding:4px 5px;font-size:10px;font-weight:700;color:#222;text-align:left;border-right:var(--bevel-mid);border-bottom:var(--bevel-dark);white-space:nowrap}table.pp-pack-table thead th.r{text-align:right}table.pp-pack-table thead th:last-child{border-right:none}table.pp-pack-table tbody tr{border-bottom:var(--bevel-mid);cursor:pointer;background:var(--xp-silver-1)}table.pp-pack-table tbody tr:hover{background:var(--xp-silver-3)}table.pp-pack-table tbody tr.pp-sel-pack{background:var(--xp-silver-2)!important}table.pp-pack-table tbody tr.pp-sel-pack td{color:#222!important}table.pp-pack-table tbody td{padding:4px 5px;vertical-align:middle}table.pp-pack-table tbody td.r{text-align:right}.pp-stock-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--xp-silver-5);border:1px solid var(--xp-silver-5)}.pp-list-section{display:flex;flex-direction:column;flex-shrink:0}.pp-list-table-wrap{overflow-y:auto;background:var(--xp-silver-1);max-height:260px;border:var(--bevel-dark)}table.pp-list-table{width:100%;border-collapse:collapse;font-size:var(--xp-fs-sm);font-family:var(--xp-font)}table.pp-list-table thead tr{background:var(--xp-silver-3);position:sticky;top:0;z-index:1}table.pp-list-table thead th{padding:5px 6px;font-size:var(--xp-fs-xs);font-weight:700;color:#222;text-align:left;border-right:var(--bevel-mid);border-bottom:var(--bevel-dark);white-space:nowrap}table.pp-list-table thead th:last-child{border-right:none}table.pp-list-table thead th.r{text-align:right}table.pp-list-table tbody tr{border-bottom:var(--bevel-mid);cursor:pointer;height:22px;background:var(--xp-silver-1)}table.pp-list-table tbody tr:hover{background:var(--xp-silver-3)}table.pp-list-table tbody tr.pp-sel-row{background:var(--xp-silver-2)!important}table.pp-list-table tbody tr.pp-sel-row td{color:#222!important}table.pp-list-table tbody tr.pp-highlighted{background:var(--xp-silver-3)!important}table.pp-list-table tbody td{padding:3px 6px;vertical-align:middle;border-right:var(--bevel-mid)}table.pp-list-table tbody td:last-child{border-right:none}table.pp-list-table tbody td.r{text-align:right}.pp-upload-check{display:flex;align-items:center;gap:5px;font-size:var(--xp-fs-xs);font-weight:700;color:#222;padding:4px 0 2px;cursor:pointer}.pp-edit-badge{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;background:var(--xp-silver-1);border:var(--bevel-dark);color:#222;font-size:var(--xp-fs-xs);font-weight:700;border-radius:2px}.pp-close-btn{background:var(--xp-silver-1)!important;border-color:var(--xp-silver-5)!important;color:#222!important;font-weight:700}.pp-close-btn:hover{background:var(--xp-silver-3)!important}@media(max-width:900px){.pp-top{grid-template-columns:1fr}}:root{--xp-tb-grad: linear-gradient( 180deg, #2b7fd4 0%, #245fbd 8%, #1e50ab 40%, #1a46a0 55%, #1d4fac 70%, #2b65c0 88%, #3d80d4 100% );--xp-silver-1: #ffffff;--xp-silver-2: #d4d0c8;--xp-silver-3: #f0ede4;--xp-silver-5: #aca899;--xp-blue-dark: #0a246a;--xp-blue-mid: #2b5fad;--xp-blue-lt: #4e92f7;--xp-red: #c0392b;--xp-red-bg: #fff0ef;--xp-red-bdr: #f5b7b1;--xp-green: #1e7e34;--xp-green-bg: #edfaef;--xp-green-bdr: #a9ddb3;--xp-amber: #b7660a;--xp-amber-bg: #fff8ed;--xp-amber-bdr: #fcd19e;--xp-font: "Tahoma", "MS Sans Serif", sans-serif;--xp-mono: "Courier New", monospace;--xp-fs-xs: 11px;--xp-fs-sm: 13px;--xp-fs-md: 13px;--xp-fs-lg: 15px;--bevel-raise: 1px solid #fff;--bevel-dark: 1px solid var(--xp-silver-5);--bevel-mid: 1px solid var(--xp-silver-2);--xp-shadow-btn: inset 1px 1px 0 #fff, inset -1px -1px 0 #807d74;--xp-shadow-btn-dn: inset 1px 1px 0 #807d74, inset -1px -1px 0 #fff;--xp-shadow-window: 4px 4px 10px rgba(0, 0, 0, .5);--sp1: 2px;--sp2: 4px;--sp3: 6px;--sp4: 8px;--sp5: 12px;--sp6: 16px;--sp7: 20px;--sp8: 24px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--xp-font);font-size:var(--xp-fs-sm);background:var(--xp-silver-1);color:#000;line-height:1.4;min-height:100vh}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:var(--xp-silver-1)}::-webkit-scrollbar-thumb{background:linear-gradient(to right,#d4d0c8,#c0bdb4);border:1px solid var(--xp-silver-5);box-shadow:inset 1px 1px #fff}::-webkit-scrollbar-button{display:block;height:16px;background:var(--xp-silver-3);border:1px solid var(--xp-silver-5);box-shadow:var(--xp-shadow-btn)}.xp-titlebar{height:34px;background:var(--xp-tb-grad);display:flex;align-items:center;padding:0 6px 0 10px;gap:8px;-webkit-user-select:none;user-select:none;flex-shrink:0;border-bottom:2px solid var(--xp-blue-dark);box-shadow:0 2px 4px #0006}.xp-tb-title{flex:1;font-size:13px;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xp-tb-actions{display:flex;gap:4px;align-items:center}.xp-tb-divider{width:1px;height:18px;background:#ffffff4d;box-shadow:1px 0 #0000004d;flex-shrink:0}.xp-cap-btn{width:22px;height:22px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;cursor:pointer;border:none;color:#000;background:linear-gradient(180deg,#f0ede4,#d4d0c8);box-shadow:var(--xp-shadow-btn),0 1px 2px #0000004d;flex-shrink:0}.xp-cap-btn:hover{background:linear-gradient(180deg,#fff,#e0ddd4)}.xp-cap-btn:active{box-shadow:var(--xp-shadow-btn-dn)}.xp-cap-close{background:linear-gradient(180deg,#f07070,#d43030);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.5)}.xp-cap-close:hover{background:linear-gradient(180deg,#ff8080,#e04040)}.xp-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:25px;padding:0 12px;font-family:var(--xp-font);font-size:var(--xp-fs-sm);font-weight:400;color:#000;background:linear-gradient(180deg,#f4f1e8,#dedad0,#c8c4ba);border-radius:3px;box-shadow:var(--xp-shadow-btn);border:1px solid var(--xp-silver-5);cursor:pointer;white-space:nowrap}.xp-btn:hover{background:linear-gradient(180deg,#fafaf0,#e8e4d8,#d4d0c4)}.xp-btn:active{box-shadow:var(--xp-shadow-btn-dn);background:linear-gradient(180deg,#c8c4ba,#dedad0)}.xp-btn:focus{outline:1px dotted #000;outline-offset:-4px}.xp-btn:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.xp-btn-sm{height:24px;padding:0 10px;font-size:var(--xp-fs-xs)}.xp-btn-lg{height:30px;padding:0 18px;font-size:var(--xp-fs-md)}.xp-btn-ico{width:26px;padding:0}.xp-btn-ico.xp-btn-sm{width:24px}.xp-btn-primary{background:linear-gradient(180deg,#3c8ce4,#1c60c4,#1450b4);color:#fff;border-color:#0a3090;text-shadow:0 1px 1px rgba(0,0,0,.4);box-shadow:inset 1px 1px #fff6,inset -1px -1px #0003}.xp-btn-primary:hover{filter:brightness(1.1)}.xp-btn-primary:active{filter:brightness(.9)}.xp-btn-success{background:linear-gradient(180deg,#5cb85c,#3a9a3a,#2e8b2e);color:#fff;border-color:#1e6b1e;text-shadow:0 1px 1px rgba(0,0,0,.3);box-shadow:inset 1px 1px #ffffff4d,inset -1px -1px #00000026}.xp-btn-success:hover{filter:brightness(1.08)}.xp-btn-wa{background:linear-gradient(180deg,#4de87a,#22c55e,#16a34a);color:#fff;border-color:#0f7a38;text-shadow:0 1px 1px rgba(0,0,0,.3);box-shadow:inset 1px 1px #ffffff4d,inset -1px -1px #00000026}.xp-btn-wa:hover{filter:brightness(1.08)}.xp-btn-danger{background:linear-gradient(180deg,#e87070,#c53030,#b02020);color:#fff;border-color:#8b0000;text-shadow:0 1px 1px rgba(0,0,0,.3);box-shadow:inset 1px 1px #ffffff4d,inset -1px -1px #00000026}.xp-btn-danger:hover{filter:brightness(1.08)}.xp-label{font-size:var(--xp-fs-sm);font-weight:700;color:#000;margin-bottom:2px;display:block}.xp-input,.xp-select,.xp-textarea{height:26px;padding:0 6px;font-family:var(--xp-font);font-size:var(--xp-fs-sm);color:#000;background:#fff;border-top:1px solid var(--xp-silver-5);border-left:1px solid var(--xp-silver-5);border-right:1px solid #fff;border-bottom:1px solid #fff;outline:none;width:100%}.xp-textarea{height:auto;padding:4px 6px;resize:vertical}.xp-input:focus,.xp-select:focus,.xp-textarea:focus{outline:2px solid #3b80f0}.xp-input::placeholder,.xp-textarea::placeholder{color:#999}.xp-input-lg{height:28px;font-size:var(--xp-fs-md)}.xp-input-sm{height:22px;font-size:var(--xp-fs-xs)}.xp-select{padding-right:18px;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 3px center}.xp-search-wrap{position:relative;display:flex;align-items:center}.xp-search-icon{position:absolute;left:7px;opacity:.45;pointer-events:none}.xp-search-wrap .xp-input{padding-left:26px}.xp-form-grp{display:flex;flex-direction:column;gap:3px}.xp-table-panel{border-top:1px solid var(--xp-silver-5);border-left:1px solid var(--xp-silver-5);border-right:1px solid #fff;border-bottom:1px solid #fff;background:#fff;overflow:hidden}.xp-table-scroll{overflow-x:auto}table.xp-table{width:100%;border-collapse:collapse;font-size:var(--xp-fs-sm);font-family:var(--xp-font)}table.xp-table thead tr{background:linear-gradient(180deg,#d7e4f2,#b8d0ec)}table.xp-table thead th{padding:7px 10px;font-size:var(--xp-fs-xs);font-weight:700;color:#000;text-align:left;border-right:1px solid #c8d8ec;border-bottom:2px solid #7aabda;white-space:nowrap}table.xp-table thead th:last-child{border-right:none}table.xp-table thead th.r,table.xp-table tbody td.r,table.xp-table tfoot td.r{text-align:right}table.xp-table tbody tr{border-bottom:1px solid #e8e4dc}table.xp-table tbody tr:nth-child(2n){background:#f5f3ee}table.xp-table tbody tr:hover{background:#c3d9f5;cursor:pointer}table.xp-table tbody td{padding:8px 10px;vertical-align:middle}table.xp-table tfoot tr{background:linear-gradient(180deg,#d7e4f2,#b8d0ec);border-top:2px solid #7aabda}table.xp-table tfoot td{padding:7px 10px;font-weight:700;font-size:var(--xp-fs-sm)}.xp-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;font-size:var(--xp-fs-xs);font-weight:700;border-radius:2px;font-family:var(--xp-font);white-space:nowrap}.xp-badge-due{background:#fee2e2;color:#7f1d1d;border:1px solid #fca5a5}.xp-badge-clear{background:#dcfce7;color:#14532d;border:1px solid #86efac}.xp-badge-ret{background:#fef3c7;color:#78350f;border:1px solid #fcd34d}.xp-badge-sale{background:#dbeafe;color:#1e3a8a;border:1px solid #93c5fd}.xp-badge-info{background:#e0f2fe;color:#0c4a6e;border:1px solid #7dd3fc}.xp-overlay{position:fixed;inset:0;background:#00000073;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}.xp-modal{background:var(--xp-silver-1);border-top:2px solid #3a7bd5;border-left:2px solid #3a7bd5;border-right:2px solid #0a246a;border-bottom:2px solid #0a246a;box-shadow:var(--xp-shadow-window);width:100%;max-width:880px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.xp-modal-sm{max-width:480px}.xp-modal-md{max-width:640px}.xp-modal-lg{max-width:880px}.xp-modal-xl{max-width:1100px}.xp-modal-tb{height:28px;background:var(--xp-tb-grad);display:flex;align-items:center;padding:0 4px 0 10px;gap:6px;-webkit-user-select:none;user-select:none;flex-shrink:0;border-bottom:1px solid var(--xp-blue-dark)}.xp-modal-title{flex:1;font-size:var(--xp-fs-sm);font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xp-modal-code{font-size:var(--xp-fs-xs);font-family:var(--xp-mono);background:#fff3;padding:0 5px;border-radius:2px;margin-left:5px;font-weight:400}.xp-modal-body{flex:1;overflow-y:auto;padding:12px 14px}.xp-modal-footer{padding:8px 14px;background:var(--xp-silver-1);border-top:1px solid var(--xp-silver-2);display:flex;justify-content:flex-end;gap:6px;flex-shrink:0}.xp-tab-bar{display:flex;gap:2px;background:var(--xp-silver-1);border-bottom:2px solid var(--xp-blue-mid);padding:4px 8px 0;flex-shrink:0}.xp-tab{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 14px;font-family:var(--xp-font);font-size:var(--xp-fs-sm);font-weight:400;color:#000;background:linear-gradient(180deg,#f0ede4,#d4d0c8);border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid var(--xp-silver-5);border-bottom:none;cursor:pointer;border-radius:3px 3px 0 0;margin-bottom:-2px;position:relative}.xp-tab:hover{background:linear-gradient(180deg,#fafaf0,#e0ddd4)}.xp-tab.active{background:var(--xp-silver-1);font-weight:700;height:26px;border-bottom:2px solid var(--xp-silver-1);color:var(--xp-blue-dark);z-index:1}.xp-tab-cnt{background:#dbeafe;color:#1e3a8a;border:1px solid #93c5fd;border-radius:2px;padding:0 5px;font-size:var(--xp-fs-xs);font-weight:700}.xp-tab.active .xp-tab-cnt{background:var(--xp-blue-mid);color:#fff;border-color:var(--xp-blue-dark)}.xp-toolbar{background:var(--xp-silver-1);border-bottom:1px solid var(--xp-silver-2);box-shadow:inset 0 -1px #fff;padding:7px 14px;display:flex;align-items:center;gap:10px;flex-shrink:0;flex-wrap:wrap}.xp-toolbar-divider{width:1px;height:20px;background:var(--xp-silver-5);box-shadow:1px 0 #fff;flex-shrink:0}.xp-filter-group{display:flex;gap:2px;align-items:center}.xp-filter-btn{height:24px;padding:0 10px;font-size:var(--xp-fs-xs);font-family:var(--xp-font);font-weight:400;color:#000;background:linear-gradient(180deg,#f4f1e8,#dedad0,#c8c4ba);border:1px solid var(--xp-silver-5);box-shadow:var(--xp-shadow-btn);cursor:pointer;border-radius:2px;display:flex;align-items:center;gap:5px}.xp-filter-btn:hover{background:linear-gradient(180deg,#fafaf0,#e8e4d8)}.xp-filter-btn.active{box-shadow:var(--xp-shadow-btn-dn);background:linear-gradient(180deg,#c8c4ba,#dedad0);font-weight:700}.xp-filter-cnt{background:#dbeafe;color:#1e3a8a;border:1px solid #93c5fd;padding:0 4px;font-size:var(--xp-fs-xs);font-weight:700;border-radius:1px}.xp-filter-btn.active .xp-filter-cnt{background:var(--xp-blue-mid);color:#fff;border-color:var(--xp-blue-dark)}.xp-alert{display:flex;align-items:center;gap:8px;padding:6px 12px;border-left:3px solid;font-size:var(--xp-fs-sm)}.xp-alert-success{background:var(--xp-green-bg);border-color:var(--xp-green);color:#14532d}.xp-alert-error{background:var(--xp-red-bg);border-color:var(--xp-red);color:#7f1d1d}.xp-alert-warning{background:var(--xp-amber-bg);border-color:var(--xp-amber);color:#78350f}.xp-statusbar{height:22px;background:var(--xp-silver-1);border-top:1px solid var(--xp-silver-2);box-shadow:inset 0 1px #fff;display:flex;align-items:center;padding:0 8px;gap:3px;flex-shrink:0}.xp-status-pane{height:16px;padding:0 8px;font-size:var(--xp-fs-xs);color:#000;display:flex;align-items:center;gap:4px;border-top:1px solid var(--xp-silver-5);border-left:1px solid var(--xp-silver-5);border-right:1px solid #fff;border-bottom:1px solid #fff}.xp-amt{font-family:var(--xp-mono);font-size:var(--xp-fs-sm);font-weight:700}.xp-amt.danger{color:var(--xp-red)}.xp-amt.success{color:var(--xp-green)}.xp-amt.muted{color:#888}.xp-amt.warning{color:var(--xp-amber)}.xp-code{font-family:var(--xp-mono);font-size:var(--xp-fs-xs);font-weight:700;background:#e8e4d8;border-top:1px solid var(--xp-silver-5);border-left:1px solid var(--xp-silver-5);border-right:1px solid #fff;border-bottom:1px solid #fff;padding:0 5px}.xp-link-btn{background:none;border:none;color:#00c;font-size:var(--xp-fs-sm);font-family:var(--xp-font);font-weight:700;cursor:pointer;padding:0;text-decoration:underline}.xp-link-btn:hover{color:#00f}.xp-page-body{padding:14px;display:flex;flex-direction:column;gap:12px}.xp-raised{border-top:var(--bevel-raise);border-left:var(--bevel-raise);border-right:var(--bevel-dark);border-bottom:var(--bevel-dark)}.xp-sunken{border-top:var(--bevel-dark);border-left:var(--bevel-dark);border-right:var(--bevel-raise);border-bottom:var(--bevel-raise)}.xp-empty{text-align:center;padding:40px;color:#888;font-size:var(--xp-fs-sm)}.xp-loading{text-align:center;padding:30px;color:#555;font-size:var(--xp-fs-sm)}.text-muted{color:#777!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.text-red{color:var(--xp-red)!important}.text-green{color:var(--xp-green)!important}.hidden{display:none!important}.font-mono{font-family:var(--xp-mono)!important}@media(max-width:768px){.xp-toolbar{flex-wrap:wrap}.hide-mobile{display:none!important}}.sl-top-bar{display:flex;align-items:center;gap:12px;padding:6px 12px;flex-shrink:0;background:linear-gradient(180deg,#e8edf2,#dce1e8);background:#fff;border-bottom:1px solid #cbd5e1}.sl-inv-input{width:120px!important;font-family:Courier New,monospace!important;font-weight:700!important;background:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:4px 8px}.sl-inv-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 2px #2563eb33}.sl-entry-strip{display:flex;align-items:flex-end;gap:8px;padding:8px 12px;flex-shrink:0;background:#fff;border-bottom:1px solid #e2e8f0}.sl-entry-product{flex:1;min-width:200px}.sl-num-input{height:32px;padding:0 8px;font-family:Courier New,monospace;font-size:18px!important;font-weight:700;color:#1e40af;text-align:right;background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:80px}.sl-entry-btns .xp-btn{padding:16px 18px!important;font-size:13px;font-weight:700;min-width:75px;border-radius:8px}.sl-entry-btns .xp-btn-sm{padding:8px 16px;font-size:13px}.sl-entry-btns .xp-btn-primary{background:#2563eb;border-color:#1d4ed8;color:#fff}.sl-entry-btns .xp-btn-primary:hover{background:#1d4ed8}.sl-entry-btns .xp-btn-danger{background:#ef4444;border-color:#dc2626;color:#fff}.sl-entry-btns .xp-btn-danger:hover{background:#dc2626}.xp-btn{padding:5px 12px;font-size:12px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s;border:1px solid #cbd5e1;background:#fff}.xp-btn-sm{padding:4px 10px;font-size:11px}.xp-btn-primary{background:#2563eb;border-color:#1d4ed8;color:#fff}.xp-btn-primary:hover{background:#1d4ed8}.xp-btn-danger{background:#ef4444;border-color:#dc2626;color:#fff}.xp-btn-danger:hover{background:#dc2626}.xp-btn-success{background:#10b981;border-color:#059669;color:#fff}.sl-items-wrap{flex:1;overflow-y:auto;background:#fff}table.sl-items-table{width:100%;border-collapse:collapse;font-size:12px}.sl-summary-bar{display:flex;align-items:center;gap:12px;padding:8px 12px;flex-shrink:0;background:#f8fafc;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.sl-customer-bar{display:flex;align-items:flex-end;gap:12px;padding:8px 12px;flex-shrink:0;background:#f8fafc;border-top:1px solid #e2e8f0}.sl-cust-buyer{flex:1;min-width:220px}.sl-cust-buyer>div:focus-within{border-color:#2563eb!important;box-shadow:0 0 0 2px #2563eb1a!important}.sl-pay-btns{display:flex;gap:6px;align-self:flex-end}.sl-hold-table-wrap{flex:1;overflow-y:auto;background:#fff}table.sl-hold-table{width:100%;border-collapse:collapse;font-size:11px}.sl-cmd-bar{display:flex;align-items:center;gap:8px;padding:2px 12px;background:#fff;border-top:1px solid #e2e8f0;flex-shrink:0}.sl-cmd-bar .xp-btn{padding:14px 5px}.sl-cmd-checks{display:flex;gap:12px}.sl-check-label{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:500;cursor:pointer}.sl-print-types{display:flex;gap:10px}.sl-credit-warning-bar{display:flex;align-items:center;gap:12px;background:#fee2e2;border-left:4px solid #dc2626;padding:8px 12px;flex-shrink:0}.sl-credit-statement-input{flex:1;height:36px;padding:0 12px;font-size:12px;border:1px solid #dc2626;border-radius:6px;background:#fff}.sl-credit-statement-input:focus{outline:none;box-shadow:0 0 0 3px #dc262633}.cdd-type-badge{display:inline-flex;align-items:center;height:26px;padding:0 10px;font-size:11px;font-weight:700;border-radius:4px;white-space:nowrap}.cdd-input-parent{position:relative;flex:1;border-radius:6px;transition:background .2s ease}.cdd-input-parent.focused{background:#fffbe6}.cdd-ghost{position:absolute;left:0;top:50%;transform:translateY(-50%);pointer-events:none;white-space:nowrap;font-size:13px;display:flex;z-index:2;color:#94a3b8;background:transparent;padding-left:11px}.scm-window{background:#fff;border-radius:12px;width:100%;max-width:560px;box-shadow:0 20px 25px -5px #0000001a;overflow:hidden}.scm-tb{background:linear-gradient(180deg,#2563eb,#1d4ed8);padding:12px 16px;display:flex;align-items:center;gap:10px}.scm-tb-title{flex:1;font-size:14px;font-weight:700;color:#fff}.scm-meta{display:flex;flex-wrap:wrap;gap:16px;background:#f8fafc;padding:12px 16px;font-size:12px;border-bottom:1px solid #e2e8f0}.scm-amounts{display:flex;gap:1px;padding:16px;background:#f1f5f9}.scm-box{flex:1;text-align:center;padding:12px;background:#fff}.scm-box-label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase}.scm-box-val{font-size:28px;font-weight:900;font-family:Courier New,monospace;color:#1e293b}.scm-recv-input{font-size:28px;font-weight:900;font-family:Courier New,monospace;text-align:center;width:100%;border:none;border-bottom:2px solid #2563eb;background:transparent}.scm-recv-input:focus{outline:none;border-bottom-color:#1d4ed8}.scm-print-row{display:flex;align-items:center;justify-content:center;gap:20px;padding:12px}.scm-actions{display:flex;gap:10px;padding:16px;justify-content:center;border-top:1px solid #e2e8f0}.scm-hint{background:#f8fafc;padding:8px 16px;font-size:11px;color:#64748b;text-align:center;border-top:1px solid #e2e8f0}.xp-overlay{position:fixed;inset:0;background:#00000080;z-index:1100;display:flex;align-items:center;justify-content:center}.xp-modal{background:#fff;border-radius:12px;width:90%;max-width:900px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.xp-modal-tb{background:linear-gradient(180deg,#2563eb,#1d4ed8);padding:12px 16px;display:flex;align-items:center;gap:10px}.xp-modal-title{flex:1;font-size:14px;font-weight:700;color:#fff}.xp-table{width:100%;border-collapse:collapse}.xp-table th{background:#f1f5f9;padding:10px;font-size:12px;font-weight:600;text-align:left;position:sticky;top:0;border:1px solid #e2e8f0}.xp-table td{padding:8px 10px;font-size:12px;border:1px solid #e2e8f0}.scm-tb svg{width:16px;height:16px}.scm-meta span{color:#475569}.scm-meta b{color:#1e293b;font-weight:600}.scm-box:first-child{border-radius:8px 0 0 8px}.scm-box:last-child{border-radius:0 8px 8px 0}.scm-recv-input:focus{outline:none;border-bottom-color:#2563eb}.scm-box-change .scm-box-val{color:#059669}.scm-box-due .scm-box-val{color:#dc2626}.scm-sep{height:1px;background:#e2e8f0;margin:0 20px}.scm-print-row span{color:#475569;font-weight:600;font-size:12px}.scm-print-row label{display:flex;align-items:center;gap:6px;cursor:pointer;padding:4px 12px;font-size:12px;font-weight:500;color:#334155}.scm-print-row input{margin:0;width:14px;height:14px;accent-color:#3b82f6}.scm-actions .xp-btn{padding:8px 18px;font-size:12px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s;border:1px solid #cbd5e1;background:#fff;color:#334155}.scm-actions .xp-btn-primary{background:#2563eb;border-color:#1d4ed8;color:#fff}.scm-actions .xp-btn-primary:hover{background:#1d4ed8}.scm-actions .xp-btn-success{background:#10b981;border-color:#059669;color:#fff}.scm-actions .xp-btn-success:hover{background:#059669}.scm-actions .xp-btn:hover:not(.xp-btn-primary):not(.xp-btn-success){background:#f1f5f9;border-color:#94a3b8}.scm-window[style*="max-width: 420px"] .scm-tb{background:#2563eb}.scm-window[style*="max-width: 420px"] .scm-actions{background:#fff}.sl-page{display:flex;flex-direction:column;height:100%;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-size:13px}.sl-body{flex:1;display:grid;grid-template-columns:1fr 260px;overflow:hidden;min-height:0;gap:1px;background:#fff}.sl-left{display:flex;flex-direction:column;overflow:hidden;min-height:0;background:#fff}.sl-right{display:flex;flex-direction:column;overflow:hidden;background:#f8fafc}.sl-top-bar{display:flex;align-items:center;gap:12px;padding:6px 12px;flex-shrink:0;background:#fff;border-bottom:1px solid #cbd5e1;flex-wrap:wrap}.sl-sale-title-box{background:linear-gradient(180deg,#2563eb,#1d4ed8);color:#fff;font-size:20px;font-weight:700;padding:4px 20px;border-radius:6px;box-shadow:0 1px 3px #0000001a;white-space:nowrap;letter-spacing:1px}.sl-inv-field-grp{display:flex;align-items:center;gap:6px}.sl-inv-field-grp label{font-size:12px;font-weight:600;color:#374151}.sl-inv-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#f8fafc;border:1px solid #e2e8f0;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;width:28px;height:28px;border-radius:6px;color:#64748b;transition:all .2s ease;z-index:2}.sl-inv-nav-btn:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.sl-inv-nav-prev{left:4px}.sl-inv-nav-next{right:4px}.sl-inv-input-large{width:160px!important;text-align:center!important;padding:6px 36px!important;font-size:16px!important;font-weight:600!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important}.sl-date-input{width:130px!important;background:#f3f4f6!important}.sl-time-box{font-family:Courier New,monospace;font-size:13px;font-weight:700;color:#1e40af;padding:4px 12px;background:#fff;border:1px solid #93c5fd;border-radius:4px;letter-spacing:.5px}.sl-entry-strip{display:flex;align-items:flex-end;gap:8px;padding:8px 12px;flex-shrink:0;background:#fff;border-bottom:1px solid #e2e8f0;flex-wrap:wrap}.sl-entry-cell{display:flex;flex-direction:column;gap:3px}.sl-entry-cell label{font-size:11px;font-weight:600;color:#475569;letter-spacing:.3px}.sl-entry-cell label kbd{background:#e2e8f0;border:1px solid #94a3b8;border-radius:3px;padding:0 5px;font-size:9px;font-family:monospace;margin-left:4px}.sl-entry-product{flex:2;min-width:180px}.sl-product-input{width:100%;height:32px;padding:0 10px;font-size:13px;background:#fff;border:1px solid #cbd5e1;border-radius:6px;transition:all .2s}.sl-product-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.sl-num-input{height:32px;padding:0 8px;font-family:Courier New,monospace;font-size:14px!important;font-weight:700;color:#1e40af;text-align:right;background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:80px}.sl-num-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.sl-entry-btns{display:flex;gap:8px}.sl-entry-btns .xp-btn{padding:6px 12px!important;font-size:12px;font-weight:600;min-width:65px;border-radius:6px}.sl-table-header-bar{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:#fff;border-bottom:1px solid #e2e8f0}.sl-table-lbl{font-size:12px;color:#64748b}.sl-cur-name-inline{font-weight:700;color:#1e40af;background:#dbeafe;padding:2px 10px;border-radius:4px;font-size:12px}.sl-table-qty{font-family:Courier New,monospace;font-weight:700;color:#1e293b;background:#e2e8f0;padding:2px 10px;border-radius:4px}.sl-items-wrap{flex:1;overflow:auto;background:#fff}table.sl-items-table{width:100%;border-collapse:collapse;font-size:12px;min-width:500px}table.sl-items-table thead th{padding:8px 10px;font-size:12px;font-weight:600;color:#fff;text-align:left;border:1px solid #475569}table.sl-items-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background .1s}table.sl-items-table tbody tr:hover{background:#f1f5f9}table.sl-items-table tbody td{padding:6px 10px;vertical-align:middle;border:1px solid #e2e8f0}.sl-summary-bar{display:flex;align-items:center;gap:12px;padding:8px 12px;flex-shrink:0;background:#f8fafc;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;flex-wrap:wrap}.sl-sum-cell label{font-size:10px;font-weight:600;color:#64748b;text-transform:uppercase}.sl-sum-val{font-family:Courier New,monospace;font-size:14px;font-weight:700;text-align:right;width:100px;height:32px;padding:0 8px;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px}.sl-sum-input{font-family:Courier New,monospace;font-size:14px;font-weight:700;text-align:right;width:100px;height:32px;padding:0 8px;background:#fff;border:1px solid #cbd5e1;border-radius:6px}.sl-sum-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.sl-customer-bar{display:flex;align-items:flex-end;gap:12px;padding:8px 12px;flex-shrink:0;background:#f8fafc;border-top:1px solid #e2e8f0;flex-wrap:wrap}.sl-cust-cell{display:flex;flex-direction:column;gap:3px}.sl-cust-cell label{font-size:11px;font-weight:600;color:#475569}.sl-cust-buyer{flex:1;min-width:200px}.sl-cust-buyer>div{border:1px solid #cbd5e1!important;border-radius:6px!important;background:#fff!important;overflow:hidden!important}.sl-cust-input{height:32px;padding:0 10px;font-size:13px;background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%}.sl-cust-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.sl-pay-btns{display:flex;gap:6px;align-self:flex-end;flex-wrap:wrap}.sl-pay-btn{height:32px;min-width:60px;font-size:12px;font-weight:600;cursor:pointer;border-radius:6px;border:1px solid #cbd5e1;background:#fff;transition:all .2s}.sl-pay-btn:hover{background:#f1f5f9}.sl-hold-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.sl-hold-title{font-size:13px;font-weight:700;color:#1e293b;padding:8px 12px;background:#fff;border-bottom:1px solid #94a3b8;display:flex;align-items:center;justify-content:space-between}.sl-hold-cnt{background:#2563eb;color:#fff;font-size:11px;padding:2px 8px;border-radius:12px}.sl-hold-table-wrap{flex:1;overflow:auto;background:#fff}table.sl-hold-table{width:100%;border-collapse:collapse;font-size:11px;min-width:200px}table.sl-hold-table thead th{background:#334155;padding:6px 8px;color:#fff;font-weight:600;position:sticky;top:0;border:1px solid #475569}table.sl-hold-table tbody tr{border-bottom:1px solid #e2e8f0;cursor:pointer}table.sl-hold-table tbody tr:hover{background:#f1f5f9}table.sl-hold-table tbody td{padding:6px 8px;border:1px solid #e2e8f0}table.sl-hold-table tbody td.r{text-align:right;font-family:Courier New,monospace;font-weight:600}.sl-cmd-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border-top:1px solid #e2e8f0;flex-shrink:0}.sl-cmd-checks{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.sl-check-label{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap}.sl-gatepass-check{background:#fef3c7;padding:4px 8px;border-radius:6px}.sl-print-types{display:flex;gap:10px;flex-wrap:wrap}.sl-inv-info{font-size:12px;font-family:Courier New,monospace;color:#475569}.sl-inv-info.edit-mode{color:#d97706;font-weight:700}.sl-shortcut-hints{display:flex;gap:10px}.sl-shortcut-hints span{font-size:10px;color:#cbd5e1;background:#1e293b;padding:2px 8px;border-radius:4px}.sl-credit-warning-bar{display:flex;align-items:center;gap:12px;background:#fee2e2;border-left:4px solid #dc2626;padding:8px 12px;flex-shrink:0;flex-wrap:wrap}.sl-credit-warning-left{display:flex;align-items:center;gap:10px}.sl-credit-title{font-size:13px;font-weight:700;color:#dc2626}.sl-credit-sub{font-size:11px;color:#991b1b}.sl-credit-statement-input{flex:1;height:36px;padding:0 12px;font-size:12px;border:1px solid #dc2626;border-radius:6px;background:#fff;min-width:200px}.xp-btn-whatsapp:hover{background:#128c7e!important}@media(max-width:1200px){.sl-body{grid-template-columns:1fr 240px}}@media(max-width:1024px){.sl-body{grid-template-columns:1fr 220px}.sl-inv-input-large{width:140px!important;font-size:14px!important;padding:4px 28px!important}.sl-inv-nav-btn{width:24px;height:24px}.sl-sum-cell .sl-sum-val,.sl-sum-cell .sl-sum-input{width:85px}.sl-pay-btn{min-width:55px;font-size:11px}}@media(max-width:900px){.sl-body{grid-template-columns:1fr 200px}.sl-top-bar{gap:8px}.sl-sale-title-box{font-size:16px;padding:4px 12px}.sl-inv-input-large{width:120px!important;font-size:13px!important}.sl-date-input{width:110px!important}.sl-num-input{width:70px;font-size:13px!important}.sl-sum-cell .sl-sum-val,.sl-sum-cell .sl-sum-input{width:75px;font-size:12px;height:28px}.sl-cust-buyer{min-width:160px}}@media(max-width:768px){.sl-body{grid-template-columns:1fr 180px}.sl-entry-strip{flex-direction:column;align-items:stretch}.sl-entry-cell{width:100%}.sl-entry-product{min-width:100%}.sl-product-input,.sl-num-input{width:100%}.sl-entry-btns{justify-content:space-between}.sl-entry-btns .xp-btn{flex:1;text-align:center}.sl-summary-bar{flex-direction:column}.sl-sum-cell,.sl-sum-cell .sl-sum-val,.sl-sum-cell .sl-sum-input{width:100%}.sl-customer-bar{flex-direction:column}.sl-cust-cell,.sl-cust-buyer{width:100%}.sl-pay-btns{width:100%;justify-content:space-between}.sl-pay-btn{flex:1;text-align:center}.sl-cmd-bar{flex-direction:column;align-items:stretch}.sl-cmd-bar .xp-btn{width:100%;justify-content:center}.sl-cmd-checks,.sl-print-types{justify-content:center;width:100%}.sl-inv-info{text-align:center;width:100%;order:-1;margin-bottom:6px}.sl-cmd-bar button:last-child{margin-left:0!important}.xp-toolbar-divider{display:none}}@media(max-width:640px){.sl-body{grid-template-columns:1fr 160px}.sl-right{min-width:110px}table.sl-items-table th:nth-child(2),table.sl-items-table td:nth-child(2),table.sl-items-table th:nth-child(8),table.sl-items-table td:nth-child(8){display:none}}@media(max-width:480px){.sl-body{grid-template-columns:1fr;flex-direction:column}.sl-right{order:-1;max-height:250px;min-width:100%}.sl-left{min-height:0}.sl-hold-panel{max-height:250px}table.sl-items-table th:nth-child(4),table.sl-items-table td:nth-child(4){display:none}.sl-top-bar{flex-direction:column;align-items:stretch}.sl-inv-field-grp{justify-content:space-between}.sl-inv-input-large{width:100%!important}.sl-sale-title-box{text-align:center}}@media(max-width:768px){body,.sl-page,.xp-btn,.sl-pay-btn,.sl-cust-input,.sl-product-input,.sl-num-input,.sl-sum-input,.sl-items-table td,.sl-items-table th,.sl-hold-table td,.sl-hold-table th,.sl-inv-info,.sl-check-label{font-size:inherit!important}.xp-btn,.sl-pay-btn{font-size:11px!important}}.r{text-align:right}.xp-empty{text-align:center;padding:40px;color:#94a3b8}.scm-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center}.scm-window{background:#fff;border-radius:12px;width:100%;max-width:560px;box-shadow:0 20px 25px -5px #00000026;overflow:hidden;border:1px solid #e2e8f0}.scm-tb{background:#1e40af;padding:14px 20px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #1e3a8a}.scm-tb-title{flex:1;font-size:15px;font-weight:700;color:#fff}.xp-cap-btn{background:transparent;border:none;color:#e2e8f0;width:28px;height:28px;border-radius:6px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .2s}.xp-cap-btn:hover{background:#ffffff1a;color:#fff}.scm-meta{display:flex;flex-wrap:wrap;gap:16px;background:#f8fafc;padding:12px 20px;font-size:12px;border-bottom:1px solid #e2e8f0}.scm-amounts{display:flex;gap:1px;padding:20px;background:#f1f5f9}.scm-box{flex:1;text-align:center;padding:14px 12px;background:#fff;border:1px solid #e2e8f0}.scm-box-label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.scm-box-val{font-size:26px;font-weight:800;font-family:Courier New,monospace;color:#0f172a}.scm-recv-input{font-size:26px;font-weight:800;font-family:Courier New,monospace;text-align:center;width:100%;border:none;border-bottom:2px solid #3b82f6;background:transparent;padding:4px 0;color:#0f172a}.scm-print-row{display:flex;align-items:center;justify-content:center;gap:20px;padding:14px 20px;background:#fff;border-bottom:1px solid #e2e8f0}.scm-actions{display:flex;gap:12px;padding:20px;justify-content:center;border-top:1px solid #e2e8f0;background:#fff}.scm-hint{background:#f8fafc;padding:10px 20px;font-size:11px;color:#64748b;text-align:center;border-top:1px solid #e2e8f0;font-family:monospace}.sl-page{display:flex;flex-direction:column;height:100vh;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-size:13px;overflow:hidden}.sl-body{flex:1;display:flex;gap:1px;overflow:hidden;min-height:0;background:#fff}.sl-left{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;background:#fff}.sl-right{width:250px;flex-shrink:0;display:flex;flex-direction:column;overflow:hidden;background:#f8fafc}@media(max-width:900px){.sl-right{width:220px}}@media(max-width:768px){.sl-right{width:200px}}@media(max-width:640px){.sl-right{width:180px}}@media(max-width:550px){.sl-body{flex-direction:column}.sl-right{width:100%;height:35%;order:-1}.sl-left{height:65%}}.sl-top-bar{display:flex;align-items:center;gap:10px;padding:6px 12px;flex-shrink:0;background:#fff;border-bottom:1px solid #cbd5e1;flex-wrap:wrap}.sl-sale-title-box{background:linear-gradient(180deg,#2563eb,#1d4ed8);color:#fff;font-size:18px;font-weight:700;padding:4px 16px;border-radius:6px;white-space:nowrap}.sl-inv-field-grp{display:flex;align-items:center;gap:5px}.sl-inv-field-grp label{font-size:11px;font-weight:600;color:#374151;white-space:nowrap}.sl-inv-nav-container{position:relative;display:inline-block}.sl-inv-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#f8fafc;border:1px solid #e2e8f0;cursor:pointer;width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:10px}.sl-inv-nav-prev{left:3px}.sl-inv-nav-next{right:3px}.sl-inv-input-large{width:130px!important;text-align:center!important;padding:4px 28px!important;font-size:13px!important;font-weight:600!important;height:30px!important}.sl-date-input{width:110px!important;height:30px!important;font-size:12px!important}.sl-time-box{font-family:Courier New,monospace;font-size:12px;font-weight:700;color:#1e40af;padding:4px 10px;background:#fff;border:1px solid #93c5fd;border-radius:4px;white-space:nowrap}.sl-entry-strip{display:flex;align-items:flex-end;gap:6px;padding:6px 10px;flex-shrink:0;background:#fff;border-bottom:1px solid #e2e8f0;flex-wrap:wrap}.sl-entry-cell{display:flex;flex-direction:column;gap:2px}.sl-entry-cell label{font-size:10px;font-weight:600;color:#475569}.sl-entry-product{flex:2;min-width:150px}.sl-product-input{width:100%;height:30px;padding:0 8px;font-size:12px;background:#fffde7;border:1px solid #000;border-radius:4px}.sl-num-input{height:30px;padding:0 6px;font-family:Courier New,monospace;font-size:13px!important;font-weight:700;text-align:right;background:#fffde7;border:1px solid #000;border-radius:4px;width:70px}.sl-entry-btns{display:flex;gap:5px}.sl-entry-btns .xp-btn{padding:4px 10px!important;font-size:11px!important;height:30px;white-space:nowrap}@media(max-width:700px){.sl-entry-strip{flex-direction:column;align-items:stretch}.sl-entry-cell{width:100%}.sl-entry-product{min-width:100%}.sl-num-input{width:100%}.sl-entry-btns{justify-content:space-between}.sl-entry-btns .xp-btn{flex:1;text-align:center}}.sl-table-header-bar{display:flex;align-items:center;justify-content:space-between;padding:4px 10px;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0}.sl-table-lbl{font-size:11px;color:#64748b}.sl-cur-name-inline{font-weight:700;color:#1e40af;background:#dbeafe;padding:2px 8px;border-radius:4px;font-size:11px}.sl-table-qty{font-family:Courier New,monospace;font-weight:700;font-size:12px;background:#e2e8f0;padding:2px 8px;border-radius:4px}.sl-items-wrap{flex:1;overflow:auto;background:#fff;min-height:0}table.sl-items-table{width:100%;border-collapse:collapse;font-size:11px;min-width:500px}table.sl-items-table thead tr{background:#334155;position:sticky;top:0;z-index:1}table.sl-items-table thead th{padding:6px 8px;font-size:11px;font-weight:600;color:#fff;text-align:left;border:1px solid #475569}table.sl-items-table thead th.r{text-align:right}table.sl-items-table tbody td{padding:5px 8px;border:1px solid #e2e8f0}table.sl-items-table tbody td.r{text-align:right;font-family:Courier New,monospace;font-weight:600}.sl-summary-bar{display:flex;align-items:center;gap:8px;padding:6px 10px;flex-shrink:0;background:#f8fafc;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;flex-wrap:wrap}.sl-sum-cell{display:flex;flex-direction:column;gap:2px}.sl-sum-cell label{font-size:9px;font-weight:600;color:#64748b;text-transform:uppercase}.sl-sum-val,.sl-sum-input{font-family:Courier New,monospace;font-size:12px;font-weight:700;text-align:right;width:85px;height:28px;padding:0 6px;background:#f1f5f9;border:1px solid #000;border-radius:4px}.sl-sum-input{background:#fffde7}@media(max-width:700px){.sl-summary-bar{flex-direction:column}.sl-sum-cell,.sl-sum-val,.sl-sum-input{width:100%}}.sl-customer-bar{display:flex;align-items:flex-end;gap:8px;padding:6px 10px;flex-shrink:0;background:#f8fafc;border-top:1px solid #e2e8f0;flex-wrap:wrap}.sl-cust-cell{display:flex;flex-direction:column;gap:2px}.sl-cust-cell label{font-size:10px;font-weight:600;color:#475569}.sl-cust-buyer{flex:1;min-width:150px}.sl-cust-input{height:28px;padding:0 8px;font-size:12px;background:#fffde7;border:1px solid #000;border-radius:4px;width:100%}.sl-pay-btns{display:flex;gap:4px;align-self:flex-end;flex-wrap:wrap}.sl-pay-btn{height:28px;min-width:55px;font-size:11px;font-weight:600;cursor:pointer;border-radius:4px;border:1px solid #000;background:#fff;white-space:nowrap}@media(max-width:700px){.sl-customer-bar{flex-direction:column}.sl-cust-cell,.sl-cust-buyer{width:100%}.sl-pay-btns{width:100%;justify-content:space-between}.sl-pay-btn{flex:1}}.sl-credit-warning-bar{display:flex;align-items:center;gap:8px;background:#fee2e2;border-left:4px solid #dc2626;padding:6px 10px;flex-shrink:0;flex-wrap:wrap}.sl-credit-warning-left{display:flex;align-items:center;gap:8px}.sl-credit-title{font-size:11px;font-weight:700;color:#dc2626;white-space:nowrap}.sl-credit-sub{font-size:10px;color:#991b1b}.sl-credit-statement-input{flex:1;height:32px;padding:0 10px;font-size:11px;border:1px solid #dc2626;border-radius:4px;background:#fffde7;min-width:150px}@media(max-width:600px){.sl-credit-warning-bar{flex-direction:column}.sl-credit-statement-input{width:100%}}.sl-hold-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.sl-hold-title{font-size:12px;font-weight:700;padding:6px 10px;background:#fff;border-bottom:1px solid #94a3b8;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.sl-hold-cnt{background:#2563eb;color:#fff;font-size:10px;padding:2px 6px;border-radius:10px}.sl-hold-table-wrap{flex:1;overflow:auto;background:#fff;min-height:0}table.sl-hold-table{width:100%;border-collapse:collapse;font-size:10px}table.sl-hold-table thead th{background:#334155;padding:5px 6px;color:#fff;font-weight:600;position:sticky;top:0;border:1px solid #475569}table.sl-hold-table tbody td{padding:4px 6px;border:1px solid #e2e8f0}.sl-cmd-bar{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#fff;border-top:1px solid #e2e8f0;flex-shrink:0}.sl-cmd-bar .xp-btn{padding:4px 10px;font-size:11px;white-space:nowrap;border:1px solid #000;border-radius:4px;background:#fff;cursor:pointer}.sl-cmd-bar .xp-btn-primary{background:#2563eb;color:#fff;border-color:#1d4ed8}.sl-cmd-bar .xp-btn-danger{background:#ef4444;color:#fff;border-color:#dc2626}.sl-cmd-checks{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sl-check-label{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:500;cursor:pointer;white-space:nowrap}.sl-gatepass-check{background:#fef3c7;padding:3px 8px;border-radius:4px}.sl-print-types{display:flex;gap:8px;flex-wrap:wrap}.sl-inv-info{font-size:10px;font-family:Courier New,monospace;color:#475569;white-space:nowrap}@media(max-width:700px){.sl-cmd-bar{flex-direction:column;align-items:stretch}.sl-cmd-bar .xp-btn{width:100%;text-align:center}.sl-cmd-checks,.sl-print-types{justify-content:center}.sl-inv-info{text-align:center;white-space:normal;order:-1;margin-bottom:4px}.xp-toolbar-divider{display:none}}.sl-shortcut-hints{display:flex;gap:8px}.sl-shortcut-hints span{font-size:9px;color:#cbd5e1;background:#1e293b;padding:2px 6px;border-radius:3px}.sl-pay-btn.active-cash{background:#10b981;border-color:#059669;color:#fff}.sl-pay-btn.active-credit{background:#ef4444;border-color:#dc2626;color:#fff}.sl-pay-btn.active-bank{background:#3b82f6;border-color:#2563eb;color:#fff}.sl-pay-btn.active-cheque{background:#f59e0b;border-color:#d97706;color:#fff}.xp-btn-whatsapp{background:#25d366!important;color:#fff!important;border-color:#128c7e!important}table.sl-items-table tbody tr.sl-sel-row{background:#2563eb!important}table.sl-items-table tbody tr.sl-sel-row td{color:#fff!important}.sl-bal.danger{color:#dc2626;background:#fee2e2}.sl-bal.success{color:#059669;background:#d1fae5}.sl-items-wrap::-webkit-scrollbar,.sl-hold-table-wrap::-webkit-scrollbar{width:6px;height:6px}.sl-items-wrap::-webkit-scrollbar-track,.sl-hold-table-wrap::-webkit-scrollbar-track{background:#f1f1f1}.sl-items-wrap::-webkit-scrollbar-thumb,.sl-hold-table-wrap::-webkit-scrollbar-thumb{background:#888;border-radius:3px}:root{--global-font-family: Arial, sans-serif;--global-font-size: 13px;--global-font-weight: 400}*{font-family:var(--global-font-family)!important;font-size:var(--global-font-size)!important;font-weight:var(--global-font-weight)!important}.urdu,[class*=urdu],[dir=rtl]{font-family:var(--global-font-family),"Noto Nastaliq Urdu","Mehr Nastaliq","Jameel Noori Nastaleeq","Urdu Typesetting",serif!important}.cs-page{display:flex;flex-direction:column;height:100%;background:var(--xp-silver-1);font-family:var(--xp-font);font-size:var(--xp-fs-sm)}.cs-hint-bar{background:#d4d0c8;border-bottom:1px solid var(--xp-silver-5);box-shadow:inset 0 -1px #fff;padding:2px 10px;font-size:var(--xp-fs-xs);color:#333;display:flex;gap:12px;flex-wrap:wrap;flex-shrink:0}.cs-hint-bar kbd{background:var(--xp-silver-3);border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid var(--xp-silver-5);border-bottom:1px solid var(--xp-silver-5);padding:0 5px;font-family:var(--xp-mono);font-size:var(--xp-fs-xs);font-weight:700;color:var(--xp-blue-dark)}.cs-body{flex:1;display:grid;grid-template-columns:1fr 300px;gap:0;overflow:hidden;min-height:0}.cs-left{display:flex;flex-direction:column;overflow-y:auto;border-right:2px solid var(--xp-silver-5);box-shadow:2px 0 #fff;padding:8px 10px;gap:8px}.cs-right{display:flex;flex-direction:column;overflow:hidden;background:var(--xp-silver-1)}.cs-header{display:flex;align-items:center;gap:10px;background:linear-gradient(180deg,#d7e4f2,#c0d4ec);border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid var(--xp-silver-5);border-bottom:1px solid var(--xp-silver-5);padding:5px 10px}.cs-header-title{font-size:var(--xp-fs-lg);font-weight:700;color:var(--xp-blue-dark);flex:1;display:flex;align-items:center;gap:6px}.cs-field-row{display:flex;align-items:center;gap:5px;font-size:var(--xp-fs-xs)}.cs-field-row label{font-weight:700;color:#444;white-space:nowrap}.cs-input-sm{height:22px;padding:0 5px;font-family:var(--xp-font);font-size:var(--xp-fs-xs);color:#000;background:#fff;border-top:1px solid var(--xp-silver-5);border-left:1px solid var(--xp-silver-5);border-right:1px solid #fff;border-bottom:1px solid #fff;outline:none}.cs-input-sm:focus{outline:2px solid #3b80f0}.cs-input-sm[readonly]{background:#f0ede4;color:#555}.cs-customer-strip{display:flex;align-items:center;gap:8px;padding:5px 8px;background:var(--xp-silver-3);border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid var(--xp-silver-5);border-bottom:1px solid var(--xp-silver-5);flex-wrap:wrap}.cs-customer-strip label{font-size:var(--xp-fs-xs);font-weight:700;color:#444;white-space:nowrap}.cs-phone-input{flex:1;min-width:160px;height:24px;padding:0 6px;font-family:var(--xp-font);font-size:var(--xp-fs-sm);color:#000;background:#fff;border-top:1px solid var(--xp-silver-5);border-left:1px solid var(--xp-silver-5);border-right:1px solid #fff;border-bottom:1px solid #fff;outline:none}.cs-phone-input:focus{outline:2px solid #3b80f0}.cs-customer-tag{display:flex;align-items:center;gap:6px;background:var(--xp-green-bg);border:1px solid var(--xp-green-bdr);padding:2px 8px;font-size:var(--xp-fs-xs);font-weight:700;color:var(--xp-green)}.cs-customer-tag .due{color:var(--xp-red);font-family:var(--xp-mono)}.cs-no-customer{font-size:var(--xp-fs-xs);color:var(--xp-amber);font-weight:700;display:flex;align-items:center;gap:4px}.cs-hold-pills{display:flex;gap:4px;flex-wrap:wrap}.cs-hold-pill{height:20px;padding:0 7px;font-size:var(--xp-fs-xs);font-family:var(--xp-font);background:var(--xp-amber-bg);border:1px solid var(--xp-amber-bdr);color:var(--xp-amber);font-weight:700;cursor:pointer;display:flex;align-items:center;gap:3px}.cs-hold-pill:hover{background:var(--xp-amber);color:#fff}.cs-product-row{display:flex;align-items:center;gap:8px;padding:4px 8px;background:var(--xp-silver-1);border-bottom:1px solid var(--xp-silver-2)}.cs-product-row label{font-size:var(--xp-fs-xs);font-weight:700;color:#444;white-space:nowrap}.cs-product-input{flex:1;height:24px;padding:0 6px;font-family:var(--xp-font);font-size:var(--xp-fs-sm);background:#fff;border-top:1px solid var(--xp-silver-5);border-left:1px solid var(--xp-silver-5);border-right:1px solid #fff;border-bottom:1px solid #fff;outline:none;cursor:pointer;color:#000}.cs-product-input:focus{outline:2px solid #3b80f0}.cs-items-panel{border-top:1px solid var(--xp-silver-5);border-left:1px solid var(--xp-silver-5);border-right:1px solid #fff;border-bottom:1px solid #fff;background:#fff;overflow:auto;flex-shrink:0}table.cs-items-table{width:100%;border-collapse:collapse;font-size:var(--xp-fs-sm);font-family:var(--xp-font)}table.cs-items-table thead tr{background:linear-gradient(180deg,#d7e4f2,#b8d0ec);position:sticky;top:0;z-index:1}table.cs-items-table thead th{padding:5px 7px;font-size:var(--xp-fs-xs);font-weight:700;color:#000;text-align:left;border-right:1px solid #c8d8ec;border-bottom:2px solid #7aabda;white-space:nowrap}table.cs-items-table thead th:last-child{border-right:none}table.cs-items-table thead th.r{text-align:right}table.cs-items-table tbody tr{border-bottom:1px solid #e8e4dc}table.cs-items-table tbody tr:nth-child(2n){background:#f5f3ee}table.cs-items-table tbody tr.active-row{background:#c3d9f5}table.cs-items-table tbody td{padding:2px 4px;vertical-align:middle}table.cs-items-table tbody td.r{text-align:right}table.cs-items-table tbody td.amt{font-family:var(--xp-mono);font-weight:700;text-align:right;padding-right:8px}.cs-cell-input{height:22px;padding:0 4px;font-family:var(--xp-font);font-size:var(--xp-fs-sm);color:#000;background:transparent;border:1px solid transparent;outline:none;width:100%}.cs-cell-input:focus{background:#fff;border:1px solid #3b80f0;outline:none}.cs-cell-input.w-code{width:70px}.cs-cell-input.w-desc{width:180px}.cs-cell-input.w-meas{width:60px}.cs-cell-input.w-num{width:60px;text-align:right}.cs-bottom{display:grid;grid-template-columns:1fr 220px;gap:8px;padding:6px 0 2px;flex-shrink:0}.cs-actions-col{display:flex;flex-direction:column;gap:6px}.cs-remarks-row{display:flex;align-items:center;gap:6px;font-size:var(--xp-fs-xs)}.cs-remarks-row label{font-weight:700;color:#444;white-space:nowrap}.cs-remarks-input{flex:1;height:22px;padding:0 5px;font-family:var(--xp-font);font-size:var(--xp-fs-sm);background:#fff;border-top:1px solid var(--xp-silver-5);border-left:1px solid var(--xp-silver-5);border-right:1px solid #fff;border-bottom:1px solid #fff;outline:none;color:#000}.cs-remarks-input:focus{outline:2px solid #3b80f0}.cs-btn-row{display:flex;gap:5px;flex-wrap:wrap}.cs-totals-box{background:var(--xp-silver-3);border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid var(--xp-silver-5);border-bottom:1px solid var(--xp-silver-5);padding:6px 10px;display:flex;flex-direction:column;gap:3px;font-size:var(--xp-fs-sm);min-width:0}.cs-total-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:1px 0;border-bottom:1px dotted #d4d0c8}.cs-total-row:last-child{border-bottom:none}.cs-total-row label{color:#555;font-size:var(--xp-fs-xs);font-weight:700;white-space:nowrap}.cs-total-row .val{font-family:var(--xp-mono);font-weight:700;font-size:var(--xp-fs-sm);color:#000}.cs-total-row .val.danger{color:var(--xp-red)}.cs-total-row .val.success{color:var(--xp-green)}.cs-total-row.highlight{background:#d7e4f2;margin:0 -10px;padding:3px 10px;border-bottom:1px solid #7aabda}.cs-total-row.highlight .val{font-size:var(--xp-fs-lg)}.cs-paid-input{width:90px;height:22px;padding:0 5px;font-family:var(--xp-mono);font-size:var(--xp-fs-sm);font-weight:700;color:var(--xp-green);background:#fff;border-top:1px solid var(--xp-silver-5);border-left:1px solid var(--xp-silver-5);border-right:1px solid #fff;border-bottom:1px solid #fff;outline:none;text-align:right}.cs-paid-input:focus{outline:2px solid #3b80f0}.cs-disc-input{width:50px;height:22px;padding:0 4px;font-family:var(--xp-mono);font-size:var(--xp-fs-sm);font-weight:700;background:#fff;border-top:1px solid var(--xp-silver-5);border-left:1px solid var(--xp-silver-5);border-right:1px solid #fff;border-bottom:1px solid #fff;outline:none;text-align:right}.cs-disc-input:focus{outline:2px solid #3b80f0}.cs-history-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.cs-history-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#999;font-size:var(--xp-fs-sm);padding:20px;text-align:center}.cs-history-empty-icon{font-size:32px;opacity:.35}.cs-hist-customer{background:linear-gradient(180deg,#d7e4f2,#c0d4ec);border-bottom:2px solid #7aabda;padding:7px 10px;flex-shrink:0}.cs-hist-name{font-size:var(--xp-fs-md);font-weight:700;color:var(--xp-blue-dark)}.cs-hist-sub{font-size:var(--xp-fs-xs);color:#555;margin-top:1px}.cs-hist-actions{display:flex;gap:4px;margin-top:5px}.cs-hist-stats{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:6px 8px;background:var(--xp-silver-1);border-bottom:1px solid var(--xp-silver-2);flex-shrink:0}.cs-hstat{background:var(--xp-silver-3);border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid var(--xp-silver-5);border-bottom:1px solid var(--xp-silver-5);padding:4px 7px}.cs-hstat-lbl{font-size:9px;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:.04em;margin-bottom:1px}.cs-hstat-val{font-size:12px;font-weight:700;font-family:var(--xp-mono);color:#000}.cs-hstat-val.danger{color:var(--xp-red)}.cs-hstat-val.success{color:var(--xp-green)}.cs-hstat-val.warning{color:var(--xp-amber)}.cs-hist-section-title{padding:4px 8px 2px;font-size:var(--xp-fs-xs);font-weight:700;color:var(--xp-blue-dark);background:var(--xp-silver-1);border-bottom:1px solid var(--xp-silver-2);display:flex;align-items:center;gap:5px;flex-shrink:0}.cs-hist-table-wrap{flex:1;overflow-y:auto;background:#fff;border-top:1px solid var(--xp-silver-5)}table.cs-hist-table{width:100%;border-collapse:collapse;font-size:var(--xp-fs-xs);font-family:var(--xp-font)}table.cs-hist-table thead tr{background:linear-gradient(180deg,#d7e4f2,#b8d0ec)}table.cs-hist-table thead th{padding:4px 6px;font-size:9px;font-weight:700;color:#000;text-align:left;border-right:1px solid #c8d8ec;border-bottom:2px solid #7aabda;white-space:nowrap;position:sticky;top:0;z-index:1}table.cs-hist-table thead th.r{text-align:right}table.cs-hist-table tbody tr{border-bottom:1px solid #e8e4dc;cursor:pointer}table.cs-hist-table tbody tr:nth-child(2n){background:#f5f3ee}table.cs-hist-table tbody tr:hover{background:#c3d9f5}table.cs-hist-table tbody td{padding:4px 6px;vertical-align:middle;font-size:var(--xp-fs-xs)}table.cs-hist-table tbody td.r{text-align:right}table.cs-hist-table tbody td.mono{font-family:var(--xp-mono);font-weight:700}.cs-modal-filters{display:flex;gap:8px;padding:8px 12px;background:var(--xp-silver-1);border-bottom:1px solid var(--xp-silver-2);flex-wrap:wrap;align-items:flex-end;flex-shrink:0}.cs-modal-filter-grp{display:flex;flex-direction:column;gap:2px;flex:1;min-width:120px}.cs-modal-filter-grp label{font-size:var(--xp-fs-xs);font-weight:700;color:#444}.cs-modal-hint{padding:4px 12px;background:#d7e4f2;border-top:1px solid #7aabda;font-size:10px;color:#333;flex-shrink:0}.cs-inv-preview{padding:10px 14px;font-size:var(--xp-fs-sm)}.cs-inv-shop{text-align:center;font-size:var(--xp-fs-lg);font-weight:700;color:var(--xp-blue-dark)}.cs-inv-sub{text-align:center;font-size:var(--xp-fs-xs);color:#666;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px}.cs-inv-meta{display:flex;flex-wrap:wrap;gap:6px;padding:5px 8px;margin-bottom:8px;background:var(--xp-silver-3);border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid var(--xp-silver-5);border-bottom:1px solid var(--xp-silver-5);font-size:var(--xp-fs-xs)}.cs-inv-totals{background:var(--xp-silver-3);border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid var(--xp-silver-5);border-bottom:1px solid var(--xp-silver-5);padding:6px 10px;margin-top:8px;float:right;min-width:220px}.cs-inv-total-row{display:flex;justify-content:space-between;font-size:var(--xp-fs-sm);padding:2px 0;border-bottom:1px dotted #d4d0c8}.cs-inv-total-row:last-child{border-bottom:none}.cs-inv-total-row.bold{font-weight:700}.cs-inv-total-row.danger{color:var(--xp-red)}.cs-inv-total-row.success{color:var(--xp-green)}.cs-inv-thanks{text-align:center;font-size:var(--xp-fs-xs);color:#888;clear:both;border-top:1px dashed #ccc;margin-top:12px;padding-top:8px}.cs-pay-two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 14px}.cs-pay-section-title{font-size:var(--xp-fs-xs);font-weight:700;color:var(--xp-blue-dark);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--xp-blue-mid);padding-bottom:3px;margin-bottom:8px;display:flex;align-items:center;gap:5px}.cs-pay-outstanding{display:flex;align-items:center;justify-content:space-between;padding:5px 8px;margin-bottom:8px;background:var(--xp-red-bg);border-top:1px solid var(--xp-red-bdr);border-left:1px solid var(--xp-red-bdr);border-right:1px solid #ffd7d0;border-bottom:1px solid #ffd7d0;font-size:var(--xp-fs-xs);color:var(--xp-red)}.cs-pay-outstanding strong{font-family:var(--xp-mono);font-size:13px}@media(max-width:900px){.cs-body{grid-template-columns:1fr}.cs-right{border-top:2px solid var(--xp-silver-5);max-height:280px}.cs-bottom{grid-template-columns:1fr}}.cc-stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.cc-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:14px 16px;transition:all .2s;position:relative;overflow:hidden}.cc-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#3b82f6}.cc-stat-card.red:before{background:#dc2626}.cc-stat-card.green:before{background:#10b981}.cc-stat-label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.cc-stat-val{font-size:24px;font-weight:700;font-family:monospace;color:#0f172a}.cc-stat-val.danger{color:#dc2626}.cc-stat-val.success{color:#10b981}.cc-row-due{background:#dc262605}.cc-row-expanded{background:#eff6ff!important}.cc-act{display:flex;gap:6px;align-items:center}.cc-btn-wa-sm{background:#25d366!important;color:#fff!important;border-color:#128c7e!important}.cc-btn-wa-sm:hover{background:#128c7e!important}.cc-info-strip{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px}.cc-info-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.cc-info-chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#475569;background:#fff;padding:4px 12px;border-radius:20px;border:1px solid #e2e8f0}.cc-stat-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.cc-mini-stat{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 10px;text-align:center}.cc-mini-stat.danger{background:#fef2f2;border-color:#fecaca}.cc-mini-lbl{font-size:10px;font-weight:600;color:#64748b;text-transform:uppercase;margin-bottom:3px}.cc-mini-val{font-size:13px;font-weight:700;font-family:monospace;color:#0f172a}.cc-mini-val.danger{color:#dc2626}.cc-mini-val.success{color:#10b981}.cc-mini-val.warning{color:#f59e0b}.cc-detail-cell{padding:12px!important;background:#f8fafc!important}.cc-detail-inner{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.cc-detail-footer{display:flex;gap:16px;padding:10px 12px;border-top:1px solid #e2e8f0;font-size:12px;font-weight:500}.cc-pay-form{max-width:500px;margin:0 auto}.cc-due-banner{display:flex;align-items:center;justify-content:space-between;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:12px 16px;margin-bottom:20px}.cc-due-banner span{font-weight:600;color:#991b1b}.cc-due-banner strong{font-family:monospace;font-size:20px;color:#dc2626}.cc-pay-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.cc-pfx-wrap{position:relative}.cc-pfx{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:14px;font-weight:600;color:#64748b;font-family:monospace}@media(max-width:900px){.cc-stat-grid,.cc-stat-row{grid-template-columns:repeat(3,1fr)}.cc-pay-form-row{grid-template-columns:1fr}}@media(max-width:600px){.cc-stat-grid,.cc-stat-row{grid-template-columns:repeat(2,1fr)}}.text-muted{color:#64748b}.xp-code{font-family:monospace;font-size:11px;background:#f1f5f9;padding:2px 6px;border-radius:4px}.xp-link-btn{background:none;border:none;color:#2563eb;cursor:pointer;font-weight:500}.xp-badge-due{background:#fee2e2;color:#dc2626;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600}.xp-badge-clear{background:#d1fae5;color:#059669;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600}.xp-badge-sale{background:#dbeafe;color:#2563eb}.xp-badge-ret{background:#fed7aa;color:#ea580c}.cc-payment-row{background:#ecfdf5}.cc-payment-row:hover{background:#d1fae5!important}.xp-badge-payment{background:#10b981;color:#fff;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600}.ds-pay-section{background:var(--xp-silver-3);border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid var(--xp-silver-5);border-bottom:1px solid var(--xp-silver-5);padding:7px 10px;display:flex;flex-direction:column;gap:6px;flex-shrink:0}.ds-pay-title{font-size:var(--xp-fs-xs);font-weight:700;color:var(--xp-blue-dark);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--xp-silver-2);padding-bottom:3px;margin-bottom:2px}.ds-qpay-row{display:flex;gap:5px}.ds-qpay-btn{flex:1;height:24px;font-size:var(--xp-fs-xs);font-family:var(--xp-font);font-weight:700;cursor:pointer;border-radius:2px;border:1px solid var(--xp-silver-5);box-shadow:var(--xp-shadow-btn);background:linear-gradient(180deg,#f4f1e8,#dedad0,#c8c4ba);color:#000;display:flex;align-items:center;justify-content:center;gap:4px}.ds-qpay-btn:hover{background:linear-gradient(180deg,#fafaf0,#e8e4d8)}.ds-qpay-btn:active{box-shadow:var(--xp-shadow-btn-dn)}.ds-qpay-btn.full-cash{background:linear-gradient(180deg,#f0fdf4,#86efac);color:#14532d;border-color:#22c55e}.ds-qpay-btn.full-cash:hover{filter:brightness(1.05)}.ds-qpay-btn.full-credit{background:linear-gradient(180deg,#fff5f5,#fca5a5);color:#7f1d1d;border-color:#ef4444}.ds-qpay-btn.full-credit:hover{filter:brightness(1.05)}.ds-qpay-btn.partial{background:linear-gradient(180deg,#fefce8,#fde68a);color:#78350f;border-color:#f59e0b}.ds-qpay-btn.partial:hover{filter:brightness(1.05)}.ds-cash-row{display:flex;align-items:center;gap:6px}.ds-cash-row label{font-size:var(--xp-fs-xs);font-weight:700;color:#444;white-space:nowrap}.ds-cash-input{flex:1;height:24px;padding:0 6px;font-family:var(--xp-mono);font-size:var(--xp-fs-sm);font-weight:700;color:var(--xp-green);background:#fff;border-top:1px solid var(--xp-silver-5);border-left:1px solid var(--xp-silver-5);border-right:1px solid #fff;border-bottom:1px solid #fff;outline:none;text-align:right}.ds-cash-input:focus{outline:2px solid #3b80f0}.ds-credit-badge{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;font-size:var(--xp-fs-xs);font-weight:700;background:#fee2e2;color:#7f1d1d;border:1px solid #fca5a5;border-radius:2px;white-space:nowrap;font-family:var(--xp-mono)}.ds-hist-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.ds-hist-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#999;font-size:var(--xp-fs-sm);padding:20px;text-align:center}.ds-hist-customer-hdr{background:linear-gradient(180deg,#d7e4f2,#c0d4ec);border-bottom:2px solid #7aabda;padding:7px 10px;flex-shrink:0}.ds-hist-name{font-size:var(--xp-fs-md);font-weight:700;color:var(--xp-blue-dark)}.ds-hist-sub{font-size:var(--xp-fs-xs);color:#555;margin-top:1px}.ds-hist-actions{display:flex;gap:4px;margin-top:5px}.ds-hist-stats{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:6px 8px;background:var(--xp-silver-1);border-bottom:1px solid var(--xp-silver-2);flex-shrink:0}.ds-hstat{background:var(--xp-silver-3);border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid var(--xp-silver-5);border-bottom:1px solid var(--xp-silver-5);padding:4px 7px}.ds-hstat.danger{background:var(--xp-red-bg)}.ds-hstat.amber{background:var(--xp-amber-bg)}.ds-hstat-lbl{font-size:9px;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:.04em;margin-bottom:1px}.ds-hstat-val{font-size:12px;font-weight:700;font-family:var(--xp-mono);color:#000}.ds-hstat-val.danger{color:var(--xp-red)}.ds-hstat-val.success{color:var(--xp-green)}.ds-hstat-val.warning{color:var(--xp-amber)}.ds-hist-section{padding:4px 8px 2px;font-size:var(--xp-fs-xs);font-weight:700;color:var(--xp-blue-dark);background:var(--xp-silver-1);border-bottom:1px solid var(--xp-silver-2);display:flex;align-items:center;gap:5px;flex-shrink:0}.ds-hist-list-wrap{flex:1;overflow-y:auto;background:#fff;border-top:1px solid var(--xp-silver-5)}.ds-hist-card{display:grid;grid-template-columns:1fr auto;gap:2px;padding:5px 8px;border-bottom:1px solid #e8e4dc;cursor:pointer;font-size:var(--xp-fs-xs)}.ds-hist-card:hover{background:#c3d9f5}.ds-hist-card:nth-child(2n){background:#f5f3ee}.ds-hist-card:nth-child(2n):hover{background:#c3d9f5}.ds-hist-card-inv{font-family:var(--xp-mono);font-weight:700;font-size:var(--xp-fs-xs);color:var(--xp-blue-dark)}.ds-hist-card-date{color:#777;font-size:10px}.ds-hist-card-total{font-family:var(--xp-mono);font-weight:700;text-align:right}.ds-hist-card-bal{font-family:var(--xp-mono);font-weight:700;text-align:right;font-size:11px}.ds-hist-card-bal.danger{color:var(--xp-red)}.ds-hist-card-bal.success{color:var(--xp-green)}.ds-cust-sel-hint{padding:4px 12px;background:#d7e4f2;border-top:1px solid #7aabda;font-size:10px;color:#333;flex-shrink:0}.ds-inv-mode-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:var(--xp-fs-xs);font-weight:700;border-radius:2px;font-family:var(--xp-font)}.ds-inv-mode-cash{background:#dcfce7;color:#14532d;border:1px solid #86efac}.ds-inv-mode-credit{background:#fee2e2;color:#7f1d1d;border:1px solid #fca5a5}.ds-inv-mode-partial{background:#fef3c7;color:#78350f;border:1px solid #fcd34d}.ds-bottom{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:6px 0 2px;flex-shrink:0}.ds-left-col{display:flex;flex-direction:column;gap:6px}@media(max-width:900px){.ds-bottom{grid-template-columns:1fr}.ds-hist-stats{grid-template-columns:1fr 1fr}}:root{--cp-black: #000000;--cp-white: #ffffff;--cp-light-bg: #f8f8f8;--cp-border-radius: 6px;--cp-border-radius-sm: 4px}.cp-page{display:flex;flex-direction:column;height:100vh;background:var(--cp-light-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;font-size:13px;overflow:hidden;position:relative}.cs-hint-bar{display:flex;align-items:center;gap:16px;padding:5px 16px;background:var(--cp-white);border-bottom:1px solid var(--cp-black);font-size:11px;flex-shrink:0;color:var(--cp-black)}.cs-hint-bar kbd{background:var(--cp-white);border:1px solid var(--cp-black);border-radius:3px;padding:1px 6px;font-family:monospace;font-size:10px;font-weight:700;margin-right:4px;color:var(--cp-black)}.cp-middle{flex:1;display:grid;grid-template-columns:40% 60%;gap:12px;padding:12px;overflow:hidden;min-height:0}.cp-left{display:flex;flex-direction:column;gap:12px;overflow-y:auto;min-height:0}.cp-right{display:flex;flex-direction:column;min-height:0;overflow:hidden}.cp-right>.cp-fieldset{flex:1;min-height:0;display:flex;flex-direction:column}.cp-right-inner{flex:1;display:flex;flex-direction:column;min-height:0;gap:8px;padding-top:4px}.cp-bottom{flex-shrink:0;display:grid;grid-template-columns:40% 60%;gap:12px;padding:8px 12px 12px}.cp-fieldset{border:1px solid var(--cp-black);border-radius:var(--cp-border-radius);padding:0 12px 12px;background:var(--cp-white);margin:0}.cp-legend{padding:0 8px;font-size:10px;font-weight:700;color:var(--cp-black);background:var(--cp-white);margin-left:8px;letter-spacing:.5px;text-transform:uppercase}.cp-frow{display:grid;grid-template-columns:95px 1fr;align-items:center;gap:8px;margin-bottom:6px}.cp-frow label{font-size:12px;font-weight:600;color:var(--cp-black);text-align:left;white-space:nowrap}.cp-frow.full{grid-template-columns:1fr}.cp-acct-row{display:flex;align-items:center;gap:6px}.cp-type-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;font-size:10px;font-weight:700;background:var(--cp-white);color:var(--cp-black);border:1px solid var(--cp-black);border-radius:12px}.cp-inner-tabs{display:flex;gap:2px;border-bottom:1px solid var(--cp-black);margin:10px -12px 0;padding:0 12px}.cp-inner-tab{display:inline-flex;align-items:center;height:30px;padding:0 14px;font-family:inherit;font-size:11px;font-weight:600;color:var(--cp-black);background:transparent;border:1px solid transparent;border-bottom:none;cursor:pointer;border-radius:var(--cp-border-radius-sm) var(--cp-border-radius-sm) 0 0;margin-bottom:-1px;transition:all .15s}.cp-inner-tab:hover{background:var(--cp-light-bg);border-color:var(--cp-black)}.cp-inner-tab.active{color:var(--cp-black);font-weight:700;border-color:var(--cp-black);border-bottom:1px solid var(--cp-white);background:var(--cp-white)}.cp-tab-content{padding:10px 0 0}.cp-img-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:6px}.cp-img-upload{display:flex;flex-direction:column;gap:6px}.cp-img-label{font-size:10px;font-weight:600;color:var(--cp-black);letter-spacing:.3px}.cp-img-preview{position:relative;width:100%;aspect-ratio:16/10;background:var(--cp-white);border:1px solid var(--cp-black);border-radius:var(--cp-border-radius-sm);overflow:hidden;display:flex;align-items:center;justify-content:center}.cp-img-preview img{width:100%;height:100%;object-fit:cover}.cp-img-empty{font-size:10px;color:var(--cp-black);text-align:center;opacity:.5}.cp-img-remove{position:absolute;top:4px;right:4px;width:20px;height:20px;background:var(--cp-black);color:var(--cp-white);border:1px solid var(--cp-black);border-radius:3px;cursor:pointer;font-size:11px;display:flex;align-items:center;justify-content:center;transition:all .15s}.cp-img-remove:hover{background:var(--cp-white);color:var(--cp-black)}.cp-img-btns{display:flex;gap:4px}.cp-ob-row{display:flex;align-items:center;gap:12px;margin-bottom:6px}.cp-ob-row:last-child{margin-bottom:0}.cp-ob-row label{font-size:10px;font-weight:700;color:var(--cp-black);min-width:65px;text-transform:uppercase;letter-spacing:.3px}.cp-list-header{display:flex;align-items:center;gap:10px;flex-shrink:0}.cp-total-due{font-size:11px;font-weight:700;color:var(--cp-black);white-space:nowrap;font-family:SF Mono,Courier New,monospace;background:var(--cp-white);padding:3px 12px;border-radius:12px;border:1px solid var(--cp-black)}.cp-list-table-wrap{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;border:1px solid var(--cp-black);border-radius:var(--cp-border-radius-sm);background:var(--cp-white)}table.cp-list-table{width:100%;border-collapse:collapse;font-size:12px;font-family:inherit;table-layout:fixed}table.cp-list-table .col-sr{width:36px}table.cp-list-table .col-code{width:70px}table.cp-list-table .col-name{width:auto}table.cp-list-table thead tr{position:sticky;top:0;z-index:1}table.cp-list-table thead th{padding:8px 10px;font-size:10px;font-weight:700;color:var(--cp-black);text-align:left;background:var(--cp-white);border-bottom:1px solid var(--cp-black);text-transform:uppercase;letter-spacing:.5px}table.cp-list-table tbody tr{border-bottom:1px solid var(--cp-black);cursor:pointer;background:var(--cp-white);transition:background .12s}table.cp-list-table tbody tr:hover{background:var(--cp-light-bg)}table.cp-list-table tbody tr.cp-row-selected{background:var(--cp-black)!important}table.cp-list-table tbody tr.cp-row-selected td,table.cp-list-table tbody tr.cp-row-selected button{color:var(--cp-white)!important}table.cp-list-table tbody td{padding:8px 10px;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--cp-black);font-size:12px;border-bottom:1px solid var(--cp-black)}table.cp-list-table tbody td.col-sr{text-align:center;color:var(--cp-black);font-size:10px;opacity:.6}table.cp-list-table tbody td.col-code{font-family:SF Mono,monospace;font-size:11px;font-weight:600;color:var(--cp-black)}table.cp-list-table tbody td.col-type span{padding:2px 8px!important;border-radius:3px!important;font-size:9px!important;font-weight:700!important;background:var(--cp-white)!important;color:var(--cp-black)!important;border:1px solid var(--cp-black)!important;white-space:nowrap!important;letter-spacing:.3px;text-transform:uppercase}.cp-list-footer{padding:6px 10px;background:var(--cp-white);border-top:1px solid var(--cp-black);font-size:10px;color:var(--cp-black);flex-shrink:0;display:flex;align-items:center;gap:8px;font-weight:500}.cp-cmd-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;padding-top:2px}.cp-textarea{width:100%;padding:6px 10px;font-family:inherit;font-size:12px;color:var(--cp-black);background:var(--cp-white);border:1px solid var(--cp-black);border-radius:var(--cp-border-radius-sm);outline:none;resize:vertical;line-height:1.5;box-sizing:border-box;transition:all .15s}.cp-textarea:focus{border-color:var(--cp-black);box-shadow:0 0 0 2px #0000001a}.xp-input{padding:6px 10px;font-size:12px;border:1px solid var(--cp-black);border-radius:var(--cp-border-radius-sm);background:var(--cp-white);transition:all .15s;color:var(--cp-black)}.xp-input:focus{border-color:var(--cp-black);outline:none;box-shadow:0 0 0 2px #0000001a}.xp-input:disabled,.xp-input[readonly]{background:var(--cp-light-bg);color:var(--cp-black);opacity:.7}.xp-btn{padding:5px 12px;font-size:11px;font-weight:600;border-radius:var(--cp-border-radius-sm);cursor:pointer;transition:all .15s;border:1px solid var(--cp-black);background:var(--cp-white);color:var(--cp-black)}.xp-btn:hover{background:var(--cp-black);color:var(--cp-white)}.xp-btn:active{transform:scale(.97)}.xp-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.xp-btn-sm{padding:4px 10px;font-size:10px}.xp-btn-primary{background:var(--cp-black);border-color:var(--cp-black);color:var(--cp-white)}.xp-btn-primary:hover{background:var(--cp-white);color:var(--cp-black)}.xp-btn-danger{background:var(--cp-black);border-color:var(--cp-black);color:var(--cp-white)}.xp-btn-danger:hover{background:var(--cp-white);color:var(--cp-black)}.xp-btn-ico{padding:5px 8px}.xp-alert{margin:6px 12px 0;padding:8px 14px;border-radius:var(--cp-border-radius-sm);font-size:11px;font-weight:600;border:1px solid var(--cp-black);background:var(--cp-white);color:var(--cp-black);min-height:34px;max-height:34px;overflow:hidden;box-sizing:border-box;display:flex;align-items:center}.xp-alert-success,.xp-alert-error{background:var(--cp-white);border:1px solid var(--cp-black);color:var(--cp-black)}.xp-statusbar{display:flex;align-items:center;gap:14px;padding:4px 12px;background:var(--cp-white);border-top:1px solid var(--cp-black);font-size:10px;color:var(--cp-black);flex-shrink:0;min-height:30px;height:30px;box-sizing:border-box;font-weight:500}.xp-status-pane{display:flex;align-items:center;gap:4px}.xp-status-pane strong{font-family:SF Mono,monospace;font-weight:700;color:var(--cp-black)}.xp-titlebar{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:var(--cp-black);flex-shrink:0}.xp-tb-title{font-size:12px;font-weight:700;color:var(--cp-white)}.xp-tb-actions{display:flex;align-items:center;gap:2px}.xp-cap-btn{background:transparent;border:1px solid transparent;color:var(--cp-white);width:26px;height:26px;border-radius:3px;cursor:pointer;font-size:13px;transition:all .15s}.xp-cap-btn:hover{background:#ffffff26;border-color:var(--cp-white);color:var(--cp-white)}.xp-cap-close:hover{background:var(--cp-white);color:var(--cp-black);border-color:var(--cp-white)}.xp-tb-divider{width:1px;height:16px;background:var(--cp-white);margin:0 4px;opacity:.3}.xp-search-wrap{position:relative;display:flex;align-items:center;flex:1}.xp-search-icon{position:absolute;left:9px;color:var(--cp-black);opacity:.5}.xp-search-wrap .xp-input{padding-left:28px;width:100%}.xp-link-btn{background:none;border:none;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;padding:0;text-align:left;font-weight:500}.xp-link-btn:hover{text-decoration:underline}.xp-loading,.xp-empty{text-align:center;padding:32px;color:var(--cp-black);font-size:12px;font-weight:500;opacity:.6}.cp-left,.cp-right-inner,.cp-list-table-wrap{scrollbar-gutter:stable}.cp-fieldset,.cp-frow,.cp-ob-row,.cp-cmd-grid{box-sizing:border-box}@media(max-width:900px){.cp-middle,.cp-bottom{grid-template-columns:1fr;gap:12px}.cp-right{max-height:350px}.cp-img-pair{grid-template-columns:1fr;gap:10px}.cp-cmd-grid{grid-template-columns:1fr 1fr}.cs-hint-bar{flex-wrap:wrap;gap:6px}}.sh-page{display:flex;flex-direction:column;height:100%;background:var(--xp-silver-1);font-family:var(--xp-font);font-size:var(--xp-fs-sm);overflow:hidden}.sh-topbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:5px 10px;flex-shrink:0;background:linear-gradient(180deg,#2b7fd4,#1a46a0,#3d80d4);border-bottom:2px solid #0a246a}.sh-title{font-size:15px;font-weight:700;color:#fff;display:flex;align-items:center;gap:6px;text-shadow:1px 1px 2px rgba(0,0,0,.4);white-space:nowrap;margin-right:4px}.sh-title i{font-size:14px}.sh-date-btns{display:flex;gap:3px}.sh-dbtn{height:22px;padding:0 9px;font-family:var(--xp-font);font-size:var(--xp-fs-xs);font-weight:700;background:#ffffff2e;color:#fff;border:1px solid rgba(255,255,255,.35);cursor:pointer;border-radius:2px}.sh-dbtn:hover{background:#ffffff4d}.sh-dbtn.active{background:#fff;color:var(--xp-blue-dark);border-color:#fff;box-shadow:0 1px 3px #0000004d}.sh-custom{display:flex;align-items:center;gap:4px}.sh-custom i{color:#fffc;font-size:12px}.sh-custom span{color:#fff;font-size:12px}.sh-date-input{height:22px;padding:0 5px;width:120px;font-family:var(--xp-font);font-size:var(--xp-fs-xs);color:#000;background:#ffffffeb;border:1px solid rgba(255,255,255,.5);outline:none;border-radius:2px}.sh-date-input:focus{background:#fff}.sh-apply-btn{height:22px;padding:0 10px;font-family:var(--xp-font);font-size:var(--xp-fs-xs);font-weight:700;background:#fbbf24;color:#78350f;border:1px solid #f59e0b;cursor:pointer;border-radius:2px;display:flex;align-items:center;gap:4px}.sh-apply-btn:hover{background:#f59e0b}.sh-search-box{position:relative;display:flex;align-items:center;margin-left:auto}.sh-search-icon{position:absolute;left:7px;color:#888;font-size:11px;pointer-events:none}.sh-search-input{height:24px;padding:0 8px 0 24px;width:220px;font-family:var(--xp-font);font-size:var(--xp-fs-sm);color:#000;background:#fff;border:1px solid rgba(255,255,255,.5);outline:none;border-radius:2px}.sh-search-input:focus{outline:2px solid #fbbf24}.sh-tabs{display:flex;gap:2px;padding:0 10px;background:var(--xp-silver-2);border-bottom:2px solid var(--xp-blue-mid);flex-shrink:0}.sh-tab{height:28px;padding:0 13px;margin-bottom:-2px;font-family:var(--xp-font);font-size:var(--xp-fs-xs);font-weight:700;display:flex;align-items:center;gap:5px;background:linear-gradient(180deg,#f0ede4,#d4d0c8);border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid var(--xp-silver-5);border-bottom:none;cursor:pointer;border-radius:3px 3px 0 0;color:#444}.sh-tab:hover{background:linear-gradient(180deg,#fafaf0,#e0ddd4)}.sh-tab.active-all{background:var(--xp-silver-3);color:var(--xp-blue-dark);border-bottom:2px solid var(--xp-silver-3)}.sh-tab.active-debit{background:#fef9ec;color:#78350f;border-bottom:2px solid #fef9ec}.sh-tab.active-credit{background:#f0fdf4;color:#14532d;border-bottom:2px solid #f0fdf4}.sh-tab.active-cash{background:#eff6ff;color:#1e3a8a;border-bottom:2px solid #eff6ff}.sh-tab.active-return{background:#fff5f5;color:#7f1d1d;border-bottom:2px solid #fff5f5}.sh-tab-count{background:#316ac5;color:#fff;font-size:9px;font-weight:700;padding:0 5px;border-radius:8px;min-width:18px;text-align:center;line-height:15px}.sh-tab.active-debit .sh-tab-count{background:var(--xp-amber)}.sh-tab.active-credit .sh-tab-count{background:var(--xp-green)}.sh-tab.active-return .sh-tab-count{background:var(--xp-red)}.sh-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:6px 10px;flex-shrink:0}.sh-card{background:var(--xp-silver-3);border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid var(--xp-silver-5);border-bottom:1px solid var(--xp-silver-5);padding:6px 10px;position:relative;overflow:hidden}.sh-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--xp-blue-mid)}.sh-card.green:before{background:var(--xp-green)}.sh-card.orange:before{background:var(--xp-amber)}.sh-card-lbl{font-size:var(--xp-fs-xs);font-weight:700;color:#555;display:flex;align-items:center;gap:4px;margin-bottom:3px}.sh-card-val{font-family:var(--xp-mono);font-size:14px;font-weight:700;color:var(--xp-blue-dark)}.sh-card.green .sh-card-val{color:var(--xp-green)}.sh-card.orange .sh-card-val{color:var(--xp-amber)}.sh-card-sub{font-size:10px;color:#888;margin-top:2px}.sh-filterbar{display:flex;align-items:center;gap:8px;padding:4px 10px;flex-shrink:0;background:var(--xp-silver-3);border-top:1px solid #fff;border-bottom:1px solid var(--xp-silver-2);box-shadow:0 1px #fff}.sh-flbl{font-size:var(--xp-fs-xs);font-weight:700;color:#444;white-space:nowrap;display:flex;align-items:center;gap:4px}.sh-fsel{height:22px;padding:0 5px;font-family:var(--xp-font);font-size:var(--xp-fs-xs);background:#fff;cursor:pointer;outline:none;border-top:1px solid var(--xp-silver-5);border-left:1px solid var(--xp-silver-5);border-right:1px solid #fff;border-bottom:1px solid #fff}.sh-fsel:focus{outline:2px solid #3b80f0}.sh-fbtn{height:22px;padding:0 8px;font-family:var(--xp-font);font-size:var(--xp-fs-xs);font-weight:700;cursor:pointer;background:linear-gradient(180deg,#f4f1e8,#dedad0);border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid var(--xp-silver-5);border-bottom:1px solid var(--xp-silver-5);display:flex;align-items:center;gap:4px;color:#444}.sh-fbtn:hover{background:linear-gradient(180deg,#fafaf0,#e8e4d8)}.sh-fcount{font-size:var(--xp-fs-xs);color:#666;margin-left:auto;display:flex;align-items:center;gap:4px}.sh-table-wrap{flex:1;overflow-y:auto;background:#fff;min-height:0;border-top:1px solid var(--xp-silver-5);border-left:1px solid var(--xp-silver-5);border-right:1px solid #fff}table.sh-table{width:100%;border-collapse:collapse;font-size:var(--xp-fs-sm);font-family:var(--xp-font)}table.sh-table thead tr{background:linear-gradient(180deg,#1e4d8c,#0a2d6a);position:sticky;top:0;z-index:1}table.sh-table thead th{padding:6px 8px;font-size:var(--xp-fs-xs);font-weight:700;color:#fff;text-align:left;border-right:1px solid rgba(255,255,255,.2);border-bottom:2px solid #0a246a;white-space:nowrap}table.sh-table thead th:last-child{border-right:none}table.sh-table thead th.r{text-align:right}table.sh-table thead th.c{text-align:center}table.sh-table tbody tr{border-bottom:1px solid #e8e4dc;cursor:pointer}.sh-row-even{background:#fff}.sh-row-odd{background:#f5f3ee}table.sh-table tbody tr:hover{background:#c3d9f5!important}.sh-row-sel{background:#316ac5!important}.sh-row-sel td{color:#fff!important}.sh-row-sel .sh-src,.sh-row-sel .sh-pay{background:#fff3!important;color:#fff!important;border-color:#fff6!important}table.sh-table tbody td{padding:5px 8px;vertical-align:middle}table.sh-table tbody td.r{text-align:right;font-family:var(--xp-mono)}table.sh-table tbody td.c{text-align:center}.sh-empty{text-align:center;padding:24px;color:#999;font-size:var(--xp-fs-sm);display:flex;align-items:center;justify-content:center;gap:6px}.sh-src{display:inline-block;padding:1px 7px;font-size:10px;font-weight:700;border-radius:2px;font-family:var(--xp-font);white-space:nowrap}.sh-src.debit{background:#fef3c7;color:#78350f;border:1px solid #fcd34d}.sh-src.credit{background:#dcfce7;color:#14532d;border:1px solid #86efac}.sh-src.cash{background:#dbeafe;color:#1e3a8a;border:1px solid #93c5fd}.sh-pay{display:inline-block;padding:1px 6px;font-size:10px;font-weight:700;border-radius:2px;font-family:var(--xp-font);white-space:nowrap}.sh-pay.Cash{background:#dcfce7;color:#14532d;border:1px solid #86efac}.sh-pay.Credit{background:#fee2e2;color:#7f1d1d;border:1px solid #fca5a5}.sh-pay.Bank{background:#dbeafe;color:#1e3a8a;border:1px solid #93c5fd}.sh-pay.Cheque{background:#fef3c7;color:#78350f;border:1px solid #fcd34d}.sh-pay.Partial{background:#f3e8ff;color:#4c1d95;border:1px solid #c4b5fd}.sh-detail{flex-shrink:0;border-top:2px solid var(--xp-blue-mid);background:var(--xp-silver-3);max-height:280px;overflow-y:auto}.sh-detail.hidden{display:none}.sh-det-hdr{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:6px 10px;background:linear-gradient(180deg,#d7e4f2,#b8d0ec);border-bottom:2px solid #7aabda;position:sticky;top:0;z-index:1}.sh-det-inv{font-family:var(--xp-mono);font-size:13px;font-weight:700;color:var(--xp-blue-dark);display:flex;align-items:center;gap:4px}.sh-det-cust{font-size:var(--xp-fs-sm);font-weight:700;color:#333;display:flex;align-items:center;gap:4px}.sh-det-actions{display:flex;gap:4px;margin-left:auto}.sh-act-btn{height:24px;padding:0 10px;font-family:var(--xp-font);font-size:var(--xp-fs-xs);font-weight:700;cursor:pointer;border-radius:2px;display:flex;align-items:center;gap:4px;background:linear-gradient(180deg,#f4f1e8,#dedad0);border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid var(--xp-silver-5);border-bottom:1px solid var(--xp-silver-5);color:#333}.sh-act-btn:hover{background:linear-gradient(180deg,#fafaf0,#e8e4d8)}.sh-act-btn.print{color:var(--xp-blue-dark)}.sh-act-btn.wa{background:linear-gradient(180deg,#f0fdf4,#86efac);color:#14532d;border-color:#22c55e}.sh-act-btn.wa:hover{filter:brightness(1.05)}.sh-act-btn.danger{background:linear-gradient(180deg,#fff5f5,#fca5a5);color:#7f1d1d;border-color:#ef4444}.sh-act-btn.danger:hover{filter:brightness(1.05)}table.sh-det-table{width:100%;border-collapse:collapse;font-size:var(--xp-fs-sm);font-family:var(--xp-font);border-bottom:1px solid var(--xp-silver-2)}table.sh-det-table thead tr{background:linear-gradient(180deg,#d7e4f2,#b8d0ec)}table.sh-det-table thead th{padding:4px 8px;font-size:var(--xp-fs-xs);font-weight:700;color:#000;text-align:left;border-right:1px solid #c8d8ec;border-bottom:2px solid #7aabda}table.sh-det-table thead th.r{text-align:right}table.sh-det-table thead th:last-child{border-right:none}table.sh-det-table tbody tr{border-bottom:1px solid #e8e4dc}table.sh-det-table tbody tr:nth-child(2n){background:#f5f3ee}table.sh-det-table tbody tr:hover{background:#e8f0fb}table.sh-det-table tbody td{padding:4px 8px;vertical-align:middle}table.sh-det-table tbody td.r{text-align:right;font-family:var(--xp-mono);font-weight:700}.sh-det-totals{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:5px 12px;background:linear-gradient(180deg,#d7e4f2,#c0d4ec);border-top:2px solid #7aabda}.sh-det-tot-item{display:flex;align-items:center;gap:5px;font-size:var(--xp-fs-xs)}.sh-det-tot-item .lbl{font-weight:700;color:#444}.sh-det-tot-item .val{font-family:var(--xp-mono);font-weight:700;color:var(--xp-blue-dark)}.sh-statusbar{display:flex;align-items:center;gap:8px;padding:2px 10px;flex-shrink:0;background:linear-gradient(180deg,#d7e4f2,#b8d0ec);border-top:2px solid #7aabda;font-size:10px;color:#333}.sh-statusbar span{white-space:nowrap}.sh-statusbar .sep{color:#aaa}@media(max-width:900px){.sh-cards{grid-template-columns:1fr 1fr}.sh-topbar{gap:6px}.sh-search-input{width:160px}}.font-toggle-btn{position:fixed;top:40px;right:20px;padding:10px 18px;background:#3b82f6;color:#fff;border:none;border-radius:40px;cursor:pointer;font-size:13px;font-weight:600;box-shadow:0 4px 12px #00000026;z-index:999;transition:all .2s ease;font-family:inherit;letter-spacing:.5px}.font-toggle-btn:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 6px 16px #0003}.font-toggle-btn:active{transform:translateY(0)}.font-card{position:fixed;bottom:80px;right:20px;width:320px;background:#fff;border-radius:16px;box-shadow:0 8px 24px #00000026;z-index:1000;overflow:hidden;animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.font-card-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.font-card-header h3{margin:0;font-size:15px;font-weight:600}.close-btn{background:#fff3;border:none;color:#fff;font-size:18px;cursor:pointer;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.font-card-body{padding:18px}.font-field{margin-bottom:18px}.font-field label{display:block;font-size:12px;font-weight:600;color:#475569;margin-bottom:8px}.font-field select{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;background:#fff;cursor:pointer;transition:all .2s ease}.font-field select:hover{border-color:#94a3b8}.font-field select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.font-field input[type=range]{width:100%;height:5px;border-radius:3px;background:#e2e8f0;outline:none;-webkit-appearance:none}.font-field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#3b82f6;cursor:pointer;transition:all .2s ease;border:2px solid white;box-shadow:0 1px 3px #0000001a}.font-field input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);background:#2563eb}.size-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:10px;color:#94a3b8}.weight-group{display:flex;gap:8px}.weight-chip{flex:1;padding:7px 4px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease;color:#475569}.weight-chip:hover{background:#e2e8f0;transform:translateY(-1px)}.weight-chip.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.preview-box{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;padding:14px;margin:16px 0;border:1px solid #e2e8f0}.preview-text{font-size:32px;font-weight:700;color:#3b82f6;margin-bottom:8px;text-align:center}.preview-sample{font-size:12px;color:#64748b;text-align:center;line-height:1.5}.current-settings{text-align:center;padding:8px;background:#f8fafc;border-radius:8px;margin:12px 0}.current-settings small{font-size:11px;color:#64748b}.reset-btn{width:100%;padding:10px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;color:#475569;margin-top:8px}.reset-btn:hover{background:#e2e8f0;transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}@media(max-width:640px){.font-card{width:calc(100% - 40px);right:20px;left:20px;bottom:80px}.weight-chip{font-size:10px;padding:6px 3px}.font-toggle-btn{padding:8px 16px;font-size:12px}}.font-tabs{display:flex;gap:6px;margin-bottom:20px;flex-wrap:wrap;border-bottom:1px solid #e2e8f0;padding-bottom:10px}.font-tab{padding:6px 14px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;cursor:pointer;font-size:11px;font-weight:500;transition:all .2s ease;color:#475569}.font-tab:hover{background:#e2e8f0;transform:translateY(-1px)}.font-tab.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.preview-box{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;padding:16px;margin:16px 0;border:1px solid #e2e8f0;text-align:center}.preview-label{font-size:10px;color:#64748b;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}.cop-page{height:100vh;display:flex;flex-direction:column;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.cop-titlebar{background:#000;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #000000;flex-shrink:0}.cop-titlebar-left{display:flex;align-items:center;gap:12px}.cop-back-btn{background:none;border:1px solid #ffffff;font-size:16px;cursor:pointer;color:#fff;padding:4px 10px;border-radius:4px}.cop-back-btn:hover{background:#333}.cop-title{font-size:16px;font-weight:600;color:#fff}.cop-titlebar-right{display:flex;gap:8px}.cop-icon-btn{background:none;border:1px solid #ffffff;font-size:14px;cursor:pointer;padding:4px 10px;border-radius:4px;color:#fff}.cop-icon-btn:hover{background:#333}.cop-close-btn{background:none;border:1px solid #ffffff;font-size:16px;cursor:pointer;padding:4px 10px;border-radius:4px;color:#fff}.cop-close-btn:hover{background:#dc2626}.cop-search-row{display:flex;gap:16px;padding:16px 20px;background:#fff;margin:16px 20px 0;border:2px solid #000000;flex-shrink:0}.cop-search-field{flex:1;min-width:0}.cop-search-label{display:block;font-size:11px;font-weight:600;color:#000;margin-bottom:6px;text-transform:uppercase;letter-spacing:.3px}.cop-search-input{width:100%;padding:10px 12px;border:1px solid #000000;border-radius:4px;font-size:13px;background:#fff;color:#000;transition:all .2s}.cop-search-input:focus{outline:none;border-color:#000;box-shadow:0 0 0 2px #0000001a}.cop-search-actions{display:flex;align-items:flex-end;padding-bottom:2px}.cop-clear-btn{padding:8px 20px;background:#fff;border:1px solid #000000;border-radius:4px;font-size:12px;cursor:pointer;color:#000;font-weight:500;height:42px}.cop-clear-btn:hover{background:#f0f0f0}.cop-active-filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 16px;margin:12px 20px 0;background:#fff;border:1px solid #000000;flex-shrink:0}.cop-filter-label{font-size:11px;font-weight:600;color:#000}.cop-filter-tag{display:inline-flex;align-items:center;gap:6px;background:#f0f0f0;color:#000;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:500;border:1px solid #000000}.cop-filter-tag button{background:none;border:none;cursor:pointer;font-size:12px;color:#000;padding:0 2px}.cop-filter-tag button:hover{color:#dc2626}.cop-stats{display:flex;gap:16px;padding:16px 20px;flex-shrink:0}.cop-stat-card{background:#fff;padding:14px 20px;border-radius:4px;flex:1;border:2px solid #000000}.cop-stat-value{font-size:22px;font-weight:700;color:#000}.cop-stat-label{font-size:11px;color:#000;margin-top:4px;text-transform:uppercase;letter-spacing:.5px}.cop-table-wrapper{flex:1;margin:0 20px 16px;background:#fff;border:2px solid #000000;overflow:auto}.cop-table{width:100%;border-collapse:collapse;font-size:13px}.cop-table thead{position:sticky;top:0;background:#f5f5f5;z-index:10}.cop-table th{padding:12px;text-align:left;font-weight:600;color:#000;border:1px solid #000000;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f5f5f5}.cop-table th:hover{background:#e0e0e0}.cop-table th.r{text-align:right}.cop-table td{padding:10px 12px;border:1px solid #000000;color:#000}.cop-table td.r{text-align:right}.cop-table-row{cursor:pointer;transition:background .15s}.cop-table-row:hover{background:#f5f5f5}.cop-id{font-weight:600;color:#000;font-family:monospace}.cop-code{font-family:monospace;font-size:12px;color:#000}.cop-desc-cell{max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cop-sale-rate{font-weight:600;color:#000}.cop-packing-row{background:#fafafa}.cop-packing-row td{padding:0}.cop-packing-box{padding:16px;background:#fafafa;border-top:1px solid #000000}.cop-packing-title{font-size:11px;font-weight:600;color:#000;margin-bottom:10px;text-transform:uppercase}.cop-packing-table{width:100%;border-collapse:collapse;font-size:11px;background:#fff;border:1px solid #000000}.cop-packing-table th{background:#e0e0e0;padding:8px 10px;color:#000;font-weight:600;border:1px solid #000000}.cop-packing-table td{padding:6px 10px;border:1px solid #000000;color:#000}.cop-packing-table td.r{text-align:right}.cop-loading,.cop-empty{display:flex;align-items:center;justify-content:center;padding:60px 20px;color:#000;font-size:14px}.cop-footer{background:#000;padding:10px 20px;border-top:1px solid #000000;display:flex;justify-content:space-between;font-size:11px;color:#fff;flex-shrink:0}.cop-table-wrapper::-webkit-scrollbar{width:8px;height:8px}.cop-table-wrapper::-webkit-scrollbar-track{background:#f0f0f0;border-left:1px solid #000000}.cop-table-wrapper::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.cop-table-wrapper::-webkit-scrollbar-thumb:hover{background:#555}@media(max-width:900px){.cop-search-row{flex-wrap:wrap}.cop-search-field{min-width:200px}.cop-stats{flex-wrap:wrap}}@media(max-width:768px){.cop-table th,.cop-table td{padding:8px;font-size:11px}}*{font-family:Noto Nastaliq Urdu,Jameel Noori Nastaleeq,Mehr Nastaliq,serif}