.expense-payment-dialog { max-width: calc(100vw - 32px); max-height: 90vh; margin-top: 5vh !important; display: flex; flex-direction: column; }
.expense-payment-dialog > .el-dialog__body { min-height: 0; overflow-y: auto; }
.expense-payment-dialog > .el-dialog__header, .expense-payment-dialog > .el-dialog__footer { flex-shrink: 0; }
.expense-payment-recipient { margin-bottom: 20px; padding: 16px 12px 0; background: #f5f8fc; border: 1px solid #e6edf5; border-radius: 8px; }
.expense-payment-recipient .el-form-item { margin-bottom: 14px; }
.expense-payment-card { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; overflow-wrap: anywhere; }
.expense-payment-card > span { font-variant-numeric: tabular-nums; user-select: text; }
.expense-payment-card .el-button { padding: 6px 0; }
.expense-payment-qr { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 12px; }
.expense-payment-qr .el-image { width: 140px; height: 140px; background: white; border: 1px solid #dce5ef; border-radius: 6px; }
.expense-payment-qr > span, .expense-payment-empty { font-size: 12px; color: #8592a3; }
.expense-payment-qr-error { padding: 28px 8px; text-align: center; font-size: 12px; color: #8592a3; }