.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.login-card{width:400px;box-shadow:0 8px 16px #0000001a}.login-card .ant-card-head-title{text-align:center;font-size:18px;font-weight:600}.login-footer{text-align:center;margin-top:16px;color:#999;font-size:12px}.main-layout{min-height:100vh}.logo{height:64px;display:flex;align-items:center;justify-content:center;background:#ffffff1a}.logo h2{color:#fff;margin:0;font-size:18px;font-weight:600}.site-header{background:#fff;padding:0 24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 4px #00152914}.header-left{display:flex;align-items:center}.trigger{font-size:18px;cursor:pointer;transition:color .3s}.trigger:hover{color:#1890ff}.header-right{display:flex;align-items:center}.user-info{display:flex;align-items:center;cursor:pointer;padding:0 12px;transition:background .3s}.user-info:hover{background:#00000006}.username{margin-left:8px}.site-content{margin:24px;padding:24px;background:#fff;min-height:calc(100vh - 112px)}.picking-list-page{padding:24px}.print-controls{margin-bottom:24px;padding:16px;background:#f5f5f5;border-radius:4px}.print-content{margin-top:24px}.print-page{width:76mm;min-height:130mm;margin:0 auto 20mm;padding:4mm;background:#fff;box-shadow:0 0 10px #0000001a;page-break-after:always;font-size:9pt;line-height:1.3;box-sizing:border-box;display:flex;flex-direction:column}.print-header{text-align:center;margin-bottom:6mm;border-bottom:2px solid #000;padding-bottom:3mm;flex-shrink:0;page-break-inside:avoid;page-break-after:avoid}.print-header h2{margin:0;font-size:13pt;font-weight:700;page-break-after:avoid}.company-logo{margin-bottom:2mm;text-align:center;page-break-inside:avoid;page-break-after:avoid}.company-logo img{max-width:40mm;max-height:15mm;object-fit:contain}.company-name{font-size:11pt;font-weight:700;margin-bottom:2mm;color:#333;page-break-after:avoid}.print-body{display:flex;flex-direction:column;gap:4mm;flex:1;min-height:0}.print-section{margin-bottom:3mm;flex-shrink:0}.print-row{display:flex;margin-bottom:2.5mm;font-size:8.5pt}.print-row .label{font-weight:700;min-width:18mm;flex-shrink:0}.print-row .value{flex:1;word-break:break-all}.barcode-row{margin-top:2mm;margin-bottom:2mm;display:flex;justify-content:center;align-items:center}.barcode-canvas{max-width:100%;height:auto}.page-info{text-align:center;margin-top:2mm;font-size:7.5pt;color:#666}.print-table{width:100%;border-collapse:collapse;font-size:7.5pt;margin-top:3mm}.print-table thead{background:#f0f0f0}.print-table th,.print-table td{border:1px solid #000;padding:1.5mm 1mm;text-align:left}.print-table th{font-weight:700;text-align:center;background:#e0e0e0}.print-table th:nth-child(1){width:7mm}.print-table th:nth-child(2){width:auto}.print-table th:nth-child(3),.print-table th:nth-child(4),.print-table th:nth-child(5){width:11mm;text-align:right}.print-table td:nth-child(3),.print-table td:nth-child(4),.print-table td:nth-child(5){text-align:right}.print-table tfoot{font-weight:700;background:#f5f5f5}.print-table .text-right{text-align:right}.print-footer{margin-top:auto;padding-top:3mm;border-top:1px solid #ccc;font-size:7.5pt}@media print{@page{size:76mm 130mm;margin:0}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}body{margin:0;padding:0;background:#fff}.picking-list-page{padding:0}.print-controls,.ant-card-extra,.ant-card-head,.ant-card-body>.print-controls{display:none!important}.print-content{margin:0;padding:0}.print-page{width:76mm;min-height:130mm;margin:0;padding:4mm;box-shadow:none;page-break-after:always;page-break-inside:auto;box-sizing:border-box;display:flex;flex-direction:column}.print-page:last-child{page-break-after:auto}.print-header{margin-bottom:5mm;padding-bottom:3mm;page-break-inside:avoid;page-break-after:avoid}.print-header h2{font-size:12pt;margin:0;page-break-after:avoid}.company-logo{margin-bottom:2mm;page-break-inside:avoid;page-break-after:avoid}.company-logo img{max-width:35mm;max-height:12mm}.company-name{font-size:10pt;margin-bottom:1.5mm;page-break-after:avoid}.print-body{gap:3mm;flex:1;min-height:0}.print-section{margin-bottom:2mm;flex-shrink:0}.print-order-info{page-break-inside:avoid}.print-table-section{page-break-inside:auto}.print-row{margin-bottom:2mm;font-size:8pt}.print-row .label{min-width:18mm}.print-table{page-break-inside:auto;font-size:7pt;margin-top:2mm}.print-table tbody tr{page-break-inside:avoid;page-break-after:auto}.print-table th,.print-table td{padding:1.5mm 1mm}.print-table th:nth-child(1){width:6mm}.print-table th:nth-child(3),.print-table th:nth-child(4),.print-table th:nth-child(5){width:10mm}.print-table thead{display:table-header-group}.print-table thead tr{page-break-inside:avoid;page-break-after:avoid}.print-table tfoot{display:table-footer-group}.print-table tfoot tr{page-break-inside:avoid;page-break-before:avoid}.print-footer{margin-top:3mm;padding-top:3mm;font-size:7pt}.barcode-row{margin-top:1.5mm;margin-bottom:1.5mm}.barcode-canvas{max-width:100%;height:auto}.page-info{margin-top:1.5mm;font-size:6.5pt}}@media screen{.print-content{display:flex;flex-direction:column;align-items:center}.print-page{background:#fff;border:1px solid #ddd}}.analytics-container{padding:24px;background:#f0f2f5;min-height:100vh}.analytics-header{background:#fff;border-radius:8px;padding:20px 24px;margin-bottom:16px;box-shadow:0 2px 8px #0000000f}.analytics-title{font-size:24px;font-weight:600;color:#262626;margin:0 0 16px}.analytics-filters{background:#fafafa;border-radius:6px;padding:16px;margin-bottom:16px}.analytics-filters .ant-space{width:100%}.filter-label{font-weight:500;color:#595959;white-space:nowrap}.analytics-content{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000000f}.stat-card{height:100%;border-radius:8px;transition:all .3s}.stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-card .ant-statistic-title{font-size:14px;color:#8c8c8c;margin-bottom:8px}.stat-card .ant-statistic-content{font-size:24px;font-weight:600}.chart-card{border-radius:12px;margin-bottom:24px;box-shadow:0 4px 16px #00000014;background:linear-gradient(135deg,#fff,#fafafa);border:1px solid rgba(255,107,157,.1);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.chart-card:hover{box-shadow:0 8px 24px #ff6b9d26;transform:translateY(-2px);border-color:#ff6b9d33}.chart-card .ant-card-head{border-bottom:2px solid rgba(255,107,157,.1);padding:16px 24px;background:linear-gradient(135deg,#ff6b9d0d,#4ecdc40d)}.chart-card .ant-card-head-title{font-weight:600;color:#333;font-size:16px}.chart-card .ant-card-body{padding:24px;background:#fff}.chart-card .echarts-for-react{border-radius:8px}.analytics-content .ant-card{border-radius:12px;box-shadow:0 4px 16px #00000014;border:1px solid rgba(255,107,157,.1);transition:all .3s cubic-bezier(.4,0,.2,1)}.analytics-content .ant-card:hover{box-shadow:0 8px 24px #ff6b9d26;transform:translateY(-2px)}.analytics-tabs .ant-tabs-nav{margin-bottom:24px;padding:0 4px}.analytics-tabs .ant-tabs-tab{padding:12px 20px;font-size:14px;font-weight:500}.analytics-tabs .ant-tabs-tab-active{font-weight:600}.table-card{border-radius:8px;box-shadow:0 2px 8px #0000000f}.table-card .ant-card-head{border-bottom:1px solid #f0f0f0;padding:16px 24px}.table-card .ant-card-head-title{font-size:16px;font-weight:600}.table-card .ant-card-body{padding:16px 24px}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-weight:600;font-size:14px}.rank-badge.top-1{background:linear-gradient(135deg,gold,#ffed4e);color:#fff;box-shadow:0 2px 8px #ffd70066}.rank-badge.top-2{background:linear-gradient(135deg,silver,#e8e8e8);color:#fff;box-shadow:0 2px 8px #c0c0c066}.rank-badge.top-3{background:linear-gradient(135deg,#cd7f32,#e6a857);color:#fff;box-shadow:0 2px 8px #cd7f3266}.rank-badge.other{background:#f0f0f0;color:#666}.empty-state{padding:60px 20px;text-align:center}@media(max-width:768px){.analytics-container,.analytics-header,.analytics-content,.chart-card .ant-card-body{padding:16px}}.loading-container{min-height:400px;display:flex;align-items:center;justify-content:center}.section-title{font-size:18px;font-weight:600;color:#262626;margin:24px 0 16px;padding-bottom:12px;border-bottom:2px solid #f0f0f0}.section-title:first-child{margin-top:0}.batch-analytics-container{padding:24px;background:#f0f2f5;min-height:100vh}.batch-analytics-container .analytics-header{background:#fff;border-radius:8px;padding:20px 24px;margin-bottom:16px;box-shadow:0 2px 8px #0000000f}.batch-analytics-container .analytics-title{font-size:24px;font-weight:600;color:#262626;margin:0 0 16px}.batch-analytics-container .analytics-filters{background:#fafafa;border-radius:6px;padding:16px;margin-bottom:16px}.batch-analytics-container .analytics-filters .ant-space{width:100%}.batch-analytics-container .filter-label{font-weight:500;color:#595959;white-space:nowrap}.batch-analytics-container .analytics-content{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000000f}.batch-analytics-container .stat-card{height:100%;border-radius:8px;transition:all .3s}.batch-analytics-container .stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.batch-analytics-container .stat-card .ant-statistic-title{font-size:14px;color:#8c8c8c;margin-bottom:8px}.batch-analytics-container .stat-card .ant-statistic-content{font-size:24px;font-weight:600}.batch-analytics-container .chart-card{border-radius:12px;margin-bottom:24px;box-shadow:0 4px 16px #00000014;background:linear-gradient(135deg,#fff,#fafafa);border:1px solid rgba(255,107,157,.1);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.batch-analytics-container .chart-card:hover{box-shadow:0 8px 24px #ff6b9d26;transform:translateY(-2px);border-color:#ff6b9d33}.batch-analytics-container .chart-card .ant-card-head{border-bottom:2px solid rgba(255,107,157,.1);padding:16px 24px;background:linear-gradient(135deg,#ff6b9d0d,#4ecdc40d)}.batch-analytics-container .chart-card .ant-card-head-title{font-weight:600;color:#333;font-size:16px}.batch-analytics-container .chart-card .ant-card-body{padding:24px;background:#fff}.batch-analytics-container .chart-card .echarts-for-react{border-radius:8px}.batch-analytics-container .rank-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-weight:600;font-size:14px}.batch-analytics-container .rank-badge.top-1{background:linear-gradient(135deg,gold,#ffed4e);color:#fff;box-shadow:0 2px 8px #ffd70066}.batch-analytics-container .rank-badge.top-2{background:linear-gradient(135deg,silver,#e8e8e8);color:#fff;box-shadow:0 2px 8px #c0c0c066}.batch-analytics-container .rank-badge.top-3{background:linear-gradient(135deg,#cd7f32,#e6a857);color:#fff;box-shadow:0 2px 8px #cd7f3266}.batch-analytics-container .rank-badge.other{background:#f0f0f0;color:#666}@media(max-width:768px){.batch-analytics-container,.batch-analytics-container .analytics-header,.batch-analytics-container .analytics-content,.batch-analytics-container .chart-card .ant-card-body{padding:16px}}.operation-log-page{padding:24px;min-height:calc(100vh - 64px)}.operation-log-page .ant-card{box-shadow:0 2px 8px #0000001a}.operation-log-search-bar{margin-bottom:16px;padding:16px;background:#fafafa;border-radius:4px}.operation-log-table-wrapper{margin-bottom:16px;border:1px solid #f0f0f0;border-radius:4px;overflow:visible;position:relative;width:100%;max-width:100%}.operation-log-table-wrapper .ant-table-wrapper{width:100%;overflow:visible}.operation-log-table-wrapper .ant-table{width:100%}.operation-log-table-wrapper .ant-table-container{width:100%;overflow:visible}.operation-log-table-wrapper .ant-table-header{overflow-x:scroll!important;overflow-y:hidden!important;position:relative;scrollbar-width:none!important;-ms-overflow-style:none!important}.operation-log-table-wrapper .ant-table-header::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.operation-log-table-wrapper .ant-table-body-outer{overflow:visible;position:relative}.operation-log-table-wrapper .ant-table-body-inner{overflow-x:scroll!important;overflow-y:auto!important;scrollbar-width:thin!important;scrollbar-color:#1890ff #f1f1f1!important}.operation-log-table-wrapper .ant-table-body{overflow-x:scroll!important;overflow-y:auto!important;position:relative;scrollbar-width:thin!important;scrollbar-color:#1890ff #f1f1f1!important}.operation-log-table-wrapper .ant-table-content,.operation-log-table-wrapper .ant-table-scroll{overflow-x:scroll!important;overflow-y:visible!important;scrollbar-width:thin!important;scrollbar-color:#1890ff #f1f1f1!important}.operation-log-table-wrapper .ant-table-body::-webkit-scrollbar,.operation-log-table-wrapper .ant-table-body-inner::-webkit-scrollbar,.operation-log-table-wrapper .ant-table-content::-webkit-scrollbar,.operation-log-table-wrapper .ant-table-scroll::-webkit-scrollbar{height:12px!important;width:12px!important;display:block!important;visibility:visible!important;opacity:1!important;-webkit-appearance:none}.operation-log-table-wrapper .ant-table-body::-webkit-scrollbar-track,.operation-log-table-wrapper .ant-table-body-inner::-webkit-scrollbar-track,.operation-log-table-wrapper .ant-table-content::-webkit-scrollbar-track,.operation-log-table-wrapper .ant-table-scroll::-webkit-scrollbar-track{background:#f1f1f1!important;border-radius:6px;display:block!important;visibility:visible!important;opacity:1!important}.operation-log-table-wrapper .ant-table-body::-webkit-scrollbar-thumb,.operation-log-table-wrapper .ant-table-body-inner::-webkit-scrollbar-thumb,.operation-log-table-wrapper .ant-table-content::-webkit-scrollbar-thumb,.operation-log-table-wrapper .ant-table-scroll::-webkit-scrollbar-thumb{background:#1890ff!important;border-radius:6px;border:2px solid #f1f1f1;display:block!important;visibility:visible!important;opacity:1!important;min-height:20px;min-width:20px}.operation-log-table-wrapper .ant-table-body::-webkit-scrollbar-thumb:hover,.operation-log-table-wrapper .ant-table-body-inner::-webkit-scrollbar-thumb:hover,.operation-log-table-wrapper .ant-table-content::-webkit-scrollbar-thumb:hover,.operation-log-table-wrapper .ant-table-scroll::-webkit-scrollbar-thumb:hover{background:#40a9ff!important}.operation-log-table-wrapper .ant-table-body,.operation-log-table-wrapper .ant-table-body-inner,.operation-log-table-wrapper .ant-table-content,.operation-log-table-wrapper .ant-table-scroll{-webkit-overflow-scrolling:touch;overflow-x:scroll!important;overflow-y:auto!important}.operation-log-pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-top:1px solid #f0f0f0}.api-log-page{padding:24px;min-height:calc(100vh - 64px)}.api-log-page .ant-card{box-shadow:0 2px 8px #0000001a}.api-log-search-bar{margin-bottom:16px;padding:16px;background:#fafafa;border-radius:4px}.api-log-table-wrapper{margin-bottom:16px;border:1px solid #f0f0f0;border-radius:4px;overflow:visible;position:relative;width:100%;max-width:100%}.api-log-table-wrapper .ant-table-wrapper{width:100%;overflow:visible}.api-log-table-wrapper .ant-table{width:100%}.api-log-table-wrapper .ant-table-container{width:100%;overflow:visible}.api-log-table-wrapper .ant-table-header{overflow-x:scroll!important;overflow-y:hidden!important;position:relative;scrollbar-width:none!important;-ms-overflow-style:none!important}.api-log-table-wrapper .ant-table-header::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.api-log-table-wrapper .ant-table-body-outer{overflow:visible;position:relative}.api-log-table-wrapper .ant-table-body-inner{overflow-x:scroll!important;overflow-y:auto!important;scrollbar-width:thin!important;scrollbar-color:#1890ff #f1f1f1!important}.api-log-table-wrapper .ant-table-body{overflow-x:scroll!important;overflow-y:auto!important;position:relative;scrollbar-width:thin!important;scrollbar-color:#1890ff #f1f1f1!important}.api-log-table-wrapper .ant-table-content,.api-log-table-wrapper .ant-table-scroll{overflow-x:scroll!important;overflow-y:visible!important;scrollbar-width:thin!important;scrollbar-color:#1890ff #f1f1f1!important}.api-log-table-wrapper .ant-table-body::-webkit-scrollbar,.api-log-table-wrapper .ant-table-body-inner::-webkit-scrollbar,.api-log-table-wrapper .ant-table-content::-webkit-scrollbar,.api-log-table-wrapper .ant-table-scroll::-webkit-scrollbar{height:12px!important;width:12px!important;display:block!important;visibility:visible!important;opacity:1!important;-webkit-appearance:none}.api-log-table-wrapper .ant-table-body::-webkit-scrollbar-track,.api-log-table-wrapper .ant-table-body-inner::-webkit-scrollbar-track,.api-log-table-wrapper .ant-table-content::-webkit-scrollbar-track,.api-log-table-wrapper .ant-table-scroll::-webkit-scrollbar-track{background:#f1f1f1!important;border-radius:6px;display:block!important;visibility:visible!important;opacity:1!important}.api-log-table-wrapper .ant-table-body::-webkit-scrollbar-thumb,.api-log-table-wrapper .ant-table-body-inner::-webkit-scrollbar-thumb,.api-log-table-wrapper .ant-table-content::-webkit-scrollbar-thumb,.api-log-table-wrapper .ant-table-scroll::-webkit-scrollbar-thumb{background:#1890ff!important;border-radius:6px;border:2px solid #f1f1f1;display:block!important;visibility:visible!important;opacity:1!important;min-height:20px;min-width:20px}.api-log-table-wrapper .ant-table-body::-webkit-scrollbar-thumb:hover,.api-log-table-wrapper .ant-table-body-inner::-webkit-scrollbar-thumb:hover,.api-log-table-wrapper .ant-table-content::-webkit-scrollbar-thumb:hover,.api-log-table-wrapper .ant-table-scroll::-webkit-scrollbar-thumb:hover{background:#40a9ff!important}.api-log-table-wrapper .ant-table-body,.api-log-table-wrapper .ant-table-body-inner,.api-log-table-wrapper .ant-table-content,.api-log-table-wrapper .ant-table-scroll{-webkit-overflow-scrolling:touch;overflow-x:scroll!important;overflow-y:auto!important}.api-log-pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-top:1px solid #f0f0f0}.customer-log-page{padding:24px;min-height:calc(100vh - 64px)}.customer-log-page .ant-card{box-shadow:0 2px 8px #0000001a}.customer-log-search-bar{margin-bottom:16px;padding:16px;background:#fafafa;border-radius:4px}.customer-log-table-wrapper{margin-bottom:16px;border:1px solid #f0f0f0;border-radius:4px;overflow:visible;position:relative;width:100%;max-width:100%}.customer-log-table-wrapper .ant-table-wrapper{width:100%;overflow:visible}.customer-log-table-wrapper .ant-table{width:100%}.customer-log-table-wrapper .ant-table-container{width:100%;overflow:visible}.customer-log-table-wrapper .ant-table-header{overflow-x:scroll!important;overflow-y:hidden!important;position:relative;scrollbar-width:none!important;-ms-overflow-style:none!important}.customer-log-table-wrapper .ant-table-header::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.customer-log-table-wrapper .ant-table-body-outer{overflow:visible;position:relative}.customer-log-table-wrapper .ant-table-body-inner{overflow-x:scroll!important;overflow-y:auto!important;scrollbar-width:thin!important;scrollbar-color:#1890ff #f1f1f1!important}.customer-log-table-wrapper .ant-table-body{overflow-x:scroll!important;overflow-y:auto!important;position:relative;scrollbar-width:thin!important;scrollbar-color:#1890ff #f1f1f1!important}.customer-log-table-wrapper .ant-table-content,.customer-log-table-wrapper .ant-table-scroll{overflow-x:scroll!important;overflow-y:visible!important;scrollbar-width:thin!important;scrollbar-color:#1890ff #f1f1f1!important}.customer-log-table-wrapper .ant-table-body::-webkit-scrollbar,.customer-log-table-wrapper .ant-table-body-inner::-webkit-scrollbar,.customer-log-table-wrapper .ant-table-content::-webkit-scrollbar,.customer-log-table-wrapper .ant-table-scroll::-webkit-scrollbar{height:12px!important;width:12px!important;display:block!important;visibility:visible!important;opacity:1!important;-webkit-appearance:none}.customer-log-table-wrapper .ant-table-body::-webkit-scrollbar-track,.customer-log-table-wrapper .ant-table-body-inner::-webkit-scrollbar-track,.customer-log-table-wrapper .ant-table-content::-webkit-scrollbar-track,.customer-log-table-wrapper .ant-table-scroll::-webkit-scrollbar-track{background:#f1f1f1!important;border-radius:6px;display:block!important;visibility:visible!important;opacity:1!important}.customer-log-table-wrapper .ant-table-body::-webkit-scrollbar-thumb,.customer-log-table-wrapper .ant-table-body-inner::-webkit-scrollbar-thumb,.customer-log-table-wrapper .ant-table-content::-webkit-scrollbar-thumb,.customer-log-table-wrapper .ant-table-scroll::-webkit-scrollbar-thumb{background:#1890ff!important;border-radius:6px;border:2px solid #f1f1f1;display:block!important;visibility:visible!important;opacity:1!important;min-height:20px;min-width:20px}.customer-log-table-wrapper .ant-table-body::-webkit-scrollbar-thumb:hover,.customer-log-table-wrapper .ant-table-body-inner::-webkit-scrollbar-thumb:hover,.customer-log-table-wrapper .ant-table-content::-webkit-scrollbar-thumb:hover,.customer-log-table-wrapper .ant-table-scroll::-webkit-scrollbar-thumb:hover{background:#40a9ff!important}.customer-log-table-wrapper .ant-table-body,.customer-log-table-wrapper .ant-table-body-inner,.customer-log-table-wrapper .ant-table-content,.customer-log-table-wrapper .ant-table-scroll{-webkit-overflow-scrolling:touch;overflow-x:scroll!important;overflow-y:auto!important}.customer-log-pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-top:1px solid #f0f0f0}.pagination-total,.pagination-label{color:#00000073;font-size:14px}.pagination-info{color:#000000a6;font-size:14px}.system-monitor{padding:24px}.system-monitor .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.system-monitor .ant-statistic-title{font-size:14px;color:#000000a6}.system-monitor .ant-statistic-content{font-size:24px;font-weight:600}.system-performance{padding:24px}.system-performance .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.online-users{padding:24px}.online-users .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}@media(max-width:768px){.online-users .page-header{flex-direction:column;align-items:flex-start}}.system-settings{padding:24px;background:#f0f2f5;min-height:calc(100vh - 64px)}.system-settings .page-header{margin-bottom:24px}.system-settings .page-header .ant-typography{margin-bottom:8px}.system-settings .ant-card{box-shadow:0 2px 8px #0000000f;border-radius:8px}.system-settings .ant-form-item-label>label{font-weight:500}.system-settings .ant-table code{background:#f5f5f5;padding:2px 6px;border-radius:2px;font-family:Courier New,monospace}.system-settings .ant-tabs{background:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 8px #0000000f}.system-settings .ant-card-head-title{font-size:16px;font-weight:600}.system-settings .ant-alert{border-radius:6px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.ant-message,.ant-message-notice,.ant-notification,.ant-notification-notice{z-index:9999!important}