diff --git a/Controllers/WeatherForecastController.cs b/Controllers/WeatherForecastController.cs
deleted file mode 100644
index e1a0ae3..0000000
--- a/Controllers/WeatherForecastController.cs
+++ /dev/null
@@ -1,33 +0,0 @@
-using Microsoft.AspNetCore.Mvc;
-
-namespace WebEditor.Controllers
-{
-    [ApiController]
-    [Route("[controller]")]
-    public class WeatherForecastController : ControllerBase
-    {
-        private static readonly string[] Summaries = new[]
-        {
-            "Freezing", "Bracing", "Chilly", "Cool", "Mild", "Warm", "Balmy", "Hot", "Sweltering", "Scorching"
-        };
-
-        private readonly ILogger<WeatherForecastController> _logger;
-
-        public WeatherForecastController(ILogger<WeatherForecastController> logger)
-        {
-            _logger = logger;
-        }
-
-        [HttpGet(Name = "GetWeatherForecast")]
-        public IEnumerable<WeatherForecast> Get()
-        {
-            return Enumerable.Range(1, 5).Select(index => new WeatherForecast
-            {
-                Date = DateOnly.FromDateTime(DateTime.Now.AddDays(index)),
-                TemperatureC = Random.Shared.Next(-20, 55),
-                Summary = Summaries[Random.Shared.Next(Summaries.Length)]
-            })
-            .ToArray();
-        }
-    }
-}
diff --git a/Program.cs b/Program.cs
index 25539c1..fd003d7 100644
--- a/Program.cs
+++ b/Program.cs
@@ -11,12 +11,12 @@ public static void Main(string[] args)
         {
             var builder = WebApplication.CreateBuilder(args);
 
-            // База данных
+            // DATABASE
             builder.Services.AddDbContext<ServerWebDataBaseContext>(options =>
                 options.UseSqlServer(
                     builder.Configuration.GetConnectionString("Default")));
 
-            // Сервисы
+            // SEVICES
             builder.Services.AddSingleton<OpenAiService>();
 
             // CORS
@@ -36,14 +36,7 @@ public static void Main(string[] args)
             app.UseHttpsRedirection();
             app.UseCors();
 
-            // Тест БД
-            app.MapGet("/test-db", async (ServerWebDataBaseContext db) =>
-            {
-                var ok = await db.Database.CanConnectAsync();
-                return Results.Ok(ok ? "БД подключена!" : "Ошибка подключения");
-            });
-
-            // Эндпоинты
+            // ENDPOINTS
             app.MapAnalysisEndpoints();
 
             app.Run();
diff --git a/Services/OpenAiService.cs b/Services/OpenAiService.cs
index 685ef8f..468e108 100644
--- a/Services/OpenAiService.cs
+++ b/Services/OpenAiService.cs
@@ -76,7 +76,7 @@ public async Task<string> AnalyzeTextAsync(string text, string language = "ru")
                 var requestBody = new
                 {
                     model = _model,
-                    temperature = 0.1, // низкая температура = точнее и стабильнее
+                    temperature = 0.1, // TEMPERATURE MODELS (0.1 = focused and deterministic, 0.9 = creative and random)
                     messages = new[]
                     {
                         new { role = "system", content = systemPrompt },
@@ -103,7 +103,7 @@ public async Task<string> AnalyzeTextAsync(string text, string language = "ru")
                     .GetProperty("content")
                     .GetString();
 
-                // Очищаем на случай если модель всё же добавила markdown
+                // DELETE MARKDOWN
                 resultText = resultText?
                     .Replace("```json", "")
                     .Replace("```", "")
diff --git a/WeatherForecast.cs b/WeatherForecast.cs
deleted file mode 100644
index 79eed00..0000000
--- a/WeatherForecast.cs
+++ /dev/null
@@ -1,13 +0,0 @@
-namespace WebEditor
-{
-    public class WeatherForecast
-    {
-        public DateOnly Date { get; set; }
-
-        public int TemperatureC { get; set; }
-
-        public int TemperatureF => 32 + (int)(TemperatureC / 0.5556);
-
-        public string? Summary { get; set; }
-    }
-}
diff --git a/client/src/App.js b/client/src/App.js
index 65037a7..cedae0a 100644
--- a/client/src/App.js
+++ b/client/src/App.js
@@ -1,20 +1,21 @@
-import Editor  from './components/Editor'
-import Results from './components/Results'
+import { useState } from 'react'
+import Editor      from './components/Editor'
+import Results     from './components/Results'
+import ReportModal from './components/ReportModal'
 import { useAnalysis } from './hooks/useAnalysis'
 
 export default function App() {
   const { result, loading, error, analyze, exportReport, reset } = useAnalysis()
+  const [showReport, setShowReport] = useState(false)
+  const [editorText, setEditorText] = useState('')
 
   const handleAnalyze = async (text, language) => {
+    setEditorText(text)
     return await analyze(text, language)
   }
 
-  const handleExport = (format, text, language) => {
-    exportReport(format, text, result, language)
-  }
-
-  const handleClear = () => {
-    reset()
+  const handleExport = (format) => {
+    exportReport(format, editorText, result, 'ru')
   }
 
   return (
@@ -28,8 +29,8 @@ export default function App() {
         issues={result?.issues}
         result={result}
         onAnalyze={handleAnalyze}
-        onExport={handleExport}
-        onClear={handleClear}
+        onOpenReport={() => setShowReport(true)}
+        onClear={reset}
       />
 
       {error && (
@@ -45,6 +46,16 @@ export default function App() {
       )}
 
       <Results result={result} />
+
+      {showReport && (
+        <ReportModal
+          result={result}
+          text={editorText}
+          language="ru"
+          onClose={() => setShowReport(false)}
+          onExport={handleExport}
+        />
+      )}
     </div>
   )
 }
\ No newline at end of file
diff --git a/client/src/components/Editor.jsx b/client/src/components/Editor.jsx
index 4091a8a..27e5dd3 100644
--- a/client/src/components/Editor.jsx
+++ b/client/src/components/Editor.jsx
@@ -9,7 +9,7 @@ import { DecorationSet } from 'prosemirror-view'
 import IssuePopup from './IssuePopup'
 import Toolbar from './Toolbar'
 
-export default function Editor({ onAnalyze, onExport, loading, issues, result }) {
+export default function Editor({ onAnalyze, onExport, loading, issues, result, onOpenReport }) {
   const [detectedLang, setDetectedLang] = useState('ru')
   const [langTimer,    setLangTimer]    = useState(null)
   const [popup,        setPopup]        = useState(null)
@@ -108,7 +108,7 @@ export default function Editor({ onAnalyze, onExport, loading, issues, result })
         hasResult={!!result}
         onAnalyze={handleAnalyze}
         onClear={handleClear}
-        onExport={handleExport}
+        onOpenReport={onOpenReport}
       />
 
       {/* Легенда */}
diff --git a/client/src/components/ReportModal.jsx b/client/src/components/ReportModal.jsx
new file mode 100644
index 0000000..4da4b16
--- /dev/null
+++ b/client/src/components/ReportModal.jsx
@@ -0,0 +1,358 @@
+import { useState } from 'react'
+import { CATEGORY_COLORS } from '../constants/categories'
+
+const CATEGORY_ICONS = {
+  'Орфография':  '🔤',
+  'Пунктуация':  '✍️',
+  'Грамматика':  '📖',
+  'Тавтология':  '🔁',
+  'Стиль':       '🎨',
+  'Канцеляризм': '📋',
+}
+
+function HighlightedText({ text, issues }) {
+  if (!text || !issues?.length) return <p>{text}</p>
+
+  // Собираем все вхождения с их индексами
+  const marks = []
+  issues.forEach((issue, issueIdx) => {
+    if (!issue.original) return
+    let start = 0
+    while (true) {
+      const idx = text.indexOf(issue.original, start)
+      if (idx === -1) break
+      marks.push({
+        from:     idx,
+        to:       idx + issue.original.length,
+        color:    CATEGORY_COLORS[issue.category] || '#E2E8F0',
+        issueIdx
+      })
+      start = idx + 1
+    }
+  })
+
+  // Сортируем по позиции
+  marks.sort((a, b) => a.from - b.from)
+
+  // Строим части текста
+  const parts = []
+  let cursor = 0
+
+  marks.forEach(({ from, to, color, issueIdx }) => {
+    if (from < cursor) return // перекрытие — пропускаем
+    if (cursor < from) {
+      parts.push(
+        <span key={`t-${cursor}`}>{text.slice(cursor, from)}</span>
+      )
+    }
+    parts.push(
+      <mark
+        key={`m-${issueIdx}-${from}`}
+        style={{
+          backgroundColor: color,
+          borderRadius:    '3px',
+          padding:         '1px 2px',
+          fontWeight:      500
+        }}
+      >
+        {text.slice(from, to)}
+      </mark>
+    )
+    cursor = to
+  })
+
+  if (cursor < text.length) {
+    parts.push(<span key="tail">{text.slice(cursor)}</span>)
+  }
+
+  return (
+    <p style={{
+      lineHeight:  '2',
+      fontSize:    '15px',
+      color:       '#1e293b',
+      whiteSpace:  'pre-wrap',
+      wordBreak:   'break-word'
+    }}>
+      {parts}
+    </p>
+  )
+}
+
+export default function ReportModal({ result, text, language, onClose, onExport }) {
+  const [selectedFormat, setSelectedFormat] = useState('docx')
+  const [activeCategory, setActiveCategory] = useState(null)
+
+  if (!result) return null
+
+  const issues   = result.issues   || []
+  const stats    = result.statistics || {}
+  const grouped  = issues.reduce((acc, issue) => {
+    if (!acc[issue.category]) acc[issue.category] = []
+    acc[issue.category].push(issue)
+    return acc
+  }, {})
+
+  const categories   = Object.keys(grouped)
+  const filteredIssues = activeCategory
+    ? grouped[activeCategory] || []
+    : issues
+
+  return (
+    // Затемнённый фон
+    <div
+      onClick={(e) => e.target === e.currentTarget && onClose()}
+      style={{
+        position:        'fixed',
+        inset:           0,
+        backgroundColor: 'rgba(0,0,0,0.6)',
+        zIndex:          1000,
+        display:         'flex',
+        alignItems:      'center',
+        justifyContent:  'center',
+        padding:         '24px'
+      }}
+    >
+      {/* Основное окно */}
+      <div style={{
+        width:           '100%',
+        maxWidth:        '1100px',
+        height:          '85vh',
+        backgroundColor: '#f8fafc',
+        borderRadius:    '16px',
+        display:         'flex',
+        flexDirection:   'column',
+        overflow:        'hidden',
+        boxShadow:       '0 24px 60px rgba(0,0,0,0.3)'
+      }}>
+
+        {/* Шапка */}
+        <div style={{
+          display:         'flex',
+          alignItems:      'center',
+          justifyContent:  'space-between',
+          padding:         '16px 24px',
+          backgroundColor: '#fff',
+          borderBottom:    '1px solid #e2e8f0'
+        }}>
+          <div>
+            <h2 style={{ margin: 0, fontSize: '18px', color: '#1e293b' }}>
+              Отчёт анализа текста
+            </h2>
+            <span style={{ fontSize: '13px', color: '#64748b' }}>
+              Найдено проблем: {issues.length} · Слов: {stats.wordCount} · Предложений: {stats.sentenceCount}
+            </span>
+          </div>
+          <button
+            onClick={onClose}
+            style={{
+              background:   'none',
+              border:       'none',
+              fontSize:     '22px',
+              cursor:       'pointer',
+              color:        '#94a3b8',
+              lineHeight:   1
+            }}
+          >✕</button>
+        </div>
+
+        {/* Три колонки */}
+        <div style={{ display: 'flex', flex: 1, overflow: 'hidden' }}>
+
+          {/* ===== Левая панель — список ошибок ===== */}
+          <div style={{
+            width:        '280px',
+            minWidth:     '280px',
+            borderRight:  '1px solid #e2e8f0',
+            display:      'flex',
+            flexDirection:'column',
+            backgroundColor: '#fff'
+          }}>
+            {/* Фильтр по категории */}
+            <div style={{
+              padding:      '12px',
+              borderBottom: '1px solid #e2e8f0',
+              display:      'flex',
+              flexWrap:     'wrap',
+              gap:          '6px'
+            }}>
+              <button
+                onClick={() => setActiveCategory(null)}
+                style={{
+                  padding:         '3px 10px',
+                  borderRadius:    '999px',
+                  border:          'none',
+                  cursor:          'pointer',
+                  fontSize:        '12px',
+                  backgroundColor: !activeCategory ? '#4F46E5' : '#f1f5f9',
+                  color:           !activeCategory ? '#fff'     : '#475569'
+                }}
+              >
+                Все ({issues.length})
+              </button>
+              {categories.map(cat => (
+                <button
+                  key={cat}
+                  onClick={() => setActiveCategory(activeCategory === cat ? null : cat)}
+                  style={{
+                    padding:         '3px 10px',
+                    borderRadius:    '999px',
+                    border:          'none',
+                    cursor:          'pointer',
+                    fontSize:        '12px',
+                    backgroundColor: activeCategory === cat
+                      ? CATEGORY_COLORS[cat]
+                      : '#f1f5f9',
+                    color:           '#1e293b'
+                  }}
+                >
+                  {CATEGORY_ICONS[cat]} {cat} ({grouped[cat].length})
+                </button>
+              ))}
+            </div>
+
+            {/* Список ошибок */}
+            <div style={{ overflowY: 'auto', flex: 1, padding: '8px' }}>
+              {filteredIssues.map((issue, i) => (
+                <div
+                  key={i}
+                  style={{
+                    padding:         '10px 12px',
+                    borderRadius:    '8px',
+                    marginBottom:    '6px',
+                    backgroundColor: '#f8fafc',
+                    border:          '1px solid #e2e8f0'
+                  }}
+                >
+                  <div style={{ display: 'flex', alignItems: 'center', gap: '6px', marginBottom: '6px' }}>
+                    <span style={{
+                      backgroundColor: CATEGORY_COLORS[issue.category] || '#e2e8f0',
+                      padding:         '1px 8px',
+                      borderRadius:    '999px',
+                      fontSize:        '11px',
+                      color:           '#1e293b'
+                    }}>
+                      {issue.category}
+                    </span>
+                  </div>
+                  <p style={{ margin: '0 0 6px', fontSize: '12px', color: '#64748b' }}>
+                    {issue.description}
+                  </p>
+                  <div style={{ fontSize: '12px' }}>
+                    <div style={{ color: '#dc2626', marginBottom: '2px' }}>
+                      ✗ {issue.original}
+                    </div>
+                    <div style={{ color: '#16a34a' }}>
+                      ✓ {issue.suggestion}
+                    </div>
+                  </div>
+                </div>
+              ))}
+            </div>
+          </div>
+
+          {/* ===== Центральная часть — текст с подсветкой ===== */}
+          <div style={{
+            flex:            1,
+            overflowY:       'auto',
+            padding:         '24px',
+            backgroundColor: '#fff',
+            borderRight:     '1px solid #e2e8f0'
+          }}>
+            <h3 style={{ margin: '0 0 16px', fontSize: '14px', color: '#64748b', fontWeight: 500 }}>
+              ПРЕДПРОСМОТР ТЕКСТА
+            </h3>
+            <HighlightedText text={text} issues={issues} />
+          </div>
+
+          {/* ===== Правая панель — экспорт ===== */}
+          <div style={{
+            width:           '220px',
+            minWidth:        '220px',
+            padding:         '24px 16px',
+            backgroundColor: '#fff',
+            display:         'flex',
+            flexDirection:   'column',
+            gap:             '24px'
+          }}>
+            <div>
+              <h3 style={{ margin: '0 0 12px', fontSize: '14px', color: '#64748b', fontWeight: 500 }}>
+                ЭКСПОРТ
+              </h3>
+
+              {/* Выбор формата */}
+              <div style={{ display: 'flex', flexDirection: 'column', gap: '8px', marginBottom: '16px' }}>
+                {[
+                  { format: 'docx', label: 'Word (.docx)', icon: '📄', color: '#2563eb' },
+                  { format: 'pdf',  label: 'PDF (.pdf)',   icon: '📕', color: '#dc2626' },
+                ].map(({ format, label, icon, color }) => (
+                  <label
+                    key={format}
+                    style={{
+                      display:         'flex',
+                      alignItems:      'center',
+                      gap:             '10px',
+                      padding:         '10px 12px',
+                      borderRadius:    '8px',
+                      border:          `2px solid ${selectedFormat === format ? color : '#e2e8f0'}`,
+                      cursor:          'pointer',
+                      backgroundColor: selectedFormat === format ? `${color}11` : '#fff',
+                      transition:      'all 0.15s'
+                    }}
+                  >
+                    <input
+                      type="radio"
+                      name="format"
+                      value={format}
+                      checked={selectedFormat === format}
+                      onChange={() => setSelectedFormat(format)}
+                      style={{ display: 'none' }}
+                    />
+                    <span style={{ fontSize: '18px' }}>{icon}</span>
+                    <span style={{ fontSize: '13px', color: '#1e293b', fontWeight: 500 }}>
+                      {label}
+                    </span>
+                  </label>
+                ))}
+              </div>
+
+              {/* Кнопка скачать */}
+              <button
+                onClick={() => onExport(selectedFormat)}
+                style={{
+                  width:           '100%',
+                  padding:         '11px',
+                  backgroundColor: '#4F46E5',
+                  color:           '#fff',
+                  border:          'none',
+                  borderRadius:    '8px',
+                  cursor:          'pointer',
+                  fontSize:        '14px',
+                  fontWeight:      500
+                }}
+              >
+                Скачать отчёт
+              </button>
+            </div>
+
+            {/* Место для будущего функционала */}
+            <div style={{
+              flex:         1,
+              borderRadius: '8px',
+              border:       '1.5px dashed #e2e8f0',
+              display:      'flex',
+              alignItems:   'center',
+              justifyContent: 'center',
+              color:        '#cbd5e1',
+              fontSize:     '12px',
+              textAlign:    'center',
+              padding:      '16px'
+            }}>
+              Здесь будет дополнительный функционал
+            </div>
+          </div>
+
+        </div>
+      </div>
+    </div>
+  )
+}
\ No newline at end of file
diff --git a/client/src/components/Toolbar.jsx b/client/src/components/Toolbar.jsx
index 6afd7f8..401e837 100644
--- a/client/src/components/Toolbar.jsx
+++ b/client/src/components/Toolbar.jsx
@@ -1,24 +1,24 @@
 import { useState } from 'react'
 
-export default function Toolbar({ loading, hasResult, onAnalyze, onClear, onExport }) {
+export default function Toolbar({ loading, hasResult, onAnalyze, onClear, onOpenReport, onExport }) {
   const [showExportMenu, setShowExportMenu] = useState(false)
 
   return (
     <div style={{ display: 'flex', gap: '10px', marginTop: '14px', position: 'relative' }}>
-
+      
       {/* Анализировать */}
       <button
         onClick={onAnalyze}
         disabled={loading}
         style={{
-          padding:         '10px 28px',
+          padding: '10px 28px',
           backgroundColor: loading ? '#94a3b8' : '#4F46E5',
-          color:           '#fff',
-          border:          'none',
-          borderRadius:    '8px',
-          cursor:          loading ? 'not-allowed' : 'pointer',
-          fontSize:        '15px',
-          fontWeight:      500
+          color: '#fff',
+          border: 'none',
+          borderRadius: '8px',
+          cursor: loading ? 'not-allowed' : 'pointer',
+          fontSize: '15px',
+          fontWeight: 500
         }}
       >
         {loading ? 'Анализирую...' : 'Анализировать'}
@@ -28,78 +28,76 @@ export default function Toolbar({ loading, hasResult, onAnalyze, onClear, onExpo
       <button
         onClick={onClear}
         style={{
-          padding:         '10px 20px',
+          padding: '10px 20px',
           backgroundColor: '#f1f5f9',
-          color:           '#475569',
-          border:          '1px solid #e2e8f0',
-          borderRadius:    '8px',
-          cursor:          'pointer',
-          fontSize:        '15px'
+          color: '#475569',
+          border: '1px solid #e2e8f0',
+          borderRadius: '8px',
+          cursor: 'pointer',
+          fontSize: '15px'
         }}
       >
         Очистить
       </button>
 
-      {/* Скачать — только если есть результат */}
+      {/* Кнопка отчета — только если есть результат */}
       {hasResult && (
-        <div style={{ position: 'relative' }}>
-          <button
-            onClick={() => setShowExportMenu(v => !v)}
-            style={{
-              padding:         '10px 20px',
-              backgroundColor: '#0ea5e9',
-              color:           '#fff',
-              border:          'none',
-              borderRadius:    '8px',
-              cursor:          'pointer',
-              fontSize:        '15px'
-            }}
-          >
-            Скачать отчёт ▾
-          </button>
+        <button
+          onClick={onOpenReport}
+          style={{
+            padding: '10px 20px',
+            backgroundColor: '#0ea5e9',
+            color: '#fff',
+            border: 'none',
+            borderRadius: '8px',
+            cursor: 'pointer',
+            fontSize: '15px'
+          }}
+        >
+          Посмотреть отчёт
+        </button>
+      )}
 
-          {/* Выпадающее меню */}
-          {showExportMenu && (
-            <div style={{
-              position:        'absolute',
-              top:             '110%',
-              left:            0,
-              backgroundColor: '#fff',
-              border:          '1px solid #e2e8f0',
-              borderRadius:    '8px',
-              boxShadow:       '0 4px 16px rgba(0,0,0,0.1)',
-              overflow:        'hidden',
-              minWidth:        '160px',
-              zIndex:          50
-            }}>
-              {[
-                { format: 'docx', label: '📄 Word (.docx)', color: '#2563eb' },
-                { format: 'pdf',  label: '📕 PDF (.pdf)',   color: '#dc2626' },
-              ].map(({ format, label, color }) => (
-                <button
-                  key={format}
-                  onClick={() => {
-                    onExport(format)
-                    setShowExportMenu(false)
-                  }}
-                  style={{
-                    display:         'block',
-                    width:           '100%',
-                    padding:         '12px 16px',
-                    textAlign:       'left',
-                    background:      'none',
-                    border:          'none',
-                    cursor:          'pointer',
-                    fontSize:        '14px',
-                    color,
-                    borderBottom:    '1px solid #f1f5f9'
-                  }}
-                >
-                  {label}
-                </button>
-              ))}
-            </div>
-          )}
+      {/* Выпадающее меню экспорта */}
+      {showExportMenu && (
+        <div style={{
+          position: 'absolute',
+          top: '110%',
+          left: 0,
+          backgroundColor: '#fff',
+          border: '1px solid #e2e8f0',
+          borderRadius: '8px',
+          boxShadow: '0 4px 16px rgba(0,0,0,0.1)',
+          overflow: 'hidden',
+          minWidth: '160px',
+          zIndex: 50
+        }}>
+          {[
+            { format: 'docx', label: '📄 Word (.docx)', color: '#2563eb' },
+            { format: 'pdf', label: '📕 PDF (.pdf)', color: '#dc2626' },
+          ].map(({ format, label, color }) => (
+            <button
+              key={format}
+              onClick={() => {
+                onExport(format)
+                setShowExportMenu(false)
+              }}
+              style={{
+                display: 'block',
+                width: '100%',
+                padding: '12px 16px',
+                textAlign: 'left',
+                background: 'none',
+                border: 'none',
+                cursor: 'pointer',
+                fontSize: '14px',
+                color,
+                borderBottom: '1px solid #f1f5f9'
+              }}
+            >
+              {label}
+            </button>
+          ))}
         </div>
       )}
     </div>