.equipment-config-container{padding:20px;background-color:#f5f7fa}.filter-bar{display:flex;flex-wrap:wrap;gap:20px;align-items:center;padding:20px;background-color:#fff;margin-bottom:20px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.filter-item{display:flex;flex-direction:column;gap:5px;min-width:200px;flex:1;max-width:300px}.filter-item label{font-size:14px;color:#666}.filter-item .input-group{display:flex}.filter-item input,.filter-item select{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:0;font-size:14px;height:36px}.filter-item .search-btn{padding:0 15px;display:flex;align-items:center;justify-content:center}.filter-item .search-btn,.query-btn{background-color:#0d6efd;color:#fff;border:none;cursor:pointer;height:36px}.query-btn{padding:8px 25px;font-size:14px;margin-bottom:0}.query-btn-wrapper{display:flex;flex-direction:column;gap:5px;min-width:auto;flex:none;max-width:auto}.query-btn-wrapper button{margin-top:auto}.content-wrapper{display:flex;gap:20px;flex-wrap:wrap;width:100%}.stats-section{display:flex;flex-direction:column;gap:20px;flex:0 0 calc(40% - 10px);min-width:350px}.table-section{flex:0 0 calc(60% - 10px);min-width:350px}.chart-card{background-color:#fff;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.1);border-radius:0}.chart-card .chart-title{font-size:16px;font-weight:700;margin-bottom:15px;color:#333}.chart-card .chart-container{position:relative;width:100%;height:100%;margin-bottom:15px}.chart-card .chart-stats{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#666}.table-section{flex:1;min-width:500px}.table-card{background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1);border-radius:0;overflow:hidden;padding:0;margin-bottom:20px}.table-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #eee}.table-header span{font-size:16px;font-weight:700;color:#333}.table-actions{display:flex;gap:10px}.action-btn{padding:5px 15px;background-color:#fff;border:1px solid #ddd;cursor:pointer;font-size:14px;border-radius:0}.table-scroll-container{overflow-x:auto;padding:0;margin:0}.equipment-table td:first-child,.equipment-table th:first-child{text-align:center;width:80px}.equipment-table{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed}.equipment-table th{background-color:#f8f9fa;font-weight:700;color:#333;min-width:100px}.equipment-table td,.equipment-table th{border:1px solid #eee;padding:12px 20px;text-align:left;line-height:1.4;white-space:nowrap}.equipment-table td{color:#666;overflow:hidden;text-overflow:ellipsis}.status{padding:3px 10px;border-radius:0;font-size:12px;font-weight:400}.status-in-use{background-color:#e6f4ea;color:#198754}.status-idle{background-color:#fff3cd;color:#ffc107}.status-scrap{background-color:#f8d7da;color:#dc3545}.price{font-weight:700}.price-high{color:#dc3545}.action-col{text-align:center}.detail-btn{padding:2px 10px;background-color:#0d6efd;color:#fff;border:none;cursor:pointer;font-size:12px;border-radius:0}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:15px;border-top:1px solid #eee;background-color:#f8f9fa}.data-info{font-size:14px;color:#666}.highlight{color:#0d6efd;font-weight:700}.pagination{display:flex;gap:5px}.page-btn{padding:5px 10px;background-color:#fff;border:1px solid #ddd;cursor:pointer;font-size:14px;border-radius:0}.page-btn:hover{background-color:#f8f9fa}.page-btn.active{background-color:#0d6efd;color:#fff;border-color:#0d6efd}.page-btn.disabled{opacity:.5;cursor:not-allowed}@media (max-width:1200px){.content-wrapper{flex-direction:row}.stats-section{flex:0 0 calc(30% - 10px)}.table-section{flex:0 0 calc(70% - 10px)}.filter-bar{justify-content:space-between}.filter-item{min-width:180px}}@media (max-width:992px){.content-wrapper{flex-direction:column}.stats-section,.table-section{flex:0 0 100%}.filter-bar{justify-content:space-between}.filter-item{min-width:180px}}@media (max-width:768px){.equipment-config-container{padding:10px}.filter-bar{padding:15px;gap:15px}.filter-item{min-width:100%;max-width:none;flex:none}.stats-section{flex-direction:column}.chart-card{flex:none;width:100%}.table-section{min-width:100%}.query-btn-wrapper{display:flex;flex-direction:column;gap:5px;min-width:auto;flex:none;max-width:auto}.query-btn-wrapper button{margin-top:auto}}