.modal-overlay[data-v-b85cab4a]{position:fixed;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-b85cab4a]{background:#fff;border-radius:.4rem;overflow:hidden;display:flex;flex-direction:column}.modal-header[data-v-b85cab4a]{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f5f5f5;border-bottom:1px solid #ddd}.modal-title[data-v-b85cab4a]{font-size:1.2rem}.close[data-v-b85cab4a]{background:#e31919;color:#fff;border:none;font-size:1.3rem;line-height:1;padding:.25rem .5rem;cursor:pointer}.modal-body[data-v-b85cab4a]{padding:1rem}.form-group[data-v-b85cab4a]{margin-bottom:1rem}.form-group label[data-v-b85cab4a]{display:block;font-weight:600;margin-bottom:.4rem}.form-group input[data-v-b85cab4a],.form-group textarea[data-v-b85cab4a]{width:100%;padding:.5rem;border:1px solid #bbb;border-radius:.3rem;font-size:.95rem}.form-group textarea[data-v-b85cab4a]{resize:vertical;min-height:80px}.modal-footer[data-v-b85cab4a]{display:flex;justify-content:flex-end;padding:.8rem 1rem;border-top:1px solid #ddd}.btn-save[data-v-b85cab4a]{background:#2786f7;margin-left:.5rem}.btn-cancel[data-v-b85cab4a],.btn-save[data-v-b85cab4a]{color:#fff;padding:.45rem 1rem;border:none;border-radius:.3rem;cursor:pointer}.btn-cancel[data-v-b85cab4a]{background:#aaa}.roles-settings[data-v-b789be04]{padding:1.5rem;font-family:Arial,sans-serif;color:#333}.header[data-v-b789be04]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.header h2[data-v-b789be04]{font-size:1.5rem}.btn-add[data-v-b789be04]{background:#2786f7;color:#fff;padding:.5rem 1rem;border:none;border-radius:.3rem;font-size:.9rem;cursor:pointer}.roles-table[data-v-b789be04]{width:100%;border-collapse:collapse}.roles-table td[data-v-b789be04],.roles-table th[data-v-b789be04]{border:1px solid #ddd;padding:.6rem;text-align:center;font-size:.95rem}.roles-table th[data-v-b789be04]{background:#f5f5f5;font-weight:600}.roles-table tr[data-v-b789be04]:nth-child(2n){background:#fafafa}.btn-view[data-v-b789be04]{background:#2786f7;color:#fff;padding:.4rem .8rem;border:none;border-radius:.25rem;cursor:pointer;font-size:.85rem}