.roles .title[data-v-6d667398]{display:flex;flex-direction:column}.roles .title .title-text[data-v-6d667398]{align-items:center;display:flex;gap:10px}.roles .title .title-text .btn-back[data-v-6d667398]{align-items:center;background-color:var(--bg-secondary);border-radius:var(--btn-border-radius);color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.roles .title .title-text .btn-back[data-v-6d667398]:hover{transform:scale(1.1)}.roles .title .title-text h3[data-v-6d667398]{color:var(--text-primary);font-size:24px;font-weight:700}.roles .title .date-update[data-v-6d667398]{align-items:center;border-bottom:1px solid var(--border);border-top:1px solid var(--border);display:flex;gap:15px;margin-top:20px;padding:15px 0;width:100%}.roles .title .date-update div[data-v-6d667398]{align-items:center;display:flex;gap:8px}.roles .title .date-update div span[data-v-6d667398]{color:var(--text-primary);font-weight:700}.roles .title .date-update div p[data-v-6d667398]{color:var(--text-secondary);font-weight:400}.roles .content-role{display:flex;flex-direction:column}.roles .content-role a{color:var(--text-primary);font-size:14px;font-weight:700;text-decoration:underline}.roles .content-role h3{color:var(--text-primary);font-size:18px;font-weight:700;margin-bottom:12px;margin-top:28px}.roles .content-role .content p{color:var(--text-secondary);font-size:14px;line-height:1.6;margin-bottom:12px}.roles .content-role--disabled{padding:40px 0}.roles .content-role--disabled p{color:var(--text-secondary);font-size:14px}