Sticky summary rail on the left, right-side vertical stepper.
Amount summary up top, the three stages side by side.
Tabs show a single stage's full detail. Honors "only one live stage."
One centered column, reads like a statement.
Dark money panel + refined timeline. Feels like a finance product.
The advance lifecycle as one light, connected spine — sequence over decoration.
Soft rounded dashboard — hero figure, a dark summary card, filled stage cards, flag chips.
Order info panel + a formal Stage / Details / Amount statement table.
| Stage | Details | Amount | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
DisbursementAdvances sent on Mar 4, 2026 |
Disbursement amount$2,000.00
Advance fee$1.00
Amount received1,999
Disbursements reference no. 88131034035993618813103403599361 |
$2,000.00 | ||||||||||||
DueDue on Mar 5, 2026 |
Total due amount$2,000.00
|
$2,000.00 | ||||||||||||
RepaymentSettled on Mar 6, 2026 |
Repayment reference no. 88131034035993618813103403599361 Total repayment amount$2,000.00
|
$2,000.00 |
Big 01 / 02 / 03 numerals, order-info rail, strict typographic alignment.
| # | Due amount | Due date | Due trigger |
|---|---|---|---|
| 1 | $1,000.00 | Mar 4, 2026 | Order partially refunded |
| 2 | $1,000.00 | Mar 5, 2026 | Order settled |
| # | Repayment amount | Method | Repayment date | Reference no. |
|---|---|---|---|---|
| 1 | $2,000.00 | Automatic | Mar 6, 2026 | 8813103403599361… |
Stat tiles on top, three compact stage tables side by side.
| # | Amount | Date | Trigger |
|---|---|---|---|
| 1 | $1,000.00 | Mar 4 | Partially refunded |
| 2 | $1,000.00 | Mar 5 | Order settled |
| # | Amount | Date | Method |
|---|---|---|---|
| 1 | $2,000.00 | Mar 6 | Automatic |