.cost-workspace{min-width:0;letter-spacing:0;color:#303b45}
.cost-workspace .cost-header{gap:16px;flex-wrap:wrap;margin-bottom:20px}
.cost-workspace .cost-header h2{font-size:20px;color:#263a42;flex-shrink:0}
.cost-scope{display:flex;gap:10px;align-items:center;min-width:0;max-width:100%;flex-wrap:wrap}
.cost-scope-caption{font-size:12px;color:#667780}
.cost-scope-options{display:flex;flex-wrap:wrap;border:1px solid #d5dde1;border-radius:6px;overflow:hidden;background:#fff;max-width:100%}
.cost-scope-options button{border:0;background:transparent;color:#60707a;font:inherit;font-size:12px;line-height:1.5;padding:8px 12px;cursor:pointer;overflow-wrap:anywhere;min-width:0}
.cost-scope-options button[aria-pressed=true]{background:#e5f3ef;color:#116a52;font-weight:600}
.cost-primary-nav{display:flex;gap:28px;border-bottom:1px solid #d9e1e5;flex-wrap:wrap}
.cost-primary-nav button,.cost-secondary-nav button{font:inherit;border:0;background:transparent;cursor:pointer;min-height:44px;padding:10px 2px;color:#667780;line-height:1.5}
.cost-primary-nav button{font-size:15px;border-bottom:3px solid transparent;margin-bottom:-1px}
.cost-primary-nav button[aria-pressed=true]{color:#116a52;border-bottom-color:#16856b;font-weight:650}
.product-inventory-nav{margin-bottom:16px}
.product-inventory-page .cost-header h2,.product-inventory-page .cost-primary-nav:not(.product-inventory-nav){display:none}
.product-inventory-page .cost-header{margin-bottom:12px}
.cost-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#fff;padding:8px 18px;border-bottom:1px solid #e4eaed}
.cost-secondary-nav{display:flex;gap:24px;flex-wrap:wrap;min-width:0}
.cost-secondary-nav button{font-size:13px;min-height:36px;padding:6px 0;border-bottom:2px solid transparent}
.cost-secondary-nav button[aria-pressed=true]{color:#116a52;border-bottom-color:#16856b;font-weight:600}
.cost-scope-status{font-size:12px;color:#667780;overflow-wrap:anywhere}
.cost-scope-status.is-shared{color:#9a6524}
.cost-workspace button:focus-visible,.cost-category-filters [role=button]:focus-visible{outline:2px solid #16856b;outline-offset:3px}
.cost-workspace-panels{background:#fff;padding:18px;min-width:0}
.cost-workspace-panels>.el-tabs__header,.cost-inner-panels>.el-tabs__header{display:none}
.cost-workspace-panels>.el-tabs__content,.cost-inner-panels>.el-tabs__content{min-width:0;padding:0}
.cost-product-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}
.cost-toolbar-spacer{flex:1}
.cost-workspace .cost-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;border:1px solid #e1e7e9;border-radius:6px;overflow:hidden;margin-bottom:14px}
.cost-workspace .cost-summary-card{background:#fff!important;border:0!important;border-radius:0!important;border-right:1px solid #e1e7e9!important;padding:12px 14px!important;min-height:94px;transition:background .15s}
.cost-workspace .cost-summary-card:last-child{border-right:0!important}
.cost-workspace .cost-summary-card:hover:not(:disabled){background:#f6faf8!important;outline:0}
.cost-workspace .cost-summary-card[aria-pressed=true]{background:#eff8f4!important;box-shadow:inset 0 -3px #16856b;outline:0}
.cost-workspace .cost-summary-card:focus-visible{outline:2px solid #16856b;outline-offset:-3px}
.cost-workspace .cost-summary-card>div:first-child{font-size:12px!important;color:#607078!important;margin-bottom:5px}
.cost-workspace .cost-summary-card>div:nth-child(2){font-size:22px!important;line-height:1.3;color:#273c42!important;font-variant-numeric:tabular-nums}
.cost-workspace .cost-summary-card>div:last-child{line-height:1.5}
.cost-category-filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px;max-height:78px;overflow:auto;padding:2px}
.cost-category-filters .el-tag{height:26px;padding:2px 9px;flex-shrink:0}
.cost-workspace .cost-filter-status{font-size:12px;margin-bottom:8px}
.cost-workspace .el-table{--el-table-header-bg-color:#f5f8f9;--el-table-row-hover-bg-color:#f0f8f5;--el-table-border-color:#e7ecee}
.cost-workspace .el-table th.el-table__cell{font-weight:500;color:#64747d;height:42px}
.cost-workspace .el-table td.el-table__cell{padding:10px 0}
.cost-workspace .el-table .cell{line-height:1.6;word-break:normal;overflow-wrap:anywhere}
.cost-product-name{font-size:13px;font-weight:550;color:#293b44}
.cost-product-origin{font-size:11px;line-height:1.6;color:#81908b}
.cost-product-toolbar .el-input,.cost-product-toolbar .el-select{max-width:100%}
.cost-rollup-wrap{max-width:1180px;min-height:210px}
.cost-rollup-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.cost-rollup-period{display:flex;border:1px solid #d5dde1;border-radius:6px;overflow:hidden}
.cost-rollup-period button{font:inherit;font-size:12px;background:#fff;color:#586973;border:0;border-right:1px solid #d5dde1;padding:8px 12px;cursor:pointer;min-height:32px}
.cost-rollup-period button:last-child{border-right:0}
.cost-rollup-period button[aria-pressed=true]{background:#1d3a8c;color:#fff;font-weight:600}
.cost-rollup-dates{display:flex;align-items:center;gap:6px;color:#77858b;font-size:12px}
.cost-rollup-dates .el-date-editor{width:140px}
.cost-rollup-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
.cost-rollup-kpi{display:flex;flex-direction:column;gap:7px;min-width:0;background:#fff;border:1px solid #eef0f4;border-radius:8px;padding:16px 18px;box-shadow:0 1px 2px rgba(20,30,60,.04)}
.cost-rollup-kpi span{font-size:12px;color:#7a8699}
.cost-rollup-kpi strong{font-size:24px;line-height:1.2;font-weight:700;color:#1f2d3d;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.cost-rollup-kpi small{font-size:11px;color:#9aa3b2}
.cost-rollup-action{font:inherit;text-align:left;width:100%;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.cost-rollup-action:hover{border-color:#88b4a4;box-shadow:0 3px 10px rgba(19,92,69,.1)}
.cost-rollup-action:focus-visible{outline:2px solid #16856b;outline-offset:2px}
.cost-rollup-main{background:linear-gradient(135deg,#1d3a8c 0%,#2f5fd0 100%);border-color:transparent}
.cost-rollup-main span,.cost-rollup-main small{color:rgba(255,255,255,.8)}
.cost-rollup-main strong{font-size:28px;color:#fff}
.cost-rollup-payment-period{display:flex;align-items:baseline;gap:7px 14px;flex-wrap:wrap;padding:0 2px 14px;color:#687688;font-size:12px}
.cost-rollup-payment-period strong{font-size:18px;color:#1f2d3d;font-variant-numeric:tabular-nums}
.cost-rollup-payment-period small{margin-left:auto;color:#8a94a3}
.cost-rollup-panel{background:#fff;border:1px solid #eef0f4;border-radius:8px;padding:6px 18px 14px;box-shadow:0 1px 2px rgba(20,30,60,.04)}
.cost-rollup-panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:12px 2px 10px;border-bottom:1px solid #f2f3f6;margin-bottom:6px}
.cost-rollup-panel-head strong{font-size:14px;color:#1f2d3d}
.cost-rollup-panel-head span{font-size:12px;color:#a4aab5}
.cost-rollup-group{padding:10px 6px 12px;border-radius:8px}
.cost-rollup-group:hover{background:#fafbff}
.cost-rollup-group.open{background:#f7f9ff}
.cost-rollup-group-row{display:flex;align-items:center;gap:9px;width:100%;border:0;background:transparent;font:inherit;padding:0;cursor:pointer;text-align:left;min-width:0}
.cost-rollup-arrow{color:#b4bccc;font-size:11px;width:12px;text-align:center;flex:none;transition:transform .18s}
.cost-rollup-group.open .cost-rollup-arrow{transform:rotate(90deg);color:#1d3a8c}
.cost-rollup-dot{width:9px;height:9px;border-radius:50%;flex:none}
.cost-rollup-name{font-size:14px;font-weight:600;color:#2c3a4f;overflow-wrap:anywhere}
.cost-rollup-tag{font-size:11px;color:#7a8699;background:#eef1f6;border-radius:8px;padding:1px 8px;white-space:nowrap;flex:none}
.cost-rollup-spacer{flex:1}
.cost-rollup-amount{font-size:15px;font-weight:700;color:#fa8c16;font-variant-numeric:tabular-nums;white-space:nowrap}
.cost-rollup-ratio{font-size:12px;color:#9aa3b2;width:48px;text-align:right;font-variant-numeric:tabular-nums;flex:none}
.cost-rollup-bar{height:7px;background:#f0f2f6;border-radius:4px;margin:8px 0 0 21px;overflow:hidden}
.cost-rollup-bar>div{height:100%;border-radius:4px;transition:width .4s}
.cost-rollup-details{margin:8px 0 2px 21px;padding:6px 12px;background:#fbfcfe;border:1px solid #eef1f6;border-radius:8px}
.cost-rollup-detail{display:flex;align-items:center;gap:8px;padding:7px 0;font-size:13px;color:#5a6677;flex-wrap:wrap}
.cost-rollup-detail+.cost-rollup-detail{border-top:1px dashed #eef1f6}
.cost-rollup-detail strong{font-size:13px;font-weight:600;color:#46566c;font-variant-numeric:tabular-nums;white-space:nowrap}
.cost-rollup-detail-note{font-size:11px;color:#aab2bf}
.cost-rollup-note{color:#667780;font-size:12px;line-height:1.6;margin:12px 0 0}
.cost-rollup-settlement{display:flex;flex-wrap:wrap;gap:8px 22px;padding:8px 0 12px;color:#647187;font-size:12px}
.cost-rollup-category{border-top:1px solid #e8edf4}
.cost-rollup-level-row{display:flex;align-items:center;gap:9px;width:100%;min-height:38px;padding:7px 4px;border:0;background:transparent;color:#344258;font:inherit;font-size:13px;text-align:left;cursor:pointer}
.cost-rollup-level-row:hover{background:#f1f6fd}
.cost-rollup-level-row>strong{color:#33475f;font-variant-numeric:tabular-nums}
.cost-rollup-level-row[aria-expanded=true] .cost-rollup-arrow{transform:rotate(90deg);color:#2474d8}
.cost-rollup-leaves{padding-left:18px;border-left:2px solid #e5eef9}
.cost-rollup-leaf{border-top:1px solid #edf1f5}
.cost-rollup-bills{padding:3px 0 10px 20px}
.cost-rollup-bill{display:flex;align-items:center;flex-wrap:wrap;gap:7px 12px;padding:9px 4px;color:#647187;font-size:12px;border-top:1px dashed #e8edf3}
.cost-rollup-bill-id{font-weight:700;color:#345174}
.cost-rollup-warning{color:#b45309;font-weight:600}
.cost-rollup-bill-desc{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cost-rollup-bill>span:nth-last-child(-n+3){font-variant-numeric:tabular-nums}
.cost-rollup-proofs{display:flex;gap:6px;width:100%;flex-wrap:wrap}
.cost-rollup-proof{width:54px;height:54px;border:1px solid #d9e2ed;border-radius:4px;overflow:hidden;cursor:zoom-in}
.cost-rollup-excluded,.cost-rollup-empty{padding:10px 4px;color:#8390a3;font-size:12px}
.cost-payment-summary{display:flex;align-items:baseline;gap:8px 18px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid #e7ecee;color:#667780;font-size:12px}
.cost-payment-summary strong{font-size:22px;color:#1f2d3d;font-variant-numeric:tabular-nums}
.cost-payment-filters{display:flex;align-items:center;padding:12px 0 4px}
.cost-payment-filters .el-cascader{width:min(340px,100%)}
.cost-payment-list{max-height:min(62vh,620px);overflow:auto}
.cost-payment-item{padding:14px 2px;border-bottom:1px solid #e7ecee;font-size:12px;color:#667780}
.cost-payment-item:last-child{border-bottom:0}
.cost-payment-item-head,.cost-payment-item-detail{display:flex;align-items:center;gap:6px 12px;flex-wrap:wrap;min-width:0}
.cost-payment-item-head strong{font-size:14px;color:#2f4b60}
.cost-payment-item-detail{margin:8px 0;overflow-wrap:anywhere}
.cost-payment-item-detail b{color:#344258;font-weight:600}
.cost-payment-item-categories{display:grid;gap:4px;margin:7px 0 10px}
.cost-payment-category-line{display:flex;justify-content:space-between;gap:4px 12px;flex-wrap:wrap;color:#35634f}
.cost-payment-category-line span{min-width:0;overflow-wrap:anywhere}
.cost-payment-category-line b{color:#254c3b;font-variant-numeric:tabular-nums;white-space:nowrap}
.cost-payment-item-amounts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 12px}
.cost-payment-item-amounts span{overflow-wrap:anywhere}
.cost-payment-item-amounts b{font-variant-numeric:tabular-nums;color:#344258}
.cost-discount-filters{padding:12px 0 4px}
.cost-discount-amounts{grid-template-columns:repeat(3,minmax(0,1fr))}
.cost-discount-source{display:flex;gap:6px 16px;flex-wrap:wrap;margin-top:8px;color:#667780;font-size:12px}
.cost-payment-item-proof{display:flex;align-items:center;gap:8px;margin-top:8px}
.cost-expense-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px;color:#606266;font-size:13px}
.cost-expense-toolbar>.el-select{width:170px}
.cost-expense-toolbar>.el-date-editor{width:150px}
.cost-expense-toolbar-spacer{flex:1}
.cost-expense-proof{display:flex;align-items:center;justify-content:center;gap:4px}
.cost-expense-proof .cost-rollup-proof{width:36px;height:36px}
.cost-expense-uploading{margin-left:8px;font-size:12px;color:#606266}
.cost-expense-images{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;width:100%}
.cost-expense-image{width:76px;display:flex;flex-direction:column;align-items:center;gap:2px}
.cost-expense-image .cost-rollup-proof{width:72px;height:72px}
.cost-expense-note{margin:0;padding:10px 14px;background:#f5f7fa;border-radius:6px;color:#606266;font-size:12px;line-height:1.7}
@media(max-width:1100px){
  .cost-workspace .cost-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cost-workspace .cost-summary-card:nth-child(3){border-right:0!important}
  .cost-workspace .cost-summary-card:nth-child(-n+3){border-bottom:1px solid #e1e7e9!important}
  .cost-rollup-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .cost-workspace .cost-header{gap:12px}
  .cost-scope{gap:6px;width:100%}
  .cost-scope-options{width:100%}
  .cost-scope-options button{flex:1;font-size:12px;padding:8px}
  .cost-primary-nav{gap:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .cost-primary-nav button{font-size:13px;padding:8px 2px;overflow-wrap:anywhere}
  .cost-section-head{padding:8px 10px;gap:5px}
  .cost-secondary-nav{gap:16px}
  .cost-secondary-nav button{font-size:12px}
  .cost-scope-status{font-size:11px}
  .cost-workspace-panels{padding:12px 10px}
  .cost-product-toolbar{gap:8px}
  .cost-product-toolbar>.el-input,.cost-product-toolbar>.el-select{width:100%!important}
  .cost-toolbar-spacer{display:none}
  .cost-product-toolbar>.el-checkbox{flex:1;margin:0}
  .cost-workspace .cost-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cost-workspace .cost-summary-card{padding:10px!important;border-bottom:1px solid #e1e7e9!important}
  .cost-workspace .cost-summary-card:nth-child(3){border-right:1px solid #e1e7e9!important}
  .cost-workspace .cost-summary-card:nth-child(even){border-right:0!important}
  .cost-workspace .cost-summary-card:nth-child(n+5){border-bottom:0!important}
  .cost-workspace .cost-summary-card>div:nth-child(2){font-size:20px!important}
  .cost-rollup-kpi{padding:12px}
  .cost-rollup-kpi strong{font-size:20px}
  .cost-rollup-main strong{font-size:22px}
  .cost-rollup-panel{padding:6px 10px 12px}
  .cost-rollup-dates{width:100%}
  .cost-rollup-dates .el-date-editor{width:calc((100% - 20px)/2)}
  .cost-rollup-group-row{flex-wrap:wrap}
  .cost-rollup-name{flex:1;min-width:calc(100% - 40px)}
  .cost-rollup-spacer{min-width:4px}
  .cost-rollup-level-row{flex-wrap:wrap}
  .cost-rollup-level-row>span:nth-child(2){flex:1;min-width:calc(100% - 110px)}
  .cost-rollup-details{margin-left:0;padding:6px}
  .cost-rollup-leaves{padding-left:10px}
  .cost-rollup-bills{padding-left:8px}
  .cost-payment-item-amounts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cost-payment-filters .el-cascader{width:100%}
  .cost-expense-toolbar>.el-select,.cost-expense-toolbar>.el-date-editor{width:calc((100% - 8px)/2)}
  .cost-expense-toolbar-spacer{flex-basis:100%}
}