.role-management-page[data-v-439f99ec]{display:flex;height:100%;background:#f8fafc}.page-main[data-v-439f99ec]{flex:1;min-width:0;padding:.15625rem 0 .208333rem .15625rem;height:100%}.header[data-v-439f99ec]{display:flex;justify-content:space-between;align-items:flex-start;gap:.083333rem;margin-bottom:.125rem}.header h1[data-v-439f99ec]{margin:0 0 .020833rem;color:#0a2647;font-size:.145833rem;font-weight:700}.header p[data-v-439f99ec]{margin:0;color:#64748b;font-size:.072917rem}.action-bar-left[data-v-439f99ec],.action-bar-right[data-v-439f99ec],.header-right[data-v-439f99ec]{display:flex;align-items:center;flex-wrap:wrap;gap:.0625rem}.action-bar[data-v-439f99ec],.permission-sidebar[data-v-439f99ec]{border:.005208rem solid #e5e7eb;border-radius:.0625rem;background:#fff}.action-bar[data-v-439f99ec]{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.083333rem;margin-bottom:.125rem;padding:.104167rem}.action-bar .filter-select[data-v-439f99ec]{width:.729167rem}.action-bar .search-input[data-v-439f99ec]{width:1.458333rem}.action-bar .action-hint[data-v-439f99ec]{width:100%;color:#9ca3af;font-size:.0625rem;line-height:1.6}.roles-grid[data-v-439f99ec]{display:grid;grid-template-columns:repeat(auto-fill,minmax(2.03125rem,1fr));align-content:start;align-items:start;grid-auto-rows:auto;padding:.0625rem .041667rem .166667rem;column-gap:.104167rem;row-gap:.145833rem;height:70%;overflow:auto}.roles-grid .role-card[data-v-439f99ec]{display:flex;flex-direction:column;position:relative;padding:.09375rem;border:.005208rem solid #e5e7eb;border-radius:.0625rem;background:#fff;cursor:pointer;min-height:1.25rem;transition:all .3s}.roles-grid .role-card .role-card-header[data-v-439f99ec]{display:flex;justify-content:space-between;align-items:flex-start;gap:.0625rem;margin-bottom:.0625rem}.roles-grid .role-card .role-card-header .role-info[data-v-439f99ec]{display:flex;align-items:center;gap:.0625rem}.roles-grid .role-card .role-card-header .role-info .role-icon[data-v-439f99ec]{display:inline-flex;align-items:center;justify-content:center;width:.25rem;height:.25rem;border-radius:.0625rem;font-size:.114583rem;flex-shrink:0}.roles-grid .role-card .role-card-header .role-info .role-details .role-name[data-v-439f99ec]{margin-bottom:.020833rem;color:#0a2647;font-size:.083333rem;font-weight:600}.roles-grid .role-card .role-card-header .role-info .role-details .role-meta[data-v-439f99ec]{display:flex;align-items:center;gap:.041667rem;color:#64748b;font-size:.0625rem}.roles-grid .role-card .role-card-header .role-info .role-details .role-meta .role-badge[data-v-439f99ec]{display:inline-block;padding:.010417rem .041667rem;border-radius:.020833rem;font-size:.057292rem;font-weight:500}.roles-grid .role-card .role-card-header .role-info .role-details .role-meta .role-badge.system[data-v-439f99ec]{color:#1e40af;background:#dbeafe}.roles-grid .role-card .role-card-header .role-info .role-details .role-meta .role-badge.custom[data-v-439f99ec]{color:#065f46;background:#d1fae5}.roles-grid .role-card .role-card-header .role-card-actions[data-v-439f99ec]{display:flex;flex-shrink:0;gap:.020833rem}.roles-grid .role-card .role-desc[data-v-439f99ec]{min-height:.177083rem;margin-bottom:.0625rem;color:#64748b;font-size:.067708rem;line-height:1.6}.roles-grid .role-card .permission-overview[data-v-439f99ec]{display:flex;flex-wrap:wrap;gap:.03125rem;margin-bottom:.052083rem;min-height:.145833rem}.roles-grid .role-card .permission-overview .permission-tag[data-v-439f99ec]{padding:.020833rem .052083rem;border:.005208rem solid #e5e7eb;border-radius:.020833rem;color:#64748b;background:#f8fafc;font-size:.0625rem}.roles-grid .role-card .permission-overview .permission-tag.highlight[data-v-439f99ec]{color:#fff;border-color:#0a2647;background:#0a2647}.roles-grid .role-card .role-stats[data-v-439f99ec]{display:flex;gap:.083333rem;margin-top:auto;padding-top:.0625rem;border-top:.005208rem solid #e5e7eb}.roles-grid .role-card .role-stat[data-v-439f99ec]{flex:1;min-width:0;text-align:center}.roles-grid .role-card .role-stat .role-stat-value[data-v-439f99ec]{overflow:hidden;margin-bottom:.010417rem;color:#0a2647;font-size:.09375rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.roles-grid .role-card .role-stat .role-stat-value.small[data-v-439f99ec]{font-size:.067708rem}.roles-grid .role-card .role-stat .role-stat-label[data-v-439f99ec]{color:#9ca3af;font-size:.0625rem}.roles-grid .role-card[data-v-439f99ec]:hover{border-color:#0a2647;box-shadow:0 .041667rem .125rem rgba(10,38,71,.12);transform:translateY(-.010417rem)}.roles-grid .role-card.system[data-v-439f99ec]{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.roles-grid .role-card.disabled[data-v-439f99ec]{background:#f3f4f6;opacity:.62}.roles-grid .role-card.disabled[data-v-439f99ec]:hover{border-color:#e5e7eb;box-shadow:none;transform:none}.permission-sidebar[data-v-439f99ec]{width:15%;height:100%;margin:0 1%;padding:.125rem;align-self:flex-start}.permission-sidebar .sidebar-title[data-v-439f99ec]{display:flex;align-items:center;gap:.041667rem;margin-bottom:.104167rem;color:#0a2647;font-size:.083333rem;font-weight:600}.permission-sidebar .stat-card[data-v-439f99ec]{margin-bottom:.104167rem;padding:.104167rem;border-radius:.0625rem;color:#fff;background:linear-gradient(135deg,#0a2647,#1a365d)}.permission-sidebar .stat-card .stat-card-header[data-v-439f99ec]{margin-bottom:.0625rem;font-size:.0625rem;opacity:.8}.permission-sidebar .stat-card .stat-card-value[data-v-439f99ec]{margin-bottom:.041667rem;font-size:.166667rem;font-weight:700}.permission-sidebar .stat-card .stat-card-footer[data-v-439f99ec]{display:flex;align-items:center;gap:.020833rem;font-size:.0625rem;opacity:.7}.permission-sidebar .stat-card.orange[data-v-439f99ec]{background:linear-gradient(135deg,#ff6b35,#f97316)}.permission-sidebar .quick-title[data-v-439f99ec]{margin-top:.166667rem}.permission-sidebar .quick-actions[data-v-439f99ec]{display:flex;flex-direction:column;gap:.0625rem}.permission-sidebar .quick-actions .quick-action[data-v-439f99ec]{display:flex;align-items:center;gap:.052083rem;padding:.0625rem;border:.005208rem solid #e5e7eb;border-radius:.041667rem;color:#0a2647;background:#f8fafc;font-size:.067708rem;cursor:pointer;transition:all .2s}.permission-sidebar .quick-actions .quick-action .quick-action-icon[data-v-439f99ec]{font-size:.09375rem}.permission-sidebar .quick-actions .quick-action[data-v-439f99ec]:hover{border-color:#0a2647;background:#fff;box-shadow:0 .010417rem .041667rem rgba(10,38,71,.08)}.ai-tip[data-v-439f99ec]{display:flex;gap:.052083rem;margin-bottom:.104167rem;padding:.072917rem .09375rem;border-radius:.052083rem;background:linear-gradient(135deg,#0a2647,#1a365d)}.ai-tip-icon[data-v-439f99ec]{display:inline-flex;align-items:center;justify-content:center;width:.125rem;height:.125rem;border-radius:.03125rem;color:#fff;background:#ff6b35;font-size:.0625rem;flex-shrink:0}.ai-tip-content[data-v-439f99ec]{color:#fff;font-size:.067708rem;line-height:1.6}.ai-tip-highlight[data-v-439f99ec]{color:#ffb699;font-weight:600}.form-row[data-v-439f99ec]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.083333rem}.color-selector[data-v-439f99ec],.copy-options[data-v-439f99ec],.icon-selector[data-v-439f99ec],.role-template-selector[data-v-439f99ec]{display:flex;flex-wrap:wrap;gap:.0625rem}.role-template[data-v-439f99ec]{flex:1;min-width:.78125rem;padding:.083333rem;border:.010417rem solid #e5e7eb;border-radius:.041667rem;text-align:center;cursor:pointer;transition:all .2s}.role-template[data-v-439f99ec]:hover{border-color:#0a2647;background:#f8fafc}.role-template.selected[data-v-439f99ec]{color:#fff;border-color:#0a2647;background:#0a2647}.role-template-name[data-v-439f99ec]{margin-bottom:.020833rem;font-size:.072917rem;font-weight:600}.role-template-desc[data-v-439f99ec]{font-size:.0625rem;opacity:.8}.icon-option[data-v-439f99ec]{display:flex;align-items:center;justify-content:center;width:.25rem;height:.25rem;border:.010417rem solid #e5e7eb;border-radius:.041667rem;background:#fff;font-size:.125rem;cursor:pointer;transition:all .2s}.icon-option.selected[data-v-439f99ec],.icon-option[data-v-439f99ec]:hover{border-color:#0a2647;background:#f8fafc}.color-option[data-v-439f99ec]{width:.1875rem;height:.1875rem;border:.010417rem solid transparent;border-radius:.041667rem;cursor:pointer;transition:all .2s}.color-option[data-v-439f99ec]:hover{transform:scale(1.08)}.color-option.selected[data-v-439f99ec]{border-color:#0a2647;box-shadow:0 0 0 .010417rem #fff,0 0 0 .020833rem #0a2647}.permission-matrix[data-v-439f99ec]{overflow:hidden;border:.005208rem solid #e5e7eb;border-radius:.041667rem}.permission-header[data-v-439f99ec]{display:flex;justify-content:space-between;align-items:center;gap:.0625rem;padding:.083333rem;border-bottom:.005208rem solid #e5e7eb;background:#f8fafc}.permission-section-title[data-v-439f99ec],.permission-title[data-v-439f99ec]{color:#0a2647;font-size:.072917rem;font-weight:600}.permission-body[data-v-439f99ec]{max-height:2.083333rem;overflow-y:auto;padding:.083333rem}.permission-section[data-v-439f99ec]{margin-bottom:.104167rem}.permission-section[data-v-439f99ec]:last-child{margin-bottom:0}.permission-section-title[data-v-439f99ec]{margin-bottom:.0625rem}.permission-items[data-v-439f99ec]{display:grid;gap:.041667rem}.permission-item[data-v-439f99ec]{display:flex;align-items:center;gap:.0625rem;padding:.0625rem;border:.005208rem solid #e5e7eb;border-radius:.03125rem;background:#f8fafc}.permission-item-info[data-v-439f99ec]{flex:1;min-width:.9375rem}.permission-item-name[data-v-439f99ec]{margin-bottom:.010417rem;color:#0a2647;font-size:.072917rem;font-weight:500}.permission-item-desc[data-v-439f99ec]{color:#64748b;font-size:.0625rem}.permission-checkboxes[data-v-439f99ec]{display:flex;flex-wrap:wrap;gap:.041667rem .083333rem}.dialog-footer[data-v-439f99ec]{display:flex;justify-content:flex-end;gap:.0625rem}.primary-btn[data-v-439f99ec]{color:#fff;border-color:#ff6b35;background:#ff6b35}.primary-btn[data-v-439f99ec]:focus,.primary-btn[data-v-439f99ec]:hover{color:#fff;border-color:#f97316;background:#f97316}.outline-btn[data-v-439f99ec]{color:#0a2647;border-color:#e5e7eb;background:#fff}.outline-btn[data-v-439f99ec]:focus,.outline-btn[data-v-439f99ec]:hover{color:#0a2647;border-color:#0a2647;background:#fff}.text-btn[data-v-439f99ec]{padding:.03125rem .041667rem;color:#0a2647}.danger-text[data-v-439f99ec]{color:#dc2626}.full-width[data-v-439f99ec]{width:100%}[data-v-439f99ec] .role-dialog .el-dialog{border-radius:.083333rem}[data-v-439f99ec] .role-dialog .el-dialog__body{padding-top:.041667rem}[data-v-439f99ec] .el-checkbox__input.is-checked .el-checkbox__inner,[data-v-439f99ec] .el-checkbox__input.is-indeterminate .el-checkbox__inner{border-color:#0a2647;background:#0a2647}@media (max-width:1280px){.role-management-page[data-v-439f99ec]{flex-direction:column}.permission-sidebar[data-v-439f99ec]{width:auto;margin:0 .15625rem .166667rem}}@media (max-width:768px){.page-main[data-v-439f99ec]{padding:.104167rem .083333rem}.permission-sidebar[data-v-439f99ec]{margin:0 .083333rem .104167rem}.action-bar-left[data-v-439f99ec],.action-bar-right[data-v-439f99ec],.dialog-footer[data-v-439f99ec],.header-right[data-v-439f99ec],.header[data-v-439f99ec],.permission-header[data-v-439f99ec],.permission-item[data-v-439f99ec]{align-items:stretch;flex-direction:column}.filter-select[data-v-439f99ec],.search-input[data-v-439f99ec]{width:100%}.form-row[data-v-439f99ec],.roles-grid[data-v-439f99ec]{grid-template-columns:1fr}}