.accounts-card{margin:22px 0;padding:22px;border:1px solid var(--line);border-radius:17px;background:#fbfefe}.accounts-card h4{margin:0 0 12px}.accounts-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.accounts-overview article{padding:14px;border:1px solid var(--line);border-radius:13px;background:white}.accounts-overview span,.accounts-overview strong{display:block}.accounts-overview span{font-size:.7rem;color:var(--muted);margin-bottom:5px}.accounts-overview strong{font-size:1.2rem}.accounts-layout{display:grid;grid-template-columns:300px 1fr;gap:24px}.accounts-list{display:grid;grid-template-columns:1fr 1fr;gap:11px}.account-item{padding:15px;border:1px solid var(--line);border-radius:14px;background:white}.account-item.inactive{opacity:.58}.account-heading,.account-balance,.account-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.account-type{font-size:.62rem;font-weight:1000;padding:5px 7px;border-radius:999px;background:#eaf4f4;color:#315d73}.account-balance{margin:12px 0}.account-balance strong{font-size:1.25rem}.account-balance span{font-size:.7rem;color:var(--muted)}.credit-progress{height:9px;border-radius:99px;background:#e6eeee;overflow:hidden;margin:9px 0}.credit-progress i{display:block;height:100%;background:var(--green)}.credit-progress.warning i{background:#e6b51f}.credit-progress.risk i{background:#d64035}.account-meta{font-size:.68rem;color:var(--muted);line-height:1.5}.account-actions{justify-content:flex-end;margin-top:9px}.account-actions button{font-size:.7rem}.credit-fields{display:grid;gap:8px}.credit-days{display:grid;grid-template-columns:1fr 1fr;gap:8px}.credit-alerts{display:grid;gap:8px;margin-bottom:14px}.credit-alert{padding:11px 13px;border-radius:10px;background:#fff6df;color:#805800;font-size:.78rem;font-weight:900}.credit-alert.risk{background:#fff0ee;color:#a33229}.transfers-section{margin-top:25px;padding-top:21px;border-top:1px solid var(--line)}.transfers-section form{display:grid;grid-template-columns:1fr 1fr 1fr 150px 1.2fr auto;gap:8px;align-items:end}.transfers-section form label{margin:0}.transfers-section form .secondary{margin:0}.transfers-list{margin-top:15px}.transfer-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:10px;border-bottom:1px solid var(--line);font-size:.76rem}.transfer-row span{color:var(--muted)}.transfer-row .text-button{font-size:.7rem}.account-item.credit{border-color:#cabbea}html[data-theme="dark"] .accounts-card{background:#f5fbfb;color:#073b5c}html[data-theme="dark"] :is(.account-item,.accounts-overview article){background:#fff;color:#073b5c}html[data-theme="dark"] .accounts-card :is(h3,h4,label,strong){color:#073b5c}
@media(max-width:900px){.accounts-layout{grid-template-columns:1fr}.transfers-section form{grid-template-columns:1fr 1fr}.accounts-list{grid-template-columns:1fr}}@media(max-width:520px){.accounts-overview{grid-template-columns:1fr}.transfers-section form{grid-template-columns:1fr}.transfer-row{grid-template-columns:1fr auto}}