.version-switcher[data-v-6e5969dd]{background:transparent;border:1px solid #d1d5db;color:#6b7280;padding:4px 10px;border-radius:4px;font-size:11px;cursor:pointer;-webkit-transition:all .15s ease;transition:all .15s ease;white-space:nowrap}.version-switcher.new-version[data-v-6e5969dd]{border-color:#f59e0b;color:#d97706}.version-switcher[data-v-6e5969dd]:hover{background:#f9fafb;border-color:#9ca3af}.version-switcher:hover.new-version[data-v-6e5969dd]{background:#fef3c7;border-color:#d97706}.filter-by-id[data-v-2430a443]{padding:12px;gap:12px;min-width:280px}.filter-by-id .input-container[data-v-2430a443],.filter-by-id[data-v-2430a443]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.filter-by-id .input-container[data-v-2430a443]{gap:6px}.filter-by-id .id-input[data-v-2430a443]{width:100%;height:36px;padding:0 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#1f2937;background:#fff;-webkit-transition:all .2s ease;transition:all .2s ease}.filter-by-id .id-input[data-v-2430a443]:focus{outline:none;border-color:#3b82f6;-webkit-box-shadow:0 0 0 3px rgba(59,130,246,.1);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.filter-by-id .id-input[data-v-2430a443]::-webkit-input-placeholder{color:#9ca3af}.filter-by-id .id-input[data-v-2430a443]::-moz-placeholder{color:#9ca3af}.filter-by-id .id-input[data-v-2430a443]:-ms-input-placeholder{color:#9ca3af}.filter-by-id .id-input[data-v-2430a443]::-ms-input-placeholder{color:#9ca3af}.filter-by-id .id-input[data-v-2430a443]::placeholder{color:#9ca3af}.filter-by-id .filter-footer[data-v-2430a443]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.filter-by-id .filter-footer[data-v-2430a443],.filter-by-id .footer-actions[data-v-2430a443]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.filter-by-id .apply-btn[data-v-2430a443],.filter-by-id .cancel-btn[data-v-2430a443]{height:32px;padding:0 16px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;border:1px solid transparent}.filter-by-id .apply-btn[data-v-2430a443]{background:#3b82f6;color:#fff}.filter-by-id .apply-btn[data-v-2430a443]:hover:not(:disabled){background:#2563eb}.filter-by-id .apply-btn[data-v-2430a443]:disabled{opacity:.5;cursor:not-allowed}.filter-by-id .cancel-btn[data-v-2430a443]{background:#f3f4f6;color:#374151;border-color:#d1d5db}.filter-by-id .cancel-btn[data-v-2430a443]:hover{background:#e5e7eb}.dark .filter-by-id .id-input[data-v-2430a443]{background:#374151;border-color:#4b5563;color:#f9fafb}.dark .filter-by-id .id-input[data-v-2430a443]:focus{border-color:#3b82f6;-webkit-box-shadow:0 0 0 3px rgba(59,130,246,.1);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.dark .filter-by-id .id-input[data-v-2430a443]::-webkit-input-placeholder{color:#9ca3af}.dark .filter-by-id .id-input[data-v-2430a443]::-moz-placeholder{color:#9ca3af}.dark .filter-by-id .id-input[data-v-2430a443]:-ms-input-placeholder{color:#9ca3af}.dark .filter-by-id .id-input[data-v-2430a443]::-ms-input-placeholder{color:#9ca3af}.dark .filter-by-id .id-input[data-v-2430a443]::placeholder{color:#9ca3af}.dark .filter-by-id .cancel-btn[data-v-2430a443]{background:#4b5563;color:#d1d5db;border-color:#6b7280}.dark .filter-by-id .cancel-btn[data-v-2430a443]:hover{background:#6b7280}.filter-by-name[data-v-e7dfb3fa]{padding:12px;gap:12px;min-width:280px}.filter-by-name .input-container[data-v-e7dfb3fa],.filter-by-name[data-v-e7dfb3fa]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.filter-by-name .input-container[data-v-e7dfb3fa]{gap:6px}.filter-by-name .input-with-operator[data-v-e7dfb3fa]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #d1d5db;border-radius:6px;background:#fff;-webkit-transition:all .2s ease;transition:all .2s ease}.filter-by-name .input-with-operator[data-v-e7dfb3fa]:focus-within{border-color:#3b82f6;-webkit-box-shadow:0 0 0 3px rgba(59,130,246,.1);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.filter-by-name .operator-select[data-v-e7dfb3fa]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-width:32px;height:34px;padding:0 8px;border-right:1px solid #e5e7eb;cursor:pointer;background:#f9fafb;border-radius:5px 0 0 5px;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.filter-by-name .operator-select[data-v-e7dfb3fa]:hover{background:#f3f4f6}.filter-by-name .operator-select .operator-symbol[data-v-e7dfb3fa]{font-size:16px;font-weight:600;color:#374151}.filter-by-name .operator-select .operator-menu[data-v-e7dfb3fa]{position:absolute;top:100%;left:0;min-width:120px;background:#fff;border:1px solid #d1d5db;border-radius:6px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:50;overflow:hidden;margin-top:4px}.filter-by-name .operator-select .operator-option[data-v-e7dfb3fa]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;background:#fff;-webkit-transition:background-color .2s ease;transition:background-color .2s ease;border-bottom:1px solid #f3f4f6}.filter-by-name .operator-select .operator-option[data-v-e7dfb3fa]:last-child{border-bottom:none}.filter-by-name .operator-select .operator-option[data-v-e7dfb3fa]:hover{background:#f8fafc}.filter-by-name .operator-select .operator-option .operator-symbol[data-v-e7dfb3fa]{font-size:16px;font-weight:600;color:#5265e8;width:20px;text-align:center}.filter-by-name .operator-select .operator-option .operator-label[data-v-e7dfb3fa]{font-size:14px;color:#374151;font-weight:500}.filter-by-name .name-input[data-v-e7dfb3fa]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:34px;padding:0 12px;border:none;border-radius:0 5px 5px 0;font-size:14px;color:#1f2937;background:transparent;outline:none}.filter-by-name .name-input[data-v-e7dfb3fa]::-webkit-input-placeholder{color:#9ca3af}.filter-by-name .name-input[data-v-e7dfb3fa]::-moz-placeholder{color:#9ca3af}.filter-by-name .name-input[data-v-e7dfb3fa]:-ms-input-placeholder{color:#9ca3af}.filter-by-name .name-input[data-v-e7dfb3fa]::-ms-input-placeholder{color:#9ca3af}.filter-by-name .name-input[data-v-e7dfb3fa]::placeholder{color:#9ca3af}.filter-by-name .filter-footer[data-v-e7dfb3fa]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.filter-by-name .filter-footer[data-v-e7dfb3fa],.filter-by-name .footer-actions[data-v-e7dfb3fa]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.filter-by-name .apply-btn[data-v-e7dfb3fa],.filter-by-name .cancel-btn[data-v-e7dfb3fa]{height:32px;padding:0 16px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;border:1px solid transparent}.filter-by-name .apply-btn[data-v-e7dfb3fa]{background:#3b82f6;color:#fff}.filter-by-name .apply-btn[data-v-e7dfb3fa]:hover:not(:disabled){background:#2563eb}.filter-by-name .apply-btn[data-v-e7dfb3fa]:disabled{opacity:.5;cursor:not-allowed}.filter-by-name .cancel-btn[data-v-e7dfb3fa]{background:#f3f4f6;color:#374151;border-color:#d1d5db}.filter-by-name .cancel-btn[data-v-e7dfb3fa]:hover{background:#e5e7eb}.dark .filter-by-name .input-with-operator[data-v-e7dfb3fa]{background:#374151;border-color:#4b5563}.dark .filter-by-name .input-with-operator[data-v-e7dfb3fa]:focus-within{border-color:#3b82f6;-webkit-box-shadow:0 0 0 3px rgba(59,130,246,.1);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.dark .filter-by-name .operator-select[data-v-e7dfb3fa]{background:#4b5563;border-right-color:#6b7280}.dark .filter-by-name .operator-select[data-v-e7dfb3fa]:hover{background:#6b7280}.dark .filter-by-name .operator-select .operator-symbol[data-v-e7dfb3fa]{color:#d1d5db}.dark .filter-by-name .operator-select .operator-menu[data-v-e7dfb3fa]{background:#374151;border-color:#4b5563;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.25);box-shadow:0 4px 12px rgba(0,0,0,.25)}.dark .filter-by-name .operator-select .operator-option[data-v-e7dfb3fa]{background:#374151;border-bottom-color:#4b5563}.dark .filter-by-name .operator-select .operator-option[data-v-e7dfb3fa]:hover{background:#4b5563}.dark .filter-by-name .operator-select .operator-option .operator-symbol[data-v-e7dfb3fa]{color:#93c5fd}.dark .filter-by-name .operator-select .operator-option .operator-label[data-v-e7dfb3fa]{color:#e5e7eb}.dark .filter-by-name .name-input[data-v-e7dfb3fa]{color:#f9fafb}.dark .filter-by-name .name-input[data-v-e7dfb3fa]::-webkit-input-placeholder{color:#9ca3af}.dark .filter-by-name .name-input[data-v-e7dfb3fa]::-moz-placeholder{color:#9ca3af}.dark .filter-by-name .name-input[data-v-e7dfb3fa]:-ms-input-placeholder{color:#9ca3af}.dark .filter-by-name .name-input[data-v-e7dfb3fa]::-ms-input-placeholder{color:#9ca3af}.dark .filter-by-name .name-input[data-v-e7dfb3fa]::placeholder{color:#9ca3af}.dark .filter-by-name .cancel-btn[data-v-e7dfb3fa]{background:#4b5563;color:#d1d5db;border-color:#6b7280}.dark .filter-by-name .cancel-btn[data-v-e7dfb3fa]:hover{background:#6b7280}.roles-page .loading-permissions[data-v-3723c2eb]{padding:20px;text-align:center;color:#6b7280;font-style:italic}.roles-page .form-section[data-v-3723c2eb]{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e7eb}.roles-page .form-section[data-v-3723c2eb]:last-child{border-bottom:none;margin-bottom:0}.roles-page .section-title[data-v-3723c2eb]{font-size:1.1rem;font-weight:600;color:#374151;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #3b82f6;display:inline-block}.roles-page .section-title .permissions-count[data-v-3723c2eb]{font-size:.9rem;font-weight:500;color:#6b7280;margin-left:.5rem}.roles-page .form-row[data-v-3723c2eb]{display:grid;grid-template-columns:1fr;gap:1rem}@media (max-width:768px){.roles-page .form-row[data-v-3723c2eb]{grid-template-columns:1fr}}.roles-page .form-group[data-v-3723c2eb]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5rem}.roles-page .form-group label[data-v-3723c2eb]{font-weight:500;color:#374151;font-size:.875rem}.roles-page .form-group label.required[data-v-3723c2eb]:after{content:" *";color:#ef4444}.roles-page .form-control[data-v-3723c2eb]{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;-webkit-transition:all .2s ease;transition:all .2s ease}.roles-page .form-control[data-v-3723c2eb]:focus{outline:none;border-color:#3b82f6;-webkit-box-shadow:0 0 0 3px rgba(59,130,246,.1);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.roles-page .form-control[data-v-3723c2eb]::-webkit-input-placeholder{color:#9ca3af}.roles-page .form-control[data-v-3723c2eb]::-moz-placeholder{color:#9ca3af}.roles-page .form-control[data-v-3723c2eb]:-ms-input-placeholder{color:#9ca3af}.roles-page .form-control[data-v-3723c2eb]::-ms-input-placeholder{color:#9ca3af}.roles-page .form-control[data-v-3723c2eb]::placeholder{color:#9ca3af}.roles-page .permissions-container .permission-actions[data-v-3723c2eb]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.5rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.roles-page .permissions-header[data-v-3723c2eb]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:16px}.roles-page .permissions-header .section-title[data-v-3723c2eb]{margin:0;-webkit-box-flex:1;-ms-flex:1;flex:1}.roles-page .permissions-header .permissions-toggle[data-v-3723c2eb]{padding:4px 12px;font-size:12px;border:1px solid #d1d5db;background:#fff;border-radius:4px;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;margin-left:12px;-ms-flex-negative:0;flex-shrink:0}.roles-page .permissions-header .permissions-toggle[data-v-3723c2eb]:hover{background:#f9fafb;border-color:#9ca3af}.roles-page .permissions-by-category[data-v-3723c2eb]{max-height:500px;overflow-y:auto;padding-right:.5rem}.roles-page .permissions-by-category .permission-category[data-v-3723c2eb]{margin-bottom:2rem}.roles-page .permissions-by-category .permission-category[data-v-3723c2eb]:last-child{margin-bottom:0}.roles-page .permissions-by-category .category-title[data-v-3723c2eb]{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:.75rem;text-transform:capitalize}.roles-page .permissions-by-category .category-title .category-count[data-v-3723c2eb]{font-size:.875rem;font-weight:500;color:#6b7280;margin-left:.5rem}.roles-page .permissions-by-category .permission-subcategory[data-v-3723c2eb]{margin-bottom:1.5rem;margin-left:1rem}.roles-page .permissions-by-category .permission-subcategory[data-v-3723c2eb]:last-child{margin-bottom:0}.roles-page .permissions-by-category .subcategory-title[data-v-3723c2eb]{font-size:.9rem;font-weight:500;color:#4b5563;margin-bottom:.5rem;text-transform:capitalize}.roles-page .permissions-by-category .subcategory-title .subcategory-count[data-v-3723c2eb]{font-size:.8rem;font-weight:400;color:#9ca3af;margin-left:.5rem}.roles-page .permissions-grid[data-v-3723c2eb]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem;margin-bottom:1rem}.roles-page .permissions-by-category[data-v-3723c2eb]::-webkit-scrollbar{width:6px}.roles-page .permissions-by-category[data-v-3723c2eb]::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.roles-page .permissions-by-category[data-v-3723c2eb]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.roles-page .permissions-by-category[data-v-3723c2eb]::-webkit-scrollbar-thumb:hover{background:#94a3b8}.roles-page .permission-checkbox[data-v-3723c2eb]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.75rem;cursor:pointer;font-size:.875rem;color:#374151;padding:.5rem;border-radius:.375rem;-webkit-transition:all .2s ease;transition:all .2s ease}.roles-page .permission-checkbox[data-v-3723c2eb]:hover{background-color:#f3f4f6}.roles-page .permission-checkbox input[type=checkbox][data-v-3723c2eb]{display:none}.roles-page .permission-checkbox .checkmark[data-v-3723c2eb]{width:18px;height:18px;border:2px solid #d1d5db;border-radius:.25rem;position:relative;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:all .2s ease;transition:all .2s ease}.roles-page .permission-checkbox .checkmark[data-v-3723c2eb]:after{content:"";position:absolute;display:none;left:5px;top:2px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.roles-page .permission-checkbox input[type=checkbox]:checked+.checkmark[data-v-3723c2eb]{background-color:#3b82f6;border-color:#3b82f6}.roles-page .permission-checkbox input[type=checkbox]:checked+.checkmark[data-v-3723c2eb]:after{display:block}.roles-page .permission-checkbox .permission-name[data-v-3723c2eb]{font-weight:500;-webkit-box-flex:1;-ms-flex:1;flex:1}.roles-page .btn[data-v-3723c2eb]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:.5rem 1rem;border-radius:.375rem;font-weight:500;text-decoration:none;cursor:pointer;-webkit-transition:all .15s ease;transition:all .15s ease}.roles-page .btn.btn-outline[data-v-3723c2eb]{background:transparent;border:1px solid #d1d5db;color:#374151}.roles-page .btn.btn-outline[data-v-3723c2eb]:hover{background:#f9fafb;border-color:#9ca3af}.roles-page .btn.btn-sm[data-v-3723c2eb]{padding:.375rem .75rem;font-size:.875rem}@media (max-width:768px){.roles-page .form-row[data-v-3723c2eb],.roles-page .permissions-grid[data-v-3723c2eb]{grid-template-columns:1fr}.roles-page .permission-actions[data-v-3723c2eb]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5rem}}