.roles-management[data-v-3255349c]{background:#fff;border-radius:8px;padding:20px;height:100%;display:flex;flex-direction:column}.page-header[data-v-3255349c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--border-light)}.page-title[data-v-3255349c]{font-size:16px;font-weight:500;display:flex;align-items:center}.page-title i[data-v-3255349c]{margin-right:8px;font-size:18px}.page-info[data-v-3255349c]{font-size:14px;color:var(--text-secondary);display:flex;align-items:center}.page-info .count[data-v-3255349c]{color:var(--primary-color);font-weight:500}.buy-link[data-v-3255349c]{color:var(--danger-color);padding:0;font-size:14px}.filter-section[data-v-3255349c]{display:flex;justify-content:space-between;margin-bottom:20px;align-items:center}.filter-left[data-v-3255349c]{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.search-input[data-v-3255349c]{width:220px}.date-filters[data-v-3255349c],.filter-right[data-v-3255349c]{display:flex;gap:10px}.table-section[data-v-3255349c]{flex:1;margin-bottom:20px;position:relative}.empty-state[data-v-3255349c]{text-align:center;padding:60px 0;color:var(--text-tertiary)}.empty-state i[data-v-3255349c]{font-size:48px;margin-bottom:16px;display:block}.empty-state p[data-v-3255349c]{font-size:16px;margin:0}.pagination-section[data-v-3255349c]{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.pagination-info[data-v-3255349c]{font-size:14px;color:var(--text-secondary);display:flex;align-items:center}.pagination-info .el-select[data-v-3255349c]{margin:0 5px;width:70px}.role-form[data-v-3255349c]{padding:0 20px}.role-form .el-form-item[data-v-3255349c]{margin-bottom:20px}.role-form .el-form-item__label[data-v-3255349c]{color:var(--text-secondary);font-weight:400}.role-form .el-form-item.is-required .el-form-item__label[data-v-3255349c]:before{content:"*";color:var(--danger-color);margin-right:4px}.permissions-section[data-v-3255349c]{border:1px solid var(--border-medium);border-radius:4px;padding:15px;background-color:var(--bg-secondary)}.permissions-section h4[data-v-3255349c]{margin:0 0 15px 0;color:var(--text-primary);font-size:16px}.permission-group[data-v-3255349c]{margin-bottom:20px;padding:10px;background:#fff;border-radius:4px;border:1px solid var(--border-light)}.permission-group h5[data-v-3255349c]{margin:0 0 10px 0;color:var(--primary-color);font-size:14px;font-weight:500}.permission-group .el-checkbox[data-v-3255349c]{margin-right:20px;margin-bottom:8px}.dialog-footer[data-v-3255349c]{text-align:center;padding:20px 0 10px}.dialog-footer .el-button[data-v-3255349c]{margin:0 8px;min-width:100px}.el-dialog__header[data-v-3255349c]{padding:20px 20px 10px;border-bottom:1px solid var(--border-light)}.el-dialog__body[data-v-3255349c]{padding:20px}.el-dialog__footer[data-v-3255349c]{padding:10px 20px 20px;border-top:1px solid var(--border-light)}@media (max-width:1200px){.filter-section[data-v-3255349c]{flex-direction:column;gap:15px;align-items:flex-start}.filter-left[data-v-3255349c]{width:100%}.filter-right[data-v-3255349c]{align-self:flex-end}.date-filters[data-v-3255349c]{flex-wrap:wrap}.pagination-section[data-v-3255349c]{flex-direction:column;gap:15px}}@media (max-width:768px){.page-header[data-v-3255349c]{flex-direction:column;gap:10px;align-items:flex-start}.date-filters[data-v-3255349c]{flex-direction:column;width:100%}.date-filters .el-date-editor[data-v-3255349c]{width:100%}.permission-group .el-checkbox[data-v-3255349c]{margin-right:10px;margin-bottom:10px}}