.user-admin-grid{max-width:1120px;margin:0 auto .75rem;display:grid;grid-template-columns:.85fr 1.4fr;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{padding:.5rem .6rem;border:1px solid #cbdcda;border-radius:9px}.staff-form button{grid-column:1/-1}.permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin:.55rem 0}.permission-grid fieldset{border:1px solid #dce8e7;border-radius:10px;padding:.45rem}.permission-grid legend{float:none;width:auto;margin:0;padding:0 .25rem;font-size:.7rem;font-weight:800;color:#08756c}.permission-grid label{display:flex;gap:.4rem;align-items:start;padding:.25rem}.permission-grid label input{width:auto;margin-top:.15rem}.permission-grid strong,.permission-grid small{display:block}.permission-grid small{font-weight:400;color:#718096}.role-list,.staff-list{max-width:1120px;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}.permission-edit{display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem;margin-bottom:.5rem}.permission-edit label{font-size:.67rem}.staff-list td small{display:block;color:#718096}@media(max-width:850px){.user-admin-grid{grid-template-columns:1fr}.permission-edit{grid-template-columns:1fr 1fr}}@media(max-width:520px){.staff-form,.permission-grid{grid-template-columns:1fr}.staff-form .full,.staff-form button{grid-column:auto}.permission-edit{grid-template-columns:1fr}}