.roles-main{max-width:1320px;margin:40px auto;padding:0 24px 60px;color:#202a3c}.roles-heading,.roles-section-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.roles-heading h1{font-size:32px;margin:8px 0}.roles-heading p{color:#657082}.roles-tabs{display:flex;gap:8px;margin:26px 0}.roles-main button{padding:10px 16px;border:1px solid #d5dce8;border-radius:8px;background:#fff;color:#24314c;cursor:pointer;font:inherit}.roles-main button[type=submit],.roles-tabs button[aria-selected=true]{background:#263957;color:#fff}.roles-main button:disabled{opacity:.5;cursor:not-allowed}.roles-table-wrap{overflow:auto;background:#fff;border:1px solid #e3e7ee;border-radius:12px}.roles-main table{width:100%;border-collapse:collapse}.roles-main th,.roles-main td{padding:14px;text-align:left;border-bottom:1px solid #e3e7ee}.roles-main th{background:#f3f5f9;white-space:nowrap}.roles-main input:not([type=checkbox]),.roles-main select{padding:9px;border:1px solid #cdd5e3;border-radius:6px;font:inherit;max-width:100%;box-sizing:border-box}.roles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px}.role-card{padding:20px;border:1px solid #e0e5ee;background:white;border-radius:12px}.role-card h3{margin-top:0}.role-card p{color:#586579;line-height:1.5}.roles-main dialog{max-width:760px;width:calc(100% - 40px);max-height:85vh;overflow:auto;border:0;border-radius:14px;padding:28px;box-sizing:border-box}.roles-main dialog::backdrop{background:#17243988}.roles-main form>label{display:grid;gap:7px;margin-bottom:16px}.roles-main .roles-check{display:flex;align-items:center;gap:9px}.permission-checks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.permission-checks label{display:flex;gap:9px;align-items:start}.roles-main footer{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.roles-main [role=alert]{color:#a52939}.roles-main input[type=checkbox]{width:18px;height:18px}.roles-main fieldset{border:1px solid #dae0ea;border-radius:8px}.roles-main td button{margin:2px}.roles-main [hidden]{display:none!important}@media(max-width:650px){.roles-main{padding:0 14px;margin-top:20px}.roles-heading{align-items:start}.roles-heading h1{font-size:25px}.permission-checks{grid-template-columns:1fr}.roles-main dialog{padding:20px}.roles-tabs{overflow:auto}}