.debt-details[data-v-17dd8a72]{padding:20px;background:#FFFFFF;min-height:calc(100vh - 84px)}.page-header[data-v-17dd8a72]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px}.header-left .page-title[data-v-17dd8a72]{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:600;color:#1a1a2e;margin:0}.header-left .page-title .title-icon[data-v-17dd8a72]{font-size:28px;color:#e6a23c}.header-right[data-v-17dd8a72]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.period-selector[data-v-17dd8a72] .el-radio-button__inner{padding:8px 14px;font-size:14px}.date-picker[data-v-17dd8a72]{width:260px}.refresh-btn[data-v-17dd8a72]{background:linear-gradient(135deg,#409eff 0%,#36d1dc 100%);border:none;padding:8px 20px}.refresh-btn[data-v-17dd8a72]:hover{background:linear-gradient(135deg,#337ecc 0%,#2cb8c3 100%)}.filter-section[data-v-17dd8a72]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:20px}.filter-left[data-v-17dd8a72]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.search-inputs[data-v-17dd8a72]{display:flex;align-items:center;gap:10px}.search-inputs .search-input[data-v-17dd8a72]{width:140px}.table-card[data-v-17dd8a72] .el-card__body{padding:16px}.sub-text[data-v-17dd8a72]{font-size:12px;color:#909399;margin-top:4px}.amount[data-v-17dd8a72]{font-size:18px}.pagination-container[data-v-17dd8a72]{display:flex;justify-content:flex-end;margin-top:16px}@media (max-width: 768px){.debt-details[data-v-17dd8a72]{padding:12px}.page-header[data-v-17dd8a72]{flex-direction:column;align-items:flex-start}.header-right[data-v-17dd8a72]{width:100%;justify-content:flex-start}.period-selector[data-v-17dd8a72] .el-radio-button__inner{padding:6px 8px;font-size:12px}.date-picker[data-v-17dd8a72]{width:100%}}