.sales-pic-card{border-left:4px solid var(--accent,#6c8ef5)}
.sales-pic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sales-pic-hint{margin-top:10px;font-size:12px;color:var(--text-secondary,#667085)}
.commission-page-head{gap:16px;align-items:flex-end}
.commission-filter{display:flex;gap:8px;align-items:center}.commission-filter input{min-height:42px}
.commission-total{padding:20px;margin-bottom:16px;display:flex;flex-direction:column;gap:4px}.commission-total span{font-size:12px;font-weight:800;color:var(--text-secondary,#667085);letter-spacing:.04em}.commission-total strong{font-size:30px}.commission-total small{color:var(--text-secondary,#667085)}
.commission-staff-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px}
.commission-staff-card{border:1px solid var(--border,#e4e7ec);background:var(--surface,#fff);border-radius:16px;padding:18px;text-align:left;cursor:pointer;display:flex;justify-content:space-between;gap:14px;align-items:center}.commission-staff-card:hover{box-shadow:0 10px 30px rgba(16,24,40,.08)}.commission-staff-card strong{display:block;font-size:17px}.commission-staff-card span{display:block;color:var(--text-secondary,#667085);font-size:12px;margin-top:4px}.commission-staff-amount{text-align:right;font-weight:900;font-size:18px;white-space:nowrap}
.commission-detail-panel{margin-top:12px}.commission-detail-list{display:grid;gap:10px}.commission-detail-card{border:1px solid var(--border,#e4e7ec);border-radius:14px;padding:14px}.commission-detail-head{display:flex;justify-content:space-between;gap:12px}.commission-detail-head strong{font-size:15px}.commission-detail-head span{font-weight:800}.commission-detail-meta{font-size:12px;color:var(--text-secondary,#667085);margin-top:4px}.commission-line-list{margin-top:10px;display:grid;gap:6px}.commission-line{background:rgba(108,142,245,.08);border-radius:10px;padding:9px;font-size:12px;display:flex;justify-content:space-between;gap:10px}
.commission-rule-list{display:grid;gap:10px}.commission-rule-row{border:1px solid var(--border,#e4e7ec);border-radius:14px;padding:14px;display:grid;grid-template-columns:minmax(0,1fr) 130px 100px;gap:12px;align-items:end}.commission-rule-title strong{display:block}.commission-rule-title small{display:block;color:var(--text-secondary,#667085);margin-top:4px}.commission-rule-field label{display:block;font-size:11px;font-weight:800;margin-bottom:5px}.commission-rule-field input{width:100%}.commission-rule-actions{display:flex;flex-direction:column;gap:8px}.commission-rule-active{font-size:12px;display:flex;gap:6px;align-items:center}
@media(max-width:780px){.sales-pic-grid,.commission-staff-list{grid-template-columns:1fr}.commission-page-head{align-items:stretch}.commission-filter{width:100%}.commission-filter input{flex:1}.commission-rule-row{grid-template-columns:1fr}.commission-rule-actions{flex-direction:row;align-items:center}.commission-detail-head{flex-direction:column}.commission-staff-card{align-items:flex-start}.commission-staff-amount{text-align:left}}
.admin-sales-pic-wrap{margin-top:16px;padding:14px;border:1px solid var(--border,#dfe4ee);border-radius:14px;background:var(--surface-soft,#f8faff)}
.admin-sales-pic-wrap.hidden{display:none}
.commission-rule-meta{margin:8px 0 12px;color:var(--text-secondary,#667085);font-size:12px;line-height:1.45}
.commission-rule-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.commission-rule-badge{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.04em}
.commission-rule-badge.configured{background:#e1f6e9;color:#14713b}
.commission-rule-badge.new{background:#eef2ff;color:#4059a8}