.modal-section-padding[data-v-7d21f232]{padding:14px 16px}@media (max-width:767px){.modal-section-padding[data-v-7d21f232]{padding:12px 14px}}@media (min-width:640px){.modal-section-padding[data-v-7d21f232]{padding:24px 28px}}.modal-title[data-v-7d21f232]{font-size:20px;font-weight:500;margin:0}@media (max-width:767px){.modal-title[data-v-7d21f232]{font-size:18px}}.modal-subtitle[data-v-7d21f232]{color:#6b7280;font-size:14px;line-height:1.45;margin:8px 0 0;text-align:left}@media (max-width:767px){.modal-subtitle[data-v-7d21f232]{display:-webkit-box;font-size:12px;line-height:1.35;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}}.role-badge[data-v-7d21f232]{border-radius:4px;display:inline-block;font-size:14px;font-weight:500;padding:5px 14px}.role-perm-modal[data-v-7d21f232]{display:flex;flex-direction:column;height:min(92vh,100dvh - 1rem);max-height:min(92vh,100dvh - 1rem);min-height:0;overflow:hidden;width:min(1060px,100%)}@media (max-width:767px){.role-perm-modal[data-v-7d21f232]{border-radius:8px;height:calc(100dvh - .5rem);max-height:calc(100dvh - .5rem);width:100%}}.role-perm-modal__header[data-v-7d21f232]{flex-shrink:0}.role-perm-modal__header-copy[data-v-7d21f232]{padding-right:12px}.role-perm-modal__body[data-v-7d21f232]{display:flex;flex:1 1 0;flex-direction:column;gap:12px;min-height:0;overflow:hidden}@media (max-width:767px){.role-perm-modal__body[data-v-7d21f232]{gap:10px}}.role-perm-modal__footer[data-v-7d21f232]{flex-shrink:0}.role-perm-modal__footer-actions[data-v-7d21f232]{align-items:stretch;display:flex;flex-direction:column-reverse;gap:12px;width:100%}@media (min-width:480px){.role-perm-modal__footer-actions[data-v-7d21f232]{align-items:center;flex-direction:row;gap:16px;justify-content:flex-end;margin-left:auto;width:auto}}.modal-close-btn[data-v-7d21f232]{background:transparent;border:0;cursor:pointer;flex-shrink:0}.modal-close-btn img[data-v-7d21f232]{width:40px}.perm-toolbar[data-v-7d21f232]{align-items:flex-end;display:flex;flex-direction:row;flex-wrap:wrap;gap:16px 20px;justify-content:space-between;width:100%}.perm-toolbar__module[data-v-7d21f232]{flex:1 1 100%;min-width:0;width:100%}@media (min-width:640px){.perm-toolbar__module[data-v-7d21f232]{flex:0 0 auto;max-width:min(220px,40vw);width:220px}}.perm-toolbar[data-v-7d21f232] .user-filter-label{text-align:left}.perm-allow-all[data-v-7d21f232]{flex:0 0 auto;justify-content:space-between;margin-bottom:2px;width:100%}@media (min-width:640px){.perm-allow-all[data-v-7d21f232]{justify-content:flex-end;margin-left:auto;width:auto}}.perm-allow-all__label[data-v-7d21f232]{color:#374151;font-size:15px;font-weight:500}.role-perm-scroll[data-v-7d21f232]{border:1px solid #e8e8e8;border-radius:4px;flex:1 1 0;min-height:220px;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-color:#c8c8c8 transparent;scrollbar-width:thin}@media (max-width:767px){.role-perm-scroll[data-v-7d21f232]{flex:1 1 auto;min-height:max(48vh,280px)}}.role-perm-scroll[data-v-7d21f232]::-webkit-scrollbar{display:block;width:6px}.role-perm-scroll[data-v-7d21f232]::-webkit-scrollbar-thumb{background:#c8c8c8;border-radius:4px}.perm-empty[data-v-7d21f232]{color:#6b7280;font-size:15px;padding:48px 24px;text-align:center}.role-perm-group-header[data-v-7d21f232]{align-items:stretch;background:#f8f9fa;border-bottom:1px solid #e1eaf3;display:flex}.role-perm-module-select[data-v-7d21f232]{border-right:1px solid #e1eaf3;cursor:pointer;flex-shrink:0;justify-content:center;padding:0 12px;width:52px}.role-perm-group-toggle[data-v-7d21f232]{align-items:center;background:transparent;border:0;cursor:pointer;display:flex;flex:1;justify-content:space-between;min-width:0;padding:14px 18px;text-align:left}.sr-only[data-v-7d21f232]{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.group-title[data-v-7d21f232]{color:#111827;font-size:16px;font-weight:600}.group-count[data-v-7d21f232]{color:#6b7280;font-weight:500}.perm-label[data-v-7d21f232]{color:#1f2937;font-size:16px;line-height:1.4;padding-right:16px}.role-perm-row[data-v-7d21f232]{border-bottom:1px solid #f1f5f9;padding:14px 18px;width:100%}.role-perm-row[data-v-7d21f232]:hover:not(.role-perm-row--locked){background:#fafafa}.role-perm-row--locked[data-v-7d21f232]{cursor:not-allowed;opacity:.55}.ios-checkbox[data-v-7d21f232]{--checkbox-size:24px;align-items:center;cursor:pointer;display:flex;gap:12px;justify-content:space-between;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ios-checkbox input[data-v-7d21f232]{height:0;opacity:0;position:absolute;width:0}.checkbox-wrapper[data-v-7d21f232]{flex-shrink:0;height:var(--checkbox-size);position:relative;width:var(--checkbox-size)}.checkbox-bg[data-v-7d21f232]{background:#fff;border:1px solid #bcbcbc;border-radius:5px;top:0;right:0;bottom:0;left:0;position:absolute;transition:all .2s ease}.checkbox-icon[data-v-7d21f232]{height:80%;top:0;right:0;bottom:0;left:0;margin:auto;position:absolute;transform:scale(0);transition:transform .2s ease;width:80%}.ios-checkbox input:checked+.checkbox-wrapper .checkbox-bg[data-v-7d21f232]{background:var(--primary-color,#7c3aed);border-color:var(--primary-color,#7c3aed)}.ios-checkbox input:checked+.checkbox-wrapper .checkbox-icon[data-v-7d21f232]{transform:scale(.88)}.ios-checkbox input:indeterminate+.checkbox-wrapper .checkbox-bg[data-v-7d21f232]{background:var(--primary-color,#7c3aed);border-color:var(--primary-color,#7c3aed)}.ios-checkbox input:indeterminate+.checkbox-wrapper .checkbox-icon[data-v-7d21f232]{transform:scale(0)}.ios-checkbox input:indeterminate+.checkbox-wrapper .checkbox-bg[data-v-7d21f232]:after{background:#fff;border-radius:1px;content:"";height:2px;left:22%;position:absolute;right:22%;top:50%;transform:translateY(-50%)}.popup-container[data-v-7d21f232]{align-items:center;background:#00000080;box-sizing:border-box;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;overflow-y:auto;padding:1rem;position:fixed;z-index:1200}@media (max-width:767px){.popup-container[data-v-7d21f232]{align-items:stretch;padding:.25rem}}.popup-container--stacked[data-v-7d21f232]{z-index:1201}.popup-content[data-v-7d21f232]{background:#fff;border-radius:6px}.cancle-btn[data-v-7d21f232]{background:#f1f1f1;border-radius:4px;font-size:15px;height:41px;min-width:89px;padding:0 16px;width:100%}@media (min-width:480px){.cancle-btn[data-v-7d21f232]{width:auto}}.create-user-btn[data-v-7d21f232]{background:var(--primary-bg);border-radius:4px;color:#fff;cursor:pointer;font-size:15px;height:41px;min-width:8.9rem;padding:0 16px;width:100%}@media (min-width:480px){.create-user-btn[data-v-7d21f232]{width:auto}}.modal-section-padding[data-v-05f706fd]{padding:16px}@media (min-width:640px){.modal-section-padding[data-v-05f706fd]{padding:24px 28px}}.modal-title[data-v-05f706fd]{font-size:18px;font-weight:500;margin:0}.modal-subtitle[data-v-05f706fd]{color:#6b7280;font-size:14px;margin:8px 0 0}.role-badge[data-v-05f706fd]{border-radius:4px;display:inline-block;font-size:13px;font-weight:500;margin-left:6px;padding:4px 12px}.role-form-modal[data-v-05f706fd]{display:flex;flex-direction:column;max-height:min(92vh,100dvh - 2rem);min-height:0;overflow:hidden;text-align:left;width:min(640px,100%)}.role-form-modal__header[data-v-05f706fd]{flex-shrink:0}.role-form-modal__body[data-v-05f706fd]{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-color:#c8c8c8 transparent;scrollbar-width:thin}.role-form-modal__body[data-v-05f706fd]::-webkit-scrollbar{width:6px}.role-form-modal__body[data-v-05f706fd]::-webkit-scrollbar-thumb{background:#c8c8c8;border-radius:4px}.role-form-modal__footer[data-v-05f706fd]{flex-shrink:0}.role-form-modal__footer-actions[data-v-05f706fd]{align-items:stretch;display:flex;flex-direction:column-reverse;gap:12px;width:100%}@media (min-width:480px){.role-form-modal__footer-actions[data-v-05f706fd]{align-items:center;flex-direction:row;gap:16px;justify-content:flex-end;margin-left:auto;width:auto}}.role-form-body[data-v-05f706fd]{align-items:stretch}.modal-close-btn[data-v-05f706fd]{background:transparent;border:0;cursor:pointer}.modal-close-btn img[data-v-05f706fd]{width:40px}.field-label[data-v-05f706fd]{color:#111827;display:block;font-size:15px;font-weight:500;text-align:left;width:100%}.field-hint[data-v-05f706fd]{color:#6b7280;font-size:13px;margin:0}.field-input[data-v-05f706fd]{border:1px solid #e1eaf3;border-radius:5px;font-size:15px;outline:none;padding:12px 14px;width:100%}.field-input[data-v-05f706fd]:focus{border-color:var(--primary-color,#7c3aed);box-shadow:0 0 0 2px #7c3aed1f}.field-input--compact[data-v-05f706fd]{max-width:220px}.field-textarea[data-v-05f706fd]{min-height:88px;resize:vertical}.color-swatches[data-v-05f706fd]{display:flex;flex-wrap:wrap;gap:10px}.color-swatch[data-v-05f706fd]{border:2px solid transparent;border-radius:8px;box-shadow:inset 0 0 0 1px #00000014;box-sizing:border-box;cursor:pointer;height:36px;width:36px}.color-swatch--active[data-v-05f706fd]{border-color:#1c1c1c;box-shadow:none;transform:scale(1.05)}.color-swatch[data-v-05f706fd]:disabled{cursor:default;opacity:1}.active-row[data-v-05f706fd]{align-items:center;border-top:1px solid #f1f5f9;display:flex;gap:16px;justify-content:space-between;padding:12px 0 4px}.active-row__copy[data-v-05f706fd]{flex:1;min-width:0}.assign-perm-block[data-v-05f706fd]{align-items:stretch;border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:10px;margin-top:4px;padding:16px 0 0}@media (min-width:520px){.assign-perm-block[data-v-05f706fd]{align-items:center;flex-direction:row;gap:16px;justify-content:space-between}}.assign-perm-btn[data-v-05f706fd]{align-items:center;background:#fff;border:1px solid #e1eaf3;border-radius:4px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;gap:8px;justify-content:center;min-height:44px;padding:10px 18px;width:100%}@media (min-width:520px){.assign-perm-btn[data-v-05f706fd]{flex-shrink:0;width:auto}}.assign-perm-btn[data-v-05f706fd]:hover{background:#f8fafc}.assign-perm-btn[data-v-05f706fd]:disabled{cursor:not-allowed;opacity:.5}.assign-perm-count[data-v-05f706fd]{align-items:center;color:#6b7280;display:flex;font-size:14px;line-height:1.4;margin:0;min-height:44px}@media (min-width:520px){.assign-perm-count[data-v-05f706fd]{flex:1;justify-content:flex-end;min-width:0;text-align:right}}.popup-container[data-v-05f706fd]{align-items:center;background:#00000080;box-sizing:border-box;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;overflow-y:auto;padding:1rem;position:fixed;z-index:1200}.popup-content[data-v-05f706fd]{background:#fff;border-radius:6px}.cancle-btn[data-v-05f706fd]{background:#f1f1f1;border-radius:4px;font-size:15px;height:41px;min-width:89px;padding:0 16px;width:100%}@media (min-width:480px){.cancle-btn[data-v-05f706fd]{width:auto}}.create-user-btn[data-v-05f706fd]{background:var(--primary-bg);border-radius:4px;color:#fff;cursor:pointer;font-size:15px;height:41px;min-width:8.9rem;padding:0 16px;width:100%}@media (min-width:480px){.create-user-btn[data-v-05f706fd]{width:auto}}.switch[data-v-05f706fd]{--secondary-container:var(--primary-color);--primary:#fff;display:inline-block;flex-shrink:0;height:22px;position:relative;width:42px}.switch input[data-v-05f706fd]{display:none}.slider[data-v-05f706fd]{background-color:#f0f0f0;border:1.5px solid #d1d5db;border-radius:30px;box-sizing:border-box;cursor:pointer;top:0;right:0;bottom:0;left:0;position:absolute;transition:background-color .2s ease,border-color .2s ease}.slider[data-v-05f706fd]:before{background-color:#fff;border-radius:20px;box-shadow:0 1px 2px #00000026;content:"";height:14px;left:2px;position:absolute;top:50%;transform:translateY(-50%);transition:transform .2s ease,left .2s ease;width:14px}input:checked+.slider[data-v-05f706fd]{background-color:var(--secondary-container);border-color:var(--secondary-container)}input:checked+.slider[data-v-05f706fd]:before{left:calc(100% - 16px);transform:translateY(-50%)}.content-center[data-v-88887e9c]{justify-content:center}.align-center[data-v-88887e9c],.content-center[data-v-88887e9c],.popup-container[data-v-88887e9c]{align-items:center;display:flex}.popup-container[data-v-88887e9c]{background-color:#00000080;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1200}.popup-delete-content[data-v-88887e9c]{background-color:#fff;border-radius:4px;height:373px;justify-content:center;padding:26px;width:614px}.cancle-btn[data-v-88887e9c]{background:#f1f1f1 0 0 no-repeat padding-box;border-radius:4px;height:41px;width:89px}.create-application-btn[data-v-88887e9c]{background:var(--primary-bg);border-radius:4px;color:#fff;height:41px;padding:3px;width:143px}.delet-content[data-v-88887e9c]{width:545px}.delete-icon[data-v-88887e9c]{height:62px;width:62px}@media (max-width:640px){.delet-content[data-v-88887e9c]{width:275px}.sm-hidden[data-v-88887e9c]{display:none}.popup-delete-content[data-v-88887e9c]{height:auto;padding:32px;width:auto}.create-application-btn[data-v-88887e9c]{height:31px;width:98px}.cancle-btn[data-v-88887e9c]{height:31px;width:68px}.delete-icon[data-v-88887e9c]{height:39px;width:39px}}@media (min-width:640px){.delet-content[data-v-88887e9c]{margin-top:35px}}.role-actions-cell[data-v-4ba43828]{align-items:center;display:flex;justify-content:flex-end;max-width:100%;width:100%}.role-actions-cell--card[data-v-4ba43828]{justify-content:stretch;width:100%}.role-actions-cell--card .role-actions-cell__controls[data-v-4ba43828]{align-items:center;display:flex;gap:0;width:100%}.role-actions-cell--menu[data-v-4ba43828]{justify-content:flex-end;max-width:none;width:auto}.role-actions-cell__controls[data-v-4ba43828]{align-items:center;display:inline-flex;gap:12px;max-width:100%}.role-actions-menu-slot[data-v-4ba43828]{align-items:center;display:flex;flex:0 0 36px;height:36px;justify-content:center;width:36px}.role-actions-menu-slot--card[data-v-4ba43828]{flex:0 0 22px;height:22px;width:22px}.role-view-perms-btn[data-v-4ba43828]{align-items:center;background:#fff;border:1px solid #e8e8e8;border-radius:4px;cursor:pointer;display:inline-flex;flex-shrink:0;height:32px;justify-content:center;min-width:136px;padding:0 14px;transition:background-color .15s ease,border-color .15s ease}.role-view-perms-btn[data-v-4ba43828]:hover{background:#f8f9fa;border-color:#d8d8d8}.role-view-perms-btn--card[data-v-4ba43828]{flex:1 1 auto;height:34px;min-width:0;width:100%}.role-view-perms-btn__text[data-v-4ba43828]{color:#5f6368;font-size:14px;font-weight:500;line-height:1.2;white-space:nowrap}.role-actions-menu[data-v-4ba43828]{display:inline-flex;flex-shrink:0}.action-three-dots[data-v-4ba43828]{align-items:center;background:transparent;border:0;border-radius:9999px;cursor:pointer;display:inline-flex;height:36px;justify-content:center;padding:0;width:36px}.action-three-dots--card[data-v-4ba43828]{height:22px;width:22px}.action-three-dots--card img[data-v-4ba43828]{display:block;height:12px;width:12px}.action-three-dots.active[data-v-4ba43828],.action-three-dots[data-v-4ba43828]:hover{background:var(--primary-color-select-bg,#f1f1f1)}.action-three-dots[data-v-4ba43828]:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}