.env-banner[data-v-42947a76]{width:100%;text-align:center;font-weight:600;padding:6px 0;font-size:14px;letter-spacing:.5px;color:#fff;margin-bottom:1%}.env-banner.dev[data-v-42947a76]{background-color:#dc3545}.env-banner.demo[data-v-42947a76]{background-color:#fd7e14}.spinning[data-v-bc0144ae]{animation:spin-bc0144ae 1s linear infinite}@keyframes spin-bc0144ae{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.roles-page{color:var(--text-main)}.roles-card{border:1px solid var(--border-muted);box-shadow:var(--shadow-md);background:#fff}.roles-card-body{background:linear-gradient(180deg,#fff,#f8fafc)}.roles-toolbar .btn{border-radius:8px;letter-spacing:.01em}.roles-page .btn-primary{background:var(--brand-accent);border-color:var(--brand-accent);box-shadow:0 6px 16px rgba(61,126,255,.18)}.roles-page .btn-primary:focus,.roles-page .btn-primary:hover{background:#2f6ae6;border-color:#2f6ae6}.roles-page .btn-success{background:var(--brand-primary);border-color:var(--brand-primary);box-shadow:0 6px 16px rgba(47,42,94,.18)}.roles-page .btn-success:focus,.roles-page .btn-success:hover{background:#25224f;border-color:#25224f}.roles-page .text-primary{color:var(--brand-accent)!important}.roles-page .form-control,.roles-page .multiselect__tags{border:1px solid var(--border-muted);border-radius:8px}.roles-page .form-control:focus,.roles-page .multiselect__tags:focus-within{border-color:var(--brand-accent);box-shadow:0 0 0 .15rem rgba(61,126,255,.18)}.roles-grid .role-card{border:1px solid var(--border-muted);border-radius:14px;background:#fff;box-shadow:0 8px 20px rgba(15,23,42,.08);display:flex;flex-direction:column;gap:16px;padding:18px;min-height:240px}.roles-grid .role-card-header h5{color:var(--brand-primary);font-weight:700;margin-bottom:4px}.roles-grid .role-pill{background:#eef2ff;color:var(--brand-primary);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700}.roles-grid .role-stat-value{font-size:18px;font-weight:700;color:var(--text-main)}.roles-grid .role-user-chip{background:var(--surface);border:1px solid var(--border-muted);color:var(--text-main);border-radius:999px;padding:4px 10px;font-size:12px;margin-right:6px;margin-bottom:6px;display:inline-flex}.roles-grid .role-action-btn{border-radius:8px;font-weight:600}.roles-grid .role-action-edit{background:var(--brand-accent);border-color:var(--brand-accent);color:#fff}.roles-grid .role-action-delete{background:var(--brand-danger);border-color:var(--brand-danger);color:#fff}#modal-create-role .modal-content,#modal-delete-role .modal-content,#modal-edit-role .modal-content{border-radius:14px;border:1px solid var(--border-muted);box-shadow:var(--shadow-md);background:linear-gradient(180deg,#fff,#f8fafc)}#modal-create-role .modal-header,#modal-delete-role .modal-header,#modal-edit-role .modal-header{border-bottom:1px solid var(--border-muted)}#modal-create-role .modal-title,#modal-delete-role .modal-title,#modal-edit-role .modal-title{color:var(--brand-primary);font-weight:700}#modal-create-role .btn-success,#modal-delete-role .btn-success,#modal-edit-role .btn-success{background:var(--brand-primary);border-color:var(--brand-primary);box-shadow:0 6px 16px rgba(47,42,94,.18)}#modal-create-role .btn-success:focus,#modal-create-role .btn-success:hover,#modal-delete-role .btn-success:focus,#modal-delete-role .btn-success:hover,#modal-edit-role .btn-success:focus,#modal-edit-role .btn-success:hover{background:#25224f;border-color:#25224f}#modal-create-role .btn-danger,#modal-delete-role .btn-danger,#modal-edit-role .btn-danger{background:var(--brand-danger);border-color:var(--brand-danger)}.disabled-link{pointer-events:none;opacity:.5}