:root{--status-pending: #fa8c16;--status-processing: #1677ff;--status-ready-for-qc: #faad14;--status-ready-to-print: #722ed1;--status-completed: #52c41a;--status-shipped: #166534;--status-rejected: #ff4d4f;--color-sidebar: #0f1729;--color-content-bg: #f5f5f5;--color-card-bg: #ffffff;--color-primary: #dc143c;--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 32px;--spacing-xl: 40px}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333;line-height:1.5}#root{min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:#dc143c;text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}button{font-family:inherit;cursor:pointer;transition:opacity .2s}button:hover{opacity:.9}button:disabled{opacity:.5;cursor:not-allowed}.status-badge{display:inline-block;padding:4px 12px;border-radius:4px;font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.status-pending{background-color:var(--status-pending);color:#fff}.status-processing{background-color:var(--status-processing);color:#fff}.status-ready-for-qc{background-color:var(--status-ready-for-qc);color:#000}.status-ready-to-print{background-color:var(--status-ready-to-print);color:#fff}.status-completed{background-color:var(--status-completed);color:#fff}.status-shipped{background-color:var(--status-shipped);color:#fff}.status-rejected{background-color:var(--status-rejected);color:#fff}.ant-layout{min-height:100vh}.ant-menu-dark .ant-menu-item-selected{border-right:3px solid #dc143c!important}.ant-menu-item-group-title{color:#ffffff59!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:1px!important;padding-top:16px!important}.ant-layout-sider{box-shadow:2px 0 8px #00000026}.ant-layout-header{padding:0 24px;position:sticky;top:0;z-index:10}.header-breadcrumb .ant-breadcrumb-link,.header-breadcrumb .ant-breadcrumb-separator{color:#ffffff73!important}.header-breadcrumb .ant-breadcrumb-link a{color:#ffffffa6!important}.header-breadcrumb .ant-breadcrumb-link a:hover{color:#dc143c!important;background:transparent!important}.header-breadcrumb li:last-child .ant-breadcrumb-link{color:#ffffffd9!important}.ant-layout-content{padding:24px}.ant-table-wrapper{box-shadow:0 2px 8px #0000001a;border-radius:4px;overflow:hidden}.ant-table{border:1px solid #d9d9d9}.ant-table-thead>tr>th{background-color:#fafafa;font-weight:600;color:#0f1729!important;border-bottom:2px solid #d9d9d9;padding:16px}.ant-table-tbody>tr>td{border-bottom:1px solid #e8e8e8;padding:16px}.ant-table-tbody>tr>td{color:#0f1729!important}.ant-table-tbody>tr:hover>td{background-color:#f5f5f5}.ant-table-tbody>tr:last-child>td{border-bottom:none}.ant-card{box-shadow:0 2px 8px #00000014;border:1px solid #e8e8e8}.ant-card:hover{box-shadow:0 4px 12px #0000001f;transition:box-shadow .3s ease}.ant-pagination{margin-top:16px;padding:16px;background-color:#fafafa;border-top:1px solid #e8e8e8}.ant-btn{border-radius:6px!important;transition:all .18s ease!important;font-weight:500!important}.ant-btn-primary:not(.btn-navy):not(.btn-crimson){background:linear-gradient(180deg,#f02252,#dc143c 55%,#c01234)!important;border-color:#b01030!important;box-shadow:0 1px #ffffff38 inset,0 3px 10px #dc143c61!important}.ant-btn-primary:not(.btn-navy):not(.btn-crimson):hover,.ant-btn-primary:not(.btn-navy):not(.btn-crimson):focus{background:linear-gradient(180deg,#ff3362,#e8174a 55%,#c91236)!important;border-color:#c0123a!important;box-shadow:0 1px #ffffff47 inset,0 5px 14px #dc143c7a!important;transform:translateY(-1px)}.ant-btn-primary:not(.btn-navy):not(.btn-crimson):active{background:linear-gradient(180deg,#b5102f,#8a0c25)!important;border-color:#8a0c25!important;transform:translateY(0);box-shadow:0 1px 4px #dc143c40!important}.btn-navy.ant-btn{background:linear-gradient(180deg,#1e3870,#0f1f46 55%,#0a1430)!important;border-color:#091228!important;color:#fff!important;border-radius:6px!important;box-shadow:0 1px #ffffff24 inset,0 3px 8px #0f172966!important;text-shadow:0 1px 2px rgba(0,0,0,.35)}.btn-navy.ant-btn:hover,.btn-navy.ant-btn:focus{background:linear-gradient(180deg,#2a4d8e,#162d5e 55%,#0f2045)!important;border-color:#0f1f46!important;color:#fff!important;box-shadow:0 1px #ffffff2e inset,0 5px 14px #0f172980!important;transform:translateY(-1px)}.btn-navy.ant-btn:active{background:linear-gradient(180deg,#0a1430,#060c1e)!important;border-color:#060c1e!important;transform:translateY(0);box-shadow:0 1px 3px #0f17294d!important}.btn-crimson.ant-btn{background:linear-gradient(180deg,#f02252,#dc143c 55%,#c01234)!important;border-color:#b01030!important;color:#fff!important;border-radius:6px!important;box-shadow:0 1px #ffffff38 inset,0 3px 8px #dc143c61!important;text-shadow:0 1px 2px rgba(0,0,0,.25)}.btn-crimson.ant-btn:hover,.btn-crimson.ant-btn:focus{background:linear-gradient(180deg,#ff3362,#e8174a 55%,#c91236)!important;border-color:#c0123a!important;color:#fff!important;box-shadow:0 1px #ffffff47 inset,0 5px 14px #dc143c80!important;transform:translateY(-1px)}.btn-crimson.ant-btn:active{background:linear-gradient(180deg,#b5102f,#8a0c25)!important;border-color:#8a0c25!important;transform:translateY(0);box-shadow:0 1px 3px #dc143c38!important}.ant-typography-secondary,.ant-typography.ant-typography-secondary{color:#0f17298c!important}.ant-typography-danger,.ant-typography-warning,.ant-typography.ant-typography-danger,.ant-typography.ant-typography-warning{color:#dc143c!important}.ant-typography-success,.ant-typography.ant-typography-success{color:#0f1729!important}.ant-tag-default,.ant-tag:not([class*=ant-tag-]):not([style*=background]){color:#0f1729;border-color:#0f172940}.ant-badge-status-text{color:#0f1729!important}.ant-statistic-title{color:#0f17298c!important}.ant-statistic-content-value,.ant-statistic-content-suffix,.ant-statistic-content-prefix{color:#0f1729!important}.ant-form-item-label>label{color:#0f1729!important}.ant-form-item-extra{color:#0f17298c!important}.ant-tabs-tab{padding:10px 20px!important;font-size:14px!important;font-weight:600!important;transition:color .2s ease!important}.ant-tabs-tab-btn{color:#0f1729cc!important;font-weight:600!important;letter-spacing:.01em}.ant-tabs-tab-active .ant-tabs-tab-btn{color:#dc143c!important;font-weight:700!important}.ant-tabs-ink-bar{height:3px!important;border-radius:2px 2px 0 0!important;background:#dc143c!important}.ant-tabs>.ant-tabs-nav,.ant-tabs>div>.ant-tabs-nav{padding-top:8px!important;margin-bottom:24px!important;border-bottom:none!important}.ant-card-head-title,.ant-modal-title,.ant-alert-message{color:#0f1729!important}.ant-alert-description{color:#0f1729bf!important}.ant-select-item-option-content,.ant-popconfirm-message-title,.ant-popover-message-title{color:#0f1729!important}.ant-empty-description{color:#0f172973!important}.ant-timeline-item-content{color:#0f1729!important}h1,h2,h3,h4,h5,h6{color:#0f1729}.ant-input,.ant-input-number-input,.ant-input-textarea textarea{color:#0f1729!important}.ant-input:disabled,.ant-input[disabled],.ant-input-number-input:disabled{color:#0f172966!important}.ant-select-selection-item,.ant-input-number{color:#0f1729!important}.ant-modal-body .ant-divider-inner-text{color:#0f1729!important;font-weight:600!important;font-size:13px!important;letter-spacing:.01em}.ant-modal-body .ant-divider{border-color:#e8e8e8!important}.ant-card-head{border-bottom:2px solid #f0f0f0!important}.ant-card-head-title{color:#0f1729!important;font-weight:600!important}.ant-descriptions-bordered .ant-descriptions-item-label{background-color:#fafafa;font-weight:600;color:#262626;border-right:2px solid #d9d9d9}.ant-descriptions-bordered .ant-descriptions-item-content{border-right:1px solid #e8e8e8}.ant-descriptions-bordered .ant-descriptions-row{border-bottom:1px solid #e8e8e8}@media (max-width: 768px){:root{--spacing-page: 12px;--spacing-card: 12px;--spacing-section: 16px}}@media (min-width: 769px) and (max-width: 1024px){:root{--spacing-page: 16px;--spacing-card: 16px;--spacing-section: 20px}}@media (min-width: 1025px){:root{--spacing-page: 24px;--spacing-card: 24px;--spacing-section: 24px}}@media (max-width: 768px){.ant-layout-content{padding:12px!important}.ant-layout-header{padding:0 12px!important}}@media (min-width: 769px) and (max-width: 1024px){.ant-layout-content{padding:16px!important}.ant-layout-header{padding:0 16px!important}}@media (max-width: 768px){.ant-table-thead>tr>th{padding:10px 8px!important;font-size:12px!important}.ant-table-tbody>tr>td{padding:10px 8px!important;font-size:13px!important}.ant-table-wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.ant-pagination{padding:12px 8px!important;flex-wrap:wrap;gap:8px}.ant-pagination-total-text{display:block!important;width:100%!important;text-align:center!important;margin-bottom:8px!important}.ant-pagination-options{display:none!important}}@media (min-width: 769px) and (max-width: 1024px){.ant-table-thead>tr>th{padding:12px 10px!important;font-size:13px!important}.ant-table-tbody>tr>td{padding:12px 10px!important}}@media (max-width: 768px){.ant-card{border-radius:8px!important}.ant-card-body{padding:12px!important}.ant-card-head{padding:0 12px!important;min-height:40px!important}.ant-card-head-title{font-size:14px!important;padding:10px 0!important}}@media (min-width: 769px) and (max-width: 1024px){.ant-card-body{padding:16px!important}}@media (max-width: 768px){.ant-tabs-tab{padding:8px 12px!important;font-size:13px!important}.ant-tabs>.ant-tabs-nav,.ant-tabs>div>.ant-tabs-nav{margin-bottom:16px!important}.ant-tabs-nav{flex-wrap:wrap!important}.ant-tabs-extra-content{width:100%!important;margin-top:12px!important;display:flex!important;justify-content:flex-start!important;gap:8px!important}}@media (max-width: 768px){.ant-btn{min-height:36px!important;font-size:13px!important}.ant-btn-sm{min-height:32px!important;font-size:12px!important}.ant-btn-lg{min-height:44px!important;font-size:14px!important}.mobile-full-width .ant-btn{width:100%!important}}@media (max-width: 768px){.ant-modal{max-width:calc(100vw - 24px)!important;margin:12px!important;top:12px!important}.ant-modal-content{border-radius:12px!important}.ant-modal-header{padding:12px 16px!important}.ant-modal-body{padding:16px!important;max-height:calc(100vh - 180px)!important;overflow-y:auto!important}.ant-modal-footer{padding:12px 16px!important}.ant-modal-footer .ant-btn+.ant-btn{margin-left:0!important;margin-top:8px!important}.ant-modal-footer{display:flex!important;flex-direction:column-reverse!important;gap:8px!important}.ant-modal-footer .ant-btn{width:100%!important;margin:0!important}}@media (min-width: 769px) and (max-width: 1024px){.ant-modal{max-width:90vw!important}}@media (max-width: 768px){.ant-form-item{margin-bottom:16px!important}.ant-form-item-label{padding-bottom:4px!important}.ant-form-item-label>label{font-size:13px!important}.ant-form-horizontal .ant-form-item-label{flex:none!important;width:100%!important;text-align:left!important}.ant-form-horizontal .ant-form-item-control{flex:none!important;width:100%!important}}@media (max-width: 768px){.ant-descriptions-bordered .ant-descriptions-item-label,.ant-descriptions-bordered .ant-descriptions-item-content{padding:8px 12px!important;font-size:13px!important}.ant-descriptions-bordered .ant-descriptions-row{display:flex!important;flex-direction:column!important}.ant-descriptions-bordered .ant-descriptions-item{display:flex!important;flex-direction:column!important;border-right:none!important}.ant-descriptions-bordered .ant-descriptions-item-label{width:100%!important;border-right:none!important;border-bottom:1px dashed #e8e8e8!important;background-color:#fafafa!important}.ant-descriptions-bordered .ant-descriptions-item-content{width:100%!important}}@media (max-width: 768px){.stat-card{padding:12px!important}.stat-card-title{font-size:11px!important}.stat-card-value{font-size:24px!important}.stat-card-subtitle{font-size:11px!important}}@media (max-width: 768px){.ant-drawer-content-wrapper{max-width:85vw!important}}@media (max-width: 768px){.ant-select{font-size:14px!important}.ant-select-selector{min-height:36px!important}.ant-select-dropdown .ant-select-item{padding:10px 12px!important;font-size:14px!important}}@media (max-width: 768px){.ant-popover{max-width:calc(100vw - 32px)!important}.ant-popover-inner{padding:12px!important}.ant-tooltip{max-width:calc(100vw - 32px)!important}}@media (max-width: 768px){.ant-space{gap:8px!important}.ant-space-large{gap:12px!important}}@media (max-width: 768px){.hide-mobile{display:none!important}}@media (min-width: 769px) and (max-width: 1024px){.hide-tablet{display:none!important}}@media (min-width: 1025px){.hide-desktop{display:none!important}}@media (min-width: 769px){.show-mobile-only{display:none!important}}@media (max-width: 768px),(min-width: 1025px){.show-tablet-only{display:none!important}}@media (max-width: 1024px){.show-desktop-only{display:none!important}}@media (max-width: 768px){.text-truncate-mobile{max-width:120px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}h1{font-size:24px!important}h2{font-size:20px!important}h3{font-size:18px!important}h4{font-size:16px!important}}@media (max-width: 768px){.ant-row{margin-left:-6px!important;margin-right:-6px!important}.ant-row>.ant-col{padding-left:6px!important;padding-right:6px!important}}@media (max-width: 768px){.ant-tag{font-size:11px!important;padding:2px 6px!important;margin:2px!important}}@media (max-width: 768px){.ant-badge-count{font-size:10px!important;min-width:16px!important;height:16px!important;line-height:16px!important}}@media (max-width: 768px){.ant-input,.ant-input-affix-wrapper,.ant-input-search .ant-input{font-size:16px!important}}@media (max-width: 768px){.ant-alert{padding:8px 12px!important;font-size:13px!important}.ant-alert-icon{font-size:16px!important}}@media (max-width: 768px){.ant-timeline-item-content{font-size:13px!important}.ant-timeline-item-head{width:8px!important;height:8px!important}}@supports (padding: max(0px)){@media (max-width: 768px){.ant-layout-content{padding-left:max(12px,env(safe-area-inset-left))!important;padding-right:max(12px,env(safe-area-inset-right))!important;padding-bottom:max(12px,env(safe-area-inset-bottom))!important}.ant-modal-footer{padding-bottom:max(12px,env(safe-area-inset-bottom))!important}}}@media print{.ant-layout-sider,.ant-layout-header,.ant-pagination,.ant-btn,.no-print{display:none!important}.ant-layout-content{padding:0!important}.ant-table{border:1px solid #000!important}}