.accounts-page{display:flex;flex-direction:column;gap:20px;min-width:0}.accounts-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 27px;background:#eef3e9;border:1px solid #dde6d5;border-radius:12px}.accounts-intro>div{min-width:0}.accounts-intro>div>span{font-size:9px;letter-spacing:2px;color:#7c956e}.accounts-intro h2{font-size:21px;font-weight:600;line-height:1.55;margin:9px 0;color:#3d5938}.accounts-intro p{font-size:11px;line-height:1.9;margin:0;max-width:640px;color:#84917a}.accounts-intro>.btn{flex-shrink:0}.accounts-page>.alert{margin:0}.accounts-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.accounts-metrics article{background:#fff;border:1px solid #e0e7db;border-radius:11px;padding:18px 21px}.accounts-metrics span{font-size:11px;color:#8c9a82;display:block}.accounts-metrics strong{display:block;font:500 29px/1.5 'DM Sans',sans-serif;color:#416038;margin-top:7px}.accounts-filters{display:grid;grid-template-columns:minmax(170px,2fr) minmax(120px,1fr) minmax(120px,1fr) auto;gap:13px;align-items:end}.accounts-filters>.btn{min-height:39px}.accounts-results{display:flex;justify-content:space-between;gap:13px;font-size:10px;color:#93a187;line-height:1.8}.accounts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.account-card{min-width:0;overflow:hidden}.account-card-top{display:flex;align-items:center;gap:12px;padding:22px 22px 17px}.account-mark{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:#eef3e7;color:#7a9168;font-size:15px;flex-shrink:0}.account-card-top>div:nth-child(2){min-width:0;flex:1}.account-card-top h3{margin:0;font-size:13px;font-weight:600;color:#4a6241;overflow-wrap:anywhere}.account-card-top p{margin:5px 0 0;font-size:11px;color:#93a187;overflow-wrap:anywhere}.account-card-top>.badge{flex-shrink:0}.account-role{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:0 22px 22px}.account-role>span:not(.badge){font-size:10px;color:#8c9b80}.account-card-footer{border-top:1px solid #eaf0e4;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 20px;background:#fcfdf9}.account-card-footer>small{font-size:9px;color:#a1ad96}.account-card-footer>div{display:flex;gap:8px}.account-inactive .account-mark{background:#f2f3f0;color:#a2a99a}.account-active-field{margin:8px 0 20px;line-height:1.8}.account-active-field input{width:17px;height:17px;flex-shrink:0}
@media(max-width:1100px){.accounts-grid{grid-template-columns:1fr}.accounts-intro h2{font-size:19px}.accounts-filters{grid-template-columns:2fr 1fr 1fr}.accounts-filters>.btn{grid-column:1/-1;justify-self:end}}
@media(max-width:650px){.accounts-page{gap:17px}.accounts-intro{padding:22px 19px;align-items:flex-start;flex-direction:column;gap:17px}.accounts-intro h2{font-size:19px}.accounts-intro>.btn{width:100%;justify-content:center}.accounts-intro p{font-size:11px}.accounts-metrics{gap:9px}.accounts-metrics article{padding:15px 11px}.accounts-metrics span{font-size:9px}.accounts-metrics strong{font-size:25px}.accounts-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.accounts-filters>.field:first-child{grid-column:1/-1}.accounts-filters>.btn{grid-column:1/-1;width:100%;justify-content:center}.accounts-results{align-items:flex-start;flex-direction:column;gap:3px;font-size:9px}.account-card-top{padding:20px 16px 17px;gap:9px;flex-wrap:wrap}.account-card-top>div:nth-child(2){min-width:150px}.account-card-top>.badge{margin-left:48px}.account-role{padding:0 16px 19px}.account-card-footer{padding:14px 16px}.account-card-footer .btn{font-size:10px;padding:8px 10px}}