.role-page[data-v-a0c47c04]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#f5f5f7;overflow:hidden}.role-page__header[data-v-a0c47c04]{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:16px 24px 12px;-ms-flex-negative:0;flex-shrink:0}.role-page__header-left[data-v-a0c47c04]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2px}.role-page__title[data-v-a0c47c04]{font-size:20px;font-weight:700;color:#1d1d1f;letter-spacing:-.02em;line-height:1.2}.role-page__subtitle[data-v-a0c47c04]{font-size:12px;color:#86868b}.role-page__header-right[data-v-a0c47c04]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.role-add-btn[data-v-a0c47c04]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;padding:6px 14px;border-radius:6px;font-size:12px;font-weight:600;color:#fff;background:#007aff;border:none;cursor:pointer;-webkit-box-shadow:0 2px 8px rgba(0,122,255,.35);box-shadow:0 2px 8px rgba(0,122,255,.35);-webkit-transition:background .15s,-webkit-transform .1s;transition:background .15s,-webkit-transform .1s;transition:background .15s,transform .1s;transition:background .15s,transform .1s,-webkit-transform .1s;white-space:nowrap}.role-add-btn[data-v-a0c47c04]:hover{background:#0071e3}.role-add-btn[data-v-a0c47c04]:active{-webkit-transform:scale(.97);transform:scale(.97)}.role-content-wrap[data-v-a0c47c04]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:0;margin:0 20px 20px;background:#fff;border-radius:12px;overflow:hidden;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.06);box-shadow:0 2px 10px rgba(0,0,0,.06);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.role-search-bar[data-v-a0c47c04]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:12px 16px;border-bottom:.5px solid rgba(0,0,0,.06);-ms-flex-negative:0;flex-shrink:0}.role-search-bar[data-v-a0c47c04],.role-search-main[data-v-a0c47c04]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.role-search-main[data-v-a0c47c04]{gap:8px}.role-search-label[data-v-a0c47c04]{font-size:12px;font-weight:500;color:#1d1d1f;white-space:nowrap}.role-search-field[data-v-a0c47c04]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;width:200px;height:30px;padding:0 10px;border-radius:6px;background:#f5f5f7;border:1px solid transparent;-webkit-transition:border-color .15s,background .15s;transition:border-color .15s,background .15s}.role-search-field[data-v-a0c47c04]:focus-within{background:#fff;border-color:#007aff;-webkit-box-shadow:0 0 0 3px rgba(0,113,227,.15);box-shadow:0 0 0 3px rgba(0,113,227,.15)}.role-search-field .role-search-field__icon[data-v-a0c47c04]{font-size:12px;color:#86868b;-ms-flex-negative:0;flex-shrink:0}.role-search-field .role-search-field__input[data-v-a0c47c04]{-webkit-box-flex:1;-ms-flex:1;flex:1;border:none;background:transparent;font-size:12px;color:#1d1d1f;outline:none;height:100%}.role-search-field .role-search-field__input[data-v-a0c47c04]::-webkit-input-placeholder{color:#86868b}.role-search-field .role-search-field__input[data-v-a0c47c04]::-moz-placeholder{color:#86868b}.role-search-field .role-search-field__input[data-v-a0c47c04]:-ms-input-placeholder{color:#86868b}.role-search-field .role-search-field__input[data-v-a0c47c04]::-ms-input-placeholder{color:#86868b}.role-search-field .role-search-field__input[data-v-a0c47c04]::placeholder{color:#86868b}.role-search-btn[data-v-a0c47c04]{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;border:none;cursor:pointer;background:rgba(0,0,0,.05);color:#3c3c43;-webkit-transition:background .15s;transition:background .15s}.role-search-btn[data-v-a0c47c04]:hover{background:rgba(0,0,0,.09)}.role-search-btn[data-v-a0c47c04]:last-child{background:#007aff;color:#fff}.role-search-btn[data-v-a0c47c04]:last-child:hover{background:#0071e3}.role-table-wrap[data-v-a0c47c04]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:0;overflow:hidden;padding:0 16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#f5f5f7}[data-v-a0c47c04] .role-table-wrap .el-table{background:transparent}[data-v-a0c47c04] .role-table-wrap .el-table:before{display:none}[data-v-a0c47c04] .role-table-wrap .el-table th{background:#f5f5f7!important;color:#86868b;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:6px 0;border-bottom:none!important;border-right:none!important}[data-v-a0c47c04] .role-table-wrap .el-table td{font-size:11px;color:#1d1d1f;padding:8px 0!important;border-bottom:8px solid #f5f5f7!important;border-top:none!important;border-right:none!important;background:#fff!important}[data-v-a0c47c04] .role-table-wrap .el-table tbody tr td:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}[data-v-a0c47c04] .role-table-wrap .el-table tbody tr td:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}[data-v-a0c47c04] .role-table-wrap .el-table tr:hover td{background:#fff!important}.role-name-cell[data-v-a0c47c04]{gap:6px}.role-avatar-icon[data-v-a0c47c04],.role-name-cell[data-v-a0c47c04]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.role-avatar-icon[data-v-a0c47c04]{width:24px;height:24px;border-radius:6px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;-ms-flex-negative:0;flex-shrink:0;line-height:1}.role-name-text[data-v-a0c47c04]{font-size:12px;color:#1d1d1f;font-weight:500}.role-color-cell[data-v-a0c47c04]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px}.role-color-dot[data-v-a0c47c04]{width:12px;height:12px;border-radius:50%;-ms-flex-negative:0;flex-shrink:0;border:1px solid rgba(0,0,0,.08)}.role-color-text[data-v-a0c47c04]{font-size:10px;color:#86868b;font-family:SF Mono,Monaco,monospace}.role-creator-cell[data-v-a0c47c04]{gap:6px}.role-creator-avatar[data-v-a0c47c04],.role-creator-cell[data-v-a0c47c04]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.role-creator-avatar[data-v-a0c47c04]{width:20px;height:20px;border-radius:50%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;-ms-flex-negative:0;flex-shrink:0;line-height:1}.role-creator-name[data-v-a0c47c04]{font-size:12px;color:#1d1d1f}.role-action-icons[data-v-a0c47c04]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}.role-action-icon[data-v-a0c47c04]{font-size:13px;cursor:pointer;padding:3px;border-radius:5px;background:rgba(0,0,0,.06);-webkit-transition:background .15s,-webkit-transform .1s;transition:background .15s,-webkit-transform .1s;transition:background .15s,transform .1s;transition:background .15s,transform .1s,-webkit-transform .1s;line-height:1}.role-action-icon[data-v-a0c47c04]:hover{background:rgba(0,0,0,.12);-webkit-transform:scale(1.1);transform:scale(1.1)}.role-action-icon--blue[data-v-a0c47c04]{color:#007aff}.role-action-icon--red[data-v-a0c47c04]{color:#ff3b30}.role-pagination[data-v-a0c47c04]{padding:10px 16px;border-top:.5px solid rgba(0,0,0,.06);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.apple-tree-box[data-v-a0c47c04]{padding:16px 20px;max-height:50vh;overflow-y:auto}[data-v-a0c47c04] .apple-textarea .el-textarea__inner{min-height:120px!important;border-radius:10px!important;border:1.5px solid rgba(0,0,0,.1)!important;background:rgba(0,0,0,.03)!important;resize:none!important;-webkit-transition:border-color .15s,-webkit-box-shadow .15s!important;transition:border-color .15s,-webkit-box-shadow .15s!important;transition:border-color .15s,box-shadow .15s!important;transition:border-color .15s,box-shadow .15s,-webkit-box-shadow .15s!important}[data-v-a0c47c04] .apple-textarea .el-textarea__inner:focus{border-color:#0071e3!important;-webkit-box-shadow:0 0 0 3px rgba(0,113,227,.15)!important;box-shadow:0 0 0 3px rgba(0,113,227,.15)!important;background:#fff!important}.apple-dialog.el-dialog{border-radius:18px!important;overflow:hidden;-webkit-box-shadow:0 24px 64px rgba(0,0,0,.18),0 8px 24px rgba(0,0,0,.1)!important;box-shadow:0 24px 64px rgba(0,0,0,.18),0 8px 24px rgba(0,0,0,.1)!important;border:none!important}.apple-dialog .el-dialog__header{padding:0!important;border-bottom:none!important}.apple-dialog .el-dialog__body{padding:0!important}.apple-dialog .el-dialog__footer{display:none!important}.apple-dialog__header{gap:12px;padding:20px 20px 0;position:relative}.apple-dialog__header,.apple-dialog__icon-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.apple-dialog__icon-wrap{width:40px;height:40px;border-radius:10px;background:linear-gradient(145deg,#0071e3,#0077ed);color:#fff;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:18px;-ms-flex-negative:0;flex-shrink:0;-webkit-box-shadow:0 3px 10px rgba(0,113,227,.35);box-shadow:0 3px 10px rgba(0,113,227,.35)}.apple-dialog__title-text{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:17px;font-weight:600;color:#1d1d1f;letter-spacing:-.02em}.apple-dialog__close{width:28px;height:28px;border-radius:50%;background:rgba(0,0,0,.06);border:none;cursor:pointer;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;color:#86868b;font-size:13px;-webkit-transition:background .15s;transition:background .15s;-ms-flex-negative:0;flex-shrink:0}.apple-dialog__close:hover{background:rgba(0,0,0,.1);color:#1d1d1f}.apple-form{padding:20px 20px 4px}.apple-form__row{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;margin-bottom:12px}.apple-form__item{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-bottom:0!important}.apple-form__item .el-form-item__content{margin-left:0!important}.apple-form__label{display:block;font-size:12px;font-weight:600;color:#86868b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.apple-input.el-input .el-input__inner,.apple-input .el-input__inner,.apple-input .el-select .el-input__inner{border-radius:10px!important;border:1.5px solid rgba(0,0,0,.1)!important;background:rgba(0,0,0,.03)!important;color:#1d1d1f!important;font-size:14px!important;height:40px!important;line-height:40px!important;-webkit-transition:border-color .15s,-webkit-box-shadow .15s!important;transition:border-color .15s,-webkit-box-shadow .15s!important;transition:border-color .15s,box-shadow .15s!important;transition:border-color .15s,box-shadow .15s,-webkit-box-shadow .15s!important}.apple-input.el-input .el-input__inner:focus,.apple-input .el-input__inner:focus,.apple-input .el-select .el-input.is-focus .el-input__inner{border-color:#0071e3!important;-webkit-box-shadow:0 0 0 3px rgba(0,113,227,.15)!important;box-shadow:0 0 0 3px rgba(0,113,227,.15)!important;background:#fff!important}.apple-input .el-input__inner:disabled{background:rgba(0,0,0,.04)!important;color:#86868b!important;cursor:not-allowed}.apple-dialog__footer{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;padding:16px 20px 20px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;border-top:.5px solid rgba(0,0,0,.08);margin-top:8px}.apple-dialog-btn{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:9px 22px;border-radius:8px;font-size:14px;font-weight:500;border:none;cursor:pointer;-webkit-transition:opacity .15s,-webkit-transform .1s;transition:opacity .15s,-webkit-transform .1s;transition:opacity .15s,transform .1s;transition:opacity .15s,transform .1s,-webkit-transform .1s;letter-spacing:-.01em;min-width:72px}.apple-dialog-btn:active{-webkit-transform:scale(.97);transform:scale(.97);opacity:.85}.apple-dialog-btn--cancel{background:rgba(0,0,0,.06);color:#1d1d1f}.apple-dialog-btn--cancel:hover{background:rgba(0,0,0,.1)}.apple-dialog-btn--confirm{background:#0071e3;color:#fff;-webkit-box-shadow:0 2px 8px rgba(0,113,227,.3);box-shadow:0 2px 8px rgba(0,113,227,.3)}.apple-dialog-btn--confirm:hover{background:#0077ed}.apple-dialog-btn--danger{background:#ff3b30;color:#fff;-webkit-box-shadow:0 2px 8px rgba(255,59,48,.3);box-shadow:0 2px 8px rgba(255,59,48,.3)}.apple-dialog-btn--danger:hover{background:#ff453a}