:root{--primary-color: #1890ff;--success-color: #52c41a;--warning-color: #faad14;--error-color: #ff4d4f;--info-color: #1890ff;--gray-1: #ffffff;--gray-2: #fafafa;--gray-3: #f5f5f5;--gray-4: #f0f0f0;--gray-5: #d9d9d9;--gray-6: #bfbfbf;--gray-7: #8c8c8c;--gray-8: #595959;--gray-9: #434343;--gray-10: #262626;--gray-11: #1f1f1f;--gray-12: #141414;--text-primary: rgba(0, 0, 0, .85);--text-secondary: rgba(0, 0, 0, .65);--text-disabled: rgba(0, 0, 0, .25);--bg-primary: #ffffff;--bg-secondary: #fafafa;--bg-layout: #f0f2f5;--border-color: #d9d9d9;--border-radius: 8px;--border-radius-sm: 4px;--border-radius-lg: 12px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .03), 0 1px 6px -1px rgba(0, 0, 0, .02), 0 2px 4px 0 rgba(0, 0, 0, .02);--shadow-md: 0 6px 16px 0 rgba(0, 0, 0, .08), 0 3px 6px -4px rgba(0, 0, 0, .12), 0 9px 28px 8px rgba(0, 0, 0, .05);--shadow-lg: 0 12px 40px 0 rgba(0, 0, 0, .12), 0 6px 16px -8px rgba(0, 0, 0, .16), 0 18px 56px 16px rgba(0, 0, 0, .08);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-sm: 12px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-xxl: 24px;--z-dropdown: 1050;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}[data-theme=dark]{--bg-primary: #141414;--bg-secondary: #1c1c1c;--bg-layout: #0a0a0a;--text-primary: rgba(255, 255, 255, .87);--text-secondary: rgba(255, 255, 255, .55);--text-disabled: rgba(255, 255, 255, .3);--border-color: #2d2d2d;--shadow-sm: 0 1px 4px rgba(0, 0, 0, .5);--shadow-md: 0 4px 20px rgba(0, 0, 0, .7)}[data-theme=dark] body{background-color:var(--bg-layout)}[data-theme=dark] ::-webkit-scrollbar-track{background:#1c1c1c}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#3a3a3a}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#555}*,*:before,*:after{transition:background-color .25s ease,border-color .25s ease,color .2s ease}.ant-btn,.ant-btn *,[class*=ant-motion]{transition:none!important}.ant-btn{transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease!important}*{margin:0;padding:0;box-sizing:border-box}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5715;color:var(--text-primary);background-color:var(--bg-layout)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-3);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--gray-5);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gray-6)}h1,h2,h3,h4,h5,h6{margin:0 0 .5em;color:var(--text-primary);font-weight:600}h1{font-size:var(--font-size-xxl);line-height:1.35}h2{font-size:var(--font-size-xl);line-height:1.35}h3{font-size:var(--font-size-lg);line-height:1.35}h4{font-size:var(--font-size-base);line-height:1.5}p{margin:0 0 1em}a{color:var(--primary-color);text-decoration:none;transition:color .3s}a:hover{color:#40a9ff}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-disabled{color:var(--text-disabled)!important}.text-success{color:var(--success-color)!important}.text-warning{color:var(--warning-color)!important}.text-error{color:var(--error-color)!important}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-bold{font-weight:600}.text-medium{font-weight:500}.text-normal{font-weight:400}.text-xs{font-size:var(--font-size-sm)!important}.text-sm{font-size:var(--font-size-base)!important}.text-lg{font-size:var(--font-size-lg)!important}.text-xl{font-size:var(--font-size-xl)!important}.m-0{margin:0!important}.mt-0{margin-top:0!important}.mr-0{margin-right:0!important}.mb-0{margin-bottom:0!important}.ml-0{margin-left:0!important}.m-1{margin:var(--spacing-xs)!important}.m-2{margin:var(--spacing-sm)!important}.m-3{margin:var(--spacing-md)!important}.m-4{margin:var(--spacing-lg)!important}.m-5{margin:var(--spacing-xl)!important}.mt-1{margin-top:var(--spacing-xs)!important}.mt-2{margin-top:var(--spacing-sm)!important}.mt-3{margin-top:var(--spacing-md)!important}.mt-4{margin-top:var(--spacing-lg)!important}.mt-5{margin-top:var(--spacing-xl)!important}.mb-1{margin-bottom:var(--spacing-xs)!important}.mb-2{margin-bottom:var(--spacing-sm)!important}.mb-3{margin-bottom:var(--spacing-md)!important}.mb-4{margin-bottom:var(--spacing-lg)!important}.mb-5{margin-bottom:var(--spacing-xl)!important}.p-0{padding:0!important}.p-1{padding:var(--spacing-xs)!important}.p-2{padding:var(--spacing-sm)!important}.p-3{padding:var(--spacing-md)!important}.p-4{padding:var(--spacing-lg)!important}.p-5{padding:var(--spacing-xl)!important}.d-none{display:none!important}.d-block{display:block!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.justify-around{justify-content:space-around!important}.align-start{align-items:flex-start!important}.align-end{align-items:flex-end!important}.align-center{align-items:center!important}.align-baseline{align-items:baseline!important}.align-stretch{align-items:stretch!important}.flex-1{flex:1!important}.flex-auto{flex:auto!important}.flex-none{flex:none!important}.gap-1{gap:var(--spacing-xs)!important}.gap-2{gap:var(--spacing-sm)!important}.gap-3{gap:var(--spacing-md)!important}.gap-4{gap:var(--spacing-lg)!important}.gap-5{gap:var(--spacing-xl)!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-100{height:100%!important}.h-auto{height:auto!important}.border{border:1px solid var(--border-color)!important}.border-top{border-top:1px solid var(--border-color)!important}.border-right{border-right:1px solid var(--border-color)!important}.border-bottom{border-bottom:1px solid var(--border-color)!important}.border-left{border-left:1px solid var(--border-color)!important}.border-0{border:0!important}.rounded{border-radius:var(--border-radius)!important}.rounded-sm{border-radius:var(--border-radius-sm)!important}.rounded-lg{border-radius:var(--border-radius-lg)!important}.rounded-circle{border-radius:50%!important}.shadow-sm{box-shadow:var(--shadow-sm)!important}.shadow{box-shadow:var(--shadow-md)!important}.shadow-lg{box-shadow:var(--shadow-lg)!important}.shadow-none{box-shadow:none!important}.bg-white{background-color:var(--gray-1)!important}.bg-gray{background-color:var(--gray-3)!important}.bg-primary{background-color:var(--primary-color)!important}.bg-success{background-color:var(--success-color)!important}.bg-warning{background-color:var(--warning-color)!important}.bg-error{background-color:var(--error-color)!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:sticky!important}.cursor-pointer{cursor:pointer!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-default{cursor:default!important}@media(max-width:640px){.hide-mobile{display:none!important}}@media(min-width:641px)and (max-width:1024px){.hide-tablet{display:none!important}}@media(min-width:1025px){.hide-desktop{display:none!important}}@media(min-width:641px){.show-mobile-only{display:none!important}}.card{background:var(--bg-primary);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.card-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.card-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0}.card-body{padding:var(--spacing-md) 0}.page-container{padding:var(--spacing-lg)}.page-header{margin-bottom:var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.page-title{font-size:var(--font-size-xxl);font-weight:600;margin:0}.page-content{background:var(--bg-primary);border-radius:var(--border-radius);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-in-out}@media print{body{background:#fff}.no-print{display:none!important}}@media(max-width:640px){html{font-size:13px}.page-container,.page-content,.card{padding:var(--spacing-md)}}@media(min-width:641px)and (max-width:1024px){html{font-size:14px}}@media(min-width:1025px){html{font-size:14px}}.kanban-board{padding:8px 0}.kanban-column{background-color:var(--bg-secondary, #f5f5f5);border-radius:12px;height:100%;padding:12px;display:flex;flex-direction:column}.kanban-column-header{margin-bottom:16px;padding:4px 8px}.count-tag{background:#80808026!important;color:var(--text-secondary, #595959)!important;border:1px solid rgba(128,128,128,.2)!important;border-radius:10px!important;padding:0 8px!important}.kanban-cards{flex:1;display:flex;flex-direction:column;gap:12px}.kanban-card{border-radius:10px!important;border:1px solid var(--border-color, transparent)!important;box-shadow:0 2px 8px #0000000f!important;transition:transform .25s ease,box-shadow .25s ease!important}.kanban-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f!important}.kanban-card .ant-card-body{padding:12px}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.order-code{font-size:14px;font-weight:600}.card-body{margin-bottom:12px}.info-row{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:4px;color:var(--text-secondary, #595959)}.customer-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid var(--border-color, #f0f0f0)}.order-amount{font-size:15px;font-weight:600}.qr-scanner-modal .ant-modal-body{padding:0 24px 24px}.scanner-viewport{position:relative;width:100%;aspect-ratio:1 / 1;max-height:320px;background:#000;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.qr-reader-container{width:100%;height:100%}.qr-reader-container video{width:100%!important;height:100%!important;object-fit:cover;border-radius:12px}.qr-reader-container img{display:none!important}.scanner-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000d9;color:#fff;border-radius:12px}.scanner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.scan-line{position:absolute;left:15%;right:15%;top:15%;height:2px;background:linear-gradient(90deg,transparent,#4096ff,#00d4ff,#4096ff,transparent);border-radius:2px;animation:scanMove 2s ease-in-out infinite;box-shadow:0 0 12px #4096ffcc}@keyframes scanMove{0%{top:15%}50%{top:80%}to{top:15%}}.scan-corners{position:absolute;left:15%;right:15%;top:15%;bottom:15%}.corner{position:absolute;width:24px;height:24px;border-color:#4096ff;border-style:solid}.corner.tl{top:0;left:0;border-width:3px 0 0 3px;border-top-left-radius:4px}.corner.tr{top:0;right:0;border-width:3px 3px 0 0;border-top-right-radius:4px}.corner.bl{bottom:0;left:0;border-width:0 0 3px 3px;border-bottom-left-radius:4px}.corner.br{bottom:0;right:0;border-width:0 3px 3px 0;border-bottom-right-radius:4px}.scanner-camera-tab{padding-top:4px}.scanner-manual-tab{padding:8px 0;min-height:200px}.global-search-modal .ant-modal-content{padding:0;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #0003}.global-search-modal .search-input{padding:20px;font-size:18px;border-bottom:1px solid var(--border-color, #f0f0f0)}.global-search-modal .search-input:focus,.global-search-modal .search-input-focused{box-shadow:none}.search-results-container{max-height:420px;overflow-y:auto;padding:10px}.search-hotkeys{padding:24px;text-align:center}.search-result-item{padding:10px 14px!important;cursor:pointer;border-radius:8px;transition:background-color .15s ease!important;border-bottom:none!important;display:flex!important;align-items:center!important;margin-bottom:2px}.search-result-item:hover{background-color:var(--bg-secondary, #f5f5f5)}.result-icon{width:40px;height:40px;background:var(--bg-secondary, #f8f8f8);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:14px;font-size:18px;border:1px solid var(--border-color, #f0f0f0);flex-shrink:0}.result-content{flex:1;min-width:0}.result-title{font-size:14px;display:block}.result-subtitle{font-size:12px;display:block}.result-action{opacity:0;transition:opacity .15s;flex-shrink:0}.search-result-item:hover .result-action{opacity:1}.search-footer{padding:10px 16px;border-top:1px solid var(--border-color, #f0f0f0);display:flex;gap:16px}.main-layout,.ant-layout,.ant-layout-content{min-height:100vh}.ant-layout-sider{border-right:none!important;border-inline-end:none!important;box-shadow:2px 0 8px #0000001a;background:#001529!important}.ant-layout-header{background:var(--bg-primary);padding:0 24px!important;height:64px!important;line-height:64px!important;border-bottom:1px solid #f0f0f0;box-shadow:none!important}.layout-sider{overflow:auto;height:100vh;position:fixed;left:0;top:0;bottom:0;box-shadow:2px 0 8px #00000026;z-index:100;border-right:none!important}.ant-drawer-content{background-color:#001529!important}.ant-drawer-header{border-bottom:none!important;background-color:#001529!important}.ant-drawer-body{padding:0!important;border-right:none!important}.sidebar-logo{height:64px;display:flex;align-items:center;justify-content:center;padding:0 16px;background:#ffffff1a;border-bottom:1px solid rgba(255,255,255,.1)}.logo-text{color:#fff;font-size:20px;font-weight:700;margin:0;letter-spacing:1px}.logo-text-collapsed{color:#fff;font-size:24px;font-weight:700;margin:0}.sidebar-menu{border-right:none!important;border-inline-end:none!important}.sidebar-menu .ant-menu-item,.sidebar-menu .ant-menu-submenu-title{transition:all .3s ease}.sidebar-menu .ant-menu-item:hover,.sidebar-menu .ant-menu-submenu-title:hover{background-color:#ffffff1a}.sidebar-menu .ant-menu-item-selected{background-color:#ff7a45!important;color:#fff!important}.sidebar-menu.ant-menu-dark .ant-menu-item-selected{background-color:#ff7a45!important}.layout-header{padding:0 24px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:99;height:64px;box-shadow:0 2px 10px #00000005!important}.header-left{display:flex;align-items:center}.trigger{font-size:20px;cursor:pointer;transition:color .3s;padding:8px;border-radius:4px}.trigger:hover{color:var(--primary-color);background-color:var(--gray-2)}.header-right{display:flex;align-items:center}.header-icon{font-size:20px;cursor:pointer;transition:color .3s;padding:8px;border-radius:4px}.header-icon:hover{color:var(--primary-color);background-color:var(--gray-2)}.user-info{cursor:pointer;padding:4px 8px;border-radius:8px;transition:background-color .3s}.user-info:hover{background-color:var(--gray-2)}.user-details{display:flex;flex-direction:column;align-items:flex-start}.user-name{font-weight:500;font-size:14px;color:var(--text-primary);line-height:1.2}.user-role{font-size:12px;color:var(--text-secondary);line-height:1.2}.layout-content{margin-left:250px;min-height:calc(100vh - 64px);transition:margin-left .3s ease;padding:0!important;margin-top:0!important}.layout-sider.ant-layout-sider-collapsed+.ant-layout .layout-content{margin-left:80px}.content-wrapper{padding:16px 24px;min-height:calc(100vh - 64px)}@media(max-width:1024px){.layout-header{padding:0 16px}.content-wrapper{padding:12px 16px}.layout-content{margin-left:80px}.layout-sider.ant-layout-sider-collapsed+.ant-layout .layout-content{margin-left:80px}}@media(max-width:640px){.layout-header{padding:0 8px;height:52px}.trigger,.header-icon{font-size:16px;padding:4px}.layout-content{margin-left:0!important;min-height:calc(100vh - 52px)}.content-wrapper{padding:8px 4px;min-height:calc(100vh - 52px)}.user-info{padding:2px 4px}.user-details{display:none}}@media(max-width:374px){.layout-header{padding:0 8px}.content-wrapper{padding:8px}.header-right .ant-space{gap:8px!important}}@media print{.layout-sider,.layout-header{display:none!important}.layout-content{margin-left:0!important}.content-wrapper{padding:0}}@keyframes slideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.layout-sider{animation:slideIn .3s ease-out}.layout-sider::-webkit-scrollbar{width:6px}.layout-sider::-webkit-scrollbar-track{background:#ffffff1a}.layout-sider::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.layout-sider::-webkit-scrollbar-thumb:hover{background:#ffffff80}.layout-loading{display:flex;justify-content:center;align-items:center;height:100vh;background:var(--bg-layout)}.trigger:focus,.header-icon:focus,.user-info:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media(prefers-contrast:high){.layout-header{border-bottom:2px solid #000}.sidebar-logo{border-bottom:2px solid #fff}}.App{min-height:100vh;background-color:var(--bg-layout)}@media(max-width:640px){.ant-table{font-size:12px}.ant-table-thead>tr>th,.ant-table-tbody>tr>td{padding:8px 4px}}@media(max-width:640px){.ant-modal{max-width:calc(100vw - 32px);margin:16px auto}}.ant-pagination{text-align:right;margin-top:16px}@media(max-width:640px){.ant-pagination{text-align:center}.ant-pagination-options{display:none}}.ant-select-dropdown,.ant-picker-dropdown{border-radius:var(--border-radius);box-shadow:var(--shadow-md)}.ant-message,.ant-notification{z-index:var(--z-tooltip)}.ant-drawer-content-wrapper{box-shadow:var(--shadow-lg)}.ant-drawer-header{border-bottom:2px solid var(--gray-4)}.ant-tabs-tab{font-weight:500}.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--primary-color);font-weight:600}.ant-spin-dot-item{background-color:var(--primary-color)}.page-loading{display:flex;justify-content:center;align-items:center;min-height:400px}.empty-state{text-align:center;padding:var(--spacing-xxl) var(--spacing-lg)}.status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.status-badge-success{background-color:#52c41a26;color:#52c41a;border:1px solid rgba(82,196,26,.3)}.status-badge-warning{background-color:#faad1426;color:#faad14;border:1px solid rgba(250,173,20,.3)}.status-badge-error{background-color:#ff4d4f26;color:#ff4d4f;border:1px solid rgba(255,77,79,.3)}.status-badge-info{background-color:#1890ff26;color:#1890ff;border:1px solid rgba(24,144,255,.3)}.status-badge-default{background-color:#0000000f;color:var(--text-secondary, #595959);border:1px solid rgba(0,0,0,.15)}.filter-panel{padding:var(--spacing-lg);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg)}.empty-state-icon{font-size:64px;color:var(--gray-5);margin-bottom:var(--spacing-md)}.empty-state-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.empty-state-description{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.error-state{text-align:center;padding:var(--spacing-xxl) var(--spacing-lg)}.error-state-icon{font-size:64px;color:var(--error-color);margin-bottom:var(--spacing-md)}.error-state-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.error-state-description{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.stat-card{background:linear-gradient(135deg,var(--primary-color) 0%,#096dd9 100%);color:#fff;padding:var(--spacing-lg);border-radius:var(--border-radius);box-shadow:var(--shadow-md);transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stat-card-icon{font-size:32px;opacity:.8;margin-bottom:var(--spacing-sm)}.stat-card-title{font-size:var(--font-size-sm);opacity:.9;margin-bottom:var(--spacing-xs)}.stat-card-value{font-size:var(--font-size-xxl);font-weight:600;margin-bottom:var(--spacing-xs)}.stat-card-trend{font-size:var(--font-size-sm);opacity:.9}.action-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);gap:var(--spacing-md);flex-wrap:wrap}.action-bar-left,.action-bar-right{display:flex;gap:var(--spacing-sm);align-items:center;flex-wrap:wrap}@media(max-width:640px){.action-bar{flex-direction:column;align-items:stretch}.action-bar-left,.action-bar-right{width:100%;justify-content:space-between}}.filter-panel{background:var(--bg-primary);padding:var(--spacing-lg);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm)}.filter-panel-title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-md);display:flex;align-items:center;justify-content:space-between}.filter-panel-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}@media(max-width:640px){.filter-panel-content{grid-template-columns:1fr}}.status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:12px;font-size:var(--font-size-sm);font-weight:500}.status-badge-success{background-color:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.status-badge-warning{background-color:#fffbe6;color:#faad14;border:1px solid #ffe58f}.status-badge-error{background-color:#fff2f0;color:#ff4d4f;border:1px solid #ffccc7}.status-badge-info{background-color:#e6f7ff;color:#1890ff;border:1px solid #91d5ff}.status-badge-default{background-color:#fafafa;color:#595959;border:1px solid #d9d9d9}.details-panel{background:var(--bg-primary);border-radius:var(--border-radius);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.details-row{display:flex;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--gray-4)}.details-row:last-child{border-bottom:none}.details-label{flex:0 0 150px;font-weight:500;color:var(--text-secondary)}.details-value{flex:1;color:var(--text-primary)}@media(max-width:640px){.details-row{flex-direction:column}.details-label{margin-bottom:var(--spacing-xs)}}@media(max-width:640px){.mobile-stack .ant-space,.mobile-stack .ant-space-item,.mobile-stack .ant-btn{width:100%}.ant-form-item{margin-bottom:var(--spacing-md)}.ant-table-small .ant-table-thead>tr>th,.ant-table-small .ant-table-tbody>tr>td{padding:8px 4px;font-size:12px}}