@media (width<=768px){.sidebar-logo{padding:0 16px}}@media (width<=768px){.header-title{font-size:16px}}.header-left{align-items:center;display:flex}.header-title{color:var(--text-color);margin:0;font-size:18px;font-weight:600}.header-right{align-items:center;gap:16px;display:flex}.header-badge{cursor:pointer}.header-icon{color:var(--text-color);font-size:20px}.header-user{cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:4px 8px;transition:background-color .2s;display:flex}.header-user:hover{background-color:var(--bg-hover)}.header-avatar{background-color:var(--primary-color)}.header-username{color:var(--text-color);font-size:14px}.sidebar{background:var(--bg-color);border-right:1px solid var(--border-color)}.sidebar-logo{border-bottom:1px solid var(--border-color);align-items:center;height:64px;padding:0 24px;display:flex;overflow:hidden}.logo-icon{color:var(--primary-color);font-size:24px}.logo-text{color:var(--text-color);white-space:nowrap;margin-left:12px;font-size:16px;font-weight:600}.sidebar-menu{border-right:none;padding:16px 0}.content-area{background:var(--bg-color);min-height:calc(100vh - 112px)}.footer{text-align:center;border-top:1px solid var(--border-color);background:var(--bg-color);padding:16px 24px}.footer-content{color:var(--text-secondary);justify-content:center;align-items:center;gap:16px;font-size:12px;display:flex}.footer-divider{color:var(--border-color)}@media (width<=768px){.header-title{font-size:16px}.sidebar-logo{padding:0 16px}.footer-content{flex-direction:column;gap:8px}}@media (width<=768px){.ant-layout-sider{width:0!important;min-width:0!important}.ant-layout-content{padding:16px}}@media (width<=480px){.ant-layout-content{padding:12px}}.ant-table-column-sorter-up.active,.ant-table-column-sorter-down.active{font-size:16px;font-weight:700;color:var(--primary-color)!important}.ant-table-column-sorter-up:hover,.ant-table-column-sorter-down:hover{font-size:16px;color:var(--primary-hover)!important}.ant-tooltip-inner{color:#000!important;background-color:#fff!important;border:1px solid #d9d9d9!important;border-radius:4px!important;padding:8px 12px!important;font-size:14px!important;font-weight:400!important;box-shadow:0 2px 8px #00000026!important}.ant-tooltip-arrow{border-top-color:#fff!important}@media (width<=768px){.ant-layout-sider{width:0!important;min-width:0!important}.ant-layout-content{padding:16px}}@media (width<=480px){.ant-layout-content{padding:12px}}.sales-layout{min-height:100vh;font-size:20px;line-height:1.8}.sales-sider{background-color:#fff;border-right:1px solid #e5e7eb;box-shadow:2px 0 8px #0000001a}.scan-section{padding:30px}.section-title{color:#1f2937;text-align:center;margin-bottom:24px;font-size:28px;font-weight:700}.sales-content{background-color:#f9fafb;padding:40px}.order-card{background-color:#fff;border-radius:12px;padding:40px;box-shadow:0 4px 12px #0000001a}.order-card .ant-card-head-title{color:#1f2937;font-size:28px;font-weight:700}.order-table{margin-bottom:40px;font-size:20px}.order-table .ant-table-thead>tr>th{color:#1f2937;background-color:#f3f4f6;padding:20px;font-size:20px;font-weight:700}.order-table .ant-table-tbody>tr>td{color:#374151;padding:20px;font-size:20px}.order-summary{background-color:#f3f4f6;border-radius:8px;margin:40px 0;padding:30px}.order-summary .ant-statistic-title{color:#1f2937;margin-bottom:8px;font-size:20px;font-weight:700}.order-summary .ant-statistic-content{color:#2563eb;font-size:28px;font-weight:700}.order-summary .ant-input{border:2px solid #d1d5db;border-radius:8px;height:60px;font-size:24px}.order-summary .ant-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb33}.order-summary .ant-btn{border-radius:8px;min-width:200px;height:70px;padding:0 40px;font-size:22px;font-weight:700}.order-summary .ant-btn-primary{color:#fff;background-color:#10b981;border-color:#10b981}.order-summary .ant-btn-primary:hover{background-color:#059669;border-color:#059669}.order-summary .ant-btn:not(.ant-btn-primary){color:#fff;background-color:#6b7280;border-color:#6b7280}.order-summary .ant-btn:not(.ant-btn-primary):hover{background-color:#4b5563;border-color:#4b5563}.scan-section .ant-input{border:2px solid #d1d5db;border-radius:8px;height:60px;font-size:20px}.scan-section .ant-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb33}@media (width<=768px){.sales-layout{flex-direction:column}.sales-sider{border-bottom:1px solid #e5e7eb;border-right:none;width:100%!important}.sales-content{padding:20px}.order-actions{flex-direction:column;align-items:center}.order-actions .ant-btn{width:100%;max-width:300px}}.guide-text{color:#6b7280;margin:10px 0;font-size:18px;line-height:1.6}.high-contrast{color:#111827!important;background-color:#fff!important}.high-contrast .ant-btn{color:#fff!important}.touch-target{justify-content:center;align-items:center;min-height:60px;display:flex}@media (width<=768px){.ant-layout-sider{width:0!important;min-width:0!important}.ant-layout-content{padding:16px}}@media (width<=480px){.ant-layout-content{padding:12px}}.barcode-page{padding:20px}.barcode-card{border-radius:8px;margin-bottom:24px;box-shadow:0 2px 8px #0000001a}.generate-button{text-align:center;margin-top:16px}.generate-button button{width:200px}.barcode-preview{margin-top:16px}.barcode-preview h3{color:#1f2328;margin-bottom:16px;font-size:16px;font-weight:600}.canvas-container{background-color:#f9fafb;border-radius:8px;justify-content:center;align-items:center;min-height:150px;margin-bottom:20px;padding:20px;display:flex}.canvas-container canvas{max-width:100%;height:auto}.error-message{color:#dc2626;text-align:center;margin-top:10px}.barcode-actions{justify-content:center;margin-top:16px;display:flex}.barcode-tips{margin-top:24px}.barcode-tips ul{margin:0;padding-left:20px}.barcode-tips li{color:#4b5563;margin-bottom:8px;line-height:1.5}@media (width<=768px){.barcode-page,.canvas-container{padding:10px}.generate-button button{width:100%}.barcode-actions{flex-direction:column;align-items:center}.barcode-actions button{width:100%;margin-bottom:8px}}.settings-page{min-height:80vh;padding:24px}.page-title{color:#333;margin-bottom:24px;font-size:24px;font-weight:700}.settings-card{width:100%;max-width:600px;margin:0 auto;box-shadow:0 2px 8px #0000001a}.setting-info{color:#666;border-top:1px solid #f0f0f0;margin-top:24px;padding-top:16px;font-size:14px}.setting-info p{margin:8px 0}:root{--primary-color:#2563eb;--primary-hover:#1d4ed8;--success-color:#10b981;--warning-color:#faad14;--error-color:#ff4d4f;--text-color:#1f2937;--text-secondary:#6b7280;--border-color:#e5e7eb;--divider-color:#f3f4f6;--bg-color:#fff;--bg-hover:#f5f5f7;--bg-selected:#e6f7ff;--header-bg:#f2f3f5;--sidebar-width:240px}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-color);background-color:var(--bg-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5}.ant-layout{min-height:100vh}.ant-layout-header{background:var(--bg-color);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;box-shadow:0 1px 2px #0000000a}.ant-layout-sider{background:var(--bg-color);border-right:1px solid var(--border-color);box-shadow:2px 0 4px #0000000a}.ant-layout-content{background:var(--bg-color);padding:24px;overflow-x:hidden}.ant-menu{border-right:none}.ant-menu-item{height:48px;margin:0;padding:0 24px;font-size:14px;line-height:48px}.ant-menu-item-selected{background-color:var(--primary-color);color:#fff}.ant-menu-item:hover{background-color:var(--bg-hover);color:var(--text-color)}.ant-table{border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.ant-table-thead>tr>th{background-color:var(--header-bg);color:var(--text-color);border-bottom:1px solid var(--border-color);font-weight:600}.ant-table-tbody>tr:hover>td{background-color:var(--bg-hover)}.ant-table-tbody>tr.ant-table-row-selected>td{background-color:var(--bg-selected);border:1px solid var(--primary-color)}.ant-card{border:1px solid var(--border-color);border-radius:4px;box-shadow:0 2px 8px #00000014}.ant-btn-primary{background-color:var(--primary-color);border-color:var(--primary-color);box-shadow:none}.ant-btn-primary:hover{background-color:var(--primary-hover);border-color:var(--primary-hover)}.ant-input{border:1px solid var(--border-color)}.ant-input:hover,.ant-input:focus{border-color:var(--primary-color)}.ant-input:focus{box-shadow:0 0 0 2px #2563eb33}.ant-divider{border-color:var(--divider-color)}@media (width<=768px){.ant-layout-sider{width:0!important;min-width:0!important}.ant-layout-content{padding:16px}}@media (width<=480px){.ant-layout-content{padding:12px}}