diff --git a/.gitignore b/.gitignore
new file mode 100644
index 00000000..bf221b00
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,15 @@
+__pycache__/
+*.pyc
+*.pyo
+
+venv/
+.venv/
+env/
+
+.vscode/
+.idea/
+.DS_Store
+
+*.log
+
+.env
\ No newline at end of file
diff --git a/README.md b/README.md
index 163d41b9..59542afd 100644
--- a/README.md
+++ b/README.md
@@ -1,15 +1,5 @@
 # Безопасность веб-приложений. Лабораторка №2
 
-## Схема сдачи
-
-1. Получить задание
-2. Сделать форк данного репозитория
-3. Выполнить задание согласно полученному варианту
-4. Сделать PR (pull request) в данный репозиторий 
-6. Исправить замечания после code review
-7. Получить approve 
-8. Прийти на занятие и защитить работу
-
 Что нужно проявить в работе:
 - умение разработать завершенное целое веб-приложение, с клиентской и серверной частями (допустимы открытые АПИ)
 - навыки верстки на html в объеме 200-300 тегов
@@ -28,34 +18,4 @@
 - справочники групп, табличные данные по расписаниям добывать с настоящего сайта на серверной стороне приложения
 - в клиентскую часть подгружать эти сведения динамически по JSON-API
 - обеспечить возможность смотреть расписания в разрезе группы или препода
-- обеспечить возможность выбора учебной недели (по умолчанию выбирается автоматически)
-
-## Вариант 2. Аналог Прибывалки для электричек
-
-Сделать веб-версию Прибывалки, только для электричек
-
-Какие нужны возможности:
-- находить желаемую ЖД-станцию поиском по названию и по карте
-- отображать расписания всех проходящих поездов через выбранную станцию
-- отображать расписания для поездов между двумя станциями
-- работа через АПИ Яндекс.Расписаний https://yandex.ru/dev/rasp/doc/ru/ (доступ получите сами)
-- хорошая работа в условиях экрана смартфона
-- бонус: функция "любимых остановок"
-
-## Вариант 3. Прогноз погоды
-
-Сделать одностраничный сайт с картой, на которой можно выбрать населенный пункт и получить прогноз погоды на несколько дней по нему.
-
-Какие нужны возможности:
- - увидеть на карте точки с населенными пунктами. Координаты населенных пунктов взять из https://tochno.st/datasets/allsettlements - но все 150 тысяч не нужно, выберите 1 тысячу с самым большим населением.
- - при нажатии на точку получить всплывающее окошко с графиками изменения температуры, осадков, силы ветра. API для прогнозов возьмите с https://projecteol.ru/ru/ с соблюдением правил.
- - графики рисовать каким-нибудь приличным компонентом, например, https://www.chartjs.org/
- - находить населенный пункт по названию
- - можете реализовать с собственным серверным компонентом или придумать, как обойтись без него
-
-
-
-
-
-
-
+- обеспечить возможность выбора учебной недели (по умолчанию выбирается автоматически)
\ No newline at end of file
diff --git a/app/__init__.py b/app/__init__.py
new file mode 100644
index 00000000..e69de29b
diff --git a/app/models.py b/app/models.py
new file mode 100644
index 00000000..43da1ff9
--- /dev/null
+++ b/app/models.py
@@ -0,0 +1,34 @@
+from typing import List, Optional, Tuple
+from dataclasses import dataclass
+
+@dataclass
+class Lesson:
+    time_start: str
+    time_end: str
+    subject: str
+    lesson_type: str
+    room: Optional[str]
+    teachers: List[dict]
+    groups: List[dict]
+    subgroup: Optional[str]
+    comment: Optional[str]
+
+@dataclass
+class DaySchedule:
+    weekday: str
+    date: Optional[str]
+    date_iso: Optional[str]
+    lessons: List[Lesson]
+
+@dataclass
+class WeekSchedule:
+    week_number: Optional[int]
+    week_label: Optional[str]
+    week_dates: Optional[str]
+    week_start_date: Optional[str]
+    week_end_date: Optional[str]
+    prev_week: Optional[int]
+    next_week: Optional[int]
+    entity_name: str
+    days: List[DaySchedule]
+    time_slots: List[Tuple[str, str]]
\ No newline at end of file
diff --git a/app/parser.py b/app/parser.py
new file mode 100644
index 00000000..2532e8ec
--- /dev/null
+++ b/app/parser.py
@@ -0,0 +1,257 @@
+import re
+from datetime import datetime
+from bs4 import BeautifulSoup
+from typing import List, Tuple, Optional
+from .models import Lesson, DaySchedule, WeekSchedule
+
+def parse_schedule(html: str):
+    """Парсит HTML с расписанием и возвращает структурированные данные"""
+    soup = BeautifulSoup(html, "lxml")
+    
+    container = soup.select_one("div.container.timetable")
+    if not container:
+        container = soup.find("div", class_=re.compile(r"\btimetable\b"))
+    if not container:
+        raise ValueError("Не найден контейнер с расписанием")
+    
+    entity_name = ""
+    h2 = container.find("h2")
+    if h2:
+        entity_name = h2.get_text(" ", strip=True)
+    if not entity_name:
+        h1 = container.find("h1")
+        if h1:
+            text = h1.get_text(" ", strip=True)
+            if "," in text:
+                entity_name = text.split(",", 1)[-1].strip()
+            else:
+                entity_name = text.strip()
+    if not entity_name:
+        entity_name = "—"
+    
+    week_label = None
+    week_elem = container.select_one(".week-nav-current_week")
+    if week_elem:
+        week_label = week_elem.get_text(" ", strip=True)
+    
+    week_number = None
+    if week_label:
+        match = re.search(r"(\d+)", week_label)
+        if match:
+            week_number = int(match.group(1))
+    
+    prev_week = None
+    next_week = None
+    prev_link = container.select_one(".week-nav-prev")
+    if prev_link:
+        href = prev_link.get("href", "")
+        match = re.search(r"selectedWeek=(\d+)", href)
+        if match:
+            prev_week = int(match.group(1))
+    
+    next_link = container.select_one(".week-nav-next")
+    if next_link:
+        href = next_link.get("href", "")
+        match = re.search(r"selectedWeek=(\d+)", href)
+        if match:
+            next_week = int(match.group(1))
+    
+    schedule_grid = container.select_one(".schedule .schedule__items") or \
+                    container.select_one(".schedule__items")
+    if not schedule_grid:
+        raise ValueError("Не найден блок schedule__items")
+    
+    rows = schedule_grid.find_all(recursive=False)
+    if not rows:
+        raise ValueError("Пустой блок расписания")
+    
+    headers = []
+    row_idx = 0
+    while row_idx < len(rows):
+        row_class = rows[row_idx].get("class") or []
+        if "schedule__head" in row_class:
+            headers.append(rows[row_idx])
+            row_idx += 1
+        else:
+            break
+    
+    if len(headers) < 2:
+        raise ValueError("Не удалось найти заголовки дней недели")
+    
+    day_headers = headers[1:]
+    
+    days: List[DaySchedule] = []
+    for header in day_headers:
+        header_text = header.get_text(" ", strip=True)
+        
+        date_match = re.search(r"(\d{2}\.\d{2}\.\d{4})", header_text)
+        date_str = date_match.group(1) if date_match else None
+        
+        dt = None
+        if date_str:
+            try:
+                dt = datetime.strptime(date_str.strip(), "%d.%m.%Y")
+            except ValueError:
+                pass
+        
+        weekday = header_text.replace(date_str, "").strip() if date_str else header_text.strip()
+        weekday = re.sub(r"\s+", " ", weekday) or "—"
+        
+        days.append(DaySchedule(
+            weekday=weekday,
+            date=date_str,
+            date_iso=dt.date().isoformat() if dt else None,
+            lessons=[]
+        ))
+    
+    time_slots: List[Tuple[str, str]] = []
+    
+    while row_idx < len(rows):
+        time_row = rows[row_idx]
+        row_idx += 1
+        
+        if "schedule__time" not in (time_row.get("class") or []):
+            continue
+        
+        time_items = time_row.select(".schedule__time-item")
+        times = [item.get_text(" ", strip=True) for item in time_items]
+        times = [t for t in times if re.search(r"\d{1,2}:\d{2}", t)]
+        
+        time_start = times[0] if len(times) >= 2 else ""
+        time_end = times[1] if len(times) >= 2 else ""
+        
+        if time_start and time_end:
+            if not time_slots or time_slots[-1] != (time_start, time_end):
+                time_slots.append((time_start, time_end))
+        
+        for day_index in range(len(days)):
+            if row_idx >= len(rows):
+                break
+            cell = rows[row_idx]
+            row_idx += 1
+            
+            lessons_in_cell = cell.find_all("div", class_="schedule__lesson", recursive=False)
+            
+            for lesson_elem in lessons_in_cell:
+                lesson_type = lesson_elem.select_one(".schedule__lesson-type-chip")
+                if not lesson_type:
+                    lesson_type = lesson_elem.select_one(".schedule__lesson-type")
+                lesson_type_text = lesson_type.get_text(" ", strip=True) if lesson_type else "—"
+                
+                subject_elem = lesson_elem.select_one(".schedule__discipline")
+                if not subject_elem:
+                    subject_elem = lesson_elem.select_one(".schedule__discipline-name")
+                subject = subject_elem.get_text(" ", strip=True) if subject_elem else "—"
+                
+                room_elem = lesson_elem.select_one(".schedule__place")
+                room = room_elem.get_text(" ", strip=True) if room_elem else None
+                
+                teachers = []
+                teacher_block = lesson_elem.select_one(".schedule__teacher")
+                if teacher_block:
+                    for link in teacher_block.select('a[href*="staffId="]'):
+                        name = link.get_text(" ", strip=True)
+                        staff_id = None
+                        match = re.search(r"staffId=(\d+)", link.get("href", ""))
+                        if match:
+                            staff_id = int(match.group(1))
+                        if name:
+                            teachers.append({"staff_id": staff_id, "name": name})
+                
+                groups = []
+                groups_block = lesson_elem.select_one(".schedule__groups")
+                if groups_block:
+                    for link in groups_block.select('a[href*="groupId="]'):
+                        name = link.get_text(" ", strip=True)
+                        group_id = None
+                        match = re.search(r"groupId=(\d+)", link.get("href", ""))
+                        if match:
+                            group_id = int(match.group(1))
+                        if name:
+                            groups.append({"group_id": group_id, "name": name})
+                
+                subgroup = None
+                for span in lesson_elem.select("span.caption-text"):
+                    text = span.get_text(" ", strip=True)
+                    if text and "подгрупп" in text.lower():
+                        match = re.search(r":\s*(.+)$", text)
+                        if match:
+                            subgroup = match.group(1).strip()
+                        else:
+                            parts = text.split()
+                            if parts:
+                                subgroup = parts[-1].strip()
+                
+                comment = None
+                comment_elem = lesson_elem.select_one(".schedule__comment")
+                if comment_elem:
+                    comment = comment_elem.get_text(" ", strip=True)
+                    if comment and "подгрупп" in comment.lower():
+                        comment = None
+                
+                lesson = Lesson(
+                    time_start=time_start,
+                    time_end=time_end,
+                    subject=subject,
+                    lesson_type=lesson_type_text,
+                    room=room,
+                    teachers=teachers,
+                    groups=groups,
+                    subgroup=subgroup,
+                    comment=comment
+                )
+                days[day_index].lessons.append(lesson)
+    
+    valid_dates = []
+    for d in days:
+        if d.date:
+            try:
+                dt = datetime.strptime(d.date, "%d.%m.%Y")
+                valid_dates.append(dt)
+            except ValueError:
+                pass
+    
+    week_dates = None
+    week_start = None
+    week_end = None
+    
+    if valid_dates:
+        min_date = min(valid_dates)
+        max_date = max(valid_dates)
+        week_start = min_date.date().isoformat()
+        week_end = max_date.date().isoformat()
+        week_dates = f"{min_date.strftime('%d.%m.%Y')} - {max_date.strftime('%d.%m.%Y')}"
+    
+    return {
+        "week_number": week_number,
+        "week_label": week_label or (f"{week_number} неделя" if week_number is not None else None),
+        "week_dates": week_dates,
+        "week_start_date": week_start,
+        "week_end_date": week_end,
+        "prev_week": prev_week,
+        "next_week": next_week,
+        "entity_name": entity_name,
+        "days": [
+            {
+                "weekday": day.weekday,
+                "date": day.date,
+                "date_iso": day.date_iso,
+                "lessons": [
+                    {
+                        "time_start": lesson.time_start,
+                        "time_end": lesson.time_end,
+                        "subject": lesson.subject,
+                        "lesson_type": lesson.lesson_type,
+                        "room": lesson.room,
+                        "teachers": lesson.teachers,
+                        "groups": lesson.groups,
+                        "subgroup": lesson.subgroup,
+                        "comment": lesson.comment
+                    }
+                    for lesson in day.lessons
+                ]
+            }
+            for day in days
+        ],
+        "time_slots": [{"time_start": ts[0], "time_end": ts[1]} for ts in time_slots]
+    }
\ No newline at end of file
diff --git a/app/ssau_client.py b/app/ssau_client.py
new file mode 100644
index 00000000..babda614
--- /dev/null
+++ b/app/ssau_client.py
@@ -0,0 +1,162 @@
+import re
+import requests
+from typing import List, Tuple, Optional, Dict
+from urllib.parse import urljoin, urlparse, parse_qs
+from bs4 import BeautifulSoup
+
+SSAU_BASE = "https://ssau.ru"
+
+class SsauClient:
+    def __init__(self, timeout_seconds: float = 25.0):
+        self._session = requests.Session()
+        self._session.headers.update({
+            "User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36",
+            "Accept": "text/html,application/json;q=0.9,*/*;q=0.8",
+            "Accept-Language": "ru-RU,ru;q=0.9,en;q=0.5",
+        })
+        self._timeout = timeout_seconds
+        self._cached_csrf: Optional[str] = None
+    
+    def fetch_html(self, url: str) -> str:
+        response = self._session.get(url, timeout=self._timeout)
+        response.raise_for_status()
+        return response.text
+    
+    def _ensure_csrf_token(self) -> str:
+        if self._cached_csrf:
+            return self._cached_csrf
+        
+        html = self.fetch_html(urljoin(SSAU_BASE, "/rasp"))
+        
+        match = re.search(r'name="csrf-token"\s+content="([^"]+)"', html, re.IGNORECASE)
+        if not match:
+            match = re.search(r"name='csrf-token'\s+content='([^']+)'", html, re.IGNORECASE)
+        
+        if not match:
+            raise RuntimeError("Не удалось найти csrf-token на странице /rasp")
+        
+        self._cached_csrf = match.group(1)
+        return self._cached_csrf
+    
+    def get_institutes(self) -> List[Tuple[int, str]]:
+        """Получает список институтов/факультетов"""
+        html = self.fetch_html(urljoin(SSAU_BASE, "/rasp"))
+        soup = BeautifulSoup(html, "lxml")
+        
+        links = soup.select('a[href*="/rasp/faculty/"]')
+        institutes: Dict[int, Tuple[int, str]] = {}
+        
+        for a in links:
+            href = a.get("href")
+            if not href:
+                continue
+            
+            abs_url = urljoin(SSAU_BASE, href)
+            match = re.search(r"/rasp/faculty/(\d+)", abs_url)
+            if not match:
+                continue
+            
+            faculty_id = int(match.group(1))
+            name = a.get_text(" ", strip=True)
+            
+            if name and faculty_id not in institutes:
+                institutes[faculty_id] = (faculty_id, name)
+        
+        return sorted(institutes.values(), key=lambda x: x[1].lower())
+    
+    def get_available_courses(self, faculty_id: int) -> List[int]:
+        """Получает доступные курсы для института"""
+        url = urljoin(SSAU_BASE, f"/rasp/faculty/{faculty_id}?course=1")
+        html = self.fetch_html(url)
+        soup = BeautifulSoup(html, "lxml")
+        
+        courses: set = set()
+        
+        for a in soup.select('a[href*="course="]'):
+            href = a.get("href") or ""
+            try:
+                parsed = urlparse(urljoin(SSAU_BASE, href))
+                params = parse_qs(parsed.query)
+                if "course" in params:
+                    course_num = int(params["course"][0])
+                    if 1 <= course_num <= 5:
+                        courses.add(course_num)
+            except (ValueError, TypeError):
+                continue
+        
+        if not courses:
+            courses = {1, 2, 3, 4, 5}
+        
+        return sorted(courses)
+    
+    def get_groups_by_course(self, faculty_id: int, course: int) -> List[Tuple[int, str]]:
+        """Получает группы для института и курса"""
+        url = urljoin(SSAU_BASE, f"/rasp/faculty/{faculty_id}?course={course}")
+        html = self.fetch_html(url)
+        soup = BeautifulSoup(html, "lxml")
+        
+        groups: Dict[int, Tuple[int, str]] = {}
+        
+        for a in soup.select('a[href*="groupId="]'):
+            href = a.get("href")
+            if not href:
+                continue
+            
+            abs_url = urljoin(SSAU_BASE, href)
+            parsed = urlparse(abs_url)
+            params = parse_qs(parsed.query)
+            
+            if "groupId" not in params:
+                continue
+            
+            try:
+                group_id = int(params["groupId"][0])
+                name = a.get_text(" ", strip=True)
+                if name and group_id not in groups:
+                    groups[group_id] = (group_id, name)
+            except (ValueError, TypeError):
+                continue
+        
+        return sorted(groups.values(), key=lambda x: x[1])
+    
+    def search_teachers(self, query: str) -> List[dict]:
+        """Ищет преподавателей по запросу"""
+        csrf = self._ensure_csrf_token()
+        
+        response = self._session.post(
+            urljoin(SSAU_BASE, "/rasp/search"),
+            data={"text": query},
+            headers={
+                "X-CSRF-TOKEN": csrf,
+                "Content-Type": "application/x-www-form-urlencoded",
+                "X-Requested-With": "XMLHttpRequest"
+            },
+            timeout=self._timeout
+        )
+        response.raise_for_status()
+        
+        data = response.json()
+        teachers = []
+        
+        for item in data:
+            if "staffId=" in item.get("url", ""):
+                teachers.append({
+                    "id": item.get("id"),
+                    "name": item.get("text", "")
+                })
+        
+        return teachers
+    
+    def get_schedule_html(self, group_id: int, week: int = 0) -> str:
+        """Получает HTML страницы расписания группы"""
+        url = urljoin(SSAU_BASE, f"/rasp?groupId={group_id}")
+        if week != 0:
+            url += f"&selectedWeek={week}"
+        return self.fetch_html(url)
+    
+    def get_teacher_schedule_html(self, staff_id: int, week: int = 0) -> str:
+        """Получает HTML страницы расписания преподавателя"""
+        url = urljoin(SSAU_BASE, f"/rasp?staffId={staff_id}")
+        if week != 0:
+            url += f"&selectedWeek={week}"
+        return self.fetch_html(url)
\ No newline at end of file
diff --git a/main.py b/main.py
new file mode 100644
index 00000000..9555160c
--- /dev/null
+++ b/main.py
@@ -0,0 +1,103 @@
+from fastapi import FastAPI, Query, HTTPException
+from fastapi.middleware.cors import CORSMiddleware
+from fastapi.staticfiles import StaticFiles
+from fastapi.responses import RedirectResponse
+import uvicorn
+import os
+
+from app.ssau_client import SsauClient
+from app.parser import parse_schedule
+
+app = FastAPI()
+
+app.add_middleware(
+    CORSMiddleware,
+    allow_origins=["*"],
+    allow_methods=["*"],
+    allow_headers=["*"],
+)
+
+client = SsauClient()
+
+@app.get("/api/institutes")
+async def get_institutes():
+    try:
+        institutes = client.get_institutes()
+        return {"institutes": [{"id": inst_id, "name": name} for inst_id, name in institutes]}
+    except Exception as e:
+        print(f"Ошибка: {e}")
+        return {"institutes": []}
+
+@app.get("/api/groups")
+async def get_groups(
+    institute_id: int = Query(None),
+    course: int = Query(None)
+):
+    if course is None:
+        try:
+            courses = client.get_available_courses(institute_id)
+            return {"available_courses": courses}
+        except Exception as e:
+            print(f"Ошибка получения курсов: {e}")
+            return {"available_courses": [1, 2, 3, 4, 5]}
+    else:
+        try:
+            groups = client.get_groups_by_course(institute_id, course)
+            return {"groups": [{"id": group_id, "name": name} for group_id, name in groups]}
+        except Exception as e:
+            print(f"Ошибка получения групп: {e}")
+            return {"groups": []}
+
+@app.get("/api/teachers")
+async def search_teachers(q: str = Query("", min_length=2)):
+    if len(q) < 2:
+        return {"teachers": []}
+    
+    try:
+        teachers = client.search_teachers(q)
+        return {"teachers": teachers}
+    except Exception as e:
+        print(f"Ошибка поиска: {e}")
+        return {"teachers": []}
+
+@app.get("/api/schedule/group")
+async def get_schedule_group(
+    group_id: int = Query(..., description="ID группы"),
+    week: int = Query(0, description="Номер недели (0 - текущая)")
+):
+    try:
+        html = client.get_schedule_html(group_id, week)
+        schedule = parse_schedule(html)
+        return schedule
+    except Exception as e:
+        print(f"Ошибка получения расписания: {e}")
+        raise HTTPException(status_code=500, detail=str(e))
+
+@app.get("/api/schedule/teacher")
+async def get_schedule_teacher(
+    staff_id: int = Query(..., description="ID преподавателя"),
+    week: int = Query(0, description="Номер недели (0 - текущая)")
+):
+    try:
+        html = client.get_teacher_schedule_html(staff_id, week)
+        schedule = parse_schedule(html)
+        return schedule
+    except Exception as e:
+        print(f"Ошибка получения расписания: {e}")
+        raise HTTPException(status_code=500, detail=str(e))
+
+BASE_DIR = os.path.dirname(os.path.abspath(__file__))
+STATIC_DIR = os.path.join(BASE_DIR, "static")
+
+if not os.path.exists(STATIC_DIR):
+    os.makedirs(STATIC_DIR)
+
+app.mount("/static", StaticFiles(directory=STATIC_DIR, html=True), name="static")
+
+@app.get("/")
+async def root():
+    return RedirectResponse(url="/static/index.html")
+
+if __name__ == "__main__":
+    print("Сервер запущен: http://127.0.0.1:8000")
+    uvicorn.run(app, host="0.0.0.0", port=8000)
\ No newline at end of file
diff --git a/requirements.txt b/requirements.txt
new file mode 100644
index 00000000..44993fc8
Binary files /dev/null and b/requirements.txt differ
diff --git a/static/index.html b/static/index.html
new file mode 100644
index 00000000..128a8720
--- /dev/null
+++ b/static/index.html
@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+    <title>Расписание</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+    <div class="app">
+        <header class="header">
+            <div class="header__inner">
+                <div class="header__title">Расписание занятий</div>
+                <div class="header__subtitle">Самарский университет</div>
+            </div>
+        </header>
+
+        <main class="main">
+            <div class="container">
+                <div class="mode-switch">
+                    <button class="mode-btn mode-btn--active" data-mode="group">По группе</button>
+                    <button class="mode-btn" data-mode="teacher">По преподавателю</button>
+                </div>
+
+                <div id="group-mode" class="search-panel">
+                    <div class="form-row">
+                        <div class="form-group">
+                            <label class="form-label">Институт / Факультет</label>
+                            <select id="institute-select" class="form-control">
+                                <option value="">Загрузка...</option>
+                            </select>
+                        </div>
+                        
+                        <div class="form-group">
+                            <label class="form-label">Курс</label>
+                            <select id="course-select" class="form-control" disabled>
+                                <option value="">Сначала выберите институт</option>
+                            </select>
+                        </div>
+                        
+                        <div class="form-group">
+                            <label class="form-label">Группа</label>
+                            <select id="group-select" class="form-control" disabled>
+                                <option value="">Сначала выберите курс</option>
+                            </select>
+                        </div>
+                        
+                        <div class="form-group form-group--button">
+                            <button id="show-group-btn" class="btn" disabled>Показать</button>
+                        </div>
+                    </div>
+                </div>
+
+                <div id="teacher-mode" class="search-panel" style="display: none;">
+                    <div class="form-row">
+                        <div class="form-group form-group--search">
+                            <label class="form-label">Преподаватель</label>
+                            <div class="search-wrapper">
+                                <input type="text" id="teacher-input" class="form-control" placeholder="Введите фамилию преподавателя" autocomplete="off">
+                                <div id="teacher-suggestions" class="suggestions-dropdown" style="display: none;"></div>
+                            </div>
+                        </div>
+                        <div class="form-group form-group--button">
+                            <button id="show-teacher-btn" class="btn" disabled>Показать</button>
+                        </div>
+                    </div>
+                </div>
+
+                <div id="week-navigation" class="week-nav" style="display: none;">
+                    <button id="prev-week-btn" class="week-nav__btn" disabled>← Предыдущая</button>
+                    <span id="week-info" class="week-nav__info">—</span>
+                    <button id="next-week-btn" class="week-nav__btn" disabled>Следующая →</button>
+                </div>
+
+                <div id="status" class="status">Выберите институт, курс и группу</div>
+                <div id="schedule-container" class="schedule-container"></div>
+            </div>
+        </main>
+    </div>
+
+    <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
+    <script src="script.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/static/script.js b/static/script.js
new file mode 100644
index 00000000..19ab7414
--- /dev/null
+++ b/static/script.js
@@ -0,0 +1,251 @@
+$(document).ready(function() {
+    let currentMode = 'group';
+    let currentGroupId = null;
+    let currentTeacherId = null;
+    let currentSchedule = null;
+    let currentWeek = null;
+    
+    function loadInstitutes() {
+        $.ajax({
+            url: '/api/institutes',
+            method: 'GET',
+            success: function(data) {
+                let $select = $('#institute-select');
+                $select.empty().append('<option value="">Выберите институт</option>');
+                $.each(data.institutes || [], function(i, inst) {
+                    $select.append('<option value="' + inst.id + '">' + inst.name + '</option>');
+                });
+            },
+            error: function() {
+                $('#status').text('Ошибка загрузки институтов').addClass('status--error');
+            }
+        });
+    }
+    
+    $('#institute-select').on('change', function() {
+        let instituteId = $(this).val();
+        if (!instituteId) return;
+        
+        $('#course-select').prop('disabled', true).html('<option value="">Загрузка...</option>');
+        $('#group-select').prop('disabled', true).html('<option value="">Сначала выберите курс</option>');
+        
+        $.ajax({
+            url: '/api/groups',
+            data: { institute_id: instituteId },
+            success: function(data) {
+                let $select = $('#course-select');
+                $select.empty().append('<option value="">Выберите курс</option>');
+                $.each(data.available_courses || [], function(i, course) {
+                    $select.append('<option value="' + course + '">' + course + ' курс</option>');
+                });
+                $select.prop('disabled', false);
+            }
+        });
+    });
+    
+    $('#course-select').on('change', function() {
+        let instituteId = $('#institute-select').val();
+        let course = $(this).val();
+        if (!instituteId || !course) return;
+        
+        $('#group-select').prop('disabled', true).html('<option value="">Загрузка...</option>');
+        
+        $.ajax({
+            url: '/api/groups',
+            data: { institute_id: instituteId, course: course },
+            success: function(data) {
+                let $select = $('#group-select');
+                $select.empty().append('<option value="">Выберите группу</option>');
+                $.each(data.groups || [], function(i, group) {
+                    $select.append('<option value="' + group.id + '">' + group.name + '</option>');
+                });
+                $select.prop('disabled', false);
+            }
+        });
+    });
+    
+    $('#group-select').on('change', function() {
+        currentGroupId = $(this).val();
+        $('#show-group-btn').prop('disabled', !currentGroupId);
+    });
+    
+    $('#show-group-btn').on('click', function() {
+        if (currentGroupId) loadSchedule('group', currentGroupId);
+    });
+    
+    let searchTimeout;
+    $('#teacher-input').on('input', function() {
+        let query = $(this).val().trim();
+        clearTimeout(searchTimeout);
+        
+        if (query.length < 2) {
+            $('#teacher-suggestions').hide();
+            $('#show-teacher-btn').prop('disabled', true);
+            return;
+        }
+        
+        searchTimeout = setTimeout(function() {
+            $.ajax({
+                url: '/api/teachers',
+                data: { q: query },
+                success: function(data) {
+                    let $suggestions = $('#teacher-suggestions').empty();
+                    $.each(data.teachers || [], function(i, teacher) {
+                        $suggestions.append('<div data-id="' + teacher.id + '">' + teacher.name + '</div>');
+                    });
+                    $suggestions.show();
+                }
+            });
+        }, 300);
+    });
+    
+    $(document).on('click', '#teacher-suggestions div', function() {
+        currentTeacherId = $(this).data('id');
+        $('#teacher-input').val($(this).text());
+        $('#teacher-suggestions').hide();
+        $('#show-teacher-btn').prop('disabled', false);
+    });
+    
+    $('#show-teacher-btn').on('click', function() {
+        if (currentTeacherId) loadSchedule('teacher', currentTeacherId);
+    });
+    
+    function loadSchedule(mode, id, week) {
+        let url = mode === 'group' ? '/api/schedule/group' : '/api/schedule/teacher';
+        let params = mode === 'group' ? { group_id: id } : { staff_id: id };
+        if (week) params.week = week;
+        
+        currentWeek = week;
+        $('#status').text('Загрузка...').removeClass('status--error').addClass('status--loading');
+        $('#schedule-container').empty();
+        
+        $.ajax({
+            url: url,
+            data: params,
+            success: function(data) {
+                currentSchedule = data;
+                $('#status').text('Расписание загружено').removeClass('status--loading').addClass('status--idle');
+                updateWeekNav(data);
+                renderTable(data);
+            },
+            error: function() {
+                $('#status').text('Ошибка загрузки').removeClass('status--loading').addClass('status--error');
+            }
+        });
+    }
+    
+    function updateWeekNav(schedule) {
+        let weekText = schedule.week_label || (schedule.week_number ? schedule.week_number + ' неделя' : '—');
+        $('#week-info').html(weekText);
+        $('#prev-week-btn').prop('disabled', !schedule.prev_week);
+        $('#next-week-btn').prop('disabled', !schedule.next_week);
+        $('#week-navigation').show();
+    }
+    
+    $('#prev-week-btn').click(function() {
+        if (currentSchedule?.prev_week) {
+            if (currentMode === 'group') loadSchedule('group', currentGroupId, currentSchedule.prev_week);
+            else loadSchedule('teacher', currentTeacherId, currentSchedule.prev_week);
+        }
+    });
+    
+    $('#next-week-btn').click(function() {
+        if (currentSchedule?.next_week) {
+            if (currentMode === 'group') loadSchedule('group', currentGroupId, currentSchedule.next_week);
+            else loadSchedule('teacher', currentTeacherId, currentSchedule.next_week);
+        }
+    });
+    
+    function renderTable(schedule) {
+        let days = schedule.days || [];
+        let timeSlots = schedule.time_slots || [];
+        
+        if (!days.length) {
+            $('#schedule-container').html('<div class="empty-state">Нет данных</div>');
+            return;
+        }
+        
+        let html = '<table class="schedule-table"><thead><tr><th>Время</th>';
+        $.each(days, function(i, day) {
+            html += '<th>' + day.weekday + (day.date ? '<br><small>' + day.date + '</small>' : '') + '</th>';
+        });
+        html += '</tr></thead><tbody>';
+        
+        $.each(timeSlots, function(i, slot) {
+            let timeStr = slot.time_start + '–' + slot.time_end;
+            html += '<tr><td class="lesson-time">' + timeStr + '</td>';
+            
+            $.each(days, function(j, day) {
+                let lessons = $.grep(day.lessons, function(l) {
+                    return l.time_start === slot.time_start;
+                });
+                
+                if (lessons.length) {
+                    html += '<td>';
+                    $.each(lessons, function(k, lesson) {
+                        html += '<div class="lesson-card">';
+                        html += '<div class="lesson-name">' + escapeHtml(lesson.subject) + '</div>';
+                        if (lesson.lesson_type) html += '<span class="lesson-type">' + escapeHtml(lesson.lesson_type) + '</span>';
+                        if (lesson.room) html += '<div class="lesson-room">ауд. ' + escapeHtml(lesson.room) + '</div>';
+                        if (lesson.teachers && lesson.teachers.length) {
+                            html += '<div class="lesson-teacher">' + escapeHtml(lesson.teachers[0].name) + '</div>';
+                        }
+                        html += '</div>';
+                    });
+                    html += '</td>';
+                } else {
+                    html += '<td class="no-lesson">—</td>';
+                }
+            });
+            html += '</tr>';
+        });
+        
+        html += '</tbody></table>';
+        $('#schedule-container').html(html);
+    }
+    
+    function escapeHtml(str) {
+        if (!str) return '';
+        return str.replace(/[&<>]/g, function(m) {
+            if (m === '&') return '&amp;';
+            if (m === '<') return '&lt;';
+            if (m === '>') return '&gt;';
+            return m;
+        });
+    }
+    
+    $('.mode-btn').click(function() {
+        $('.mode-btn').removeClass('mode-btn--active');
+        $(this).addClass('mode-btn--active');
+        currentMode = $(this).data('mode');
+        
+        if (currentMode === 'group') {
+            $('#group-mode').show();
+            $('#teacher-mode').hide();
+        } else {
+            $('#group-mode').hide();
+            $('#teacher-mode').show();
+        }
+        $('#week-navigation').hide();
+        $('#schedule-container').empty();
+    });
+    
+    $(document).on('click', '.lesson-teacher', function() {
+        let name = $(this).text();
+        $('#teacher-input').val(name);
+        $('.mode-btn[data-mode="teacher"]').click();
+        $('#teacher-suggestions').hide();
+        $.ajax({
+            url: '/api/teachers',
+            data: { q: name },
+            success: function(data) {
+                if (data.teachers && data.teachers.length) {
+                    currentTeacherId = data.teachers[0].id;
+                    $('#show-teacher-btn').prop('disabled', false);
+                }
+            }
+        });
+    });
+    
+    loadInstitutes();
+});
\ No newline at end of file
diff --git a/static/style.css b/static/style.css
new file mode 100644
index 00000000..92001f55
--- /dev/null
+++ b/static/style.css
@@ -0,0 +1,360 @@
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    font-family: 'Segoe UI', Arial, sans-serif;
+    background: #eef2f3;
+    color: #333;
+    padding: 15px;
+}
+
+.container {
+    max-width: 1200px;
+    margin: 0 auto;
+    background: white;
+    border-radius: 8px;
+    border: 1px solid #ddd;
+    overflow: hidden;
+}
+
+.header {
+    background: #2780E3;
+    color: white;
+    padding: 20px;
+    text-align: center;
+}
+
+.header__inner {
+    max-width: 1200px;
+    margin: 0 auto;
+}
+
+.header__title {
+    font-size: 20px;
+    font-weight: normal;
+    margin-bottom: 5px;
+}
+
+.header__subtitle {
+    font-size: 14px;
+    opacity: 0.9;
+}
+
+.mode-switch {
+    display: flex;
+    gap: 5px;
+    margin: 15px 20px;
+    border-bottom: 1px solid #ddd;
+    padding-bottom: 10px;
+}
+
+.mode-btn {
+    background: none;
+    border: none;
+    padding: 6px 15px;
+    font-size: 14px;
+    cursor: pointer;
+    color: #666;
+    border-radius: 4px;
+}
+
+.mode-btn:hover {
+    background: #e8e8e8;
+}
+
+.mode-btn--active {
+    background: #2780E3;
+    color: white;
+}
+
+.search-panel {
+    background: #f9f9f9;
+    border: 1px solid #ddd;
+    border-radius: 6px;
+    padding: 15px;
+    margin: 0 20px 20px;
+}
+
+.form-row {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 10px;
+    align-items: flex-end;
+}
+
+.form-group {
+    flex: 1;
+    min-width: 150px;
+}
+
+.form-group--button {
+    flex: 0;
+}
+
+.form-label {
+    display: block;
+    font-size: 12px;
+    color: #555;
+    margin-bottom: 4px;
+}
+
+.form-control {
+    width: 100%;
+    padding: 6px 10px;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+    font-size: 13px;
+}
+
+.form-control:focus {
+    outline: none;
+    border-color: #2780E3;
+}
+
+.btn {
+    padding: 6px 20px;
+    background: #2780E3;
+    color: white;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+    font-size: 13px;
+}
+
+.btn:hover:not(:disabled) {
+    background: #1a66c4;
+}
+
+.btn:disabled {
+    background: #aaa;
+    cursor: not-allowed;
+}
+
+.search-wrapper {
+    position: relative;
+}
+
+.suggestions-dropdown {
+    position: absolute;
+    top: 100%;
+    left: 0;
+    right: 0;
+    background: white;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+    max-height: 200px;
+    overflow-y: auto;
+    z-index: 1000;
+}
+
+.suggestions-dropdown div {
+    padding: 6px 10px;
+    cursor: pointer;
+    border-bottom: 1px solid #eee;
+}
+
+.suggestions-dropdown div:hover {
+    background: #e8f0f8;
+}
+
+.week-nav {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 10px;
+    margin: 0 20px 20px;
+    padding: 10px;
+    border: 1px solid #ddd;
+    border-radius: 6px;
+    background: #f9f9f9;
+}
+
+.week-nav__btn {
+    padding: 4px 12px;
+    background: #e0e0e0;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+    cursor: pointer;
+}
+
+.week-nav__btn:hover:not(:disabled) {
+    background: #d0d0d0;
+}
+
+.week-nav__btn:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+}
+
+.week-nav__info {
+    font-size: 14px;
+    font-weight: bold;
+    color: #2780E3;
+}
+
+.status {
+    padding: 8px 15px;
+    margin: 0 20px 20px;
+    background: #e8f0f8;
+    border-radius: 4px;
+    text-align: center;
+    font-size: 13px;
+    color: #2780E3;
+}
+
+.status--error {
+    background: #ffebee;
+    color: #c62828;
+}
+
+.schedule-container {
+    margin: 0 20px 20px;
+    overflow-x: auto;
+}
+
+.schedule-table {
+    width: 100%;
+    border-collapse: collapse;
+    border: 1px solid #ddd;
+    border-radius: 6px;
+    overflow: hidden;
+    font-size: 13px;
+}
+
+.schedule-table th {
+    background: #2780E3;
+    color: white;
+    padding: 8px;
+    text-align: center;
+    font-weight: normal;
+}
+
+.schedule-table td {
+    border: 1px solid #ddd;
+    padding: 6px;
+    vertical-align: top;
+}
+
+.lesson-time {
+    font-weight: bold;
+    text-align: center;
+    white-space: nowrap;
+    background: #f5f5f5;
+}
+
+.lesson-card {
+    margin-bottom: 4px;
+    padding-bottom: 4px;
+    border-bottom: 1px dashed #eee;
+}
+
+.lesson-card:last-child {
+    margin-bottom: 0;
+    padding-bottom: 0;
+    border-bottom: none;
+}
+
+.lesson-name {
+    font-weight: normal;
+    font-size: 12px;
+}
+
+.lesson-type {
+    display: inline-block;
+    font-size: 10px;
+    color: #888;
+    margin-bottom: 2px;
+}
+
+.lesson-room {
+    font-size: 10px;
+    color: #999;
+}
+
+.lesson-teacher {
+    font-size: 10px;
+    color: #2780E3;
+    cursor: pointer;
+}
+
+.lesson-teacher:hover {
+    text-decoration: underline;
+}
+
+.no-lesson {
+    text-align: center;
+    color: #bbb;
+}
+
+.empty-state {
+    text-align: center;
+    padding: 40px;
+    color: #999;
+}
+
+@media (max-width: 768px) {
+    body {
+        padding: 10px;
+    }
+    
+    .form-row {
+        flex-direction: column;
+    }
+    
+    .form-group--button {
+        width: 100%;
+    }
+    
+    .btn {
+        width: 100%;
+    }
+    
+    .mode-switch {
+        flex-wrap: wrap;
+    }
+    
+    .week-nav {
+        flex-wrap: wrap;
+    }
+    
+    .schedule-table {
+        font-size: 11px;
+    }
+    
+    .schedule-table th,
+    .schedule-table td {
+        padding: 4px;
+    }
+}
+
+@media (max-width: 480px) {
+    .header__title {
+        font-size: 18px;
+    }
+    
+    .header__subtitle {
+        font-size: 12px;
+    }
+}
+
+@media print {
+    body {
+        background: white;
+        padding: 0;
+    }
+    
+    .mode-switch,
+    .search-panel,
+    .week-nav,
+    .btn,
+    .status {
+        display: none;
+    }
+    
+    .schedule-container {
+        margin: 0;
+    }
+}
\ No newline at end of file