.payments-page{gap:var(--app-space-5);display:grid}.payments-stripe{border:1px solid var(--app-line);border-radius:var(--app-radius-workspace);background:var(--app-sidebar);padding:var(--app-space-1)}.payments-stripe-body{justify-content:space-between;align-items:center;gap:var(--app-space-4);padding:var(--app-space-4);border:1px solid var(--app-line);background:var(--app-canvas);border-radius:10px;flex-wrap:wrap;display:flex}.payments-stripe-copy{flex:1;min-width:240px}.payments-stripe-title{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.payments-stripe-title h2,.payments-group-head h2,.family-payments-head h2{margin:0;font-size:15px;font-weight:550}.payments-stripe-copy p,.payments-group-head p,.payments-group-foot,.payments-group-empty,.payments-row-body p,.family-payments-head p{color:var(--app-muted);margin:6px 0 0;font-size:13px;line-height:1.5}.payments-stripe-actions{gap:var(--app-space-2);flex-wrap:wrap;display:flex}.payments-alert{color:var(--app-danger);background:var(--app-danger-soft);border-radius:10px;margin:8px 0 0;padding:10px 12px;font-size:13px}.payments-summary{gap:var(--app-space-3);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.payments-cell{padding:var(--app-space-4);border:1px solid var(--app-line);background:var(--app-canvas);border-radius:10px;gap:6px;display:grid}.payments-cell dt{letter-spacing:.04em;text-transform:uppercase;color:var(--app-muted);font-size:12px;font-weight:500}.payments-cell dd{gap:2px;margin:0;display:grid}.payments-cell strong{letter-spacing:-.5px;font-variant-numeric:tabular-nums;font-size:24px;font-weight:550}.payments-cell.is-danger strong{color:var(--app-danger)}.payments-cell span{color:var(--app-muted);font-size:12px}.payments-group-head{padding:var(--app-space-3) 0;border-bottom:1px solid var(--app-divider);justify-content:space-between;align-items:center;gap:12px;display:flex}.payments-group-head p{margin-top:2px}.payments-group-foot{padding:var(--app-space-3) 0;border-top:1px solid var(--app-divider)}.payments-group-empty{margin:0;padding:14px 0}.payments-rows,.family-invoices{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.payments-row,.family-invoice{min-height:56px;padding:var(--app-space-2) 0;border-top:1px solid var(--app-divider);flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.family-invoice{grid-template-columns:minmax(0,1fr) auto 96px;align-items:center;display:grid}.family-invoice:has(.family-invoice-action){grid-template-columns:minmax(0,1fr) auto 96px 84px}.family-invoice-action{justify-content:flex-end;display:flex}.payments-row:first-child,.family-invoices>.family-invoice:first-child{border-top:0}.payments-row-mark{--app-avatar-ink:var(--app-muted)}.payments-row-body,.family-invoice-body{flex:1;min-width:160px}.payments-row-body h3,.family-invoice-body strong{margin:0;font-size:13px;font-weight:500}.payments-row-body p{margin-top:1px}.payments-row-amount,.family-invoice-amount{text-align:right;font-variant-numeric:tabular-nums;min-width:96px;margin:0;font-size:13px}.payments-toolbar{gap:var(--app-space-3);padding:var(--app-space-3) 0;flex-wrap:wrap;display:flex}.payments-toolbar-field{color:var(--app-muted);gap:4px;font-size:12px;display:grid}.payments-table{border:1px solid var(--app-line);border-radius:8px;overflow:hidden}.payments-amount{display:block;position:relative}.payments-amount>span{color:var(--app-muted);font-size:13px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.payments-amount input{font-variant-numeric:tabular-nums;width:100%;padding-left:24px}.family-payments{margin-top:var(--app-space-6)}.family-payments-head{padding-bottom:var(--app-space-3);border-bottom:1px solid var(--app-divider)}.family-invoice-body small{color:var(--app-muted);font-size:12px;display:block}.family-invoices-history{margin-top:var(--app-space-3)}.family-invoices-history summary{cursor:pointer;color:var(--app-muted);padding:var(--app-space-2) 0;font-size:13px}@media (max-width:720px){.payments-summary{grid-template-columns:1fr}.payments-group-head,.payments-stripe-body{flex-direction:column;align-items:flex-start}.payments-row-amount,.family-invoice-amount,.payments-row-body{min-width:0}:is(.family-invoice,.family-invoice:has(.family-invoice-action)){grid-template-columns:minmax(0,1fr) auto auto}.family-invoice-action{grid-column:1/-1}.family-invoice-action:empty{display:none}}