.try-version[data-v-930c6706]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:3px;padding:2px 4px 2px 6px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;text-decoration:none;cursor:pointer;-webkit-transition:all .15s ease;transition:all .15s ease}.try-version[data-v-930c6706]:hover{background:#f1f5f9;border-color:#cbd5e1}.try-version:hover .arrow-icon[data-v-930c6706]{-webkit-transform:translateX(1px);transform:translateX(1px)}.try-text[data-v-930c6706]{font-size:10px;font-weight:500;color:#64748b;line-height:1}.badge[data-v-930c6706]{font-size:9px;font-weight:600;color:#fff;padding:2px 5px;border-radius:8px;line-height:1;text-transform:uppercase;letter-spacing:.2px}.new .badge[data-v-930c6706]{background:#5265e8}.classic .badge[data-v-930c6706]{background:#64748b}.arrow-icon[data-v-930c6706]{width:10px;height:10px;-ms-flex-negative:0;flex-shrink:0;opacity:.4;-webkit-transition:-webkit-transform .15s ease;transition:-webkit-transform .15s ease;transition:transform .15s ease;transition:transform .15s ease,-webkit-transform .15s ease}.panel-overlay[data-v-52921f6c]{position:fixed;inset:0;background:rgba(0,0,0,.08);z-index:9999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.panel[data-v-52921f6c]{width:480px;max-width:100%;height:100%;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-shadow:-4px 0 20px rgba(0,0,0,.1);box-shadow:-4px 0 20px rgba(0,0,0,.1)}.panel-header[data-v-52921f6c]{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;padding:14px 18px;border-bottom:1px solid #e5e7eb;-ms-flex-negative:0;flex-shrink:0}.panel-header h3[data-v-52921f6c]{margin:0;font-size:15px;font-weight:600;color:#111}.panel-close[data-v-52921f6c]{width:28px;height:28px;border:none;background:transparent;font-size:20px;color:#9ca3af;cursor:pointer;border-radius:4px;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}.panel-close[data-v-52921f6c]:hover{background:#f3f4f6;color:#374151}.panel-body[data-v-52921f6c]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:16px 18px}.panel-footer[data-v-52921f6c]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;padding:12px 18px;border-top:1px solid #e5e7eb;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.btn-cancel[data-v-52921f6c]{padding:7px 16px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:13px;color:#6b7280;cursor:pointer}.btn-cancel[data-v-52921f6c]:hover{background:#f9fafb}.btn-save[data-v-52921f6c]{padding:7px 20px;border:none;border-radius:6px;background:#3b82f6;font-size:13px;font-weight:500;color:#fff;cursor:pointer}.btn-save[data-v-52921f6c]:hover{background:#2563eb}.btn-save[data-v-52921f6c]:disabled{opacity:.6;cursor:not-allowed}.slide-enter-active[data-v-52921f6c],.slide-leave-active[data-v-52921f6c]{-webkit-transition:opacity .25s ease;transition:opacity .25s ease}.slide-enter-active .panel[data-v-52921f6c],.slide-leave-active .panel[data-v-52921f6c]{-webkit-transition:-webkit-transform .25s ease;transition:-webkit-transform .25s ease;transition:transform .25s ease;transition:transform .25s ease,-webkit-transform .25s ease}.slide-enter-from[data-v-52921f6c],.slide-leave-to[data-v-52921f6c]{opacity:0}.slide-enter-from .panel[data-v-52921f6c],.slide-leave-to .panel[data-v-52921f6c]{-webkit-transform:translateX(100%);transform:translateX(100%)}.rf-field[data-v-52921f6c]{margin-bottom:12px}.rf-field label[data-v-52921f6c]{display:block;font-size:11px;font-weight:500;color:#6b7280;margin-bottom:3px}.rf-field>input[type=text][data-v-52921f6c]{width:100%;height:34px;padding:0 10px;border:1px solid #e5e7eb;border-radius:5px;font-size:13px;color:#111}.rf-field>input[type=text][data-v-52921f6c]:focus{outline:none;border-color:#3b82f6}.rf-field>input[type=text][data-v-52921f6c]::-webkit-input-placeholder{color:#c5c8ce}.rf-field>input[type=text][data-v-52921f6c]::-moz-placeholder{color:#c5c8ce}.rf-field>input[type=text][data-v-52921f6c]:-ms-input-placeholder{color:#c5c8ce}.rf-field>input[type=text][data-v-52921f6c]::-ms-input-placeholder{color:#c5c8ce}.rf-field>input[type=text][data-v-52921f6c]::placeholder{color:#c5c8ce}.rf-field>input[type=text][data-v-52921f6c]:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.rf-hint[data-v-52921f6c]{display:block;font-size:11px;color:#9ca3af;margin-top:3px}.rf-divider[data-v-52921f6c]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:10px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.4px;border-top:1px solid #e5e7eb;padding-top:10px;margin-top:4px;margin-bottom:10px}.rf-divider-label[data-v-52921f6c],.rf-divider[data-v-52921f6c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.rf-divider-label[data-v-52921f6c]{gap:4px}.rf-count[data-v-52921f6c]{font-weight:500;text-transform:none;letter-spacing:0;color:#6b7280}.rf-toggle-btn[data-v-52921f6c]{padding:2px 10px;font-size:11px;border:1px solid #d1d5db;background:#fff;border-radius:4px;cursor:pointer;color:#6b7280}.rf-toggle-btn[data-v-52921f6c]:hover{background:#f9fafb;border-color:#9ca3af}.rf-notice[data-v-52921f6c]{background:#fef3c7;border:1px solid #f59e0b;border-radius:5px;padding:8px 10px;font-size:11px;color:#92400e;margin-bottom:10px}.rf-loading[data-v-52921f6c]{padding:16px;text-align:center;color:#6b7280;font-size:12px;font-style:italic}.rf-permissions[data-v-52921f6c]{max-height:none}.rf-category[data-v-52921f6c]{margin-bottom:14px}.rf-category[data-v-52921f6c]:last-child{margin-bottom:0}.rf-cat-title[data-v-52921f6c]{font-size:12px;font-weight:600;color:#1f2937;margin-bottom:6px;text-transform:capitalize}.rf-cat-count[data-v-52921f6c]{font-size:11px;font-weight:400;color:#9ca3af;margin-left:4px}.rf-subcategory[data-v-52921f6c]{margin-left:8px;margin-bottom:8px}.rf-sub-title[data-v-52921f6c]{font-size:11px;font-weight:500;color:#4b5563;margin-bottom:4px;text-transform:capitalize}.rf-sub-count[data-v-52921f6c]{font-size:10px;font-weight:400;color:#9ca3af;margin-left:4px}.rf-perm-grid[data-v-52921f6c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:2px}.rf-checkbox[data-v-52921f6c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;cursor:pointer;font-size:12px;color:#374151;padding:4px 6px;border-radius:4px;-webkit-transition:background .15s;transition:background .15s}.rf-checkbox[data-v-52921f6c]:hover{background:#f3f4f6}.rf-checkbox.is-locked[data-v-52921f6c]{cursor:not-allowed;opacity:.6}.rf-checkbox.is-locked[data-v-52921f6c]:hover{background:transparent}.rf-checkbox.is-locked .rf-check[data-v-52921f6c]{border-color:#9ca3af}.rf-checkbox.is-locked input:checked+.rf-check[data-v-52921f6c]{background:#9ca3af;border-color:#9ca3af}.rf-checkbox input[data-v-52921f6c]{display:none}.rf-checkbox .rf-check[data-v-52921f6c]{width:16px;height:16px;-ms-flex-negative:0;flex-shrink:0;border:2px solid #d1d5db;border-radius:3px;position:relative;-webkit-transition:all .15s;transition:all .15s}.rf-checkbox .rf-check[data-v-52921f6c]:after{content:"";position:absolute;display:none;left:4px;top:1px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.rf-checkbox input:checked+.rf-check[data-v-52921f6c]{background:#3b82f6;border-color:#3b82f6}.rf-checkbox input:checked+.rf-check[data-v-52921f6c]:after{display:block}.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[data-v-6820d846]{position:relative}