.sm-finance-portal-card{margin-top:24px}
.sm-finance-portal-card>header{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:18px}
.sm-finance-portal-card>header span{max-width:440px;color:#667674}
.sm-finance-portal-list{display:grid;gap:14px}
.sm-finance-portal-item{padding:20px;border:1px solid #d6dfdb;border-left:5px solid #90a19d;border-radius:16px;background:#fff}
.sm-finance-portal-item.is-paid{border-left-color:#34875b}
.sm-finance-portal-item.is-partial{border-left-color:#b38941}
.sm-finance-portal-item.is-overdue{border-left-color:#a94d45}
.sm-finance-portal-item.is-cancelled{opacity:.72}
.sm-finance-portal-item__head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.sm-finance-portal-item__head small{font-weight:800;color:#0f6c6d}
.sm-finance-portal-item__head h3{margin:5px 0 0;font-size:21px}
.sm-finance-portal-item__head>strong{padding:8px 11px;border-radius:999px;background:#dceced;font-size:12px;white-space:nowrap}
.sm-finance-portal-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}
.sm-finance-portal-amounts>div{padding:13px;border-radius:12px;background:#f6f8f7}
.sm-finance-portal-amounts span{display:block;margin-bottom:4px;color:#667674;font-size:12px}
.sm-finance-portal-amounts b{font-size:17px}
.sm-finance-portal-item dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sm-finance-portal-item dl>div{padding:10px 0;border-top:1px solid #e2e8e5}
.sm-finance-portal-item dt{font-size:12px;color:#667674}
.sm-finance-portal-item dd{margin:4px 0 0;font-weight:700}
.sm-finance-portal-item details{margin:12px 0;padding:12px;border:1px solid #d6dfdb;border-radius:12px}
.sm-finance-portal-item summary{cursor:pointer;font-weight:800}
.sm-finance-portal-item>a{display:inline-flex;padding:10px 15px;border-radius:10px;background:#173031;color:#fff;text-decoration:none;font-weight:800}
.sm-finance-portal-actions{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:16px}
.sm-finance-portal-actions>a{display:inline-flex;padding:11px 15px;border:1px solid #173031;border-radius:10px;color:#173031;text-decoration:none;font-weight:800}
.sm-finance-portal-actions form{display:grid;gap:6px}
.sm-finance-portal-actions button{min-height:46px;padding:11px 17px;border:0;border-radius:10px;background:#0f6c6d;color:#fff;font:inherit;font-weight:800;cursor:pointer}
.sm-finance-portal-actions button:hover{background:#0a5052}
.sm-finance-portal-actions button:disabled{cursor:wait;opacity:.72}
.sm-finance-portal-actions small{max-width:380px;color:#667674;font-size:11px;line-height:1.45}
.sm-finance-portal-note{margin-top:14px;padding:15px 17px;border-radius:14px;background:#f6f1e7}
.sm-finance-portal-note p{margin:5px 0 0}
.sm-portal-logout{min-height:44px}
@media(max-width:720px){
  .sm-finance-portal-card>header,.sm-finance-portal-item__head,.sm-finance-portal-actions{align-items:stretch;flex-direction:column}
  .sm-finance-portal-amounts,.sm-finance-portal-item dl{grid-template-columns:1fr}
  .sm-finance-portal-actions>a{justify-content:center}
  .sm-finance-portal-actions button{width:100%}
}