.container[data-v-29fdb8ee]{width:calc(100% - 84px);margin:42px;height:calc(100% - 84px);border-radius:16px;border:1px solid var(--White,#fff);background:var(--White,#fff);padding:24px}.header[data-v-29fdb8ee]{height:36px;display:flex;flex-direction:row;align-items:center;margin-bottom:24px}.back-icon[data-v-29fdb8ee]{font-size:20px;cursor:pointer}.interview-title[data-v-29fdb8ee]{color:var(--title,#404145);font-size:20px;font-style:normal;line-height:36px;margin-left:12px}.content[data-v-29fdb8ee]{height:calc(100% - 60px);display:flex;flex-direction:column}.filter-box[data-v-29fdb8ee]{display:flex;gap:16px;margin-bottom:20px;align-items:center}.search-input[data-v-29fdb8ee]{width:300px}.filter-item[data-v-29fdb8ee]{display:flex;align-items:center;gap:8px}.filter-label[data-v-29fdb8ee]{font-size:14px;color:#666;white-space:nowrap}.pay-status-select[data-v-29fdb8ee]{width:120px}.record-list[data-v-29fdb8ee]{flex:1;overflow-y:auto}.record-item[data-v-29fdb8ee]{display:flex;padding:20px;margin-bottom:16px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;cursor:pointer;transition:all .3s ease}.record-item[data-v-29fdb8ee]:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.record-avatar[data-v-29fdb8ee]{width:60px;height:60px;margin-right:16px}.record-avatar img[data-v-29fdb8ee]{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.record-info[data-v-29fdb8ee]{flex:1;display:flex;flex-direction:column}.record-header[data-v-29fdb8ee]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.name-with-status[data-v-29fdb8ee]{display:flex;align-items:center;gap:20px}.candidate-name[data-v-29fdb8ee]{font-size:18px;font-weight:500;color:#212121}.pay-status[data-v-29fdb8ee]{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.pay-status.pay-status-paid[data-v-29fdb8ee]{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.pay-status.pay-status-unpaid[data-v-29fdb8ee]{background:#fff1f0;color:#ff4d4f;border:1px solid #ffadd2}.record-details[data-v-29fdb8ee]{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.candidate-phone[data-v-29fdb8ee],.interview-time[data-v-29fdb8ee],.job-info[data-v-29fdb8ee]{font-size:14px;color:#666}.record-score[data-v-29fdb8ee]{display:flex;align-items:center;gap:8px}.score-label[data-v-29fdb8ee]{font-size:14px;color:#666}.score-value[data-v-29fdb8ee]{font-size:16px;font-weight:600;color:#10ad63}.record-actions[data-v-29fdb8ee]{display:flex;flex-direction:column;justify-content:center;gap:8px}.pagination-box[data-v-29fdb8ee]{margin-top:20px;display:flex;justify-content:center}@media (max-width:768px){.record-item[data-v-29fdb8ee]{flex-direction:column;gap:12px}.record-avatar[data-v-29fdb8ee]{align-self:center;margin-right:0}.record-actions[data-v-29fdb8ee]{flex-direction:row;justify-content:center}.name-with-status[data-v-29fdb8ee]{flex-direction:column;align-items:flex-start;gap:8px}.filter-box[data-v-29fdb8ee]{flex-direction:column;gap:12px}.filter-box .search-input[data-v-29fdb8ee]{width:100%}.filter-box .filter-item[data-v-29fdb8ee]{flex-direction:column;align-items:flex-start;gap:8px}.filter-box .pay-status-select[data-v-29fdb8ee]{width:100%}}