diff --git a/auth-service/src/controllers/roleController.js b/auth-service/src/controllers/roleController.js
index 394b745..452280b 100644
--- a/auth-service/src/controllers/roleController.js
+++ b/auth-service/src/controllers/roleController.js
@@ -11,8 +11,19 @@ export default {
   },
   async getAll(req, res) {
     try {
-      const roles = await Role.findAll({ include: Permission });
-      res.json(roles);
+      const { limit, offset } = req.query;
+      const options = { include: Permission };
+      
+      if (limit && offset) {
+        options.limit = parseInt(limit);
+        options.offset = parseInt(offset);
+      }
+      
+      const roles = await Role.findAndCountAll(options);
+      res.json({
+        rows: roles.rows,
+        count: roles.count
+      });
     } catch (err) {
       res.status(500).json({ error: err.message });
     }
diff --git a/frontend/src/components/SideMenu.js b/frontend/src/components/SideMenu.js
index 74f10ed..95fb4be 100644
--- a/frontend/src/components/SideMenu.js
+++ b/frontend/src/components/SideMenu.js
@@ -18,6 +18,7 @@ const SideMenu = ({ active, onSelect }) => {
         <div className={styles.section}>Администрирование</div>
         <ul>
           <li className={active === 'users' ? styles.active : ''} onClick={() => onSelect('users')}>Управление пользователями</li>
+          <li className={active === 'roles' ? styles.active : ''} onClick={() => onSelect('roles')}>Управление ролями</li>
         </ul>
       </nav>
     </aside>
diff --git a/frontend/src/pages/Dashboard.js b/frontend/src/pages/Dashboard.js
index 5009d90..7473564 100644
--- a/frontend/src/pages/Dashboard.js
+++ b/frontend/src/pages/Dashboard.js
@@ -3,6 +3,7 @@ import SideMenu from '../components/SideMenu';
 import Header from '../components/Header';
 import { useUser } from '../context/UserContext';
 import UsersPage from './UsersPage';
+import RolesPage from './RolesPage';
 import SmtpServersPage from './SmtpServersPage';
 import EmailTemplatesPage from './EmailTemplatesPage';
 import UnsubscribedPage from './UnsubscribedPage';
@@ -22,6 +23,7 @@ const Dashboard = () => {
   function renderPage() {
     switch (active) {
       case 'users': return <UsersPage />;
+      case 'roles': return <RolesPage />;
       case 'smtp': return <SmtpServersPage />;
       case 'template': return <EmailTemplatesPage />;
       case 'unsubscribed': return <UnsubscribedPage />;