.Roles-module-scss-module__aRxqwq__page{flex-direction:column;gap:1.5rem;display:flex}.Roles-module-scss-module__aRxqwq__pageHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.Roles-module-scss-module__aRxqwq__pageHeader h1{margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.Roles-module-scss-module__aRxqwq__pageHeader p{color:var(--hk-text-secondary);margin:0}.Roles-module-scss-module__aRxqwq__rolesGrid{grid-template-columns:repeat(1,1fr);gap:1rem;display:grid}@media (min-width:768px){.Roles-module-scss-module__aRxqwq__rolesGrid{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){.Roles-module-scss-module__aRxqwq__rolesGrid{grid-template-columns:repeat(3,1fr)}}.Roles-module-scss-module__aRxqwq__roleCard{background:var(--hk-bg-primary);border:1px solid var(--hk-border-color);border-radius:.5rem;padding:1.25rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.Roles-module-scss-module__aRxqwq__roleCard:hover{border-color:#e6f4f5;box-shadow:0 1px 3px #00000014}.Roles-module-scss-module__aRxqwq__roleHeader{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.Roles-module-scss-module__aRxqwq__roleTitle{margin-bottom:.25rem;font-size:1.125rem;font-weight:600}.Roles-module-scss-module__aRxqwq__roleDescription{color:var(--hk-text-secondary);font-size:.8125rem}.Roles-module-scss-module__aRxqwq__userCount{color:var(--hk-text-muted);align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.Roles-module-scss-module__aRxqwq__permissionsList{border-top:1px solid var(--hk-border-color);margin-top:.75rem;padding-top:.75rem}.Roles-module-scss-module__aRxqwq__permissionsList h4{text-transform:uppercase;color:var(--hk-text-muted);margin-bottom:.5rem;font-size:.75rem;font-weight:600}.Roles-module-scss-module__aRxqwq__permissions{flex-wrap:wrap;gap:.25rem;display:flex}.Roles-module-scss-module__aRxqwq__roleActions{border-top:1px solid var(--hk-border-color);gap:.5rem;margin-top:1rem;padding-top:.75rem;display:flex}.Roles-module-scss-module__aRxqwq__actionBtn{border:1px solid var(--hk-border-color);cursor:pointer;background:0 0;border-radius:.375rem;padding:.5rem .75rem;font-size:.75rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.Roles-module-scss-module__aRxqwq__actionBtn:hover{background:var(--hk-bg-tertiary);color:#007d88}