.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}:root{--brand-primary: #ffd902;--brand-primary-hover: #ffe34d;--brand-primary-press: #e6c300;--brand-on-primary: #1f1f1f;--brand-primary-soft: #fffbe6;--brand-primary-border: #ffe58f;--brand-ring: rgba(255,217,2,.3);--bg-page: #faf8f3;--bg-surface: #ffffff;--bg-surface-alt: #f5f1e8;--bg-hover: #f7f3ea;--bg-sunken: #f0ebe0;--border-split: #ece6d8;--border-default: #e0d8c6;--border-strong: #cfc5ae;--text-primary: #2b2620;--text-secondary: #6b6456;--text-tertiary: #9a9384;--text-quaternary: #c2bcae;--text-on-dark: #ffffff;--success: #52c41a;--success-bg: #f6ffed;--success-border: #b7eb8f;--error: #ff4d4f;--error-bg: #fff2f0;--error-border: #ffccc7;--warning: #faad14;--warning-bg: #fffbe6;--warning-border: #ffe58f;--info: #1677ff;--info-bg: #e6f4ff;--info-border: #91caff;--delta-up: #52c41a;--delta-down: #ff4d4f;--status-new: #08979c;--status-confirmed: #1677ff;--status-shipped: #fa8c16;--status-delivered: #52c41a;--status-cancelled: #ff4d4f;--status-returned: #722ed1;--status-pending: #faad14;--ch-shopee: #ee4d2d;--ch-tiktok: #010101;--ch-facebook: #1877f2;--ch-zalo: #0068ff;--ch-lazada: #0f146d;--ch-pos: #8c8c8c;--font-base: "Be Vietnam Pro", "Noto Sans", -apple-system, sans-serif;--fs-xs: 12px;--fs-sm: 13px;--fs-md: 14px;--fs-lg: 16px;--fs-xl: 20px;--fs-2xl: 24px;--fs-3xl: 30px;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--lh-tight: 1.3;--lh-base: 1.5715;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--r-xs: 4px;--r-sm: 6px;--r-md: 8px;--r-pill: 999px;--shadow-card: 0 1px 2px rgba(0,0,0,.03), 0 1px 6px -1px rgba(0,0,0,.02);--shadow-hover: 0 1px 2px rgba(0,0,0,.04), 0 4px 12px rgba(0,0,0,.06);--shadow-pop: 0 6px 16px rgba(0,0,0,.08), 0 3px 6px -4px rgba(0,0,0,.12);--ease: cubic-bezier(.4,0,.2,1);--dur-fast: .1s;--dur-base: .16s;--sidebar-bg: #ffd902;--sidebar-active-bg: rgba(43,38,32,.12);--sidebar-active-text: #1a1500;--sidebar-idle-text: rgba(43,38,32,.66);--sidebar-hover-bg: rgba(43,38,32,.06);--sidebar-width: 200px;--header-height: 56px}:root{--card-radius: var(--r-md);--card-padding: var(--sp-5);--card-bg: var(--bg-surface);--card-shadow: var(--shadow-card);--card-border: 1px solid var(--border-split);--page-bg: var(--bg-page);--table-header-bg: var(--bg-surface-alt);--brand-text: var(--text-primary);--brand-accent: var(--brand-primary);--pill-radius: var(--r-pill);--badge-radius: var(--r-xs);--filter-active-bg: var(--brand-primary-soft);--filter-active-fg: var(--text-primary);--filter-inactive-bg: var(--bg-surface-alt);--filter-inactive-fg: var(--text-secondary)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-base);background:var(--page-bg);color:var(--brand-text);font-size:13px;line-height:1.5}.app-layout{display:flex;min-height:100vh}.app-main{flex:1;min-width:0;margin-left:var(--sidebar-width);display:flex;flex-direction:column}.app-content{flex:1}.main-content{padding:16px 20px;min-height:calc(100vh - var(--header-height))}.pos-page.main-content{padding:8px 12px 72px;min-height:100vh}.app-header{height:var(--header-height);background:var(--card-bg);border-bottom:var(--card-border);display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:50}.app-header-title{font-size:16px;font-weight:700}.app-header-actions{display:flex;align-items:center;gap:12px}.header-icon-btn{background:none;border:none;cursor:pointer;font-size:16px;color:#666;padding:6px}.header-user,.header-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:var(--sidebar-bg);display:flex;flex-direction:column;align-items:stretch;padding:8px 10px;z-index:100}.sidebar-logo{width:42px;height:42px;border-radius:50%;object-fit:cover;display:block;align-self:center;margin-bottom:8px;background:#2b26201f;box-shadow:0 0 0 2px #2b26202e}.sidebar-nav{flex:1;display:flex;flex-direction:column;width:100%;align-items:stretch;padding-top:4px}.sidebar-footer{margin-top:auto;padding-bottom:8px}.sidebar-user-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.nav-item{position:relative;width:100%;height:40px;display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:0 10px;border-radius:8px;cursor:pointer;color:var(--sidebar-idle-text);margin:2px 0;transition:all .15s ease;font-size:16px;text-decoration:none;border-left:3px solid transparent}.nav-item>i.fa{width:18px;text-align:center;flex-shrink:0}.nav-item:hover{background:var(--sidebar-hover-bg);color:var(--text-primary)}.nav-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text);border-left-color:#2b262073}.nav-item .tooltip{position:static;transform:none;background:none;color:inherit;padding:0;border-radius:0;font-size:13.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;opacity:1}.card{background:var(--card-bg);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);border:var(--card-border)}.card-title{font-size:12px;font-weight:600;color:#6b7280;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.kpi-card{background:var(--card-bg);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);border:var(--card-border);min-height:90px}.kpi-value{font-size:22px;font-weight:700;color:#111827;margin:4px 0}.kpi-label{font-size:12px;color:#6b7280;font-weight:500}.kpi-change{font-size:12px;margin-top:4px}.kpi-change.up{color:#52c41a}.kpi-change.down{color:#ff4d4f}.status-badge{display:inline-flex;align-items:center;padding:0 8px;height:22px;border-radius:var(--badge-radius);font-size:11px;font-weight:500;color:#fff;white-space:nowrap}.badge-new{background:var(--status-new)}.badge-confirmed{background:var(--status-confirmed)}.badge-shipped{background:var(--status-shipped)}.badge-delivered{background:var(--status-delivered)}.badge-cancelled{background:var(--status-cancelled)}.badge-returned{background:var(--status-returned)}.badge-pending{background:var(--status-pending)}.badge-pos{background:var(--brand-primary);color:var(--brand-text)}.filter-pills{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.filter-pill{padding:0 10px;height:28px;border-radius:var(--pill-radius);font-size:12px;font-weight:500;cursor:pointer;border:none;display:inline-flex;align-items:center;transition:all .15s}.filter-pill.active{background:var(--filter-active-bg);color:var(--filter-active-fg)}.filter-pill.inactive{background:var(--filter-inactive-bg);color:var(--filter-inactive-fg)}.filter-pill:hover{background:var(--filter-active-bg);color:var(--filter-active-fg)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:8px}.page-title{font-size:18px;font-weight:700;color:#111827}.page-header-extra{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 16px;color:#9ca3af;gap:8px}.empty-state i{font-size:36px}.sticky-bottom-bar{position:fixed;bottom:0;left:var(--sidebar-width);right:0;background:var(--card-bg);border-top:var(--card-border);padding:10px 20px;display:flex;justify-content:space-between;align-items:center;z-index:90;box-shadow:0 -2px 8px #0000000f}.sticky-bottom-left,.sticky-bottom-right{display:flex;align-items:center;gap:12px}.amount-collect{color:var(--brand-text);font-size:16px}.pos-tab-bar{display:flex;align-items:center;gap:4px;margin-bottom:8px;overflow-x:auto;padding-bottom:4px}.pos-tab{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px 6px 0 0;background:#e8e6e0;cursor:pointer;font-size:12px;white-space:nowrap}.pos-tab.active{background:var(--card-bg);font-weight:600;border:var(--card-border);border-bottom:none}.pos-tab-close{font-size:10px;opacity:.5;padding:2px}.pos-tab-close:hover{opacity:1;color:#ff4d4f}.pos-layout-v2{display:grid;grid-template-columns:55% 45%;gap:12px;align-items:start}.pos-left,.pos-right{display:flex;flex-direction:column;gap:10px}.pos-subtabs{display:flex;gap:6px}.pos-subtab{padding:6px 16px;border:none;border-radius:20px;cursor:pointer;background:#f0f0f0;color:#666;font-size:12px;font-weight:500}.pos-subtab.active{background:var(--brand-primary);color:var(--brand-text)}.pos-source-row{display:flex;gap:8px;flex-wrap:wrap}.pos-toolbar{background:var(--card-bg);border-radius:var(--card-radius);border:var(--card-border);padding:10px}.pos-toolbar-tabs{display:flex;gap:12px;margin-bottom:8px;font-size:12px}.pos-toolbar-tabs span{cursor:pointer;color:#888}.pos-toolbar-tabs span.active{color:var(--brand-text);font-weight:600;border-bottom:2px solid var(--brand-primary);padding-bottom:2px}.pos-search-row{display:flex;gap:8px;align-items:center}.pos-panel{background:var(--card-bg);border-radius:var(--card-radius);border:var(--card-border);overflow:hidden}.pos-panel-header{padding:10px 12px;border-bottom:1px solid #f3f4f6;font-weight:600;font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.pos-panel-body{padding:12px}.cart-panel{min-height:160px}.cart-header{display:flex;gap:16px;padding:8px 12px;font-size:12px;color:#666;border-bottom:1px solid #f0f0f0}.cart-items{max-height:280px;overflow-y:auto}.cart-row{padding:8px 12px;border-bottom:1px solid #f5f5f5}.cart-row:hover .cart-remove{opacity:1}.cart-row-main{display:flex;align-items:center;gap:8px}.cart-row-extra{display:grid;grid-template-columns:minmax(140px,1fr) auto 88px auto;align-items:center;gap:6px;padding:6px 0 0 48px;color:#888;font-size:11px}.cart-thumb{width:40px;height:40px;border-radius:4px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.cart-thumb img{width:100%;height:100%;object-fit:cover}.cart-info{flex:1;min-width:0;font-size:12px}.cart-meta{font-size:11px;color:#888}.cart-subtotal{color:var(--brand-text);white-space:nowrap;font-size:12px}.cart-remove{opacity:0;transition:opacity .15s}.cart-weight{padding:8px 12px;font-size:11px;color:#888}.order-value-block .value-row,.pos-panel-body .value-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:8px;font-size:12px}.value-row.readonly span:first-child{color:#666}.field-row{margin-bottom:8px}.field-row label{display:block;font-size:11px;color:#888;margin-bottom:4px}.product-search-item{display:flex;align-items:center;gap:8px;padding:4px 0}.product-search-thumb{width:48px;height:48px;background:#f5f5f5;border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.product-search-thumb img{width:100%;height:100%;object-fit:cover}.product-search-info{flex:1;min-width:0;font-size:12px}.product-search-price{font-weight:600;white-space:nowrap;font-size:12px}.stock-ok{color:#52c41a}.stock-out{color:#ff4d4f}.stock-unknown{color:#888}.customer-option{display:flex;align-items:center;gap:8px}.customer-avatar{width:32px;height:32px;border-radius:50%;background:var(--brand-primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}.customer-card{background:#faf9f6;border-radius:6px;padding:8px 12px;display:flex;justify-content:space-between;align-items:flex-start}.payment-popover{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto}.shipping-dimensions{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto;gap:5px;align-items:center;margin-bottom:6px}.shipping-dimensions .ant-input-number{width:100%}.shipping-label{width:100%;max-width:700px;margin:0 auto;color:#000;background:#fff;border:2px solid #000;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.22}.shipping-label span,.shipping-label strong{display:block}.label-header{display:grid;grid-template-columns:42% 58%;min-height:122px}.label-brand{display:flex;align-items:center;gap:12px;padding:12px;border-right:1px dashed #000}.label-brand-mark{width:62px;height:62px;display:grid;place-items:center;border:4px solid #000;font-size:22px;font-weight:900}.label-brand strong{font-size:20px}.label-brand span{margin-top:5px;font-size:12px;font-weight:700}.label-barcode{padding:8px 12px}.barcode39 svg{width:100%;height:52px;display:block}.barcode39-text{text-align:center;font-weight:700;letter-spacing:2px;margin:2px 0 5px}.label-barcode>div:not(.barcode39){margin-top:3px}.label-address-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px dashed #000;border-bottom:1px dashed #000;min-height:132px}.label-address-grid>div{padding:8px}.label-address-grid>div:first-child{border-right:1px dashed #000}.label-address-grid strong{font-size:15px;margin:4px 0}.label-routing{display:grid;grid-template-columns:2fr 1fr;border-bottom:1px dashed #000}.label-routing strong{padding:10px 8px;text-align:center;font-size:27px;letter-spacing:1px}.label-routing strong:first-child{border-right:1px dashed #000}.label-body{display:grid;grid-template-columns:minmax(0,1fr) 184px;min-height:300px;border-bottom:1px dashed #000}.label-products{position:relative;padding:8px;border-right:1px dashed #000}.label-products ol{padding:8px 0 76px 20px}.label-products li{margin-bottom:5px;overflow-wrap:anywhere}.label-products li span,.label-products li b,.label-products li small{display:inline}.label-note{border-top:1px solid #000;padding-top:5px}.label-policy{position:absolute;left:8px;right:8px;bottom:6px;font-size:10px}.label-qr-block{padding:7px;text-align:center}.label-qr-block .ant-qrcode{margin:0 auto;padding:0}.label-qr-block strong{font-size:18px;margin:3px 0 8px;overflow-wrap:anywhere}.label-qr-block>b{font-size:17px;margin-top:3px}.label-payment-row{display:grid;grid-template-columns:1fr 1fr;min-height:126px}.label-payment-row>div{padding:8px}.label-payment-row>div:first-child{border-right:1px dashed #000}.label-payment-row>div:first-child>strong{font-size:29px;margin:12px 0}.label-signature{min-height:88px;border:1px solid #777;margin-top:6px;text-align:center;padding:7px}.label-footer{border-top:1px dashed #000;padding:7px;text-align:center}.label-footer span{font-size:11px;margin-top:2px}.settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.settings-card{text-align:center;cursor:pointer}.settings-card .ant-card-body{padding:16px 12px}.drawer-bottom-bar{margin-top:16px;padding-top:12px;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.ant-table{font-family:var(--font-base)!important}.ant-btn-primary:not(:disabled){background:var(--brand-primary)!important;border-color:var(--brand-primary)!important;color:var(--brand-text)!important;box-shadow:none!important}.ant-btn-primary:not(:disabled):hover{background:var(--brand-primary-hover)!important;border-color:var(--brand-primary-hover)!important;color:var(--brand-text)!important}.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--brand-text)!important}.ant-select-focused .ant-select-selector,.ant-input:focus,.ant-input-focused,.ant-picker-focused{border-color:var(--brand-primary)!important;box-shadow:0 0 0 2px #ffd90233!important}.ant-checkbox-checked .ant-checkbox-inner{background-color:var(--brand-primary)!important;border-color:var(--brand-primary)!important}.ant-radio-checked .ant-radio-inner{border-color:var(--brand-primary)!important}.ant-radio-checked .ant-radio-inner:after{background-color:var(--brand-primary)!important}a{color:var(--brand-text)}a:hover{color:var(--brand-primary-hover)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.ant-table-row.row-out-of-stock td{background:#ff4d4f0f!important}.mobile-nav-toggle{display:none;position:fixed;top:8px;left:8px;width:40px;height:40px;z-index:110;border:none;border-radius:8px;background:var(--sidebar-bg);color:#1a1500;font-size:18px;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0003}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:99}.inv-adjust{display:flex;flex-direction:column;gap:6px}.inv-adjust-row{display:flex;align-items:center;gap:4px}.inv-adjust-preview{font-weight:700;margin-left:4px;white-space:nowrap}.inv-adjust-preview.neg{color:#ff4d4f}.inv-adjust-actions{display:flex;gap:6px}@media (max-width: 1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px) and (max-width: 1024px) and (pointer: coarse){.pos-layout-v2{grid-template-columns:1fr 1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px) and (pointer: coarse){.sidebar{transform:translate(-100%);transition:transform var(--dur-base) ease;width:248px;box-shadow:2px 0 12px #0000002e}.sidebar.sidebar--open{transform:translate(0)}.mobile-nav-toggle{display:flex}.sidebar-backdrop{display:block}.app-main{margin-left:0}.sticky-bottom-bar{left:0;padding:8px 12px}.app-header{padding-left:56px}.pos-page.main-content{padding-top:44px}.main-content{padding:12px}.pos-layout-v2,.kpi-grid{grid-template-columns:1fr}.cart-row-extra{padding-left:0;grid-template-columns:1fr auto 80px auto}.page-header{flex-direction:column;align-items:stretch}.page-header-extra{width:100%}.page-header-extra .ant-space{display:flex;flex-wrap:wrap;width:100%;row-gap:6px}.page-header-extra .ant-space-item{width:100%}.page-header-extra .ant-space-item>*,.page-header-extra .ant-select,.page-header-extra .ant-input-affix-wrapper,.page-header-extra .ant-input-search,.page-header-extra .ant-input-number,.page-header-extra .ant-picker,.page-header-extra .ant-input{width:100%!important}.ant-modal-content{border-radius:10px}.ant-table-wrapper{overflow-x:auto}.app-header-actions{gap:6px}.app-header-title{font-size:15px}.product-mobile-list{display:flex;flex-direction:column;gap:10px}.product-card-m{background:var(--card-bg);border:var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);overflow:hidden}.product-card-m.is-out{border-left:3px solid #ff4d4f}.pcm-top{display:flex;gap:10px;padding:10px;cursor:pointer}.pcm-img{width:56px;height:56px;flex-shrink:0;border-radius:8px;overflow:hidden;background:var(--bg-surface-alt);display:flex;align-items:center;justify-content:center;color:#bbb;font-size:20px}.pcm-img img{width:100%;height:100%;object-fit:cover}.pcm-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.pcm-name{font-size:14px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pcm-sub{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px;color:var(--text-secondary)}.pcm-meta{display:flex;align-items:center;justify-content:space-between;margin-top:2px}.pcm-price{font-size:15px;font-weight:700;color:var(--brand-text)}.pcm-stock{font-size:12px;color:var(--text-secondary)}.pcm-stock.out{color:#ff4d4f;font-weight:600}.pcm-actions{display:flex;align-items:center;gap:6px;padding:6px 10px;border-top:var(--card-border);background:var(--bg-surface-alt)}.pcm-variants{padding:8px 10px;border-top:var(--card-border);overflow-x:auto}.rt-mobile-list{display:flex;flex-direction:column;gap:10px}.rt-mobile-loading{display:flex;justify-content:center;padding:24px}.rt-card{background:var(--card-bg);border:var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);overflow:hidden}.rt-card-head{padding:10px;font-size:14px;font-weight:600;line-height:1.35;border-bottom:var(--card-border)}.rt-card-head.is-clickable{cursor:pointer}.rt-card-head img{width:64px!important;height:64px!important;border-radius:6px}.rt-card-body{padding:8px 10px}.rt-card-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;padding:4px 0;font-size:13px}.rt-card-row+.rt-card-row{border-top:1px dashed var(--border-split)}.rt-card-label{flex:0 0 auto;min-width:84px;color:var(--text-secondary);font-size:12px;font-weight:500}.rt-card-value{flex:1 1 150px;min-width:0;word-break:break-word}.rt-card-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;padding:6px 10px;border-top:var(--card-border);background:var(--bg-surface-alt)}.rt-mobile-pager{display:flex;justify-content:center;margin-top:4px}.ant-modal{max-width:100vw!important;margin:8px auto;top:8px;padding-bottom:8px}.ant-modal-body{max-height:75vh;overflow-y:auto}.ant-modal-body .ant-row>.ant-col{flex:0 0 100%!important;max-width:100%!important}.ant-drawer-content-wrapper{width:100vw!important;max-width:100vw!important}.ant-tabs-nav-list{overflow-x:auto}}@media print{@page{size:100mm 150mm;margin:3mm}body *{visibility:hidden!important}.shipping-label,.shipping-label *{visibility:visible!important}.shipping-label{position:absolute;inset:0 auto auto 0;width:94mm;max-width:none;font-size:9px}.label-header{min-height:19mm}.label-brand{padding:2mm;gap:2mm}.label-brand-mark{width:13mm;height:13mm;font-size:14px;border-width:2px}.label-brand strong{font-size:13px}.label-brand span{font-size:8px}.barcode39 svg{height:11mm}.label-address-grid{min-height:24mm}.label-routing strong{font-size:18px;padding:2mm}.label-body{min-height:58mm;grid-template-columns:minmax(0,1fr) 34mm}.label-products ol{padding-bottom:16mm}.label-policy{font-size:7px}.label-qr-block .ant-qrcode{width:30mm!important;height:30mm!important}.label-qr-block svg,.label-qr-block canvas{width:30mm!important;height:30mm!important}.label-qr-block strong,.label-qr-block>b{font-size:11px}.label-payment-row{min-height:24mm}.label-payment-row>div:first-child>strong{font-size:20px;margin:3mm 0}.label-signature{min-height:16mm}}[data-theme=dark]{--page-bg: #141414;--card-bg: #1f1f1f;--card-border: 1px solid #2d2d2d;--card-shadow: 0 1px 3px rgba(0,0,0,.4);--brand-text: #e0e0e0;--table-header-bg: #252525;--filter-inactive-bg: #2d2d2d;--filter-inactive-fg: #a0a0a0;--filter-active-bg: rgba(255, 217, 2, .2);--filter-active-fg: #ffd902}[data-theme=dark] body{background:var(--page-bg);color:var(--brand-text)}[data-theme=dark] .app-header{background:#1f1f1f;border-bottom-color:#2d2d2d}[data-theme=dark] .header-icon-btn{color:#a0a0a0}[data-theme=dark] .header-icon-btn:hover,[data-theme=dark] .app-header-title,[data-theme=dark] .kpi-value{color:#e0e0e0}[data-theme=dark] .kpi-label{color:#a0a0a0}[data-theme=dark] .kpi-change.up{color:#73d13d}[data-theme=dark] .page-title{color:#e0e0e0}[data-theme=dark] .card-title{color:#a0a0a0}[data-theme=dark] .pos-tab{background:#2a2a2a;color:#a0a0a0}[data-theme=dark] .pos-tab.active{background:#1f1f1f;border-color:#2d2d2d;color:#e0e0e0}[data-theme=dark] .pos-subtab{background:#2d2d2d;color:#a0a0a0}[data-theme=dark] .pos-panel{border-color:#2d2d2d}[data-theme=dark] .pos-panel-header{border-bottom-color:#2d2d2d}[data-theme=dark] .pos-toolbar{border-color:#2d2d2d}[data-theme=dark] .cart-header{border-bottom-color:#2d2d2d}[data-theme=dark] .cart-row{border-bottom-color:#242424}[data-theme=dark] .customer-card{background:#252525}[data-theme=dark] .sticky-bottom-bar{border-top-color:#2d2d2d}[data-theme=dark] a{color:#c8c8c8}[data-theme=dark] a:hover{color:var(--brand-primary)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#404040}.ant-table-thead>tr>th{background:var(--table-header-bg, #faf9f6)!important;font-size:12px!important;font-weight:600!important}.react-resizable{position:relative}.tbs-resize-handle{position:absolute;right:-4px;top:0;width:8px;height:100%;cursor:col-resize;z-index:1}.tbs-resize-handle:after{content:"";position:absolute;right:3px;top:20%;height:60%;width:2px;background:#0000001f;border-radius:1px;transition:background .15s}.tbs-resize-handle:hover:after{background:#ffd902}@keyframes ov-shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton-card{background:var(--bg-surface);border:1px solid var(--border-split);border-radius:var(--r-md);padding:var(--sp-5);box-shadow:var(--shadow-card)}.skel-line{border-radius:var(--r-xs);background:linear-gradient(90deg,var(--bg-surface-alt) 25%,var(--bg-hover) 37%,var(--bg-surface-alt) 63%);background-size:1200px 100%;animation:ov-shimmer 1.4s ease infinite}.sum-card{background:var(--bg-surface);border:1px solid var(--border-split);border-radius:var(--r-md);padding:var(--sp-5);box-shadow:var(--shadow-card);overflow:hidden;transition:box-shadow var(--dur-base) var(--ease),transform var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease)}.sum-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px);border-color:var(--border-default)}.sum-card__icon{width:40px;height:40px;border-radius:var(--r-sm);display:grid;place-items:center;font-size:18px;flex-shrink:0}.sum-card__value{font-size:var(--fs-3xl);font-weight:var(--fw-bold);color:var(--text-primary);line-height:var(--lh-tight)}.sum-card__label{font-size:var(--fs-sm);color:var(--text-tertiary)}.sum-card__count{font-size:var(--fs-sm);color:var(--text-secondary);margin-top:2px}.sum-card--chot .sum-card__icon{background:var(--success-bg);color:var(--success)}.sum-card--hoan .sum-card__icon{background:var(--warning-bg);color:var(--warning)}.sum-card--ton .sum-card__icon{background:var(--info-bg);color:var(--info)}.sum-card--chot{border-left:3px solid var(--success);background:linear-gradient(180deg,var(--bg-surface) 55%,rgba(82,196,26,.05) 100%)}.sum-card--hoan{border-left:3px solid var(--warning);background:linear-gradient(180deg,var(--bg-surface) 55%,rgba(250,173,20,.05) 100%)}.sum-card--ton{border-left:3px solid var(--info);background:linear-gradient(180deg,var(--bg-surface) 55%,rgba(22,119,255,.05) 100%)}.sum-card__spark,.ch-card__spark{margin:var(--sp-2) calc(-1 * var(--sp-5)) calc(-1 * var(--sp-5))}.ch-card__spark{margin-bottom:calc(-1 * var(--sp-4))}.delta{display:inline-flex;align-items:center;gap:2px;font-size:var(--fs-xs);font-weight:var(--fw-semibold)}.delta--up{color:var(--delta-up)}.delta--down{color:var(--delta-down)}.ch-card{background:var(--bg-surface);border:1px solid var(--border-split);border-radius:var(--r-md);padding:var(--sp-4) var(--sp-5);box-shadow:var(--shadow-card);overflow:hidden;transition:box-shadow var(--dur-base) var(--ease),transform var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease)}.ch-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px);border-color:var(--border-default)}.ch-card__label{font-size:var(--fs-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.ch-card__revenue{font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--text-primary);line-height:1.3}.ch-card__meta{font-size:var(--fs-xs);color:var(--text-secondary);margin-top:var(--sp-1)}.metric-strip{display:flex;overflow-x:auto;scrollbar-width:none;background:var(--bg-surface);border:1px solid var(--border-split);border-radius:var(--r-md);box-shadow:var(--shadow-card);margin-bottom:var(--sp-4)}.metric-strip::-webkit-scrollbar{display:none}.metric-tile{min-width:160px;flex-shrink:0;padding:var(--sp-3) var(--sp-4);border-right:1px solid var(--border-split);cursor:pointer;transition:background var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.metric-tile:last-child{border-right:none}.metric-tile:hover{background:var(--bg-hover)}.metric-tile.active{background:var(--brand-primary-soft)}.metric-tile__label{font-size:var(--fs-xs);color:var(--text-tertiary);white-space:nowrap}.metric-tile__value{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--text-primary);white-space:nowrap;margin-top:2px}.metric-tile__delta{margin-top:2px}.ov-panel{background:var(--bg-surface);border:1px solid var(--border-split);border-radius:var(--r-md);box-shadow:var(--shadow-card);overflow:hidden}.ov-panel-header{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-split);display:flex;align-items:center;justify-content:space-between;font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--text-primary)}.ov-panel-body{padding:var(--sp-4)}.today-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2);padding:var(--sp-2) var(--sp-4) var(--sp-4)}.today-cell{background:var(--bg-surface-alt);border-radius:var(--r-sm);padding:var(--sp-2) var(--sp-3);text-align:center;transition:background var(--dur-fast) var(--ease)}.today-cell:hover{background:var(--bg-hover)}.today-cell__value{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--text-primary)}.today-cell__label{font-size:var(--fs-xs);color:var(--text-tertiary)}.today-cell--danger .today-cell__value{color:var(--error)}.today-cell--success .today-cell__value{color:var(--success)}.ch-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.staff-avatar{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:var(--fw-bold);color:#fff;flex-shrink:0}.break-row:hover td{background:var(--bg-hover)!important}.btn-primary{background:var(--brand-primary);color:var(--brand-on-primary);font-weight:var(--fw-semibold);border:none;border-radius:var(--r-sm);padding:6px 16px;height:32px;cursor:pointer;transition:background var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.btn-primary:hover{background:var(--brand-primary-hover);transform:translateY(-1px)}.btn-primary:active{background:var(--brand-primary-press);transform:none}.btn-primary:focus-visible{box-shadow:0 0 0 3px var(--brand-ring);outline:none}@media (max-width: 1280px){.ov-3col{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 768px){.ov-3col,.ov-2col{grid-template-columns:1fr!important}}.card,.kpi-card{transition:box-shadow var(--dur-base) var(--ease),transform var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease)}.card:hover,.kpi-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px);border-color:var(--border-default)}.card-title{color:var(--text-secondary)}.kpi-value{color:var(--text-primary)}.kpi-label{color:var(--text-secondary)}.kpi-change.up{color:var(--success)}.kpi-change.down{color:var(--error)}.ant-table-tbody>tr>td{border-bottom-color:var(--border-split)!important;font-size:var(--fs-sm);color:var(--text-primary)}.ant-table-tbody>tr:hover>td,.ant-table-tbody>tr>td.ant-table-cell-row-hover{background:var(--bg-hover)!important}.ant-table-thead>tr>th{background:var(--bg-surface-alt)!important;color:var(--text-secondary)!important;font-size:12px!important;font-weight:600!important;border-bottom-color:var(--border-default)!important}.ant-table-tbody>tr:nth-child(2n)>td{background:transparent}.ant-pagination-item-active{background:var(--brand-primary-soft)!important;border-color:var(--brand-primary)!important}.ant-pagination-item-active a{color:var(--text-primary)!important;font-weight:600}.ant-pagination-item-active:hover{border-color:var(--brand-primary-hover)!important}.ant-select:not(.ant-select-disabled):hover .ant-select-selector,.ant-input:hover:not(:focus),.ant-picker:hover:not(.ant-picker-focused){border-color:var(--border-strong)!important}.ant-tag{border-radius:var(--r-xs)!important;font-size:11px;font-weight:500}.ant-modal-content{border-radius:var(--r-md)!important}.ant-modal-header{border-radius:var(--r-md) var(--r-md) 0 0!important;border-bottom-color:var(--border-split)!important}.ant-modal-footer{border-top-color:var(--border-split)!important}.ant-drawer-header{border-bottom-color:var(--border-split)!important}.ant-tabs-tab{color:var(--text-secondary)}.ant-tabs-tab:hover{color:var(--text-primary)}.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--text-primary)!important;font-weight:600}.ant-tabs-ink-bar{background:var(--brand-primary)!important}.ant-form-item-label>label{color:var(--text-secondary);font-size:var(--fs-sm);font-weight:500}.ant-popconfirm-buttons .ant-btn-primary{background:var(--brand-primary)!important;border-color:var(--brand-primary)!important;color:var(--brand-on-primary)!important}.settings-card{transition:box-shadow var(--dur-base) var(--ease),transform var(--dur-base) var(--ease)}.settings-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.browse-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media (max-width: 700px){.browse-product-grid{grid-template-columns:repeat(2,1fr)}}.browse-product-card{border:1px solid var(--border-split);border-radius:var(--r-md);overflow:hidden;cursor:pointer;transition:box-shadow var(--dur-base) var(--ease),transform var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease);background:var(--bg-surface)}.browse-product-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-1px);border-color:var(--brand-primary)}.browse-product-card.browse-in-cart{border-color:var(--success);background:var(--success-bg)}.browse-thumb{position:relative;width:100%;padding-top:85%;background:var(--bg-sunken);overflow:hidden}.browse-thumb img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.browse-thumb .fa-image{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--text-quaternary)}.browse-thumb .fa-image:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.browse-out-badge{position:absolute;top:4px;left:4px;background:var(--error);color:#fff;font-size:9px;font-weight:700;padding:1px 5px;border-radius:var(--r-xs)}.browse-in-badge{position:absolute;top:4px;right:4px;background:var(--success);color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px}.browse-info{padding:6px 8px 8px}.browse-sku{font-size:10px;color:var(--text-tertiary);margin-bottom:2px}.browse-name{font-size:12px;font-weight:600;color:var(--text-primary);line-height:1.3;max-height:2.6em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.browse-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.browse-stock{font-size:11px}.browse-stock.ok{color:var(--success)}.browse-stock.low{color:var(--warning)}.browse-stock.out{color:var(--error)}.browse-price{font-size:12px;font-weight:700;color:var(--text-primary)}.brand-select-page{min-height:100vh;display:grid;place-items:center;background:#f6f7fb;padding:24px}.brand-select-shell{width:min(920px,100%);background:#fff;border:1px solid #e8edf5;border-radius:8px;padding:28px}.brand-select-parent{display:flex;align-items:center;gap:18px;margin-bottom:24px}.brand-select-parent img{width:156px;max-height:64px;object-fit:contain}.brand-select-parent h1{margin:0 0 4px;font-size:26px}.brand-select-parent p{margin:0;color:#6b7280}.brand-select-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.brand-card{display:grid;justify-items:start;gap:10px;min-height:168px;padding:18px;border:1px solid #d9e1ec;border-radius:8px;background:#fff;cursor:pointer;text-align:left}.brand-card:hover{border-color:var(--brand-primary);box-shadow:0 8px 24px #10182814}.brand-card img{height:64px;max-width:180px;object-fit:contain}.brand-card span{font-size:18px;font-weight:700;color:#111827}.brand-card small{color:#6b7280}:root{--tbs-accent: #ffd902;--tbs-shadow-sm: 0 1px 2px rgba(43, 38, 32, .06), 0 1px 3px rgba(43, 38, 32, .08);--tbs-shadow-md: 0 2px 8px rgba(43, 38, 32, .08), 0 4px 16px rgba(43, 38, 32, .06);--tbs-shadow-lg: 0 6px 24px rgba(43, 38, 32, .12);--tbs-ease: cubic-bezier(.4, 0, .2, 1)}.ant-btn-primary,.btn-primary{background-image:linear-gradient(180deg,#ffffff38,#fff0)!important;box-shadow:var(--tbs-shadow-sm);transition:transform .15s var(--tbs-ease),box-shadow .15s var(--tbs-ease),filter .15s var(--tbs-ease)!important}.ant-btn-primary:hover,.btn-primary:hover{box-shadow:var(--tbs-shadow-md);transform:translateY(-1px);filter:brightness(1.03)}.ant-btn-primary:active,.btn-primary:active{transform:translateY(0);box-shadow:var(--tbs-shadow-sm)}.ant-btn{transition:all .15s var(--tbs-ease)!important}.ant-btn:not(.ant-btn-circle){border-radius:8px}.ant-card,.card,.kpi-card,.ov-kpi-card,.ov-panel,.ov-section-card,.pos-panel,.customer-card,.ch-card{border-radius:14px;box-shadow:var(--tbs-shadow-sm);transition:box-shadow .2s var(--tbs-ease),transform .2s var(--tbs-ease)}.ant-card.ant-card-hoverable:hover,.kpi-card:hover,.ov-kpi-card:hover,.ov-section-card:hover,.ch-card:hover,.customer-card:hover{box-shadow:var(--tbs-shadow-md);transform:translateY(-2px)}.ant-table-wrapper{border-radius:12px;box-shadow:var(--tbs-shadow-sm)}.ant-table-tbody>tr{transition:background .15s var(--tbs-ease)}.ant-table-cell-fix-left,.ant-table-cell-fix-right{background:var(--bg-surface, #fff)!important}.ant-table-thead>tr>th.ant-table-cell-fix-left,.ant-table-thead>tr>th.ant-table-cell-fix-right{background:var(--bg-surface-alt, #f5f1e8)!important}.ant-table-tbody>tr:hover>td.ant-table-cell-fix-left,.ant-table-tbody>tr:hover>td.ant-table-cell-fix-right{background:var(--bg-hover, #f7f3ea)!important}.ant-avatar{box-shadow:0 0 0 2px #ffffffe6,var(--tbs-shadow-sm)}.ant-badge-count{box-shadow:0 2px 6px #f5222d59}.ant-statistic-content{text-shadow:0 1px 0 rgba(255,255,255,.6)}*{scrollbar-width:thin;scrollbar-color:rgba(43,38,32,.2) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#2b26202e;border-radius:999px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#2b262052;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}.ant-dropdown-menu,.ant-popover-inner{border-radius:12px!important;box-shadow:var(--tbs-shadow-lg)!important}.ant-modal-content{border-radius:16px!important;box-shadow:var(--tbs-shadow-lg)!important}.ant-tag{border-radius:999px;box-shadow:var(--tbs-shadow-sm)}.ant-input,.ant-input-affix-wrapper,.ant-select-selector,.ant-input-number{border-radius:10px!important;transition:box-shadow .15s var(--tbs-ease),border-color .15s var(--tbs-ease)!important}.ant-input:focus,.ant-input-affix-wrapper-focused,.ant-select-focused .ant-select-selector,.ant-input-number-focused{box-shadow:0 0 0 3px color-mix(in srgb,var(--tbs-accent) 30%,transparent)!important}.ant-segmented{border-radius:10px;box-shadow:var(--tbs-shadow-sm)}.ant-segmented-item-selected{box-shadow:var(--tbs-shadow-sm)}