.usage-ranking[data-v-b83f872a]{background:#f8f9fa;min-height:calc(100vh - 200px)}.stats-cards-container[data-v-b83f872a]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:20px;padding-bottom:0}.stats-card[data-v-b83f872a]{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.08);display:flex;align-items:center;gap:16px;transition:all .3s}.stats-card[data-v-b83f872a]:hover{box-shadow:0 4px 12px rgba(0,0,0,.12);transform:translateY(-2px)}.card-icon[data-v-b83f872a]{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}.stats-card:first-child .card-icon[data-v-b83f872a]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stats-card:nth-child(2) .card-icon[data-v-b83f872a]{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.stats-card:nth-child(3) .card-icon[data-v-b83f872a]{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.stats-card:nth-child(4) .card-icon[data-v-b83f872a]{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.card-content[data-v-b83f872a]{flex:1;min-width:0}.card-label[data-v-b83f872a]{font-size:14px;color:#909399;margin-bottom:8px}.card-value[data-v-b83f872a]{font-size:24px;font-weight:600;color:#303133;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-content[data-v-b83f872a]{padding:20px}.ranking-analysis[data-v-b83f872a]{background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.08);overflow:hidden}.ranking-header[data-v-b83f872a]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:none}.ranking-title[data-v-b83f872a]{font-size:16px;color:#333;font-weight:500}.ranking-controls[data-v-b83f872a]{display:flex;align-items:center}.toggle-buttons[data-v-b83f872a]{display:flex;background:hsla(0,0%,100%,.2);border-radius:8px;overflow:hidden;border:1px solid hsla(0,0%,100%,.3)}.toggle-btn[data-v-b83f872a]{padding:10px 20px;border:none;background:transparent;color:hsla(0,0%,100%,.8);font-size:14px;cursor:pointer;transition:all .3s;border-right:1px solid hsla(0,0%,100%,.2);font-weight:500}.toggle-btn[data-v-b83f872a]:last-child{border-right:none}.toggle-btn[data-v-b83f872a]:hover{background:hsla(0,0%,100%,.15);color:#fff}.toggle-btn.active[data-v-b83f872a]{background:#fff;color:#667eea;font-weight:600}.ranking-table-container[data-v-b83f872a]{padding:24px;background:#fafbfc}.ranking-table-container[data-v-b83f872a] .el-table{border-radius:8px;overflow:hidden}.ranking-table-container[data-v-b83f872a] .el-table__row{transition:all .3s}.ranking-table-container[data-v-b83f872a] .el-table__row:hover{background:#f0f9ff!important;transform:translateY(-1px);box-shadow:0 2px 8px rgba(64,158,255,.1)}.ranking-table-container[data-v-b83f872a] .el-table td,.ranking-table-container[data-v-b83f872a] .el-table th{border-bottom:1px solid #f0f0f0}.ranking-table-container[data-v-b83f872a] .el-table--striped .el-table__body tr.el-table__row--striped td{background:#fafbfc}.rank-number[data-v-b83f872a]{display:inline-block;width:28px;height:28px;line-height:28px;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:6px;font-size:13px;font-weight:700;box-shadow:0 2px 4px rgba(102,126,234,.3)}.consumable-name[data-v-b83f872a]{display:flex;flex-direction:column;gap:2px}.consumable-name .name[data-v-b83f872a]{font-size:14px;color:#333;font-weight:500}.consumable-name .code[data-v-b83f872a]{font-size:12px;color:#999}.department[data-v-b83f872a],.manufacturer[data-v-b83f872a],.model[data-v-b83f872a],.spec[data-v-b83f872a]{font-size:14px;color:#666}.amount[data-v-b83f872a],.quantity[data-v-b83f872a]{font-size:14px;color:#333;font-weight:500}.drill-btn[data-v-b83f872a]{color:#409eff!important;font-size:12px}.drill-btn[data-v-b83f872a]:hover{color:#66b1ff!important}.drill-btn i[data-v-b83f872a]{margin-right:4px}.material-detail-dialog .el-dialog[data-v-b83f872a]{border-radius:8px}.material-detail-dialog .el-dialog__header[data-v-b83f872a]{background:#f8f9fa;border-bottom:1px solid #e4e7ed;padding:20px}.material-detail-content[data-v-b83f872a]{padding:0}.detail-description[data-v-b83f872a]{padding:16px;background:#f0f9ff;border-left:4px solid #409eff;margin-bottom:20px;color:#666;font-size:14px;line-height:1.5}.detail-stats-cards[data-v-b83f872a]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.detail-stat-card[data-v-b83f872a]{background:#f8f9fa;padding:16px;border-radius:8px;text-align:center}.stat-label[data-v-b83f872a]{font-size:14px;color:#666;margin-bottom:8px}.stat-value[data-v-b83f872a]{font-size:20px;color:#333;font-weight:600}.detail-search-bar[data-v-b83f872a]{display:flex;align-items:center;gap:16px;margin-bottom:20px}.search-result-count[data-v-b83f872a]{font-size:14px;color:#666}.detail-table-container[data-v-b83f872a]{margin-bottom:20px}.detail-pagination[data-v-b83f872a],.ranking-pagination[data-v-b83f872a]{display:flex;justify-content:flex-end}.ranking-pagination[data-v-b83f872a]{padding:20px 24px;background:#fff;border-top:2px solid #f0f0f0}.ranking-pagination[data-v-b83f872a] .el-pagination{font-weight:500}.ranking-pagination[data-v-b83f872a] .el-pagination__total{color:#606266;font-weight:600}.ranking-pagination[data-v-b83f872a] .el-pager li{min-width:32px;height:32px;line-height:32px;border-radius:6px;margin:0 3px;font-weight:500}.ranking-pagination[data-v-b83f872a] .el-pager li.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600}.ranking-pagination[data-v-b83f872a] .btn-next,.ranking-pagination[data-v-b83f872a] .btn-prev{min-width:32px;height:32px;line-height:32px;border-radius:6px;background:#fff;border:1px solid #dcdfe6}.ranking-pagination[data-v-b83f872a] .btn-next:hover,.ranking-pagination[data-v-b83f872a] .btn-prev:hover{background:#f0f9ff;border-color:#667eea;color:#667eea}.detail-amount[data-v-b83f872a],.detail-category[data-v-b83f872a],.detail-department[data-v-b83f872a],.detail-name[data-v-b83f872a],.detail-quantity[data-v-b83f872a],.detail-rank[data-v-b83f872a],.detail-spec[data-v-b83f872a]{font-size:14px;color:#333}.detail-rank[data-v-b83f872a]{color:#409eff;font-weight:600}.dialog-footer[data-v-b83f872a]{text-align:right}