.admin-user-grid{display:grid;grid-template-columns:420px 1fr;gap:20px}
.create-user>form{padding:20px}
.form-help{font-size:12px;color:#6d727a;background:#f5f6f8;padding:12px;border-radius:7px}
.staff-list article{display:grid;grid-template-columns:42px 1fr auto auto 70px;gap:12px;align-items:center;padding:14px 20px;border-top:1px solid #e5e7ea}
.staff-list article>div:nth-child(2){display:flex;flex-direction:column}
.staff-list article small{color:#6d727a}
.initials{width:36px;height:36px;border-radius:50%;background:#ffe8e9;color:#ed171d;display:grid!important;place-items:center;font-size:11px;font-weight:800}
.role-badge{font-size:11px;background:#f5f6f8;padding:5px 8px;border-radius:20px}
.account-status{font-size:11px;font-style:normal;font-weight:800}
.account-status.active{color:#128055}.account-status.disabled{color:#aa1117}.account-status.pending{color:#966300}
.staff-list form button{color:#ed171d;background:none;border:0;font-weight:700;font-size:12px}
@media(max-width:1000px){.admin-user-grid{grid-template-columns:1fr}.staff-list article{grid-template-columns:42px 1fr auto}.staff-list article form{grid-column:2}.account-status{grid-column:3}}
@media(max-width:600px){.staff-list article{grid-template-columns:42px 1fr}.role-badge,.account-status{grid-column:2}}