.mall-admin .nw-finance { padding: 20px; }
.mall-admin .nw-finance .panel-head { padding: 0 0 18px; }
.nw-finance .panel-head { gap: 16px; flex-wrap: wrap; }
.nw-finance .panel-head h2 { margin: 0; }
.nw-finance .panel-head p { margin: 6px 0 0; color: #909399; font-size: 13px; }
.nw-finance button { min-height: 40px; border: 1px solid #d8e0e8; border-radius: 4px; padding: 8px 16px; background: #fff; color: #465363; font: inherit; cursor: pointer; }
.nw-finance button:hover:not(:disabled) { border-color: #7ab99a; color: #215b43; }
.nw-finance button:disabled { color: #a4abb4; cursor: default; }
.nw-finance button:focus-visible,.nw-finance input:focus-visible,.nw-finance select:focus-visible { outline: 2px solid #287bcc; outline-offset: 2px; }
.nw-finance-note { color: #606b79; background: #f5f7fa; padding: 14px 18px; line-height: 1.8; }
.nw-finance-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin: 20px 0; }
.nw-finance-summary article { padding: 22px; border: 1px solid #e5eaf0; border-radius: 8px; background: #fff; min-width: 0; }
.nw-finance-summary article:first-child { background: #eef8f4; border-color: #bcdcca; }
.nw-finance-summary span,.nw-finance-summary small { display: block; color: #606b79; }
.nw-finance-summary strong { display: block; margin: 12px 0; font-size: clamp(24px, 3vw, 36px); color: #215b43; overflow-wrap: anywhere; }
.nw-finance-filter,.nw-finance-pages { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; margin: 18px 0; }
.nw-finance-filter label { display: flex; flex-direction: column; gap: 6px; }
.nw-finance-filter input { width: 280px; max-width: 100%; }
.nw-finance-filter { align-items: flex-end; }
.nw-finance-periods { display: flex; flex-wrap: wrap; gap: 16px; align-items: flex-end; margin: 20px 0 8px; }
.nw-finance-periods label { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.nw-finance-periods input,.nw-finance-periods select { box-sizing: border-box; max-width: 100%; min-height: 40px; border: 1px solid #d8e0e8; border-radius: 4px; padding: 8px; background: #fff; color: #465363; font: inherit; }
.nw-finance-periods input { width: 170px; }
.nw-finance-periods select { width: 130px; }
.nw-finance-period-choice select { width: 300px; }
.nw-finance-calendar-note { color: #606b79; line-height: 1.7; font-size: 13px; }
.nw-finance-summary small { overflow-wrap: anywhere; }
.nw-finance-link { color: #287bcc; text-decoration: none; }
.nw-finance-warning,.nw-finance [data-error] { color: #b3482d; }
.nw-finance-table { overflow-x: auto; }
.nw-finance-table table { min-width: 850px; width: 100%; border-collapse: collapse; }
.nw-finance-table td { vertical-align: top; overflow-wrap: anywhere; max-width: 320px; }
.nw-finance-table td div { margin-top: 6px; }
.nw-finance-table td small { color: #909399; }
.nw-finance-amount { font-weight: 600; white-space: nowrap; }
@media (max-width: 720px) { .nw-finance-summary { grid-template-columns: 1fr; gap: 10px; } .nw-finance-summary article { padding: 16px; } }
@media (max-width: 480px) { .nw-finance-period-choice { width: 100%; } .nw-finance-period-choice select { width: 100%; } .nw-finance-filter label { width: 100%; } }
.nw-refund-filter label { min-width: 0; }
.nw-refund-filter input,.nw-refund-filter select { box-sizing: border-box; min-height: 40px; max-width: 100%; border: 1px solid #d8e0e8; border-radius: 4px; padding: 8px; background: #fff; color: #465363; font: inherit; }
.nw-refund-filter select { min-width: 125px; }
.nw-refund-filter input[type=date] { width: 155px; }
.nw-refund-search { flex: 1 1 280px; }
.nw-refund-search input { width: 100%; min-width: 0; }
.nw-refund-table table { min-width: 1260px; }
.nw-refund-table td { min-width: 100px; line-height: 1.6; }
.nw-refund-table td:nth-child(2) { min-width: 180px; }
.nw-refund-table td:nth-child(6) { min-width: 205px; }
.nw-refund-table td:nth-child(7) { min-width: 180px; }
.nw-refund-origin { display: block; margin-top: 6px; }
.nw-refund-status { display: inline-block; background: #f0f3f7; border-radius: 4px; padding: 3px 8px; }
.nw-refund-unknown { color: #909399; font-weight: 400; }
@media (max-width: 720px) { .nw-refund-filter { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); } .nw-refund-filter label { width: auto; } .nw-refund-search { grid-column: 1 / -1; } .nw-refund-filter input,.nw-refund-filter input[type=date],.nw-refund-filter select { width: 100%; min-width: 0; } }