.receivable-list{display:grid;gap:18px;margin-top:22px}.receivable-card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.receivable-head{display:flex;justify-content:space-between;gap:20px;padding:22px 25px;background:#fbfcfd;border-bottom:1px solid var(--line)}.receivable-head h3{margin:0 0 5px}.receivable-head p{margin:0;color:var(--muted);font-size:13px}.receivable-progress{text-align:right}.receivable-progress strong{display:block;font-size:20px;color:var(--green)}.installment-list{display:grid}.installment{display:grid;grid-template-columns:55px 1fr 130px 115px;gap:14px;align-items:center;padding:15px 25px;border-bottom:1px solid var(--line)}.installment:last-child{border-bottom:0}.installment-number{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#eef3f5;font-size:12px;font-weight:800}.installment p{margin:0}.installment small{color:var(--muted)}.installment button{border:1px solid var(--green);background:white;color:var(--green);border-radius:8px;padding:8px;cursor:pointer;font-weight:750;font-size:12px}.installment.received{background:#f4fbf8}.installment.received .installment-number{background:var(--green);color:white}.installment.received button{background:var(--green);color:white}@media(max-width:800px){nav{grid-template-columns:repeat(6,1fr)!important}.installment{grid-template-columns:42px 1fr auto;padding:14px}.installment>strong{grid-column:2}.installment button{grid-column:3;grid-row:1/3}.receivable-head{padding:18px}.receivable-progress strong{font-size:16px}}