.op-link{all:unset;box-sizing:border-box;cursor:pointer;color:var(--color-accent);font-weight:700;border-radius:4px;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:2px;transition:text-decoration-color .15s}.op-link:hover{text-decoration-color:currentColor}.op-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.op-link:disabled{opacity:.55;cursor:progress}.op-link-wrap{position:relative;display:inline-block}.op-link-menu{position:absolute;z-index:30;top:100%;left:0;margin:4px 0 0;padding:4px;list-style:none;min-width:190px;background:var(--bg-modal);border:1px solid var(--border-strong);border-radius:8px;box-shadow:var(--shadow-lg)}.op-link-menu a{display:flex;justify-content:space-between;gap:12px;padding:6px 8px;border-radius:6px;color:var(--text-main);text-decoration:none;font-size:var(--fs-sm)}.op-link-menu a span{color:var(--text-muted);text-transform:uppercase;font-size:var(--fs-2xs);letter-spacing:.05em}.op-link-menu a:hover,.op-link-menu a:focus-visible{background:var(--tint-soft);outline:none}.op-page{display:flex;flex-direction:column;gap:16px;max-width:1280px;width:100%}.op-card{padding:16px 20px;margin:0;overflow:visible}.op-card-title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:var(--fs-md);font-weight:750;color:var(--text-main);margin:0 0 12px}.op-card-title small{font-size:var(--fs-xs);font-weight:500;color:var(--text-muted)}.op-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:16px;align-items:start}.op-col{display:flex;flex-direction:column;gap:16px;min-width:0}@media(max-width:1100px){.op-grid{display:flex;flex-direction:column;align-items:stretch;gap:16px}.op-col{display:contents}.op-slot[data-slot=products]{order:1}.op-slot[data-slot=money],.op-slot[data-slot=credit]{order:2}.op-slot[data-slot=shipping],.op-slot[data-slot=pkl]{order:3}.op-slot[data-slot=invoice]{order:4}.op-slot[data-slot=returns]{order:5}.op-slot[data-slot=customer]{order:6}.op-slot[data-slot=stock]{order:7}.op-slot[data-slot=notes]{order:8}}.op-slot{min-width:0}@media(max-width:768px){.op-card{padding:14px}}.op-back{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm);font-weight:650;color:var(--text-secondary);text-decoration:none;border-radius:6px;padding:2px 4px;margin-left:-4px}.op-back:hover{color:var(--color-primary)}.op-back:focus-visible,.op-copy:focus-visible,.op-disclosure:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.op-head-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}.op-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.op-order-no{font-size:22px;font-weight:800;letter-spacing:-.01em;color:var(--text-main);font-family:var(--font-mono);overflow-wrap:anywhere;margin:0}.op-meta{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:8px;font-size:var(--fs-sm);color:var(--text-secondary)}.op-meta b{color:var(--text-main);font-weight:650}.op-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid var(--border-hairline)}.op-actions .btn{padding:7px 14px;border-radius:10px;font-size:var(--fs-sm);min-height:36px}.op-actions .btn-danger-outline{background:transparent;border-color:var(--color-danger-edge);color:var(--color-danger)}.op-actions .btn-danger-outline:hover:not(:disabled){background:var(--color-danger-soft);color:var(--color-danger);border-color:var(--color-danger)}.op-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;white-space:nowrap;font-size:var(--fs-2xs);font-weight:750;letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--border-strong);background:var(--bg-subtle);color:var(--text-secondary)}.op-chip.shopee{background:var(--color-shopee-soft);color:var(--color-shopee-text);border-color:transparent}.op-chip.tiktok{background:var(--color-tiktok-soft);color:var(--color-tiktok-text);border-color:transparent}.op-chip.internal{background:var(--color-accent-soft);color:var(--color-accent);border-color:transparent}.op-chip.good{background:var(--color-success-soft);color:var(--color-success);border-color:var(--color-success-edge)}.op-chip.warn{background:var(--color-warning-soft);color:var(--color-warning);border-color:var(--color-warning-edge)}.op-chip.bad{background:var(--color-danger-soft);color:var(--color-danger);border-color:var(--color-danger-edge)}.op-chip.info{background:var(--color-info-soft);color:var(--color-info);border-color:transparent}.op-copy{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;color:var(--text-muted);flex:0 0 auto}.op-copy:hover{background:var(--tint-soft);color:var(--color-primary)}.op-copyable{display:inline-flex;align-items:center;gap:2px;min-width:0}.op-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.op-steps{list-style:none;margin:0;padding:0 0 4px;display:flex;align-items:flex-start;overflow-x:auto}.op-step{flex:1 1 0;min-width:92px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;gap:4px;padding:0 4px}.op-step+.op-step:before{content:"";position:absolute;top:13px;right:50%;width:100%;height:2px;background:var(--border-strong);z-index:0}.op-step.done+.op-step:before,.op-step.skipped+.op-step:before{background:var(--color-success-fill)}.op-step.failed:before{background:var(--color-danger-fill)!important}.op-dot{position:relative;z-index:1;width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-xs);font-weight:800;background:var(--bg-surface);color:var(--text-muted);border:2px solid var(--border-strong)}.op-step.done .op-dot{background:var(--color-success-fill);border-color:var(--color-success-fill);color:var(--text-on-fill)}.op-step.current .op-dot{border-color:var(--color-accent-fill);color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-soft)}.op-step.failed .op-dot{background:var(--color-danger-fill);border-color:var(--color-danger-fill);color:var(--text-on-fill)}.op-step.returned .op-dot{background:var(--color-warning-fill);border-color:var(--color-warning-fill);color:var(--text-on-fill)}.op-step.skipped .op-dot{border-style:dashed;background:transparent}.op-step-label{font-size:var(--fs-sm);font-weight:700;color:var(--text-main)}.op-step.pending .op-step-label,.op-step.skipped .op-step-label{color:var(--text-muted);font-weight:600}.op-step.current .op-step-label{color:var(--color-accent)}.op-step.failed .op-step-label{color:var(--color-danger)}.op-step-at{font-size:var(--fs-2xs);color:var(--text-secondary);font-family:var(--font-mono)}.op-step-src{font-size:var(--fs-2xs);color:var(--text-muted);overflow-wrap:anywhere}.op-step-note{font-size:var(--fs-2xs);color:var(--color-danger);font-weight:600;overflow-wrap:anywhere}@media(max-width:768px){.op-steps{flex-direction:column;overflow:visible;gap:0}.op-step{flex-direction:row;align-items:flex-start;text-align:left;gap:12px;padding:0 0 16px;min-width:0;width:100%}.op-step:last-child{padding-bottom:0}.op-step+.op-step:before{display:none}.op-step:not(:last-child):after{content:"";position:absolute;left:17px;top:30px;bottom:2px;width:2px;background:var(--border-strong)}.op-step.done:not(:last-child):after,.op-step.skipped:not(:last-child):after{background:var(--color-success-fill)}.op-step-body{display:flex;flex-direction:column;gap:2px;min-width:0;padding-top:4px}}@media(min-width:769px){.op-step-body{display:contents}}.op-kv{display:grid;grid-template-columns:minmax(110px,auto) minmax(0,1fr);gap:7px 14px;font-size:var(--fs-base);margin:0}.op-kv dt{color:var(--text-secondary)}.op-kv dd{margin:0;text-align:right;color:var(--text-main);font-weight:550;overflow-wrap:anywhere}.op-table-wrap{overflow-x:auto}.op-table{width:100%;border-collapse:collapse;font-size:var(--fs-base)}.op-table th{text-align:left;padding:8px 10px;font-size:var(--fs-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border-hairline);white-space:nowrap;font-weight:700}.op-table td{padding:9px 10px;border-bottom:1px solid var(--border-hairline);vertical-align:top;color:var(--text-main)}.op-table th.num,.op-table td.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.op-table tr:last-child td{border-bottom:none}.op-table.nowrap td,.op-table.nowrap th{white-space:nowrap}.op-table.nowrap .op-mono{overflow-wrap:normal}.op-sum{margin:10px 0 0 auto;width:min(100%,340px);display:grid;grid-template-columns:1fr auto;gap:5px 0;font-size:var(--fs-base)}.op-sum .lab{color:var(--text-secondary)}.op-sum .val{padding-left:16px;text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.op-sum .total{font-weight:800;font-size:var(--fs-md);border-top:1px solid var(--border-strong);padding-top:7px;margin-top:2px}.op-fall{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;font-size:var(--fs-base)}.op-fall li{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px dashed var(--border-hairline)}.op-fall li .v{font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap}.op-fall li.info{color:var(--text-muted);font-size:var(--fs-sm)}.op-fall li.sub{color:var(--text-secondary)}.op-fall li.result{border-bottom:none;border-top:2px solid var(--border-strong);font-weight:800;padding-top:9px;margin-top:3px}.op-fall li.result .v{color:var(--color-success)}.op-diff{margin-top:12px;padding:9px 12px;border-radius:10px;font-size:var(--fs-sm);font-weight:650;background:var(--color-danger-soft);border:1px solid var(--color-danger-edge);color:var(--color-danger)}.op-diff.pos{background:var(--color-warning-soft);border-color:var(--color-warning-edge);color:var(--color-warning)}.op-diff.ok{background:var(--color-success-soft);border-color:var(--color-success-edge);color:var(--color-success)}.op-muted{color:var(--text-muted);font-size:var(--fs-sm)}.op-empty{color:var(--text-muted);font-size:var(--fs-sm);padding:4px 0}.op-gift{display:inline-flex;align-items:center;gap:3px;margin-left:6px;padding:0 6px;border-radius:4px;font-size:var(--fs-2xs);font-weight:750;text-transform:uppercase;letter-spacing:.04em;background:var(--color-violet-soft);color:var(--color-violet);border:1px solid var(--color-violet-edge)}.op-disclosure{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;font-size:var(--fs-md);font-weight:750;color:var(--text-main);border-radius:6px}.op-disclosure small{font-size:var(--fs-xs);font-weight:500;color:var(--text-muted);margin-left:auto}.op-disclosure svg{transition:transform .15s}.op-disclosure[aria-expanded=true] svg.chev{transform:rotate(180deg)}.op-history{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.op-history li{display:grid;grid-template-columns:112px minmax(0,1fr);gap:10px;font-size:var(--fs-sm)}.op-history .at{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--fs-xs)}.op-notes{white-space:pre-wrap;font-size:var(--fs-base);background:var(--bg-subtle);border-radius:8px;padding:10px 12px;margin:0 0 12px;overflow-wrap:anywhere}.op-warn-note{font-size:var(--fs-sm);color:var(--text-muted);padding:2px 4px 8px}.op-dialog-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;padding:16px}.op-dialog{width:min(440px,100%);background:var(--bg-modal);color:var(--text-main);border:1px solid var(--border-strong);border-radius:14px;padding:20px;box-shadow:var(--shadow-lg)}.op-dialog h3{margin:0 0 6px;font-size:var(--fs-lg)}.op-dialog p{margin:0 0 12px;font-size:var(--fs-base);color:var(--text-secondary);line-height:1.5}.op-dialog textarea{width:100%;box-sizing:border-box;min-height:70px;padding:8px 10px;border-radius:8px;border:1px solid var(--border-strong);background:var(--bg-input);color:var(--text-main);font:inherit;margin-bottom:12px}.op-dialog-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.op-dialog.op-dialog-wide{width:min(960px,100%);max-height:calc(100vh - 32px);overflow-y:auto}.op-split-body{display:grid;grid-template-columns:minmax(250px,320px) minmax(0,1fr);gap:16px;margin-bottom:14px}.op-split-form{display:flex;flex-direction:column;gap:10px;min-width:0}.op-split-form .op-muted{margin:0;overflow-wrap:anywhere}.op-field{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-sm);color:var(--text-secondary);font-weight:650}.op-field input[type=text]{box-sizing:border-box;width:100%;padding:8px 10px;border-radius:8px;border:1px solid var(--border-strong);background:var(--bg-input);color:var(--text-main);font:inherit;font-weight:500}.op-field input[type=text]:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.op-check{display:flex;align-items:center;gap:8px;font-size:var(--fs-base);color:var(--text-main)}.op-split-note{font-size:var(--fs-sm);color:var(--color-warning)}.op-split-error{margin:0;font-size:var(--fs-sm);font-weight:650;color:var(--color-danger)}.op-split-done{padding:9px 12px;border-radius:10px;font-size:var(--fs-sm);background:var(--color-success-soft);border:1px solid var(--color-success-edge);color:var(--color-success)}.op-split-done a{color:inherit;font-weight:700}.op-split-preview{min-width:0;border:1px solid var(--border-strong);border-radius:10px;overflow:hidden;background:#f1efe8;min-height:360px}.op-split-preview iframe{display:block;width:100%;height:56vh;min-height:360px;border:0;background:#f1efe8}.op-split-preview .op-empty{padding:16px;background:var(--bg-subtle)}@media(max-width:760px){.op-split-body{grid-template-columns:minmax(0,1fr)}.op-split-preview iframe{height:48vh}}.op-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.op-disclosure svg,.op-link{transition:none}}.op-cr-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.op-cr-terms{margin:6px 0 12px;font-size:var(--fs-sm);color:var(--text-secondary);overflow-wrap:anywhere}.op-cr-bad{color:var(--color-danger);font-weight:700}.op-cr-block{margin-top:14px;padding-top:12px;border-top:1px solid var(--border-hairline);display:flex;flex-direction:column;gap:6px}.op-cr-money{margin-top:14px;padding-top:12px;border-top:1px solid var(--border-hairline)}.op-cr-money dd{font-variant-numeric:tabular-nums}.op-cr-steps{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column}.op-cr-step{display:flex;align-items:flex-start;gap:10px;position:relative;padding-bottom:12px}.op-cr-step:last-child{padding-bottom:0}.op-cr-step:not(:last-child):after{content:"";position:absolute;left:11px;top:26px;bottom:2px;width:2px;background:var(--border-strong)}.op-cr-step.done:not(:last-child):after{background:var(--color-success-fill)}.op-cr-dot{flex:0 0 auto;width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-xs);font-weight:800;background:var(--bg-surface);color:var(--text-muted);border:2px solid var(--border-strong);position:relative;z-index:1}.op-cr-step.done .op-cr-dot{background:var(--color-success-fill);border-color:var(--color-success-fill);color:var(--text-on-fill)}.op-cr-step.current .op-cr-dot{border-color:var(--color-accent-fill);color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.op-cr-step.current.bad .op-cr-dot{border-color:var(--color-danger-fill);color:var(--color-danger);box-shadow:0 0 0 3px var(--color-danger-soft)}.op-cr-step-body{display:flex;flex-direction:column;gap:1px;min-width:0;padding-top:2px;font-size:var(--fs-sm);color:var(--text-secondary);overflow-wrap:anywhere}.op-cr-step-label{font-weight:700;color:var(--text-main);font-size:var(--fs-base)}.op-cr-step.pending .op-cr-step-label{color:var(--text-muted);font-weight:600}.op-cr-step.current .op-cr-step-label{color:var(--color-accent)}.op-cr-step.current.bad .op-cr-step-label{color:var(--color-danger)}.op-cr-step-line{font-variant-numeric:tabular-nums}.op-cr-cap-line{display:flex;justify-content:space-between;align-items:baseline;gap:4px 12px;flex-wrap:wrap;font-size:var(--fs-sm);color:var(--text-secondary)}.op-cr-cap-num{font-size:var(--fs-sm);color:var(--text-main)}.op-cr-bar{height:8px;border-radius:999px;background:var(--bg-subtle);border:1px solid var(--border-hairline);overflow:hidden}.op-cr-bar>span{display:block;height:100%;border-radius:999px;background:var(--color-success-fill)}.op-cr-bar.warn>span{background:var(--color-warning-fill)}.op-cr-bar.bad>span{background:var(--color-danger-fill)}.op-cr-note{display:flex;align-items:flex-start;gap:8px;margin-top:8px;padding:9px 12px;border-radius:10px;font-size:var(--fs-sm);line-height:1.45;background:var(--bg-subtle);border:1px solid var(--border-strong);color:var(--text-main);overflow-wrap:anywhere}.op-cr-note>svg{flex:0 0 auto;margin-top:2px}.op-cr-note>div{min-width:0}.op-cr-note.bad{background:var(--color-danger-soft);border-color:var(--color-danger-edge);color:var(--color-danger)}.op-cr-note.warn{background:var(--color-warning-soft);border-color:var(--color-warning-edge);color:var(--color-warning)}.op-cr-note.info{background:var(--color-info-soft);border-color:transparent;color:var(--color-info)}.op-cr-list{margin:4px 0 0;padding-left:18px;font-size:var(--fs-sm)}.op-cr-sub{margin-top:6px;font-size:var(--fs-sm)}.op-cr-hand-title{font-size:var(--fs-sm);font-weight:700;color:var(--text-main)}.op-cr-hand-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.op-cr-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.op-cr-actions-main{margin-top:14px;padding-top:12px;border-top:1px solid var(--border-hairline)}.op-cr-btn{padding:7px 14px;border-radius:10px;font-size:var(--fs-sm);min-height:36px;text-decoration:none;display:inline-flex;align-items:center;gap:6px;max-width:100%;text-align:left}.op-cr-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.op-cr-btn:disabled{cursor:not-allowed}.op-cr-owner-hint{flex-basis:100%}.op-cr-date{box-sizing:border-box;width:100%;padding:8px 10px;border-radius:8px;border:1px solid var(--border-strong);background:var(--bg-input);color:var(--text-main);font:inherit;font-weight:500}.op-cr-date:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}@media(max-width:768px){.op-cr-btn{min-height:44px;width:100%;justify-content:flex-start}}.fintable{--bg-surface: #ffffff;--bg-subtle: #f1f5f9;--bg-hover: #edf2f7;--bg-chip: #eae5d9;--bg-btn: #f0ede4;--bg-btn-hover: #e5e1d5;--bg-modal: #faf9f6;--bg-thead: rgba(245, 243, 235, .85);--bg-overlay: rgba(28, 25, 23, .45);--bg-input: rgba(255, 255, 255, .8);--border-hairline: #e2e8f0;--border-color: rgba(255, 255, 255, .55);--border-hover: rgba(128, 0, 32, .15);--tint-faint: rgba(128, 0, 32, .03);--tint-hover: rgba(128, 0, 32, .07);--color-primary: #800020;--color-primary-gradient: linear-gradient(135deg, #800020, #b21c3d);--color-primary-soft: rgba(128, 0, 32, .1);--color-primary-glow: rgba(128, 0, 32, .08);--color-accent: #2563eb;--color-accent-soft: rgba(59, 130, 246, .15);--color-success: #12883e;--color-success-soft: rgba(22, 163, 74, .12);--color-success-edge: rgba(22, 163, 74, .3);--color-danger: #dc2626;--color-danger-soft: rgba(220, 38, 38, .1);--color-danger-edge: rgba(220, 38, 38, .3);--color-warning: #b16105;--color-warning-soft: rgba(217, 119, 6, .12);--color-warning-edge: rgba(217, 119, 6, .3);--color-tiktok-text: #e2177b;--color-tiktok-soft: rgba(2, 132, 199, .14);--text-main: #1c1917;--text-secondary: #57534e;--text-muted: #777671;--text-on-fill: #ffffff;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--fs-2xs: 10px;--fs-xs: 11px;--fs-sm: 12px;--fs-base: 13px;--fs-lg: 16px;--fs-xl: 18px;--shadow-lg: 0 8px 32px 0 rgba(128, 0, 32, .04), 0 2px 10px 0 rgba(0, 0, 0, .02);font-family:var(--font-sans);font-size:var(--fs-base);color:var(--text-main)}html[data-theme=dark] .fintable{--bg-surface: #16202f;--bg-subtle: #18222f;--bg-hover: #222d40;--bg-chip: #1e2839;--bg-btn: #1e2839;--bg-btn-hover: #26314a;--bg-modal: #16202f;--bg-thead: rgba(26, 36, 53, .88);--bg-overlay: rgba(0, 0, 0, .6);--bg-input: rgba(255, 255, 255, .06);--border-hairline: rgba(255, 255, 255, .11);--border-color: rgba(255, 255, 255, .1);--border-hover: rgba(224, 129, 154, .35);--tint-faint: rgba(255, 255, 255, .04);--tint-hover: rgba(224, 129, 154, .18);--color-primary: #e0819a;--color-primary-gradient: linear-gradient(135deg, #9e2440, #7d1a30);--color-primary-soft: rgba(224, 129, 154, .16);--color-primary-glow: rgba(224, 129, 154, .1);--color-accent: #6aa8ff;--color-accent-soft: rgba(106, 168, 255, .22);--color-success: #4ade80;--color-success-soft: rgba(74, 222, 128, .16);--color-success-edge: rgba(74, 222, 128, .34);--color-danger: #f47171;--color-danger-soft: rgba(244, 113, 113, .16);--color-danger-edge: rgba(244, 113, 113, .34);--color-warning: #f0a838;--color-warning-soft: rgba(240, 168, 56, .16);--color-warning-edge: rgba(240, 168, 56, .34);--color-tiktok-text: #f472b6;--color-tiktok-soft: rgba(106, 168, 255, .2);--text-main: #f2ece4;--text-secondary: #c2b9ac;--text-muted: #a49c92;--shadow-lg: 0 8px 32px rgba(0, 0, 0, .45), 0 2px 10px rgba(0, 0, 0, .3)}.fintable .ft-tbl-wrap{overflow-x:auto}.fintable .ft-tbl{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.fintable .ft-tbl thead{background:var(--bg-thead);position:sticky;top:0;z-index:1}.fintable .ft-tbl th{text-align:left;font-family:var(--font-mono);font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:var(--fs-2xs);color:var(--text-muted);padding:6px 10px;border-bottom:1px solid var(--border-hairline);white-space:nowrap}.fintable .ft-tbl td{padding:6px 10px;border-bottom:1px solid var(--border-hairline);vertical-align:middle}.fintable .ft-tbl tr:last-child td{border-bottom:none}.fintable .ft-row{cursor:pointer;transition:background-color .1s ease}.fintable .ft-row:hover td{background:var(--tint-faint)}.fintable .ft-num{font-family:var(--font-mono);font-weight:700;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.fintable th.ft-num{text-align:right;font-weight:600}.fintable .ft-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.fintable .ft-nowrap{white-space:nowrap}.fintable .ft-center{text-align:center}.fintable .ft-muted{color:var(--text-muted);font-size:var(--fs-xs)}.fintable .ft-source{font-size:var(--fs-xs);color:var(--text-muted);white-space:nowrap}.fintable .ft-empty{padding:40px 16px;text-align:center;color:var(--text-muted);font-size:var(--fs-sm);font-weight:500}.fintable .ft-narration{max-width:22rem}.fintable .ft-narration-main{font-size:var(--fs-sm)}.fintable .ft-narration-sub{font-size:var(--fs-2xs);color:var(--text-muted);margin-top:1px}.fintable .ft-pill{--ft-hue: 210;display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:7px;font-size:var(--fs-2xs);font-weight:700;letter-spacing:.02em;white-space:nowrap;line-height:1.5;background:hsla(var(--ft-hue),70%,50%,.14);border:1px solid hsla(var(--ft-hue),70%,50%,.32);color:hsl(var(--ft-hue),65%,32%)}html[data-theme=dark] .fintable .ft-pill{color:hsl(var(--ft-hue),85%,78%)}.fintable .ft-badge-cell{display:inline-flex;align-items:center;gap:6px}.fintable .ft-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:7px;font-size:var(--fs-2xs);font-weight:700;letter-spacing:.02em;white-space:nowrap;line-height:1.5}.fintable .ft-badge-income{background:var(--color-success-soft);color:var(--color-success);border:1px solid var(--color-success-edge)}.fintable .ft-badge-marketing{background:#8b5cf61f;color:#6d28d9;border:1px solid rgba(139,92,246,.28)}html[data-theme=dark] .fintable .ft-badge-marketing{color:#c4b5fd}.fintable .ft-badge-operations{background:var(--color-accent-soft);color:var(--color-accent);border:1px solid color-mix(in srgb,var(--color-accent) 30%,transparent)}.fintable .ft-badge-cogs{background:var(--color-warning-soft);color:var(--color-warning);border:1px solid var(--color-warning-edge)}.fintable .ft-badge-platform{background:var(--color-tiktok-soft);color:var(--color-tiktok-text);border:1px solid rgba(236,72,153,.28)}.fintable .ft-badge-transfer{background:#64748b1f;color:#475569;border:1px solid rgba(100,116,139,.28)}html[data-theme=dark] .fintable .ft-badge-transfer{color:#cbd5e1}.fintable .ft-badge-other{background:var(--bg-chip);color:var(--text-secondary);border:1px solid var(--border-hairline)}.fintable .ft-uncategorized{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-xs);font-weight:600;color:var(--color-warning)}.fintable .ft-dot-warning{display:inline-block;width:7px;height:7px;border-radius:50%;flex:none;background:var(--color-warning)}.fintable .ft-link-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:7px;font-size:var(--fs-2xs);font-weight:700;background:var(--bg-chip);color:var(--text-secondary);border:1px solid var(--border-hairline);cursor:pointer;transition:all .12s ease}.fintable .ft-link-chip:hover{background:var(--tint-hover);color:var(--color-primary);border-color:var(--border-hover)}.fintable .ft-file-well{display:inline-flex;align-items:center;justify-content:center;position:relative;height:28px;width:36px;margin:0 auto;border-radius:9px;background:var(--bg-chip);color:var(--text-secondary)}.fintable .ft-file-count{position:absolute;top:-4px;right:-4px;display:flex;align-items:center;justify-content:center;height:16px;min-width:16px;padding:0 4px;border-radius:999px;font-size:10px;font-weight:700;background:var(--color-primary-gradient);color:var(--text-on-fill)}.fintable .ft-file-name{font-size:var(--fs-sm);font-weight:500}.fintable .ft-file-actions{display:flex;align-items:center;justify-content:center;gap:4px}.fintable .ft-input{width:100%;background:var(--bg-input);border:1px solid var(--border-color);border-radius:9px;padding:7px 11px;min-height:34px;color:var(--text-main);font-family:var(--font-sans);font-size:var(--fs-sm);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.fintable .ft-input::placeholder{color:var(--text-muted)}.fintable .ft-input:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-glow)}.fintable .ft-input:disabled{opacity:.6}.fintable .ft-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 14px;border-radius:9px;font-weight:700;font-size:var(--fs-sm);cursor:pointer;border:1px solid transparent;min-height:34px;background-color:var(--bg-btn);color:var(--text-main);transition:all .16s ease}.fintable .ft-btn:hover:not(:disabled){background-color:var(--bg-btn-hover)}.fintable .ft-btn:disabled{opacity:.45;cursor:not-allowed}.fintable .ft-btn-primary{background:var(--color-primary-gradient);color:var(--text-on-fill);box-shadow:0 3px 10px #8000202e}.fintable .ft-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;border:none;cursor:pointer;background:var(--bg-chip);color:var(--text-secondary);transition:all .15s ease}.fintable .ft-icon-btn:hover:not(:disabled){background:var(--tint-hover);color:var(--color-primary)}.fintable .ft-icon-btn:disabled{opacity:.4;cursor:not-allowed}.fintable .ft-icon-btn-danger:hover:not(:disabled){color:var(--color-danger)}.fintable .ft-hidden-input{display:none}.fintable .ft-combo{position:relative;min-width:0}.fintable .ft-combo-list{position:absolute;z-index:10;margin-top:4px;max-height:16rem;width:100%;min-width:220px;overflow:auto;background:var(--bg-surface);border:1px solid var(--border-hairline);border-radius:10px;padding:4px;box-shadow:var(--shadow-lg)}.fintable .ft-combo-group-label{padding:6px 8px 2px;font-size:var(--fs-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.fintable .ft-combo-item{display:block;width:100%;text-align:left;padding:5px 8px;border-radius:7px;font-size:var(--fs-sm);background:transparent;border:none;cursor:pointer;color:var(--text-main)}.fintable .ft-combo-item:hover{background:var(--tint-faint)}.fintable .ft-combo-item-child{padding-left:20px;font-size:var(--fs-xs);color:var(--text-secondary)}.fintable .ft-combo-empty{padding:8px;font-size:var(--fs-xs);color:var(--text-muted)}.fintable.ft-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--bg-overlay);display:flex;align-items:center;justify-content:center;padding:16px;z-index:3100}.fintable .ft-modal{background:var(--bg-modal);border:1px solid var(--border-hover);border-radius:18px;width:100%;max-width:640px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);box-shadow:0 20px 50px #8000201f,0 0 40px #8000200d;display:flex;flex-direction:column;overflow:hidden;position:relative}.fintable .ft-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-primary-gradient)}.fintable .ft-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 18px 8px;flex:none}.fintable .ft-modal-title{font-size:var(--fs-xl);font-weight:800;letter-spacing:-.02em}.fintable .ft-modal-close{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex:none;border-radius:8px;background:var(--bg-chip);border:none;cursor:pointer;color:var(--text-secondary)}.fintable .ft-modal-close:hover{background:var(--tint-hover);color:var(--color-primary)}.fintable .ft-modal-body{padding:0 18px 18px;overflow-y:auto}.fintable .ft-tabs{display:flex;gap:4px;padding:4px 18px 12px;flex:none}.fintable .ft-tab{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text-secondary);font-size:var(--fs-sm);font-weight:700;cursor:pointer}.fintable .ft-tab:hover{background:var(--tint-faint)}.fintable .ft-tab-active{background:var(--color-primary-gradient);color:var(--text-on-fill)}.fintable .ft-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:999px;font-size:10px;font-weight:800;background:#0000002e}.fintable .ft-summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:10px 12px;margin-bottom:14px;border:1px solid var(--border-hairline);border-radius:10px;background:var(--bg-subtle);font-size:var(--fs-sm)}.fintable .ft-summary-amount{margin-left:auto;font-size:var(--fs-lg)}.fintable .ft-summary-narration{width:100%;font-size:var(--fs-sm);color:var(--text-secondary)}.fintable .ft-section{margin-bottom:16px}.fintable .ft-section:last-child{margin-bottom:0}.fintable .ft-label{font-family:var(--font-mono);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:var(--fs-2xs);color:var(--text-muted);margin-bottom:6px}.fintable .ft-field{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.fintable .ft-field-label{font-size:var(--fs-xs);font-weight:600;color:var(--text-secondary)}.fintable .ft-row-actions{display:flex;align-items:center;gap:10px;margin-top:8px}.fintable .ft-audit{font-size:var(--fs-xs);color:var(--text-muted);border-top:1px solid var(--border-hairline);padding-top:12px}.fintable .ft-error{font-size:var(--fs-xs);font-weight:600;color:var(--color-danger);margin-top:6px}.fintable .ft-muted-text{font-size:var(--fs-xs);color:var(--text-muted);margin-top:6px}.fintable{--ft-card-in: #1f6b3a}html[data-theme=dark] .fintable{--ft-card-in: #4ade80}.fintable .ft-cards{display:flex;flex-direction:column;gap:8px;padding:12px}.fintable .ft-card-group{display:flex;flex-direction:column;gap:8px}.fintable .ft-card-group+.ft-card-group{padding-top:6px}.fintable .ft-card-day{margin:0;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}.fintable .ft-card{display:flex;align-items:flex-start;gap:12px;width:100%;min-height:44px;padding:12px 14px;border-radius:14px;text-align:left;cursor:pointer;background:var(--bg-surface);border:1px solid var(--border-hairline);color:var(--text-main);font:inherit;-webkit-tap-highlight-color:transparent}.fintable .ft-card:active{background:var(--bg-hover)}.fintable .ft-card-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}.fintable .ft-card-meta{font-size:13px;color:var(--text-secondary)}.fintable .ft-card-narr{font-size:15px;line-height:20px;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.fintable .ft-card-amt{flex:none;font-family:var(--font-mono);font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--text-main)}.fintable .ft-card-amt.ft-card-in{color:var(--ft-card-in)}@media(max-width:768px){.fintable.ft-overlay{align-items:flex-end;padding:0}.fintable .ft-modal{max-width:none;border-radius:18px 18px 0 0;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px)}.fintable .ft-modal-body{padding-bottom:calc(18px + env(safe-area-inset-bottom));overscroll-behavior:contain}.fintable .ft-modal-close{width:44px;height:44px;margin:-8px -8px 0 0}.fintable .ft-tab{min-height:40px}.fintable .ft-input{font-size:16px}}.phone-dock{display:none;position:fixed;left:0;right:0;bottom:0;z-index:var(--z-dock);box-sizing:border-box;padding:6px 4px calc(6px + env(safe-area-inset-bottom));background-color:var(--bg-surface);border-top:1px solid var(--border-hairline);box-shadow:0 -4px 16px #0000000f}@media(max-width:768px){.phone-dock{display:grid}}.phone-dock-btn{all:unset;box-sizing:border-box;min-width:0;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:10px;color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;-webkit-tap-highlight-color:transparent}.phone-dock-btn:active{background-color:var(--tint-active)}.phone-dock-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.phone-dock-btn.active{color:var(--color-primary)}.phone-dock-ico{position:relative;display:flex}.phone-dock-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-2xs);font-weight:600;line-height:1.2}.phone-dock-btn.active .phone-dock-label{font-weight:800}.phone-dock-dot{position:absolute;top:-1px;right:-3px;width:9px;height:9px;border-radius:50%;background:var(--color-danger-fill);box-shadow:0 0 0 2px var(--bg-surface)}.pg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);display:flex;align-items:flex-end;background:var(--bg-overlay);animation:fadeIn .2s ease-out}.pg-sheet{box-sizing:border-box;width:100%;max-height:85vh;max-height:85dvh;display:flex;flex-direction:column;background:var(--bg-sheet);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px 24px 0 0;box-shadow:0 -8px 24px #00000026;animation:slideUpSheet .3s cubic-bezier(.16,1,.3,1)}html[data-ui-scale=big] .pg-sheet{max-height:68dvh}.pg-top{flex:0 0 auto;display:flex;flex-direction:column;gap:12px;padding:8px 16px 0}.pg-handle{align-self:center;width:40px;height:5px;border-radius:3px;background:var(--tint-neutral)}.pg-head{display:flex;align-items:center;gap:10px}.pg-head h2{flex:1;margin:0;font-size:var(--fs-2xl);font-weight:700;color:var(--text-main)}.pg-close{all:unset;box-sizing:border-box;cursor:pointer;width:44px;height:44px;border-radius:22px;display:flex;align-items:center;justify-content:center;background:var(--tint-neutral);color:var(--text-secondary)}.pg-close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.pg-filter{display:flex;align-items:center;gap:10px;height:46px;padding:0 14px;box-sizing:border-box;border-radius:14px;background:var(--bg-surface);color:var(--text-secondary);border:2px solid transparent}.pg-filter:focus-within{border-color:var(--color-primary)}.pg-filter input{flex:1;min-width:0;border:none;outline:none;background:transparent;box-shadow:none;padding:0;font-family:var(--font-sans);font-size:var(--fs-lg);color:var(--text-main);-webkit-appearance:none;-moz-appearance:none;appearance:none}.pg-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:8px;padding:12px 16px}.pg-group{padding-top:6px;font-size:var(--fs-sm);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}.pg-group:first-child{padding-top:0}.pg-subgroup{padding:2px 4px 0 12px;font-size:var(--fs-sm);font-weight:700;color:var(--text-muted)}.pg-chips{display:flex;flex-wrap:wrap;gap:8px}.pg-chip{all:unset;box-sizing:border-box;cursor:pointer;height:40px;padding:0 14px;display:flex;align-items:center;border-radius:999px;background:var(--bg-surface);color:var(--text-main);font-family:var(--font-sans);font-size:var(--fs-md);font-weight:600}.pg-row{all:unset;box-sizing:border-box;cursor:pointer;flex:0 0 auto;min-height:52px;padding:0 16px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:14px;background:var(--bg-surface);color:var(--text-main);font-family:var(--font-sans);font-size:var(--fs-lg);font-weight:600}.pg-row.current{color:var(--color-primary);font-weight:800}.pg-row:focus-visible,.pg-chip:focus-visible,.pg-tool:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.pg-row:active,.pg-chip:active{background:var(--tint-active)}.pg-count{min-width:24px;height:24px;padding:0 7px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--color-danger-fill);color:var(--text-on-danger);font-size:var(--fs-base);font-weight:700}.pg-empty{margin:8px 4px;font-size:var(--fs-md);color:var(--text-secondary)}.pg-foot{flex:0 0 auto;display:flex;gap:8px;padding:10px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--border-strong)}.pg-tool{all:unset;box-sizing:border-box;cursor:pointer;flex:1 1 0;min-width:0;height:44px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;background:var(--tint-neutral);color:var(--text-main);font-family:var(--font-sans);font-size:var(--fs-lg);font-weight:600}.pg-tool span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-tool[aria-pressed=true]{background:var(--tint-active);color:var(--color-primary);box-shadow:inset 0 0 0 1.5px var(--color-primary)}@media(prefers-reduced-motion:reduce){.pg-overlay,.pg-sheet{animation:none}}.fo-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);display:flex;background:var(--bg-app)}.fo-panel{box-sizing:border-box;width:100%;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.fo-bar{display:flex;align-items:center;gap:10px;padding:8px 16px 12px}.fo-field{flex:1;min-width:0;display:flex;align-items:center;gap:10px;height:48px;box-sizing:border-box;padding:0 14px;border-radius:14px;background:var(--bg-surface);border:2px solid var(--color-primary);color:var(--text-secondary)}.fo-field input{flex:1;min-width:0;height:100%;padding:0;border:none;outline:none;background:transparent;box-shadow:none;font-family:var(--font-sans);font-size:var(--fs-lg);color:var(--text-main);-webkit-appearance:none;-moz-appearance:none;appearance:none}.fo-field input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}.fo-cancel{all:unset;box-sizing:border-box;cursor:pointer;min-height:44px;padding:0 6px;display:flex;align-items:center;font-family:var(--font-sans);font-size:var(--fs-lg);font-weight:600;color:var(--color-primary)}.fo-cancel:focus-visible,.fo-retry:focus-visible,.fo-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.fo-hint{margin:0;padding:0 20px 10px;font-size:var(--fs-base);color:var(--text-secondary)}.fo-results{display:flex;flex-direction:column;gap:10px;padding:0 16px calc(24px + env(safe-area-inset-bottom))}.fo-count{padding:6px 4px 0;font-size:var(--fs-sm);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}.fo-note{margin:4px 4px 0;font-size:var(--fs-md);color:var(--text-secondary)}.fo-busy{display:flex;align-items:center;gap:8px}.fo-spin{width:14px;height:14px;border-radius:50%;border:2px solid var(--border-strong);border-top-color:var(--color-primary);animation:spin .9s linear infinite}.fo-error{display:flex;flex-direction:column;align-items:flex-start;gap:6px;color:var(--color-danger)}.fo-retry{all:unset;box-sizing:border-box;cursor:pointer;min-height:44px;padding:0 16px;display:inline-flex;align-items:center;gap:8px;border-radius:12px;background:var(--tint-neutral);color:var(--text-main);font-family:var(--font-sans);font-size:var(--fs-md);font-weight:600}.fo-card{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:16px;background:var(--bg-surface);color:var(--text-main);text-decoration:none}.fo-card:active{background:var(--tint-active)}.fo-card-top{display:flex;align-items:center;gap:8px;min-width:0}.fo-pill{flex:none;padding:3px 8px;border-radius:999px;font-size:var(--fs-sm);font-weight:700;background:var(--color-primary-soft);color:var(--color-primary)}.fo-pill.shopee{background:var(--color-shopee-soft);color:var(--color-shopee-text)}.fo-pill.tiktok{background:var(--color-tiktok-soft);color:var(--color-tiktok-text)}.fo-id{min-width:0;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-mono);font-size:var(--fs-md);font-weight:500}.fo-card-mid{display:flex;justify-content:space-between;gap:8px;font-size:var(--fs-md)}.fo-who{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fo-total{flex:none;font-weight:700}.fo-status{font-size:var(--fs-base);font-weight:600;color:var(--text-secondary)}.fo-status.good{color:var(--color-success)}.fo-status.warn{color:var(--color-warning)}.fo-status.bad{color:var(--color-danger)}.fo-card-wait{height:12px;width:55%;border-radius:6px;background:var(--tint-neutral-soft);animation:foPulse 1.2s ease-in-out infinite}@keyframes foPulse{50%{opacity:.45}}.fo-foot{margin:4px 4px 0;font-size:var(--fs-base);line-height:19px;color:var(--text-secondary)}@media(min-width:769px){.fo-overlay{align-items:flex-start;justify-content:center;background:var(--bg-overlay)}.fo-panel{width:min(560px,calc(100vw - 48px));max-height:78vh;margin-top:12vh;padding-top:0;background:var(--bg-modal);border:1px solid var(--border-strong);border-radius:16px;box-shadow:var(--shadow-lg)}.fo-bar{padding-top:16px}}html[data-ui-scale=big] .fo-panel{max-height:calc(78vh / 1.25)}@media(prefers-reduced-motion:reduce){.fo-spin,.fo-card-wait{animation:none}}:root{--bg-app: #fbf9f4;--bg-sidebar: rgba(245, 243, 235, .55);--bg-card: rgba(255, 255, 255, .45);--bg-card-hover: rgba(255, 255, 255, .65);--bg-input: rgba(255, 255, 255, .8);--bg-header: rgba(252, 251, 249, .7);--bg-dock: rgba(255, 255, 255, .72);--bg-dock-picker: rgba(255, 255, 255, .94);--dock-shadow: 0 8px 32px rgba(128, 0, 32, .1), 0 2px 8px rgba(0, 0, 0, .06);--dock-shadow-lg: 0 12px 40px rgba(128, 0, 32, .14), 0 3px 10px rgba(0, 0, 0, .07);--bg-tooltip: #1c1917;--text-on-tooltip: #fbf9f4;--bg-pip: #57534e;--text-on-danger: #ffffff;--bg-surface: #ffffff;--bg-surface-2: #f8fafc;--bg-subtle: #f1f5f9;--bg-hover: #edf2f7;--bg-chip: #eae5d9;--bg-btn: #f0ede4;--bg-btn-hover: #e5e1d5;--bg-modal: #faf9f6;--bg-sheet: rgba(234, 230, 218, .98);--bg-thead: rgba(245, 243, 235, .8);--bg-thead-soft: rgba(245, 243, 235, .5);--bg-overlay: rgba(28, 25, 23, .4);--bg-overlay-strong: rgba(0, 0, 0, .65);--bg-toast: rgba(128, 0, 32, .95);--border-hairline: #e2e8f0;--border-strong: #cbd5e1;--rule-hair: rgba(0, 0, 0, .04);--rule-strong: rgba(128, 0, 32, .16);--tint-faint: rgba(128, 0, 32, .03);--tint-soft: rgba(128, 0, 32, .06);--tint-hover: rgba(128, 0, 32, .07);--tint-active: rgba(128, 0, 32, .1);--tint-neutral: rgba(0, 0, 0, .1);--tint-neutral-soft: rgba(0, 0, 0, .05);--color-accent: #2563eb;--color-accent-soft: rgba(59, 130, 246, .15);--color-violet: #6d28d9;--color-primary-fill: #800020;--color-success-fill: #12883e;--color-danger-fill: #dc2626;--color-warning-fill: #b16105;--color-info-fill: #0c8479;--color-accent-fill: #2563eb;--color-violet-fill: #7c3aed;--color-violet-soft: rgba(124, 58, 237, .1);--color-violet-edge: rgba(124, 58, 237, .3);--color-success-soft: rgba(22, 163, 74, .12);--color-info-soft: rgba(13, 148, 136, .12);--color-success-edge: rgba(22, 163, 74, .3);--color-warning-soft: rgba(217, 119, 6, .12);--color-warning-edge: rgba(217, 119, 6, .3);--color-accent-edge: rgba(37, 99, 235, .3);--color-primary-soft: rgba(128, 0, 32, .1);--color-shopee-soft: rgba(238, 77, 45, .14);--color-tiktok-soft: rgba(2, 132, 199, .14);--color-primary-edge: rgba(128, 0, 32, .28);--border-inverse: #334155;--color-danger-soft: rgba(220, 38, 38, .1);--color-danger-edge: rgba(220, 38, 38, .3);--text-on-fill: #ffffff;--grad-accent: linear-gradient(135deg, #38bdf8 0%, #0284c7 100%);--grad-violet: linear-gradient(135deg, #a78bfa 0%, #7c3aed 100%);--grad-indigo: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--grad-admin: linear-gradient(135deg, #4f46e5 0%, #06b6d4 100%);--grad-staff: linear-gradient(135deg, #10b981 0%, #3b82f6 100%);--bg-inverse: linear-gradient(135deg, #1e293b, #0f172a);--bg-inverse-flat: #0f172a;--text-inverse: #f8fafc;--text-inverse-dim: #94a3b8;--text-inverse-key: #38bdf8;--border-color: rgba(255, 255, 255, .55);--border-hover: rgba(128, 0, 32, .15);--color-primary: #800020;--color-primary-glow: rgba(128, 0, 32, .08);--color-primary-gradient: linear-gradient(135deg, #800020, #b21c3d);--color-success: #12883e;--color-success-gradient: linear-gradient(135deg, #16a34a, #15803d);--color-danger: #dc2626;--color-danger-gradient: linear-gradient(135deg, #dc2626, #b91c1c);--color-warning: #b16105;--color-warning-gradient: linear-gradient(135deg, #d97706, #b45309);--color-info: #0c8479;--color-action: #2563eb;--color-info-gradient: linear-gradient(135deg, #0d9488, #0f766e);--color-imports-grad: linear-gradient(135deg, #800020, #d97706);--color-ecom-grad: linear-gradient(135deg, #0d9488, #0f766e);--color-reserved-grad: linear-gradient(135deg, #7c3aed, #6d28d9);--color-available-grad: linear-gradient(135deg, #16a34a, #15803d);--color-shopee: #f97316;--color-lazada: #0072ff;--color-tiktok: #ec4899;--color-shopify: #10b981;--color-offline: #64748b;--color-shopee-text: #c55405;--color-tiktok-text: #e2177b;--color-lazada-text: #006ff7;--color-shopify-text: #0c855d;--fs-3xs: 9px;--fs-2xs: 10px;--fs-xs: 11px;--fs-sm: 12px;--fs-base: 13px;--fs-md: 14px;--fs-lg: 16px;--fs-xl: 18px;--fs-2xl: 20px;--fs-3xl: 24px;--fs-4xl: 28px;--fs-5xl: 30px;--fs-6xl: 36px;--text-main: #1c1917;--text-secondary: #57534e;--text-muted: #777671;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--z-dock: 90;--z-topbar: 100;--z-dropdown: 1000;--z-overlay: 3000;--z-modal: 3100;--z-toast: 4000;--carrier-spx-sbs: #A16207;--carrier-spx: #C2410C;--carrier-jt: #B01B57;--carrier-smartbox: #9A3412;--carrier-ghn: #1D6FA3;--carrier-vtp: #15803D;--carrier-aha: #6D28D9;--carrier-nhanh: #0F766E;--carrier-pickup: #4D7C0F;--carrier-alloc: #57534E;--shadow-lg: 0 8px 32px 0 rgba(128, 0, 32, .04), 0 2px 10px 0 rgba(0, 0, 0, .02);--shadow-glow: 0 0 15px rgba(128, 0, 32, .06);--card-blur: blur(20px)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-main);font-family:var(--font-sans);font-size:var(--fs-base);line-height:1.35;-webkit-font-smoothing:antialiased;position:relative;overflow:hidden}body:before{content:"";position:absolute;top:-10%;left:-10%;width:50%;height:50%;background:radial-gradient(circle,rgba(128,0,32,.04) 0%,transparent 70%);z-index:-2;filter:blur(80px);animation:floatBg 20s infinite alternate}body:after{content:"";position:absolute;bottom:-10%;right:-10%;width:60%;height:60%;background:radial-gradient(circle,rgba(217,119,6,.03) 0%,transparent 70%);z-index:-2;filter:blur(100px);animation:floatBg2 25s infinite alternate}@keyframes floatBg{0%{transform:translate(0) scale(1)}to{transform:translate(80px,50px) scale(1.1)}}@keyframes floatBg2{0%{transform:translate(0) scale(1.1)}to{transform:translate(-100px,-40px) scale(.9)}}button,input,select,textarea{font-family:inherit;color:inherit}.app-layout{display:flex;flex-direction:column;height:100vh;width:100%;overflow:hidden}.logo-icon{width:32px;height:32px;background:var(--color-primary-gradient);border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #6366f14d;position:relative}.logo-icon:after{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:9px;background:var(--color-primary-gradient);z-index:-1;opacity:.5;filter:blur(2px)}.top-nav-item{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;background:transparent;border:1px solid transparent;cursor:pointer;color:var(--text-secondary);font-weight:600;font-size:var(--fs-sm);transition:all .2s}.top-nav-item:hover{color:var(--text-main);background-color:var(--tint-faint)}.top-nav-item.active{color:var(--text-on-fill);background:var(--color-primary-gradient);box-shadow:0 4px 10px #80002026}.profile-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-primary-gradient);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--text-on-fill);box-shadow:0 2px 6px #6366f133}.app-content{flex-grow:1;display:flex;flex-direction:column;min-width:0;overflow-y:auto;background:radial-gradient(circle at 50% 0%,rgba(128,0,32,.02) 0%,transparent 60%)}.content-header{min-height:64px;padding:11px 24px;gap:16px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background-color:var(--bg-header);backdrop-filter:var(--card-blur);-webkit-backdrop-filter:var(--card-blur);position:sticky;top:0;z-index:10}.header-title-sec{display:flex;flex-direction:column;gap:3px;min-width:0}.header-title-sec h2{font-size:var(--fs-lg);line-height:1.25;font-weight:800;letter-spacing:-.3px;background:linear-gradient(135deg,var(--text-main),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-title-sec p{font-size:var(--fs-xs);line-height:1.4;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-actions{display:flex;align-items:center;gap:12px}.search-bar-container{position:relative;width:220px}.search-bar-input{width:100%;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;padding:6px 12px 6px 32px;font-size:var(--fs-sm);outline:none;transition:all .3s}.search-bar-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #6366f126}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.view-container{padding:8px 16px;display:flex;flex-direction:column;gap:12px;animation:slideUp .4s cubic-bezier(.16,1,.3,1);max-width:1600px;width:100%;margin:0 auto}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.glass-panel{background:var(--bg-card);backdrop-filter:var(--card-blur);-webkit-backdrop-filter:var(--card-blur);border:1px solid var(--border-color);border-radius:16px;padding:12px 16px;box-shadow:var(--shadow-lg);position:relative}.glass-panel:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:16px;pointer-events:none;box-shadow:inset 0 1px 1px #ffffff0d}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;border-bottom:1px solid var(--border-color);padding-bottom:10px}.panel-title h3{font-size:var(--fs-lg);font-weight:800;color:var(--text-main);display:flex;align-items:center;gap:8px}.panel-title p{font-size:var(--fs-xs);color:var(--text-secondary);margin-top:2px}.premium-table-container{overflow-x:auto;max-height:calc(100vh - 180px);overflow-y:auto}.premium-table{width:100%;border-collapse:collapse;text-align:left;font-size:var(--fs-base)}.premium-table th{background-color:transparent;color:var(--text-secondary);font-weight:700;padding:6px 12px;border-bottom:1px solid var(--border-color);text-transform:uppercase;font-size:var(--fs-2xs);letter-spacing:.5px}.premium-table td{padding:6px 12px;border-bottom:1px solid var(--border-color);color:var(--text-secondary);vertical-align:middle;transition:background-color .2s}.premium-table tr:last-child td{border-bottom:none}.premium-table tr:hover td{background-color:#ffffff04;color:var(--text-main)}.sku-badge{font-family:var(--font-mono);background-color:var(--bg-chip);border:1px solid var(--border-hover);color:var(--color-primary);padding:1px 6px;border-radius:6px;font-size:var(--fs-2xs);font-weight:600;box-shadow:inset 0 1px 2px #8000200d;letter-spacing:.5px}.product-name-title{color:var(--text-main);font-weight:700;font-size:var(--fs-md);letter-spacing:-.2px}.product-name-category{font-size:var(--fs-xs);font-weight:600;color:var(--text-muted)}.qty-display{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-weight:700;font-size:var(--fs-base);padding:4px 10px;border-radius:8px;background-color:var(--bg-input);border:1px solid var(--border-color)}.qty-display.imports{color:#b45309;border-color:#b4530926;background-color:#b4530908}.qty-display.ecom{color:#0d9488;border-color:#0d948826;background-color:#0d948808}.qty-display.available{color:#16a34a;border-color:#16a34a26;background-color:#16a34a08}.qty-display.reserved{color:#7c3aed;border-color:#7c3aed26;background-color:#7c3aed08}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:12px;font-weight:700;font-size:var(--fs-base);cursor:pointer;border:1px solid transparent;transition:all .25s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;background-color:var(--bg-btn);color:var(--text-main);box-shadow:0 2px 6px #0000000a}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px #00000014;background-color:var(--bg-btn-hover)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background:var(--color-primary-gradient);color:var(--text-on-fill);box-shadow:0 4px 12px #80002026;position:relative}.btn-primary:hover:not(:disabled){box-shadow:0 6px 16px #8000204d}.btn-secondary{background-color:transparent;border-color:var(--border-color);color:var(--text-secondary)}.btn-secondary:hover:not(:disabled){background-color:var(--tint-faint);border-color:var(--border-hover);color:var(--color-primary)}.btn-icon-only{padding:10px;border-radius:10px}.btn-success{background:var(--color-success-gradient);color:var(--text-on-fill)}.btn-danger{background:var(--color-danger-gradient);color:var(--text-on-fill)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--bg-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-overlay);animation:fadeInModal .25s ease-out}.modal-content{background:var(--bg-modal);border:1px solid var(--border-hover);border-radius:24px;width:100%;max-width:500px;padding:36px;box-shadow:0 20px 50px #8000201a,0 0 40px #8000200d;animation:scaleInModal .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.modal-content:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--color-primary-gradient);border-radius:24px 24px 0 0}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}@keyframes scaleInModal{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.modal-title{font-size:var(--fs-2xl);font-weight:800;letter-spacing:-.5px}.modal-close{background:transparent;border:none;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;padding:6px;border-radius:8px;transition:all .2s}.modal-close:hover{background-color:var(--tint-soft);color:var(--color-primary)}.form-group{margin-bottom:22px;display:flex;flex-direction:column;gap:8px}.form-label{font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.form-input,.form-select{width:100%;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:10px;padding:12px 16px;font-size:var(--fs-base);outline:none;transition:all .3s;color:var(--text-main);box-shadow:inset 0 1px 2px #0000000d}.form-input:focus,.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-glow)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:8px;font-size:var(--fs-xs);font-weight:700}.badge-shopee{background-color:#f973161a;color:var(--color-shopee-text);border:1px solid rgba(249,115,22,.25)}.badge-lazada{background-color:#0072ff26;color:var(--color-lazada-text);border:1px solid rgba(0,114,255,.25)}.badge-tiktok{background-color:#ec48991a;color:var(--color-tiktok-text);border:1px solid rgba(236,72,153,.25)}.badge-shopify{background-color:#10b9811a;color:var(--color-shopify-text);border:1px solid rgba(16,185,129,.25)}.badge-offline{background-color:#64748b1a;color:var(--text-secondary);border:1px solid rgba(100,116,139,.25)}.ledger-list{display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 180px);overflow-y:auto;padding-right:4px}.ledger-item{background:transparent;border:none;border-bottom:1px solid var(--border-color);border-radius:0;padding:16px;display:flex;gap:20px;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:none}.ledger-item:last-child{border-bottom:none}.ledger-item:hover{transform:translate(4px);background-color:var(--tint-faint)}.ledger-item.receipt{border-left:3px solid var(--color-warning)}.ledger-item.deconstruct{border-left:3px solid var(--color-info)}.ledger-item.reserve{border-left:3px solid #7c3aed}.ledger-item.dispatch{border-left:3px solid var(--color-success)}.ledger-item.cancel{border-left:3px solid var(--color-danger)}.ledger-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background-color:var(--tint-faint);font-size:var(--fs-xl)}.ledger-item.receipt .ledger-icon{color:var(--color-warning);background-color:#d9770614}.ledger-item.deconstruct .ledger-icon{color:var(--color-info);background-color:#0d948814}.ledger-item.reserve .ledger-icon{color:#7c3aed;background-color:#7c3aed14}.ledger-item.dispatch .ledger-icon{color:var(--color-success);background-color:#16a34a14}.ledger-item.cancel .ledger-icon{color:var(--color-danger);background-color:#dc262614}.ledger-details{flex-grow:1;display:flex;flex-direction:column}.ledger-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.ledger-title{font-weight:700;color:var(--text-main);font-size:var(--fs-md)}.ledger-time{font-size:var(--fs-xs);color:var(--text-secondary);font-family:var(--font-mono)}.ledger-desc{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.5;margin-bottom:10px}.ledger-meta{display:flex;gap:16px;font-size:var(--fs-xs);color:var(--text-muted)}.ledger-meta-item{display:flex;align-items:center;gap:4px}@keyframes spin{to{transform:rotate(360deg)}}.spinner{animation:spin .8s linear infinite}.stock-bar-container{width:100%;height:8px;background-color:#0b0c16;border-radius:4px;overflow:hidden;margin-top:8px;display:flex;box-shadow:inset 0 2px 4px #00000080}.stock-bar-fill{height:100%;border-radius:4px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:#ffffff0d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6366f14d}@media(max-width:768px){html,body{overflow-x:hidden!important;overflow-y:auto!important;width:100%}.app-layout{flex-direction:column;min-height:100vh;min-height:100dvh;width:100%;max-width:100%!important;overflow:visible!important}.app-sidebar{display:none!important}.app-content{padding-bottom:calc(72px + env(safe-area-inset-bottom))!important;height:auto;overflow-y:visible;overscroll-behavior-y:contain}input,select,textarea{font-size:var(--fs-lg)!important}.btn,button.top-nav-item,.icon-btn{min-height:44px}.content-header{position:static;padding:12px 16px;flex-direction:column;height:auto;align-items:flex-start;gap:12px}.header-title-sec{width:100%}.header-title-sec p{white-space:normal}.header-actions{width:100%;justify-content:space-between}.search-bar-container{width:100%}.view-container{padding:16px}.workspace-grid{grid-template-columns:1fr}.premium-table-container{max-height:none!important;overflow-y:visible!important}.hide-on-mobile{display:none!important}.show-on-mobile{display:flex!important}.top-bar-menu nav{display:none!important}.top-bar-menu{padding:8px 12px!important}}.nav-dropdown-wrapper{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;background:var(--bg-sheet);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:8px;min-width:220px;padding:6px 0;box-shadow:var(--shadow-md);z-index:var(--z-dropdown);display:flex;flex-direction:column;animation:slideDownFade .2s cubic-bezier(.16,1,.3,1)}.dropdown-item{background:none;border:none;padding:8px 16px;font-size:var(--fs-sm);text-align:left;color:var(--text-main);cursor:pointer;width:100%;transition:all .15s ease;font-weight:600}.dropdown-item:hover{background:var(--tint-active);color:var(--color-primary);padding-left:18px}.dropdown-item.current{color:var(--color-primary)}.dropdown-heading{padding:10px 16px 4px;font-size:var(--fs-2xs);font-weight:800;letter-spacing:.7px;text-transform:uppercase;color:var(--text-muted)}.dropdown-heading:first-child{padding-top:4px}.dropdown-divider{height:1px;margin:6px 0;background:var(--border-color)}.caret-icon{transition:transform .2s ease;margin-left:4px;opacity:.6}.caret-icon.open{transform:rotate(180deg)}.bottom-sheet-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-overlay);z-index:var(--z-overlay);display:flex;align-items:flex-end;animation:fadeIn .2s ease-out}.bottom-sheet-content{width:100%;background:var(--bg-sheet);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-color);border-top-left-radius:16px;border-top-right-radius:16px;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));box-shadow:0 -8px 24px #00000026;z-index:var(--z-modal);animation:slideUpSheet .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:12px}.bottom-sheet-header{display:flex;align-items:center;justify-content:space-between;position:relative;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.bottom-sheet-header h3{font-size:var(--fs-md);font-weight:800;color:var(--text-main);margin:0}.bottom-sheet-handle{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:36px;height:4px;background:var(--tint-neutral);border-radius:2px}.bottom-sheet-close{background:var(--tint-neutral-soft);border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.bottom-sheet-close:active{background:var(--tint-neutral)}.bottom-sheet-body{display:flex;flex-direction:column;gap:8px;max-height:50vh;overflow-y:auto;padding:8px 0}.bottom-sheet-item{background:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;padding:12px 16px;font-size:var(--fs-base);font-weight:700;text-align:left;color:var(--text-main);cursor:pointer;width:100%;transition:all .15s ease;display:flex;align-items:center;justify-content:space-between;min-height:48px}.bottom-sheet-item:active{background:var(--tint-active);border-color:var(--color-primary)}.bottom-sheet-item.coming-soon{color:var(--text-muted);opacity:.6;background:#ffffff26;font-style:italic}.coming-soon-toast{position:fixed;top:20px;left:50%;transform:translate(-50%);background:var(--bg-toast);color:var(--text-on-fill);padding:8px 16px;border-radius:30px;font-size:var(--fs-xs);font-weight:700;z-index:var(--z-toast);box-shadow:var(--shadow-lg);animation:slideDownToast .3s cubic-bezier(.16,1,.3,1);white-space:nowrap}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDownToast{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(min-width:769px){.orders-mobile-cards{display:none!important}}@media(max-width:768px){.premium-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.mobile-hidden{display:none!important}.orders-mobile-cards{display:flex!important}}button,a,[role=button],input,select{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn:active{transform:scale(.97)}.io-container{display:flex;flex-direction:column;gap:20px;width:100%}.io-banner{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:20px 24px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:var(--card-blur);backdrop-filter:var(--card-blur)}.io-banner-title{font-size:var(--fs-2xl);font-weight:800;color:var(--text-main);display:flex;align-items:center;gap:10px}.io-banner-subtitle{font-size:var(--fs-sm);color:var(--text-secondary);margin-top:4px}.io-filter-bar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:16px 20px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:var(--card-blur);backdrop-filter:var(--card-blur)}.io-filter-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.io-tab-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.io-tab-label{font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;color:var(--text-muted);margin-right:6px;letter-spacing:.05em}.io-tab-btn{padding:6px 14px;font-size:var(--fs-sm);font-weight:600;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.io-tab-btn:hover{background:var(--bg-surface);color:var(--text-main)}.io-tab-btn.active{background:var(--color-primary-gradient);color:var(--text-on-fill);border-color:transparent;box-shadow:0 4px 12px #80002040}.io-search-box{display:flex;align-items:center;gap:8px}.io-input{padding:8px 14px;font-size:var(--fs-sm);border-radius:10px;border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-main);outline:none;min-width:240px;transition:all .2s ease}.io-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.io-btn-primary{padding:8px 16px;font-size:var(--fs-sm);font-weight:700;border-radius:10px;border:none;background:var(--color-primary-gradient);color:var(--text-on-fill);cursor:pointer;box-shadow:0 4px 12px #80002033;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.io-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #8000204d}.io-btn-action{padding:5px 10px;font-size:var(--fs-xs);font-weight:600;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-main);cursor:pointer;transition:all .15s ease}.io-btn-action:hover{background:var(--bg-surface);border-color:var(--color-primary);color:var(--color-primary)}.io-btn-dispatch{background:var(--color-violet-soft);border-color:var(--color-violet-edge);color:var(--color-violet)}.io-btn-dispatch:hover{background:var(--color-violet-fill);color:var(--text-on-fill)}.io-btn-cancel{background:var(--color-danger-soft);border-color:var(--color-danger-edge);color:var(--color-danger)}.io-btn-cancel:hover{background:var(--color-danger-fill);color:var(--text-on-fill)}.io-badge{display:inline-flex;align-items:center;padding:3px 8px;font-size:var(--fs-2xs);font-weight:700;border-radius:6px;letter-spacing:.03em;text-transform:uppercase}.io-badge-reserved{background:#fef3c7;color:#b45309;border:1px solid #fde68a}.io-badge-pending{background:#fef9c3;color:#a16207;border:1px solid #fef08a}.io-badge-confirmed{background:#dbeafe;color:#1d4ed8;border:1px solid #bfdbfe}.io-badge-ready_to_ship{background:#ffedd5;color:#c2410c;border:1px solid #fed7aa}.io-badge-shipping{background:#cffafe;color:#0e7490;border:1px solid #a5f3fc}.io-badge-dispatched{background:#f3e8ff;color:#6d28d9;border:1px solid #e9d5ff}.io-badge-completed{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.io-badge-cancelled{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca}.io-badge-bulk{background:#e0e7ff;color:#4338ca}.io-badge-website{background:#cffafe;color:#0e7490}.io-badge-marketing{background:#fce7f3;color:#be185d}.io-badge-retail{background:#f1f5f9;color:#475569}.io-table-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:var(--card-blur);backdrop-filter:var(--card-blur)}.io-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm);text-align:left;table-layout:fixed}.io-table th{background:var(--bg-thead);padding:12px 14px;font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;color:var(--text-secondary);border-bottom:1px solid var(--border-color);letter-spacing:.04em;-webkit-user-select:none;user-select:none}.io-table td{padding:12px 14px;border-bottom:1px solid var(--rule-hair);color:var(--text-main);vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.io-table tr:hover td{background:var(--bg-input)}.io-col-resizer{position:absolute;right:0;top:0;bottom:0;width:8px;cursor:col-resize;-webkit-user-select:none;user-select:none;z-index:10;border-right:2px solid transparent;transition:border-color .15s ease,background .15s ease}.io-col-resizer:hover,.io-table th:hover .io-col-resizer{border-right-color:var(--color-accent);background:var(--color-accent-soft)}.io-items-popover-wrapper{position:relative;display:inline-block}.io-items-popover-content{display:none;position:absolute;left:0;top:100%;margin-top:6px;background:var(--bg-inverse-flat);color:var(--text-inverse);padding:10px 14px;border-radius:10px;font-size:var(--fs-xs);box-shadow:0 10px 25px -5px #00000059,0 8px 10px -6px #0003;z-index:99;min-width:220px;max-width:340px;white-space:normal;pointer-events:none;border:1px solid rgba(255,255,255,.15)}.io-items-popover-wrapper:hover .io-items-popover-content{display:block}.io-pagination{padding:12px 20px;background:var(--bg-thead-soft);border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;font-size:var(--fs-sm);color:var(--text-secondary)}.io-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--bg-overlay-strong);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.io-modal-content{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:20px;width:100%;max-width:920px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #0000004d;overflow:hidden}.io-modal-header{padding:18px 24px;background:var(--bg-surface-2);border-bottom:1px solid var(--border-hairline);display:flex;align-items:center;justify-content:space-between}.io-modal-title{font-size:var(--fs-xl);font-weight:800;color:var(--text-main)}.io-modal-subtitle{font-size:var(--fs-sm);color:var(--text-secondary);margin-top:2px}.io-modal-close{background:transparent;border:none;font-size:var(--fs-2xl);color:var(--text-secondary);cursor:pointer;padding:4px 8px;border-radius:8px}.io-modal-close:hover{background:var(--bg-subtle);color:var(--text-main)}.io-modal-body{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:20px;background:var(--bg-subtle)}.io-modal-container{display:flex;flex:1;overflow:hidden}.io-modal-sidebar{width:220px;min-width:220px;background:var(--bg-surface-2);border-right:1px solid var(--border-hairline);padding:16px 12px;display:flex;flex-direction:column;justify-content:space-between;gap:12px}.io-sidebar-nav{display:flex;flex-direction:column;gap:2px}.io-sidebar-category-title{font-size:var(--fs-3xs);font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding:10px 10px 4px}.io-sidebar-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:10px;font-size:var(--fs-sm);font-weight:600;color:var(--text-secondary);background:transparent;border:1px solid transparent;cursor:pointer;text-align:left;transition:all .15s ease}.io-sidebar-item:hover{background:var(--bg-hover);color:var(--text-main)}.io-sidebar-item.active{background:var(--bg-surface);color:var(--color-accent);border-color:var(--border-strong);box-shadow:0 2px 4px #0000000d;font-weight:700}.io-sidebar-summary{background:var(--bg-inverse);color:var(--text-inverse);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:4px;box-shadow:0 4px 10px #0f172a1a}.io-sidebar-summary-label{font-size:var(--fs-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-inverse-dim)}.io-sidebar-summary-value{font-size:var(--fs-lg);font-weight:800;color:var(--text-inverse-key)}.io-modal-footer{padding:16px 24px;background:var(--bg-surface-2);border-top:1px solid var(--border-hairline);display:flex;align-items:center;justify-content:flex-end;gap:12px}.io-section-card{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:14px;padding:18px 22px;display:flex;flex-direction:column;gap:16px;box-shadow:0 1px 3px #0000000d}.io-section-title{font-size:var(--fs-sm);font-weight:800;color:var(--text-main);text-transform:uppercase;letter-spacing:.05em;padding-bottom:10px;border-bottom:1px solid var(--border-hairline);display:flex;align-items:center;justify-content:space-between}.io-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;width:100%;box-sizing:border-box}.io-form-group{display:flex;flex-direction:column;gap:6px;min-width:0}.io-label{font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em}.io-modal-body input.io-input,.io-modal-body select.io-input,.io-modal-body textarea.io-input{min-width:0!important;max-width:100%!important;box-sizing:border-box!important;background:var(--bg-surface)!important;border:1.5px solid var(--text-muted)!important;border-radius:8px!important;padding:9px 12px!important;font-size:var(--fs-base)!important;color:var(--text-main)!important;box-shadow:0 1px 2px #0000000a!important;transition:border-color .15s ease,box-shadow .15s ease!important}.io-modal-body input.io-input:focus,.io-modal-body select.io-input:focus,.io-modal-body textarea.io-input:focus{border-color:var(--color-accent)!important;box-shadow:0 0 0 3px #2563eb26!important;outline:none!important}.io-modal-body input.io-input:disabled,.io-modal-body select.io-input:disabled{background:var(--bg-subtle)!important;border-color:var(--border-strong)!important;color:var(--text-muted)!important}.io-summary-card{background:var(--bg-inverse);color:var(--text-inverse);border-radius:14px;padding:18px 22px;display:flex;flex-direction:column;gap:12px;box-shadow:0 4px 12px #0f172a26}.dash-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:80px;gap:12px}.dash-widget{min-width:0;overflow:hidden}.w-3x1{grid-column:span 3;grid-row:span 1}.w-4x2{grid-column:span 4;grid-row:span 2}.w-6x2{grid-column:span 6;grid-row:span 2}.w-6x3{grid-column:span 6;grid-row:span 3}.w-12x3{grid-column:span 12;grid-row:span 3}.dash-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px dashed rgba(127,127,127,.35);border-radius:10px;background:#7f7f7f08;text-align:center;padding:6px}.dash-placeholder-letter{font-size:var(--fs-2xl);line-height:1.1;font-weight:800;font-family:var(--font-mono);color:var(--text-secondary);opacity:.55}.dash-placeholder-label{font-size:var(--fs-2xs);font-weight:700;letter-spacing:1px;color:var(--text-secondary)}.dash-placeholder-meta{font-size:var(--fs-3xs);font-family:var(--font-mono);color:var(--text-secondary);opacity:.65}@media(max-width:1200px){.dash-grid{grid-template-columns:repeat(6,1fr)}.w-4x2,.w-6x2,.w-6x3,.w-12x3{grid-column:span 6}}@media(max-width:768px){.dash-grid{grid-template-columns:1fr}.w-3x1,.w-4x2,.w-6x2,.w-6x3,.w-12x3{grid-column:span 1}.dash-placeholder{display:none}.dash-grid>*{order:10}.dash-grid>.dash-o-profit{order:1}.dash-grid>.dash-o-banks{order:2}.dash-grid>.dash-o-wallets{order:3}.dash-grid>.dash-o-today{order:4}.dash-grid>.dash-o-dispatch{order:5}}.dash-tile-failed{display:flex;align-items:center;justify-content:center;gap:8px;min-height:80px;padding:8px 12px;grid-row:span 1;border:1px dashed var(--color-danger-edge);color:var(--color-danger);font-size:var(--fs-sm);font-weight:700}.dash-grid .dash-tile-failed-retry{min-height:44px!important;padding:0 14px;border:1px solid var(--color-danger-edge);border-radius:8px;background:var(--color-danger-soft);color:var(--color-danger);font-weight:800;cursor:pointer}.daily-channel-box{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex:1;min-width:0;height:100%;border:none;border-radius:8px;padding:8px 4px;text-align:center;cursor:pointer;outline:none;background-color:transparent;transition:transform .15s ease,background-color .2s ease,border-color .2s ease;position:relative}.daily-channel-box:hover{transform:translateY(-1px);filter:brightness(.97)}.daily-channel-box:focus-visible{outline:2px solid var(--text-main);outline-offset:1px}.daily-channel-box.ch-shopee-ih{background-color:color-mix(in srgb,var(--color-primary) 6%,transparent)}.daily-channel-box.ch-shopee-fbs{background-color:color-mix(in srgb,var(--color-warning) 6%,transparent)}.daily-channel-box.ch-tiktok{background-color:color-mix(in srgb,var(--color-info) 6%,transparent)}.daily-channel-box-label{font-size:var(--fs-3xs);text-transform:uppercase;letter-spacing:.5px;font-weight:700;margin-bottom:2px}.daily-channel-box-value{flex:1;min-height:0;align-self:stretch;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:800;color:var(--text-main);white-space:nowrap;overflow:hidden;line-height:1.1}.daily-ads-note{height:14px;line-height:14px;margin-top:2px;text-align:center;font-size:var(--fs-3xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.daily-channel-detail{display:flex;flex-direction:column;height:100%;box-sizing:border-box}.daily-channel-detail-header{display:flex;align-items:center;gap:6px;height:22px}.daily-channel-detail-back{background:none;border:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:color .15s ease}.daily-channel-detail-back:hover{color:var(--text-main)}.daily-channel-detail-title{font-size:var(--fs-sm);font-weight:800;text-transform:uppercase;letter-spacing:.5px}.daily-channel-detail-rows{display:grid;grid-template-columns:1fr 1fr;column-gap:14px;align-content:start;flex:1;margin-top:4px;max-height:134px}.daily-channel-detail-row{display:flex;justify-content:space-between;align-items:center;padding:1.5px 0;border-bottom:1px solid var(--rule-hair)}.daily-channel-detail-row:last-child{border-bottom:none}.daily-channel-detail-label{font-size:var(--fs-xs);color:var(--text-secondary)}.daily-channel-detail-value{font-size:var(--fs-sm);font-family:var(--font-mono);text-align:right;color:var(--text-main)}.metric-fade-in{animation:metricFadeKey .2s ease-out forwards}@keyframes metricFadeKey{0%{opacity:.3}to{opacity:1}}@media(prefers-reduced-motion:reduce){.metric-fade-in{animation:none!important}}.daily-metric-toggle-group{display:flex;gap:2px}.daily-metric-toggle{font-size:var(--fs-3xs);font-weight:700;letter-spacing:.5px;padding:2px 5px;border:none;border-radius:4px;cursor:pointer;background:transparent;color:var(--text-secondary);opacity:.6;transition:opacity .15s ease,background-color .15s ease}.daily-metric-toggle:hover{opacity:1}.daily-metric-toggle.active{opacity:1;color:var(--text-main);background:#7f7f7f26}.daily-metric-toggle:focus-visible{outline:1px solid var(--color-primary)}.slot-a{display:flex;flex-direction:column;padding:8px 12px}.slot-a-head{display:flex;justify-content:space-between;align-items:center;height:22px}.slot-a-title{font-size:var(--fs-xs);font-weight:800;color:var(--text-main);white-space:nowrap}.slot-a-total{font-family:var(--font-mono);color:var(--text-secondary);font-weight:700}.slot-a-cut{font-size:var(--fs-2xs);color:var(--text-secondary);white-space:nowrap}.slot-a-cut b{color:var(--text-main);font-family:var(--font-mono)}.slot-a-cut.urgent,.slot-a-cut.urgent b{color:var(--color-danger);font-weight:700}.disp{display:flex;gap:8px;flex:1;min-height:0;margin-top:4px}.dcard{background-color:color-mix(in srgb,var(--ch) 8%,transparent);cursor:pointer}.dcard .daily-channel-box-label{color:var(--ch)}.dcard .daily-channel-box-value{color:var(--text-main)}.dcard:hover{background-color:color-mix(in srgb,var(--ch) 14%,transparent)}.dcard:focus-visible{outline:2px solid var(--ch);outline-offset:2px}.dcard-action{position:relative;overflow:hidden}.dcard-action-hint{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:4px;padding:3px 2px;font-size:var(--fs-3xs);font-weight:800;letter-spacing:.2px;color:#fff;background:var(--ch);opacity:0;transform:translateY(100%);transition:opacity .14s ease,transform .14s ease;pointer-events:none}.dcard-action:hover .dcard-action-hint,.dcard-action:focus-visible .dcard-action-hint{opacity:1;transform:translateY(0)}.dcard-action[disabled]{cursor:progress}.dcard-action[disabled] .dcard-action-hint{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.dcard-action-hint{transition:none}}.mp-body{display:flex;flex:1;min-height:0;margin-top:4px;align-items:stretch}.mp-half{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 6px}.mp-label{font-size:var(--fs-3xs);font-weight:800;letter-spacing:.9px;text-transform:uppercase;color:var(--text-secondary)}.mp-value{flex:1;min-height:0;align-self:stretch;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:800;line-height:1;white-space:nowrap;overflow:hidden}.mp-profit.pos{color:var(--color-success)}.mp-profit.neg{color:var(--color-danger)}.mp-margin{color:var(--text-main)}.mp-divider{width:1px;align-self:stretch;margin:4px 2px;flex:0 0 1px;background:var(--rule-strong)}.wt-cut{min-width:0;overflow:hidden;text-overflow:ellipsis;margin-left:8px}.wt-body{display:flex;flex:1;min-height:0;margin-top:2px;align-items:stretch}.wt-half{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0 4px;border:none;border-radius:8px;background:transparent;font:inherit;color:inherit}.wt-link{cursor:pointer;transition:background-color .15s ease}.wt-link:hover{background:color-mix(in srgb,var(--text-main) 6%,transparent)}.wt-link:focus-visible{outline:2px solid var(--text-main);outline-offset:1px}.wt-label{font-size:var(--fs-3xs);font-weight:800;letter-spacing:.8px;text-transform:uppercase;line-height:1;color:var(--text-secondary)}.wt-value{font-family:var(--font-mono);font-weight:800;font-size:var(--fs-4xl);line-height:1;color:var(--text-main);white-space:nowrap}.wt-link .wt-value{font-size:var(--fs-3xl)}.wt-value.neg{color:var(--color-danger)}.wt-half.has-note{gap:2px}.wt-half.has-note .wt-value{font-size:var(--fs-3xl)}.wt-note{max-width:100%;border:none;background:transparent;padding:0;cursor:pointer;font:inherit;font-size:var(--fs-3xs);line-height:1.2;font-weight:700;color:var(--color-warning);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wt-note:hover{text-decoration:underline}.wt-divider{width:1px;align-self:stretch;margin:4px 2px;flex:0 0 1px;background:var(--rule-strong)}.app-dock{position:fixed;bottom:18px;left:50%;transform:translate(-50%);z-index:var(--z-dock);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.dock-bar{pointer-events:auto;display:flex;align-items:center;gap:2px;padding:6px 8px;border-radius:16px;background-color:var(--bg-dock);backdrop-filter:var(--card-blur);-webkit-backdrop-filter:var(--card-blur);border:1px solid var(--border-color);box-shadow:var(--dock-shadow)}.dock-slot{position:relative;display:flex;align-items:center;justify-content:center}.dock-slot.dragging{opacity:.35}.dock-slot.drop-target:before{content:"";position:absolute;left:-2px;top:6px;bottom:6px;width:2px;border-radius:2px;background:var(--color-primary)}.dock-btn{position:relative;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:none;border-radius:12px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background-color .15s ease,color .15s ease,transform .15s ease}.dock-btn:hover{background-color:var(--tint-hover);color:var(--color-primary);transform:translateY(-2px)}.dock-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.dock-btn.active{color:var(--color-primary);background-color:var(--tint-active)}.dock-btn.active:not(.dock-add):after{content:"";position:absolute;bottom:3px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--color-primary)}.dock-add{color:var(--text-muted)}.dock-badge{position:absolute;top:4px;right:4px;min-width:15px;padding:0 4px;border-radius:8px;background:var(--color-danger-fill);color:var(--text-on-danger);font-size:var(--fs-3xs);font-weight:800;line-height:15px;text-align:center}.dock-tip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(3px);display:flex;align-items:center;gap:6px;padding:4px 9px;border-radius:7px;background:var(--bg-tooltip);color:var(--text-on-tooltip);font-size:var(--fs-xs);font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease}.dock-slot:hover .dock-tip,.dock-btn:focus-visible~.dock-tip{opacity:1;transform:translate(-50%) translateY(0)}.dock-tip-key{font-style:normal;font-family:var(--font-mono);font-size:var(--fs-2xs);opacity:.6}.dock-unpin{position:absolute;top:-1px;right:-1px;width:15px;height:15px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--border-color);border-radius:50%;background:var(--bg-pip);color:#fff;cursor:pointer;opacity:0;transition:opacity .14s ease}.dock-slot:hover .dock-unpin{opacity:1}.dock-unpin:hover{background:var(--color-danger)}.dock-sep{width:1px;height:22px;margin:0 5px;background:var(--rule-strong)}.dock-picker{pointer-events:auto;width:268px;max-height:52vh;display:flex;flex-direction:column;border-radius:14px;background-color:var(--bg-dock-picker);backdrop-filter:var(--card-blur);-webkit-backdrop-filter:var(--card-blur);border:1px solid var(--border-color);box-shadow:var(--dock-shadow-lg);overflow:hidden}.dock-picker-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--rule-strong);font-size:var(--fs-xs);font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--text-main)}.dock-picker-count{font-family:var(--font-mono);font-weight:700;color:var(--text-muted);letter-spacing:0}.dock-picker-body{overflow-y:auto;padding:6px}.dock-picker-group{padding:8px 8px 4px;font-size:var(--fs-3xs);font-weight:800;text-transform:uppercase;letter-spacing:.7px;color:var(--text-muted)}.dock-picker-item{width:100%;display:flex;align-items:center;gap:9px;padding:7px 8px;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);font-size:var(--fs-sm);font-weight:600;text-align:left;cursor:pointer;transition:background-color .12s ease,color .12s ease}.dock-picker-item span{flex:1;min-width:0}.dock-picker-item:hover:not(:disabled){background-color:var(--tint-soft);color:var(--text-main)}.dock-picker-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.dock-picker-item.pinned{color:var(--color-primary)}.dock-picker-tick{flex:none}.dock-picker-item:disabled{opacity:.38;cursor:not-allowed}@media(min-width:769px){.view-container{padding-bottom:86px}}@media(prefers-reduced-motion:reduce){.dock-btn,.dock-tip,.dock-unpin,.dock-picker-item{transition:none}.dock-btn:hover{transform:none}}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}@media(max-width:768px){.page-fluid{padding:12px!important;max-width:100%!important}.strip-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:calc(100vw - 64px);min-width:0!important;flex-shrink:1!important;flex-wrap:nowrap!important;scrollbar-width:thin}.strip-scroll>*{flex-shrink:0}.row-wrap{flex-wrap:wrap!important}.grid-fluid{grid-template-columns:1fr!important}}@media(max-width:768px){.inv-toolbar{flex-direction:column;align-items:stretch!important;min-width:0!important}.inv-toolbar>.btn{align-self:flex-start}}@media(max-width:768px){.modal-overlay{align-items:flex-start;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px}.modal-content{margin:auto;padding:20px}}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}.bottom-sheet-item.current{color:var(--color-primary);font-weight:800}@media(max-width:768px){.notif-row{flex-wrap:wrap;row-gap:6px}.notif-row *{min-width:0!important}.notif-row span{flex-shrink:1!important;white-space:normal}}@media(max-width:768px){.view-container button{min-height:44px!important}.view-container table button,.view-container .premium-table button,.view-container .io-table button,.view-container .orders-mobile-cards button,.dash-grid button,.daily-metric-toggle{min-height:0!important}}@media(max-width:768px){.bottom-sheet-content button{min-height:44px!important}.bottom-sheet-close{min-width:44px;min-height:44px}}@media(max-width:768px){.stock-phone-bar{position:sticky;z-index:20;margin:0 -20px;padding:8px 20px 10px;background:var(--bg-app);border-bottom:1px solid var(--border-hairline);display:flex;flex-direction:column;gap:10px}.stock-search{position:relative;display:flex;align-items:center;height:46px;border-radius:14px;background:var(--bg-input);border:1px solid var(--border-hairline)}.stock-search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-glow)}.stock-search-icon{position:absolute;left:14px;color:var(--text-secondary);pointer-events:none}.view-container .stock-search input{flex:1 1 auto;min-width:0;height:100%;border:none;outline:none;background:transparent;padding:0 48px 0 42px;font-size:16px!important;-webkit-appearance:none;-moz-appearance:none;appearance:none}.stock-search input::-webkit-search-cancel-button,.stock-search input::-webkit-search-decoration{-webkit-appearance:none;display:none}.view-container .stock-search .stock-search-clear{position:absolute;right:1px;top:1px;width:44px;min-height:44px!important;height:44px;padding:0;border:none;border-radius:12px;background:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer}.stock-chips{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch}.view-container .stock-chips .stock-chip{flex:0 0 auto;min-height:38px!important;height:38px;padding:0 14px;border:none;border-radius:999px;background:var(--bg-chip);color:var(--text-main);font-size:var(--fs-md);font-weight:600;white-space:nowrap;cursor:pointer}.view-container .stock-chips .stock-chip-low{background:var(--color-danger-soft);color:var(--color-danger);font-weight:700}.view-container .stock-chips .stock-chip-on{background:var(--color-primary-fill);color:var(--text-on-fill)}.view-container .stock-chips .stock-chip-low.stock-chip-on{background:var(--color-danger-fill);color:var(--text-on-danger)}.stock-row-sku{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stock-row-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right}.stock-row-avail{font-size:var(--fs-xl);font-weight:700;line-height:1.2;color:var(--text-main);font-variant-numeric:tabular-nums}.stock-row-avail.low{color:var(--color-danger)}.stock-row-sub{font-size:var(--fs-sm);color:var(--text-secondary);white-space:nowrap}}@media(max-width:768px){.view-container select,.view-container input,.view-container textarea{max-width:100%}.view-container [style*="repeat(2,"],.view-container [style*="repeat(3,"],.view-container [style*="repeat(4,"]{grid-template-columns:1fr!important}}html[data-ui-scale=big] .app-layout{zoom:1.25}html[data-ui-scale=big] .strip-scroll{max-width:calc((100vw - 64px)*.8)}.dock-scale{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:800;letter-spacing:-.02em}@media(max-width:768px){.io-search-box{min-width:0;max-width:100%}.io-search-box .io-input{min-width:0;width:100%}.settings-card{min-width:0;max-width:100%}.view-container [style*="minmax(330px"],.view-container [style*="minmax(340px"],.view-container [style*="minmax(260px"]{grid-template-columns:1fr!important}.grid-fluid>*,.view-container [style*="minmax(330px"]>*,.view-container [style*="minmax(340px"]>*,.view-container [style*="minmax(260px"]>*{min-width:0;max-width:100%}}@media(max-width:768px){.io-filter-row>*{min-width:0;max-width:100%}}@media(max-width:768px){.io-banner{flex-wrap:wrap}.io-banner>*{min-width:0;max-width:100%}}html[data-theme=dark]{--bg-app: #0d1420;--bg-sidebar: rgba(22, 33, 50, .72);--bg-card: rgba(255, 255, 255, .045);--bg-card-hover: rgba(255, 255, 255, .075);--bg-input: rgba(255, 255, 255, .06);--bg-header: rgba(18, 28, 42, .72);--bg-dock: rgba(28, 38, 56, .82);--bg-dock-picker: rgba(22, 31, 48, .96);--dock-shadow: 0 8px 32px rgba(0, 0, 0, .45), 0 2px 8px rgba(0, 0, 0, .3);--dock-shadow-lg: 0 12px 40px rgba(0, 0, 0, .55), 0 3px 10px rgba(0, 0, 0, .35);--bg-tooltip: #ece5db;--text-on-tooltip: #141b28;--bg-pip: #5b6577;--text-on-danger: #40121a;--bg-surface: #16202f;--bg-surface-2: #141d2c;--bg-subtle: #18222f;--bg-hover: #222d40;--bg-chip: #1e2839;--bg-btn: #1e2839;--bg-btn-hover: #26314a;--bg-modal: #16202f;--bg-sheet: rgba(26, 36, 53, .98);--bg-thead: rgba(26, 36, 53, .85);--bg-thead-soft: rgba(26, 36, 53, .55);--bg-overlay: rgba(0, 0, 0, .6);--bg-overlay-strong: rgba(0, 0, 0, .78);--bg-toast: rgba(158, 36, 64, .96);--border-hairline: rgba(255, 255, 255, .11);--border-strong: rgba(255, 255, 255, .2);--rule-hair: rgba(255, 255, 255, .06);--rule-strong: rgba(255, 255, 255, .14);--tint-faint: rgba(255, 255, 255, .04);--tint-soft: rgba(255, 255, 255, .07);--tint-hover: rgba(224, 129, 154, .18);--tint-active: rgba(224, 129, 154, .24);--tint-neutral: rgba(255, 255, 255, .14);--tint-neutral-soft: rgba(255, 255, 255, .07);--color-accent: #6aa8ff;--color-accent-soft: rgba(106, 168, 255, .22);--color-violet: #b79cf5;--color-primary-fill: #9e2440;--color-success-fill: #157a3e;--color-danger-fill: #c62f2f;--color-warning-fill: #a1590a;--color-info-fill: #0f7d72;--color-accent-fill: #2f6fd0;--color-violet-fill: #7449c9;--color-violet-soft: rgba(167, 139, 250, .16);--color-violet-edge: rgba(167, 139, 250, .32);--color-success-soft: rgba(74, 222, 128, .16);--color-info-soft: rgba(63, 192, 176, .18);--color-success-edge: rgba(74, 222, 128, .34);--color-warning-soft: rgba(240, 168, 56, .16);--color-warning-edge: rgba(240, 168, 56, .34);--color-accent-edge: rgba(106, 168, 255, .34);--color-primary-soft: rgba(224, 129, 154, .16);--color-shopee-soft: rgba(245, 129, 63, .18);--color-tiktok-soft: rgba(106, 168, 255, .2);--color-primary-edge: rgba(224, 129, 154, .34);--border-inverse: rgba(255, 255, 255, .14);--color-danger-soft: rgba(244, 113, 113, .16);--color-danger-edge: rgba(244, 113, 113, .34);--text-on-fill: #ffffff;--bg-inverse: linear-gradient(135deg, #26344a, #1a2637);--bg-inverse-flat: #1a2637;--text-inverse: #eef3fa;--text-inverse-dim: #9fb0c6;--text-inverse-key: #56cffa;--border-color: rgba(255, 255, 255, .1);--border-hover: rgba(224, 129, 154, .35);--color-primary: #e0819a;--color-primary-glow: rgba(224, 129, 154, .1);--color-primary-gradient: linear-gradient(135deg, #9e2440, #7d1a30);--color-success: #4ade80;--color-success-gradient: linear-gradient(135deg, #157a3e, #106733);--color-danger: #f47171;--color-danger-gradient: linear-gradient(135deg, #c62f2f, #a82525);--color-warning: #f0a838;--color-warning-gradient: linear-gradient(135deg, #a1590a, #8a4b07);--color-info: #3fc0b0;--color-info-gradient: linear-gradient(135deg, #0f7d72, #0b665e);--text-main: #f2ece4;--text-secondary: #c2b9ac;--text-muted: #a49c92;--shadow-lg: 0 8px 32px rgba(0, 0, 0, .45), 0 2px 10px rgba(0, 0, 0, .3);--shadow-glow: 0 0 18px rgba(224, 129, 154, .14);--color-shopee-text: #f5813f;--color-tiktok-text: #f472b6;--color-lazada-text: #5b9cff;--color-shopify-text: #34d399;--carrier-spx-sbs: #b46f0b;--carrier-spx: #de4f14;--carrier-jt: #d74b83;--carrier-smartbox: #d75529;--carrier-ghn: #2885c0;--carrier-vtp: #1a9147;--carrier-aha: #9567dc;--carrier-nhanh: #158e85;--carrier-pickup: #588c13;--carrier-alloc: #a8a29a}html[data-theme=dark] body:before{background:radial-gradient(circle,rgba(91,156,255,.07) 0%,transparent 70%)}html[data-theme=dark] body:after{background:radial-gradient(circle,rgba(240,168,56,.05) 0%,transparent 70%)}html[data-theme=dark] .dash-placeholder{border-color:#ffffff24;background:#ffffff05}.sp-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:216px;gap:8px;flex:1;min-height:0;margin-top:4px;overflow-y:auto;align-content:start}.sp-card{display:flex;flex-direction:column;gap:5px;padding:8px 10px 7px;border-radius:10px;background:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-hairline);border-left:3px solid var(--color-success);cursor:pointer;position:relative;min-width:0}.sp-card:hover{background:var(--bg-hover)}.sp-card.nl{border-left-color:var(--color-warning);border-style:dashed;border-left-style:solid;background:var(--bg-subtle)}.sp-card.done{border-left-color:var(--color-primary)}.sp-head{display:flex;justify-content:space-between;align-items:center;gap:6px}.sp-ref{font-family:var(--font-mono);font-weight:800;font-size:var(--fs-md);letter-spacing:-.01em}.sp-chip{font-size:var(--fs-3xs);font-weight:800;letter-spacing:.7px;text-transform:uppercase;padding:2px 6px;border-radius:99px;white-space:nowrap}.sp-chip.landed{background:var(--color-success-soft);color:var(--color-success)}.sp-chip.nl{background:var(--color-warning-soft);color:var(--color-warning)}.sp-chip.done{background:var(--color-primary-soft);color:var(--color-primary)}.sp-meta{font-size:var(--fs-2xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:-3px}.sp-cost{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--rule-hair);padding-top:4px}.sp-lbl{font-size:var(--fs-3xs);font-weight:800;letter-spacing:.9px;text-transform:uppercase;color:var(--text-secondary)}.sp-fig{font-family:var(--font-mono);font-weight:800}.sp-cost .sp-fig{font-size:var(--fs-xl)}.sp-sub{font-size:var(--fs-2xs);color:var(--text-muted);font-family:var(--font-mono)}.sp-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px 10px}.sp-grid .sp-fig{font-size:var(--fs-md);display:block;line-height:1.15}.sp-grid .sp-sub{display:block}.sp-card .pos{color:var(--color-success)}.sp-card .neg{color:var(--color-danger)}.sp-card .dim{color:var(--text-muted)}.sp-bar{height:6px;border-radius:99px;background:var(--tint-neutral-soft);overflow:hidden;display:flex}.sp-bar i{display:block;height:100%}.sp-bar .sold{background:var(--color-success)}.sp-bar .free{background:var(--color-accent)}.sp-legend{display:flex;justify-content:space-between;font-size:var(--fs-2xs);color:var(--text-secondary);font-family:var(--font-mono)}.sp-queue{font-size:var(--fs-2xs);color:var(--color-warning);font-weight:700;line-height:1.25}.sp-queue.ok{color:var(--text-secondary);font-weight:500}.sp-hint{position:absolute;right:8px;bottom:6px;font-size:var(--fs-3xs);color:var(--text-muted);opacity:0;transition:opacity .15s}.sp-card:hover .sp-hint{opacity:1}.sp-ribbon{position:absolute;bottom:0;right:0;background:var(--color-accent);color:#fff;font-size:var(--fs-3xs);font-weight:800;letter-spacing:.6px;padding:2px 8px;border-radius:8px 0 9px;text-transform:uppercase}.sp-big{font-size:var(--fs-xl)}.sp-detail{max-width:1100px;width:94vw;padding:18px 20px;overflow:auto}.sp-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}.sp-xl{font-size:var(--fs-xl)}.sp-table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.sp-table th{text-align:right;font-size:var(--fs-3xs);letter-spacing:.8px;text-transform:uppercase;color:var(--text-secondary);font-weight:800;padding:5px 8px;border-bottom:1px solid var(--rule-strong);white-space:nowrap}.sp-table td{text-align:right;padding:6px 8px;border-bottom:1px solid var(--rule-hair);font-family:var(--font-mono);white-space:nowrap}.sp-table th:first-child,.sp-table td:first-child{text-align:left;font-weight:800}.sp-state{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--text-secondary);font-size:var(--fs-sm);text-align:center}.sp-state.err{color:var(--color-danger)}@media(max-width:1200px){.sp-row{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.sp-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:6px 0 12px}.sp-kpi{background:var(--tint-faint);border:1px solid var(--rule-hair);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:2px;min-width:0}.sp-kpi .sp-fig{font-size:var(--fs-lg)}.sp-table tfoot td{font-weight:800;border-top:1px solid var(--rule-strong);border-bottom:none}.sp-note{margin-top:10px;max-width:900px;white-space:normal;overflow:visible;text-overflow:clip}@media(max-width:900px){.sp-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-detail{overflow-x:auto}}.pa-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;flex:1;min-height:0;margin-top:4px}.pa-card{display:flex;flex-direction:column;gap:5px;padding:8px 10px;border-radius:10px;background:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-hairline);position:relative;min-width:0}.pa-card-head{display:flex;justify-content:space-between;align-items:center;gap:6px}.pa-month-name{font-size:var(--fs-xs);font-weight:800;letter-spacing:-.01em;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pa-chip{font-size:var(--fs-3xs);font-weight:800;letter-spacing:.7px;text-transform:uppercase;padding:2px 6px;border-radius:99px;white-space:nowrap;background:var(--tint-faint);color:var(--text-secondary)}.pa-chip.accent{background:var(--color-accent-soft);color:var(--color-accent)}.pa-total{font-family:var(--font-mono);font-weight:800;font-size:var(--fs-xl);line-height:1.1;color:var(--text-main)}.pa-lines{display:flex;flex-direction:column;gap:5px;overflow-y:auto;flex:1;min-height:0;margin-top:2px;padding-right:2px}.pa-line{display:flex;flex-direction:column;gap:1px;border-top:1px solid var(--rule-hair);padding-top:4px}.pa-line:first-child{border-top:none;padding-top:0}.pa-line-top{display:flex;justify-content:space-between;align-items:baseline;gap:6px}.pa-cat-name{font-size:var(--fs-2xs);font-weight:700;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.pa-amount{font-family:var(--font-mono);font-weight:800;font-size:var(--fs-xs);color:var(--text-main);white-space:nowrap;text-align:right}.pa-line-sub{font-size:var(--fs-3xs);color:var(--text-muted);font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pa-mpx{font-size:var(--fs-3xs);font-weight:800;letter-spacing:.5px;padding:1px 4px;border-radius:4px;background:var(--color-warning-soft);color:var(--color-warning);margin-left:5px;vertical-align:1px}.pa-empty{flex:1;display:flex;align-items:center;justify-content:center;font-size:var(--fs-2xs);color:var(--text-muted);font-style:italic;padding:12px 0}.pa-state{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--text-secondary);font-size:var(--fs-sm);text-align:center}.pa-state.err{color:var(--color-danger)}@media(max-width:768px){.pa-row{grid-template-columns:1fr;overflow-y:auto}}@media(max-width:768px){.tx-page{display:flex;flex-direction:column}.tx-phone-filter{order:0}.tx-o-tabs{order:1}.tx-o-period{order:2}.tx-o-list{order:3}.tx-o-stats{order:4}.tx-o-costs{order:5}.tx-o-rules{order:6}.tx-phone-filter{display:flex;flex-direction:column;gap:12px;margin-bottom:14px}.tx-search{display:flex;align-items:center;gap:10px;height:46px;padding:0 14px;border-radius:14px;background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-secondary)}.tx-search input{flex:1 1 auto;min-width:0;height:100%;border:none;outline:none;background:transparent;font:inherit;font-size:16px;color:var(--text-main);padding:0;min-height:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.tx-search:focus-within{border-color:var(--color-primary)}.tx-chips{display:flex;gap:8px}.tx-chip{height:38px;min-height:38px;padding:0 14px;border:none;border-radius:999px;cursor:pointer;background:var(--bg-input);color:var(--text-main);font:inherit;font-size:14px;font-weight:600;box-shadow:inset 0 0 0 1px var(--border-color)}.tx-chip-on{background:var(--color-primary-fill);color:var(--text-on-fill);box-shadow:none}.tx-filter-hint{padding:10px 14px;border-top:1px solid var(--border-color);font-size:12px;color:var(--text-muted)}}