.user-admin-grid{max-width:1180px;margin:0 auto .75rem;display:grid;grid-template-columns:.78fr 1.5fr;gap:.7rem}.staff-form{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.staff-form .field,.role-form .field{display:grid;gap:.2rem}.staff-form .full{grid-column:1/-1}.staff-form label,.role-form label{font-size:.7rem;font-weight:750;color:#294661}.staff-form input,.staff-form select,.role-form>input,.role-form>.field input{padding:.5rem .6rem;border:1px solid #cbdcda;border-radius:9px}.staff-form button{grid-column:1/-1}
.permission-grid,.permission-edit-groups{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin:.55rem 0}.permission-grid fieldset,.permission-edit-groups fieldset{min-width:0;border:1px solid #d5e5e2;border-radius:12px;padding:.5rem;background:#fbfdfd}.permission-grid legend,.permission-edit-groups legend{float:none;width:auto;max-width:100%;margin:0;padding:0 .3rem;color:#08756c}.permission-grid legend strong,.permission-grid legend small{display:block}.permission-grid legend strong{font-size:.78rem}.permission-grid legend small{font-size:.58rem;font-weight:500;color:#718096}.permission-edit-groups legend{font-size:.75rem;font-weight:850}.permission-grid label,.permission-edit-groups label{display:flex;gap:.45rem;align-items:flex-start;padding:.34rem .25rem;border-radius:7px}.permission-grid label:hover,.permission-edit-groups label:hover{background:#eef8f6}.permission-grid label input,.permission-edit-groups label input{width:auto;flex:0 0 auto;margin-top:.15rem}.permission-grid label span,.permission-edit-groups label span{min-width:0}.permission-grid strong,.permission-grid small,.permission-edit-groups strong,.permission-edit-groups small{display:block}.permission-grid label strong,.permission-edit-groups label strong{font-size:.69rem;color:#173b57;line-height:1.25}.permission-grid label small,.permission-edit-groups label small{font-size:.57rem;font-weight:500;color:#718096;overflow-wrap:anywhere}
.role-list,.staff-list{max-width:1180px;margin:0 auto .75rem}.role-list details{border-top:1px solid #e5eceb;padding:.5rem}.role-list summary{display:flex;justify-content:space-between;cursor:pointer}.role-list summary span{font-size:.72rem;color:#718096}.role-edit>input{margin:.5rem 0;padding:.45rem;border:1px solid #cbdcda;border-radius:8px}.staff-list td small{display:block;color:#718096}
@media(max-width:900px){.user-admin-grid{grid-template-columns:1fr}.permission-grid,.permission-edit-groups{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.staff-form,.permission-grid,.permission-edit-groups{grid-template-columns:1fr}.staff-form .full,.staff-form button{grid-column:auto}.permission-grid label strong,.permission-edit-groups label strong{font-size:.66rem}}