html,body,#app{margin:0;padding:0;height:100%;width:100%}.scan-sku-header[data-v-04fb9f12]{text-align:center;padding:12px 0}.scan-sku-name[data-v-04fb9f12]{font-size:18px;font-weight:700;color:#303133}.scan-sku-code[data-v-04fb9f12]{font-size:13px;color:#909399;margin-top:4px}.stock-danger[data-v-04fb9f12]{color:#f56c6c;font-weight:700}.stock-warning[data-v-04fb9f12]{color:#e6a23c;font-weight:700}.stock-success[data-v-04fb9f12]{color:#67c23a;font-weight:700}.scan-actions[data-v-04fb9f12]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.scan-actions[data-v-04fb9f12] .el-button{width:100%;display:flex}.scan-action-full[data-v-04fb9f12]{grid-column:span 2}.scan-input-area[data-v-04fb9f12]{margin-top:16px;padding-top:16px;border-top:1px solid #ebeef5}.scan-hint[data-v-04fb9f12]{font-size:12px;color:#c0c4cc;margin-top:8px;text-align:center}.scan-history-item[data-v-04fb9f12]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;cursor:pointer;border-radius:4px;transition:background .2s}.scan-history-item[data-v-04fb9f12]:hover{background:#f5f7fa}.scan-history-code[data-v-04fb9f12]{font-size:13px;font-family:monospace}.scan-history-arrow[data-v-04fb9f12]{color:#c0c4cc}.layout-container[data-v-f7e55c98]{height:100vh}.layout-aside[data-v-f7e55c98]{background-color:#304156;transition:width .3s;overflow:hidden}.layout-aside .logo[data-v-f7e55c98]{height:50px;display:flex;align-items:center;justify-content:center;background-color:#2b3a4d}.layout-aside .logo .logo-img[data-v-f7e55c98]{width:32px;height:32px}.layout-aside .logo .logo-text[data-v-f7e55c98]{margin-left:10px;font-size:16px;font-weight:700;color:#fff;white-space:nowrap}.layout-aside .el-menu[data-v-f7e55c98]{border-right:none}.layout-aside .layout-menu[data-v-f7e55c98]{height:calc(100vh - 50px);overflow-y:auto;overflow-x:hidden}.layout-aside .layout-menu[data-v-f7e55c98]::-webkit-scrollbar{width:6px}.layout-aside .layout-menu[data-v-f7e55c98]::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:3px}.layout-aside .layout-menu[data-v-f7e55c98]::-webkit-scrollbar-track{background-color:transparent}.layout-header[data-v-f7e55c98]{height:50px;display:flex;align-items:center;justify-content:space-between;background-color:#fff;border-bottom:1px solid #dcdfe6;padding:0 20px}.layout-header .header-left[data-v-f7e55c98]{display:flex;align-items:center}.layout-header .header-left .collapse-btn[data-v-f7e55c98]{font-size:20px;cursor:pointer;margin-right:15px}.layout-header .header-right[data-v-f7e55c98]{display:flex;align-items:center;gap:12px}.layout-header .header-right .scan-btn[data-v-f7e55c98],.layout-header .header-right .notification-badge[data-v-f7e55c98]{margin-right:4px}.layout-header .header-right .user-info[data-v-f7e55c98]{display:flex;align-items:center;cursor:pointer}.layout-header .header-right .user-info .username[data-v-f7e55c98]{margin:0 8px}.layout-main[data-v-f7e55c98]{background-color:#f5f7fa;padding:20px;overflow-y:auto}.fade-enter-active[data-v-f7e55c98],.fade-leave-active[data-v-f7e55c98]{transition:opacity .3s ease}.fade-enter-from[data-v-f7e55c98],.fade-leave-to[data-v-f7e55c98]{opacity:0}.el-dropdown-menu__item{display:flex;align-items:center;gap:8px}.el-dropdown-menu__item .el-icon{margin-right:0}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif}#app{height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background-color:#dcdfe6;border-radius:3px}::-webkit-scrollbar-thumb:hover{background-color:#c0c4cc}::-webkit-scrollbar-track{background-color:#f5f7fa}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 4px}.page-header .page-header-left{display:flex;flex-direction:column}.page-header .page-title{display:flex;align-items:center;gap:10px;margin:0;font-size:22px;font-weight:700;color:#303133}.page-header .page-title .title-bar{display:inline-block;width:4px;height:22px;background:linear-gradient(180deg,#409eff,#1890ff);border-radius:2px}.page-header .page-subtitle{margin:6px 0 0 14px;font-size:13px;color:#909399}.page-header .page-header-right{display:flex;align-items:center;gap:10px}.main-card{border-radius:12px;border:1px solid #ebeef5}.main-card :deep(.el-card__body){padding:16px 24px 24px}.card-header{display:flex;justify-content:space-between;align-items:center}.card-header .header-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#303133}.card-header .header-title .title-dot{width:8px;height:8px;border-radius:50%;background:#409eff;box-shadow:0 0 0 3px #409eff33}.page-toolbar{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:linear-gradient(135deg,#f8f9fc,#eef2f8);border-radius:10px;margin-bottom:20px;flex-wrap:wrap;gap:12px}.page-toolbar .toolbar-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.page-toolbar .toolbar-right{display:flex;align-items:center;gap:10px}.content-block{background:#fff;border:1px solid #f0f2f5;border-radius:10px;padding:16px 18px;transition:box-shadow .3s}.content-block:hover{box-shadow:0 4px 16px #0000000a}.content-block .block-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#303133;margin-bottom:14px;padding-bottom:12px;border-bottom:1px dashed #ebeef5}.content-block .block-title .title-dot{width:8px;height:8px;border-radius:50%}.content-block .block-title .title-dot.dot-blue{background:#409eff;box-shadow:0 0 0 3px #409eff33}.content-block .block-title .title-dot.dot-green{background:#67c23a;box-shadow:0 0 0 3px #67c23a33}.content-block .block-title .title-dot.dot-orange{background:#e6a23c;box-shadow:0 0 0 3px #e6a23c33}.content-block .block-title .title-dot.dot-red{background:#f56c6c;box-shadow:0 0 0 3px #f56c6c33}.content-block .block-title .title-dot.dot-purple{background:#9b59b6;box-shadow:0 0 0 3px #9b59b633}.content-block .block-title .title-dot.dot-yellow{background:#f5af19;box-shadow:0 0 0 3px #f5af1933}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.metric-card{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:12px;position:relative;overflow:hidden;transition:all .3s}.metric-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #00000014}.metric-card:before{content:"";position:absolute;right:-20px;top:-20px;width:80px;height:80px;border-radius:50%;opacity:.15;background:#fff}.metric-card .metric-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;background:#ffffff40}.metric-card .metric-body{flex:1;min-width:0}.metric-card .metric-body .metric-label{font-size:13px;color:#ffffffd9;margin-bottom:4px}.metric-card .metric-body .metric-value{font-size:22px;font-weight:700;color:#fff;letter-spacing:-.5px;line-height:1.2;word-break:break-all}.metric-card.metric-blue{background:linear-gradient(135deg,#4facfe,#00f2fe)}.metric-card.metric-green{background:linear-gradient(135deg,#43e97b,#38f9d7)}.metric-card.metric-orange{background:linear-gradient(135deg,#fa709a,#fee140)}.metric-card.metric-purple{background:linear-gradient(135deg,#a18cd1,#fbc2eb)}.metric-card.metric-red{background:linear-gradient(135deg,#f5576c,#ff6a88)}.metric-card.metric-teal{background:linear-gradient(135deg,#11998e,#38ef7d)}.amount-text{font-weight:600;color:#f56c6c;font-family:-apple-system,Helvetica Neue,sans-serif}.rank-badge{display:inline-block;width:26px;height:26px;line-height:26px;border-radius:8px;text-align:center;font-size:13px;font-weight:700;color:#fff}.rank-badge.rank-gold{background:linear-gradient(135deg,#f5af19,#f12711)}.rank-badge.rank-silver{background:linear-gradient(135deg,#bdc3c7,#95a5a6)}.rank-badge.rank-bronze{background:linear-gradient(135deg,#cd7f32,#e67e22)}.rank-badge.rank-default{background:#c0c4cc}:deep(.el-table){border-radius:8px;overflow:hidden}:deep(.el-table th.el-table__cell){background:#fafafa;color:#606266;font-weight:600}:deep(.el-card){border-radius:12px;border:1px solid #ebeef5}:deep(.el-dialog){border-radius:16px}:deep(.el-dialog) .el-dialog__header{border-bottom:1px solid #f0f2f5;padding:16px 24px;margin-right:0}:deep(.el-dialog) .el-dialog__body{padding:20px 24px}:deep(.el-dialog) .el-dialog__footer{border-top:1px solid #f0f2f5;padding:12px 24px}:deep(.el-pagination){margin-top:20px;justify-content:flex-end}:deep(.el-tag){border-radius:6px}:deep(.el-descriptions) .el-descriptions__label{font-weight:600;color:#606266}.status-tag{border-radius:6px;font-weight:500}