.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: #e6c300;--brand-text: #1a1a1a;--brand-accent: #ffd902;--sidebar-bg: #1a1200;--sidebar-active-bg: rgba(255, 217, 2, .15);--sidebar-active-text: #ffd902;--page-bg: #f5f4f0;--table-header-bg: #faf9f6;--card-radius: 6px;--card-padding: 16px;--card-bg: #ffffff;--card-shadow: 0 1px 3px rgba(0, 0, 0, .06);--card-border: 1px solid #ebe8e0;--status-new: rgb(8, 151, 156);--status-confirmed: rgb(0, 62, 179);--status-shipped: rgb(250, 140, 22);--status-delivered: rgb(82, 196, 26);--status-cancelled: #ff4d4f;--status-returned: #722ed1;--status-pending: #faad14;--pill-radius: 16px;--badge-radius: 6px;--filter-active-bg: rgba(255, 217, 2, .2);--filter-active-fg: #1a1a1a;--filter-inactive-bg: rgb(234, 236, 240);--filter-inactive-fg: rgba(71, 84, 103, .8);--font-base: "Be Vietnam Pro", "Noto Sans", sans-serif;--sidebar-width: 58px;--header-height: 48px}*{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:center;padding:8px 0;z-index:100}.sidebar-logo{width:42px;height:42px;border-radius:50%;object-fit:cover;display:block;margin-bottom:8px}.sidebar-nav{flex:1;display:flex;flex-direction:column;width:100%;align-items:center;padding-top:4px}.sidebar-footer{margin-top:auto;padding-bottom:8px}.sidebar-user-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.nav-item{position:relative;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;color:#ffffff8c;margin:2px 0;transition:all .15s ease;font-size:17px;text-decoration:none;border-left:3px solid transparent}.nav-item:hover{background:#ffffff0f;color:#fff}.nav-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text);border-left-color:var(--brand-primary)}.nav-item .tooltip{position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);background:#1a1a1a;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;z-index:200}.nav-item:hover .tooltip{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-tabs-ink-bar{background:var(--brand-primary)!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-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}@media (max-width: 1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}.ant-table-row.row-out-of-stock td{background:#ff4d4f0f!important}@media (max-width: 768px){.pos-layout-v2{grid-template-columns:1fr}.sticky-bottom-bar{left:0}.app-main{margin-left:0}.sidebar{transform:translate(-100%)}.kpi-grid{grid-template-columns:1fr}.cart-row-extra{padding-left:0;grid-template-columns:1fr auto 80px 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}