.page-container[data-v-223db17e]{padding:24px;background:#f1f5f9;min-height:calc(100vh - 120px)}.summary-panel[data-v-223db17e]{background:linear-gradient(135deg,#10b981,#34d399);border-radius:16px;padding:28px 32px;margin-bottom:20px;display:flex;align-items:center;gap:32px}.summary-panel .summary-main[data-v-223db17e]{display:flex;align-items:center;gap:16px}.summary-panel .summary-main .summary-icon[data-v-223db17e]{width:64px;height:64px;border-radius:16px;background:hsla(0,0%,100%,.2);display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff}.summary-panel .summary-main .summary-content .summary-label[data-v-223db17e]{font-size:14px;color:hsla(0,0%,100%,.9);margin-bottom:6px}.summary-panel .summary-main .summary-content .summary-value[data-v-223db17e]{font-size:32px;font-weight:700;color:#fff;line-height:1}.summary-panel .summary-divider[data-v-223db17e]{width:1px;height:60px;background:hsla(0,0%,100%,.3)}.summary-panel .summary-stats[data-v-223db17e]{display:flex;gap:40px}.summary-panel .summary-stats .stat-item[data-v-223db17e]{text-align:center}.summary-panel .summary-stats .stat-item .stat-value[data-v-223db17e]{font-size:28px;font-weight:700;color:#fff;line-height:1;margin-bottom:6px}.summary-panel .summary-stats .stat-item .stat-label[data-v-223db17e]{font-size:13px;color:hsla(0,0%,100%,.9)}.summary-panel .summary-stats .stat-item.pending .stat-value[data-v-223db17e]{color:#fef3c7}.summary-panel .summary-stats .stat-item.paid .stat-value[data-v-223db17e]{color:#d1fae5}.summary-panel .summary-progress[data-v-223db17e]{flex:1;margin-left:auto;max-width:200px}.summary-panel .summary-progress .progress-bar[data-v-223db17e]{height:8px;background:hsla(0,0%,100%,.3);border-radius:4px;overflow:hidden;margin-bottom:8px}.summary-panel .summary-progress .progress-bar .progress-fill[data-v-223db17e]{height:100%;background:#fff;border-radius:4px;transition:width .3s}.summary-panel .summary-progress .progress-label[data-v-223db17e]{font-size:12px;color:hsla(0,0%,100%,.9);text-align:right}.filter-bar[data-v-223db17e]{background:#fff;border-radius:12px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.filter-bar .filter-left[data-v-223db17e]{display:flex;gap:12px;flex:1}.filter-bar .filter-right[data-v-223db17e]{display:flex;gap:8px}.filter-bar .filter-right .btn-primary[data-v-223db17e]{background:#2563eb;border:none;color:#fff;padding:0 20px;height:36px;border-radius:8px}.filter-bar .filter-right .btn-primary[data-v-223db17e]:hover{background:#3b82f6}.filter-bar .filter-right .btn-default[data-v-223db17e]{background:#f1f5f9;border:none;color:#64748b;padding:0 20px;height:36px;border-radius:8px}.filter-bar .filter-right .btn-default[data-v-223db17e]:hover{background:#e2e8f0}.filter-bar .filter-right .btn-export[data-v-223db17e]{background:#fff;border:1px solid #e2e8f0;color:#64748b;padding:0 16px;height:36px;border-radius:8px}.filter-bar .filter-right .btn-export[data-v-223db17e]:hover{border-color:#2563eb;color:#2563eb}.filter-bar .filter-right .btn-batch[data-v-223db17e]{background:linear-gradient(135deg,#10b981,#34d399);border:none;color:#fff;padding:0 20px;height:36px;border-radius:8px}.filter-bar .filter-right .btn-batch[data-v-223db17e]:hover{background:linear-gradient(135deg,#059669,#10b981)}.filter-bar .filter-right .btn-batch[data-v-223db17e]:disabled{background:#d1d5db;cursor:not-allowed}.data-card[data-v-223db17e]{background:#fff;border-radius:12px;overflow:hidden}.data-card .card-body[data-v-223db17e]{padding:8px}.data-card .card-footer[data-v-223db17e]{padding:16px 24px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end}.empty-state[data-v-223db17e]{display:flex;flex-direction:column;align-items:center;padding:60px 20px;color:#94a3b8}.empty-state i[data-v-223db17e]{font-size:48px;margin-bottom:16px}.empty-state span[data-v-223db17e]{font-size:14px}.commission-list .commission-item[data-v-223db17e]{display:flex;align-items:flex-start;gap:16px;padding:20px;border-radius:12px;background:#f1f5f9;margin-bottom:8px;transition:all .2s}.commission-list .commission-item[data-v-223db17e]:last-child{margin-bottom:0}.commission-list .commission-item[data-v-223db17e]:hover{background:#e2e8f0}.commission-list .commission-item .item-checkbox[data-v-223db17e]{padding-top:4px}.commission-list .commission-item .item-main[data-v-223db17e]{flex:1;min-width:0}.commission-list .commission-item .item-main .item-header[data-v-223db17e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.commission-list .commission-item .item-main .item-header .item-user[data-v-223db17e]{display:flex;align-items:center;gap:10px}.commission-list .commission-item .item-main .item-header .item-user .user-avatar[data-v-223db17e]{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.commission-list .commission-item .item-main .item-header .item-user .user-name[data-v-223db17e]{font-size:15px;font-weight:600;color:#0f172a}.commission-list .commission-item .item-main .item-header .item-status[data-v-223db17e]{font-size:12px;padding:4px 12px;border-radius:20px;font-weight:500}.commission-list .commission-item .item-main .item-header .item-status.pending[data-v-223db17e]{background:rgba(249,115,22,.1);color:#f97316}.commission-list .commission-item .item-main .item-header .item-status.paid[data-v-223db17e]{background:rgba(16,185,129,.1);color:#10b981}.commission-list .commission-item .item-main .item-info[data-v-223db17e]{margin-bottom:16px}.commission-list .commission-item .item-main .item-info .info-row[data-v-223db17e]{display:flex;gap:24px}.commission-list .commission-item .item-main .item-info .info-row .info-item label[data-v-223db17e]{display:block;font-size:11px;color:#94a3b8;margin-bottom:4px}.commission-list .commission-item .item-main .item-info .info-row .info-item span[data-v-223db17e]{font-size:13px;color:#0f172a}.commission-list .commission-item .item-main .item-info .info-row .info-item span.mono[data-v-223db17e]{font-family:monospace;color:#64748b}.commission-list .commission-item .item-main .item-amounts[data-v-223db17e]{display:flex;gap:24px}.commission-list .commission-item .item-main .item-amounts .amount-item label[data-v-223db17e]{display:block;font-size:11px;color:#94a3b8;margin-bottom:4px}.commission-list .commission-item .item-main .item-amounts .amount-item .amount[data-v-223db17e]{font-size:16px;font-weight:600;color:#0f172a}.commission-list .commission-item .item-main .item-amounts .amount-item .rate[data-v-223db17e]{font-size:15px;font-weight:600;color:#2563eb}.commission-list .commission-item .item-main .item-amounts .amount-item.highlight .amount[data-v-223db17e]{font-size:20px;color:#10b981}.commission-list .commission-item .item-main .item-footer[data-v-223db17e]{margin-top:12px;padding-top:12px;border-top:1px dashed #e2e8f0}.commission-list .commission-item .item-main .item-footer .pay-time[data-v-223db17e]{font-size:12px;color:#94a3b8}.commission-list .commission-item .item-main .item-footer .pay-time i[data-v-223db17e]{margin-right:6px}.commission-list .commission-item .item-action[data-v-223db17e]{flex-shrink:0;padding-top:4px}@media(max-width:1024px){.summary-panel[data-v-223db17e]{flex-wrap:wrap;gap:24px}.summary-panel .summary-progress[data-v-223db17e]{margin-left:0;max-width:100%;width:100%}}@media(max-width:768px){.summary-panel[data-v-223db17e]{flex-direction:column;align-items:stretch}.summary-panel .summary-divider[data-v-223db17e]{width:100%;height:1px}.summary-panel .summary-stats[data-v-223db17e]{justify-content:space-around}.filter-bar[data-v-223db17e]{flex-direction:column;align-items:stretch}.filter-bar .filter-left[data-v-223db17e]{flex-wrap:wrap}.filter-bar .filter-right[data-v-223db17e]{flex-wrap:wrap;justify-content:flex-end}.commission-list .commission-item[data-v-223db17e]{flex-direction:column}.commission-list .commission-item .item-action[data-v-223db17e]{width:100%;margin-top:12px;display:flex;justify-content:flex-end}}