.finance-topbar{gap:32px}.main-nav{display:flex;gap:24px;align-self:stretch}.main-nav a{display:flex;align-items:center;min-height:46px;color:var(--muted);text-decoration:none;border-bottom:3px solid transparent;padding:2px 4px 0}.main-nav a[aria-current=page]{color:var(--blue);border-color:var(--blue);font-weight:700}.merchant-name{margin-left:auto;max-width:260px;overflow-wrap:anywhere;font-size:14px}.finance-workspace{max-width:1320px}.finance-workspace h1{font-size:48px}.finance-workspace .page-heading p:last-child{margin:12px 0 0}.finance-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#fff;border:1px solid var(--line);border-top:4px solid var(--blue);margin-top:32px}.metric{display:flex;flex-direction:column;padding:26px 28px;gap:10px;min-width:0}.metric+.metric{border-left:1px solid var(--line)}.metric>span{font-size:14px;color:var(--muted)}.metric>strong{font-size:clamp(25px,2.8vw,39px);letter-spacing:-.04em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.metric>small{color:var(--muted);font-size:12px;line-height:1.5}.metric-overdue strong{color:#86341c}.currency-note{font-size:12px;color:var(--muted);text-align:right;margin:8px 0 26px}.section-nav{display:flex;gap:26px;border-bottom:1px solid var(--line);margin-bottom:28px;overflow-x:auto}.section-nav button{border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:var(--muted);padding:14px 1px;white-space:nowrap;gap:8px}.section-nav button[aria-current]{color:var(--ink);border-bottom-color:var(--ink)}.section-nav span{font:700 12px 'DM Sans',sans-serif;border-radius:3px;background:#e1e9fc;color:var(--muted);padding:3px 7px}.section-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin:24px 0}.section-heading h2{font-size:26px}.list-filters{display:flex;gap:14px;align-items:end}.list-filters label{margin:0 0 7px;font-size:12px}.list-filters input{min-width:240px}.list-filters select{min-width:160px}.table-scroll{position:relative;overflow-x:auto;max-width:100%;border:1px solid var(--line);background:#fff}.finance-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px;line-height:1.5}.finance-table th{font-weight:400;font-size:12px;color:var(--muted);background:#e8eefb;padding:13px 18px;white-space:nowrap}.finance-table td{padding:18px;border-top:1px solid #d6dfef;vertical-align:middle}.finance-table td:first-child{min-width:170px}.finance-table .amount{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.finance-table small{display:block;color:var(--muted);margin-top:4px;font-size:12px}.finance-table .text-button{min-height:46px;white-space:nowrap}.status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;border:1px solid #c7d7c2;color:#31592d;background:#f0f5ed;padding:5px 9px;border-radius:14px;white-space:nowrap}.status-overdue{background:#fff2e9;color:#86341c;border-color:#e7cbb7}.status-paid{background:#eef0ff;color:#253eb0;border-color:#c5ccf2}.status-neutral{background:#f3f3f1;color:#59606a;border-color:#d2d4d2}.empty-state{text-align:center;border:1px dashed #a6aaa5;padding:38px 24px;background:#f9fbff;color:var(--muted);margin:24px 0}.empty-state h3{margin:0;color:var(--ink)}.empty-state .secondary{margin-top:10px}.customer-search{max-width:480px;margin-bottom:24px}.customer-search label{margin-top:0}.customer-grid{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0;margin:24px 0}.customer-card{background:white;border:1px solid var(--line);padding:22px;min-width:0}.customer-card h3{margin:0;font-size:20px;overflow-wrap:anywhere}.customer-card p{font-size:13px;color:var(--muted);margin:10px 0}.customer-card .toolbar{gap:16px;margin-top:18px}.customer-card .text-button{font-size:13px}.reminder-list,.payment-list,.finance-activity{list-style:none;padding:0;margin:18px 0 0}.reminder-list>li,.payment-list>li{border-top:1px solid var(--line);padding:18px 0}.reminder-list:not(.compact)>li{background:#fff;padding:20px 24px;border:1px solid var(--line);margin:12px 0}.reminder-list p,.payment-list p{font-size:14px;margin:6px 0}.reminder-list .small,.payment-list .small{font-size:12px;color:var(--muted)}.reminder-list .toolbar,.payment-list .toolbar{gap:16px;margin-top:8px}.reminder-list button,.payment-list button{font-size:13px}.reminder-list h4{font-size:15px;margin:0 0 8px}.loan-detail{margin-top:26px;outline:none}.detail-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:28px}.detail-heading .eyebrow{margin:10px 0}.detail-heading h2{font-size:36px;overflow-wrap:anywhere}.detail-heading .toolbar{align-items:center}.detail-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--line);padding:24px 0;gap:24px;margin-bottom:28px}.detail-totals span{display:block;font-size:12px;color:var(--muted);margin-bottom:9px}.detail-totals strong{display:block;font-size:24px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.detail-columns{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:24px}.detail-columns .card{padding:24px;margin-bottom:24px}.detail-columns h3{margin:0;font-size:22px}.detail-columns .table-scroll{margin-top:18px;border:0}.schedule-table td,.schedule-table th{padding:12px 9px}.schedule-table td:first-child{min-width:0}.finance-activity>li{padding:0 0 16px 14px;border-left:2px solid #d6dfef;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.finance-activity time{display:block;font-size:11px;color:var(--muted);margin-top:4px}.device-card .secondary{font-size:13px;margin-top:8px}.device-card h4{font-size:17px}.device-card .code-display{font-size:22px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.finance-workspace button:disabled{opacity:.55}dialog{border:1px solid var(--line);border-radius:24px;padding:28px;max-width:calc(100vw - 32px);width:540px;max-height:calc(100dvh - 40px);color:var(--ink);background:white;overflow-y:auto}dialog::backdrop{background:rgb(17 24 32 / 50%)}dialog.wide-dialog{width:680px}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.dialog-heading h2{font-size:27px;padding-top:8px}.icon-button{width:46px;height:46px;flex:0 0 46px;padding:0;background:#e1e9fc;color:var(--ink);font-size:25px;font-weight:400}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-grid>div{min-width:0}textarea{font:inherit;width:100%;padding:12px;border:1px solid #8292af;border-radius:14px;resize:vertical;color:var(--ink);background:#fff;min-height:84px}textarea:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.field-help{font-size:12px;color:var(--muted);margin:6px 0}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}.form-actions .primary{width:auto;margin:0}.calculation{background:#f0f3ff;border-left:3px solid var(--blue);padding:10px 14px;font-size:14px;margin:20px 0 0}.opt-in{border:1px solid var(--line);padding:14px;background:#edf2fc}.danger-button{background:#89341d;color:white}.receipt-content{padding:24px 0}.receipt-content h3{margin:0;font-size:24px}.receipt-content .receipt-amount{font-size:40px;font-weight:700;letter-spacing:-.03em;margin:20px 0}.receipt-content dl{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;font-size:14px;line-height:1.5}.receipt-content dt{color:var(--muted)}.receipt-content dd{margin:0;text-align:right;overflow-wrap:anywhere}.receipt-content .receipt-footnote{margin-top:28px;padding-top:14px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
@media(max-width:1000px){.customer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{align-items:flex-start;flex-direction:column}.list-filters{width:100%}.list-filters>div:first-child{flex:1}.list-filters input{min-width:0}.detail-columns{grid-template-columns:minmax(0,1fr)}.detail-columns>aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.detail-columns>aside>.card{margin:0}.detail-columns>aside>.card:last-child{grid-column:1/-1}.merchant-name{max-width:180px}}
@media(max-width:600px){.finance-topbar{gap:20px;flex-wrap:wrap;min-height:80px;padding-top:12px;padding-bottom:10px}.finance-topbar .brand{font-size:29px;gap:8px}.finance-topbar .brand img{width:30px;height:30px}.main-nav{gap:14px;margin-left:auto;align-self:auto;font-size:14px}.merchant-name{flex-basis:100%;max-width:100%;font-size:12px;margin:0;color:var(--muted)}.finance-workspace h1{font-size:36px}.finance-workspace .page-heading{gap:20px}.finance-workspace .page-heading>.toolbar{width:100%;gap:12px}.finance-workspace .page-heading>.toolbar button{flex:1;padding-inline:8px}.finance-summary{grid-template-columns:1fr;margin-top:24px}.metric{padding:19px 20px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:center}.metric+.metric{border-left:0;border-top:1px solid var(--line)}.metric>strong{font-size:26px;grid-column:2;grid-row:1/3;max-width:190px}.metric>small{grid-column:1;font-size:11px}.metric>span{font-size:13px}.section-nav{gap:20px}.section-nav button{font-size:13px}.section-nav span{font-size:11px;padding-inline:5px}.list-filters{flex-direction:column;align-items:stretch}.list-filters input,.list-filters select{min-width:0}.customer-grid{grid-template-columns:1fr}.section-heading h2{font-size:25px}.finance-table th,.finance-table td{padding:12px}.detail-heading{display:block}.detail-heading h2{font-size:29px}.detail-heading .toolbar{margin-top:18px}.detail-totals{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.detail-totals strong{font-size:22px}.detail-columns>aside{display:block}.detail-columns>aside>.card{margin-bottom:20px}.detail-columns .card{padding:20px 16px}.schedule-table{font-size:12px}.schedule-table th,.schedule-table td{padding:10px 8px}.schedule-table .status{font-size:10px;padding:3px 5px}.form-grid{grid-template-columns:1fr;gap:0}dialog{padding:22px 20px;max-height:calc(100dvh - 24px)}.dialog-heading h2{font-size:24px}.form-actions{gap:10px}.form-actions button{flex:1;padding-inline:10px}.receipt-content .receipt-amount{font-size:34px}}
@media print{body>*{display:none!important}body>dialog#receipt-dialog[open]{display:block!important;position:static;margin:0;width:100%;max-width:none;max-height:none;border:0;padding:0;overflow:visible}.receipt-controls{display:none!important}#receipt-dialog::backdrop{display:none}.receipt-content{color:#000}.receipt-content *{color:#000!important}.receipt-content .receipt-amount{font-size:32px}}

.list-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:16px 0}.list-pagination p{margin:0}.list-pagination button{min-height:44px;flex-shrink:0}.finance-activity .activity-author{display:block;color:var(--muted);font-size:12px;margin-top:4px}

/* Blue and coral surfaces; yellow is reserved for small accents. */
.finance-topbar .main-nav a{color:#e7edff;border-radius:0}.finance-topbar .main-nav a[aria-current=page]{color:#fff;border-bottom-color:var(--coral)}.finance-topbar .main-nav a:hover{color:var(--yellow)}.finance-topbar .merchant-name{color:#e7edff}
.finance-summary{background:var(--payment);border:1px solid #cad8f2;border-radius:24px;overflow:hidden;color:var(--ink)}.metric+.metric{border-color:#c5d4ee}.metric>span,.metric>small{color:var(--muted)}.metric-overdue strong{color:#86341c}
.section-nav{gap:12px;border-bottom:0;padding:4px;background:#e1e9fa;border-radius:18px}.section-nav button{border:0;border-radius:14px;padding:12px 18px;flex-shrink:0}.section-nav button[aria-current]{background:var(--blue);color:#fff;box-shadow:0 4px 12px #2348ff20}.section-nav span{background:#d0dcf4;color:var(--ink);border-radius:8px}.section-nav button[aria-current] span{background:var(--yellow);color:var(--ink)}
.table-scroll{border-radius:20px;background:var(--surface)}.finance-table th{background:#e8eefb;color:#526581;font-weight:700}.finance-table td{border-color:var(--line)}.finance-table tbody tr:hover{background:#eef3ff}.status{border-radius:999px}.empty-state{border-radius:24px;border-color:#9eafcf;background:var(--surface)}
.customer-card{background:var(--surface);border-radius:24px;box-shadow:0 8px 24px #17284705}.reminder-list:not(.compact)>li{background:var(--surface);border-radius:20px}.detail-totals{padding:24px;background:#e7eefc;border:1px solid var(--line);border-radius:22px;gap:22px}.detail-totals strong{color:var(--blue)}
dialog{background:var(--surface);border-radius:26px;box-shadow:0 24px 90px #17284733}dialog::backdrop{background:rgb(23 40 71 / 65%)}.icon-button{background:#e1e9fc;border-radius:50%}.calculation{border-radius:14px;background:#e4edff;border-color:#96b0ee;color:var(--ink)}.opt-in{border-radius:16px;background:#edf2fc}.danger-button{background:#89341d;color:#fff}.receipt-content .receipt-amount{padding:20px;background:var(--payment);border-radius:18px;color:var(--ink)}
@media(max-width:600px){.finance-topbar{gap:16px}.finance-topbar .main-nav{gap:12px}.finance-topbar .merchant-name{color:#e7edff}.finance-summary{border-radius:22px}.metric+.metric{border-color:#c5d4ee}.section-nav{border-radius:16px;gap:4px}.section-nav button{padding:12px;font-size:13px}.detail-totals{padding:20px;gap:18px}.finance-workspace>.page-heading>.toolbar button{min-width:0;white-space:normal}.finance-table td,.finance-table th{padding-inline:14px}dialog{padding:22px;border-radius:24px}.detail-columns>aside{display:block}.detail-columns>aside>.card{margin-bottom:20px}}
@media print{.finance-summary,.detail-totals,.receipt-content .receipt-amount{background:#fff;color:#172847;box-shadow:none}.finance-table th{background:#edf1fa}.card{box-shadow:none}}

.finance-workspace .empty-illustration{background:transparent}.section-nav .ui-icon{width:18px;height:18px}.finance-summary .metric:first-child{border-top:3px solid #2348ff}.finance-summary .metric:nth-child(2){border-top:3px solid #f5a1b3}.finance-summary .metric:last-child{border-top:3px solid #8299cf}
@media(max-width:600px){.finance-summary .metric{border-top-width:1px!important}.section-nav button{gap:6px}.finance-workspace>.page-heading>.toolbar{width:100%;max-width:none}}
