argon2-utils 1.0.0

package/lib/src/app/pages/login/login.component.html

@@ -0,0 +1,38 @@
+<!-- Страница входа. МЕНЯТЬ: заголовки и тексты под свою тему -->
+<div class="auth-wrapper">
+  <div class="auth-card">
+    <!-- МЕНЯТЬ: заголовок страницы -->
+    <h2>Вход в систему</h2>
+
+    @if (error) {
+      <div class="form-error" style="margin-bottom:1rem; padding:0.5rem; border:1px solid #cc0000; border-radius:4px;">
+        {{ error }}
+      </div>
+    }
+
+    <form [formGroup]="form" (ngSubmit)="submit()">
+      <!-- Поля login и password — не менять, они всегда нужны -->
+      <div class="form-group">
+        <label>Логин</label>
+        <input pInputText formControlName="login" placeholder="Введите логин" />
+        @if (form.get('login')?.invalid && form.get('login')?.touched) {
+          <span class="form-error">Введите логин</span>
+        }
+      </div>
+
+      <div class="form-group">
+        <label>Пароль</label>
+        <input pInputText type="password" formControlName="password" placeholder="Введите пароль" />
+        @if (form.get('password')?.invalid && form.get('password')?.touched) {
+          <span class="form-error">Введите пароль</span>
+        }
+      </div>
+
+      <p-button type="submit" label="Войти" [loading]="loading" styleClass="btn-full" />
+
+      <div class="auth-link">
+        <a routerLink="/register">Еще не зарегистрированы? Регистрация</a>
+      </div>
+    </form>
+  </div>
+</div>

package/lib/src/app/pages/login/login.component.ts

@@ -0,0 +1,47 @@
+import { Component } from '@angular/core';
+import { FormBuilder, FormGroup, Validators, ReactiveFormsModule } from '@angular/forms';
+import { Router, RouterLink } from '@angular/router';
+import { InputTextModule } from 'primeng/inputtext';
+import { ButtonModule } from 'primeng/button';
+import { CardModule } from 'primeng/card';
+import { MessageModule } from 'primeng/message';
+import { AuthService } from '../../services/auth.service';
+
+// Страница входа — не менять структуру
+// МЕНЯТЬ: маршруты навигации после успешного входа (сейчас /admin и /applications)
+@Component({
+  selector: 'app-login',
+  standalone: true,
+  imports: [ReactiveFormsModule, InputTextModule, ButtonModule, CardModule, MessageModule, RouterLink],
+  templateUrl: './login.component.html',
+})
+export class LoginComponent {
+  form: FormGroup;
+  error = '';
+  loading = false;
+
+  constructor(private fb: FormBuilder, private auth: AuthService, private router: Router) {
+    this.form = this.fb.group({
+      login: ['', Validators.required],
+      password: ['', Validators.required],
+    });
+  }
+
+  submit() {
+    if (this.form.invalid) return;
+    this.loading = true;
+    this.error = '';
+    const { login, password } = this.form.value;
+    this.auth.login(login, password).subscribe({
+      next: (res) => {
+        // МЕНЯТЬ: маршруты редиректа после входа под своё приложение
+        if (res.user.is_admin) this.router.navigate(['/admin']);
+        else this.router.navigate(['/applications']);
+      },
+      error: (err) => {
+        this.error = err.error?.message || 'Неверный логин или пароль';
+        this.loading = false;
+      },
+    });
+  }
+}

package/lib/src/app/pages/register/register.component.html

@@ -0,0 +1,63 @@
+<!-- Форма регистрации. МЕНЯТЬ: заголовки, подписи полей, placeholder-ы под свою тему -->
+<!-- Поля: login, password, full_name, phone, email — соответствуют таблице users в БД -->
+<div class="auth-wrapper">
+  <div class="auth-card" style="max-width:480px">
+    <!-- МЕНЯТЬ: заголовок -->
+    <h2>Регистрация</h2>
+
+    @if (error) {
+      <div class="form-error" style="margin-bottom:1rem; padding:0.5rem; border:1px solid #cc0000; border-radius:4px;">
+        {{ error }}
+      </div>
+    }
+
+    <form [formGroup]="form" (ngSubmit)="submit()">
+
+      <div class="form-group">
+        <label>Логин <small>(латиница и цифры, от 6 символов)</small></label>
+        <input pInputText formControlName="login" placeholder="mylogin123" />
+        @if (form.get('login')?.invalid && form.get('login')?.touched) {
+          <span class="form-error">Только латиница и цифры, минимум 6 символов</span>
+        }
+      </div>
+
+      <div class="form-group">
+        <label>Пароль <small>(минимум 8 символов)</small></label>
+        <input pInputText type="password" formControlName="password" placeholder="Минимум 8 символов" />
+        @if (form.get('password')?.invalid && form.get('password')?.touched) {
+          <span class="form-error">Минимум 8 символов</span>
+        }
+      </div>
+
+      <div class="form-group">
+        <label>ФИО <small>(кириллица и пробелы)</small></label>
+        <input pInputText formControlName="full_name" placeholder="Иванов Иван Иванович" />
+        @if (form.get('full_name')?.invalid && form.get('full_name')?.touched) {
+          <span class="form-error">Только кириллица и пробелы</span>
+        }
+      </div>
+
+      <div class="form-group">
+        <label>Телефон <small>(формат: 8(XXX)XXX-XX-XX)</small></label>
+        <input pInputText formControlName="phone" placeholder="8(999)123-45-67" />
+        @if (form.get('phone')?.invalid && form.get('phone')?.touched) {
+          <span class="form-error">Формат: 8(XXX)XXX-XX-XX</span>
+        }
+      </div>
+
+      <div class="form-group">
+        <label>Email</label>
+        <input pInputText type="email" formControlName="email" placeholder="example@mail.ru" />
+        @if (form.get('email')?.invalid && form.get('email')?.touched) {
+          <span class="form-error">Введите корректный email</span>
+        }
+      </div>
+
+      <p-button type="submit" label="Создать пользователя" [loading]="loading" styleClass="btn-full" />
+
+      <div class="auth-link">
+        <a routerLink="/login">Уже есть аккаунт? Войти</a>
+      </div>
+    </form>
+  </div>
+</div>

package/lib/src/app/pages/register/register.component.ts

@@ -0,0 +1,56 @@
+import { Component } from '@angular/core';
+import { FormBuilder, FormGroup, Validators, ReactiveFormsModule } from '@angular/forms';
+import { Router, RouterLink } from '@angular/router';
+import { InputTextModule } from 'primeng/inputtext';
+import { ButtonModule } from 'primeng/button';
+import { CardModule } from 'primeng/card';
+import { MessageModule } from 'primeng/message';
+import { AuthService } from '../../services/auth.service';
+
+// Страница регистрации
+// Поля формы берутся из таблицы users в БД: login, password, full_name, phone, email
+// Не менять структуру — только тексты/подсказки при желании
+@Component({
+  selector: 'app-register',
+  standalone: true,
+  imports: [ReactiveFormsModule, InputTextModule, ButtonModule, CardModule, MessageModule, RouterLink],
+  templateUrl: './register.component.html',
+})
+export class RegisterComponent {
+  form: FormGroup;
+  error = '';
+  loading = false;
+
+  constructor(private fb: FormBuilder, private auth: AuthService, private router: Router) {
+    // Валидация полей:
+    // login — только латиница и цифры, минимум 6 символов
+    // password — минимум 8 символов
+    // full_name — только кириллица и пробелы
+    // phone — формат 8(XXX)XXX-XX-XX
+    // email — стандартный email
+    this.form = this.fb.group({
+      login: ['', [Validators.required, Validators.minLength(6), Validators.pattern(/^[a-zA-Z0-9]+$/)]],
+      password: ['', [Validators.required, Validators.minLength(8)]],
+      full_name: ['', [Validators.required, Validators.pattern(/^[А-ЯЁа-яё\s]+$/)]],
+      phone: ['', [Validators.required, Validators.pattern(/^8\(\d{3}\)\d{3}-\d{2}-\d{2}$/)]],
+      email: ['', [Validators.required, Validators.email]],
+    });
+  }
+
+  submit() {
+    if (this.form.invalid) {
+      this.form.markAllAsTouched(); // показать все ошибки
+      return;
+    }
+    this.loading = true;
+    this.error = '';
+    this.auth.register(this.form.value).subscribe({
+      // МЕНЯТЬ: маршрут после регистрации (сейчас /applications)
+      next: () => this.router.navigate(['/applications']),
+      error: (err) => {
+        this.error = err.error?.message || 'Ошибка регистрации';
+        this.loading = false;
+      },
+    });
+  }
+}

package/lib/src/app/services/applications.service.ts

@@ -0,0 +1,38 @@
+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+
+// МЕНЯТЬ: порт если бэкенд на другом порту
+const API = 'http://localhost:3000';
+
+// МЕНЯТЬ: переименовать класс (например OrdersService, ProductsService)
+@Injectable({ providedIn: 'root' })
+export class ApplicationsService {
+  constructor(private http: HttpClient) {}
+
+  // POST /applications — создать новую заявку
+  // Не менять сигнатуру, data формируется в компоненте
+  create(data: any) {
+    return this.http.post(`${API}/applications`, data);
+  }
+
+  // GET /applications/my — получить МОИ заявки (авторизованный пользователь)
+  getMy() {
+    return this.http.get<any[]>(`${API}/applications/my`);
+  }
+
+  // GET /applications — получить ВСЕ заявки (только для администратора)
+  getAll() {
+    return this.http.get<any[]>(`${API}/applications`);
+  }
+
+  // PATCH /applications/:id/status — сменить статус заявки
+  // МЕНЯТЬ: 'status' если обновляется другое поле
+  updateStatus(id: number, status: string) {
+    return this.http.patch(`${API}/applications/${id}/status`, { status });
+  }
+
+  // DELETE /applications/:id — удалить заявку
+  delete(id: number) {
+    return this.http.delete(`${API}/applications/${id}`);
+  }
+}

package/lib/src/app/services/auth.service.ts

@@ -0,0 +1,61 @@
+import { Injectable, signal } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { Router } from '@angular/router';
+import { tap } from 'rxjs';
+
+// МЕНЯТЬ: порт если бэкенд на другом порту
+const API = 'http://localhost:3000';
+
+@Injectable({ providedIn: 'root' })
+export class AuthService {
+  // signal() — реактивное состояние. Доступен в любом компоненте через inject(AuthService).currentUser()
+  // Не менять
+  currentUser = signal<any>(null);
+
+  constructor(private http: HttpClient, private router: Router) {
+    // При перезагрузке страницы восстанавливаем пользователя из localStorage
+    const stored = localStorage.getItem('user');
+    if (stored) this.currentUser.set(JSON.parse(stored));
+  }
+
+  // POST /auth/register — регистрация нового пользователя
+  // Не менять — поля приходят из формы регистрации
+  register(data: any) {
+    return this.http.post<any>(`${API}/auth/register`, data).pipe(
+      tap(res => this.saveSession(res)),
+    );
+  }
+
+  // POST /auth/login — вход по логину и паролю
+  // Не менять
+  login(login: string, password: string) {
+    return this.http.post<any>(`${API}/auth/login`, { login, password }).pipe(
+      tap(res => this.saveSession(res)),
+    );
+  }
+
+  // Выход — очищаем хранилище и идём на страницу логина
+  logout() {
+    localStorage.clear();
+    this.currentUser.set(null);
+    this.router.navigate(['/login']);
+  }
+
+  // Проверяем, является ли текущий пользователь администратором
+  isAdmin() {
+    return this.currentUser()?.is_admin === true;
+  }
+
+  // Проверяем, авторизован ли пользователь (есть ли JWT в localStorage)
+  isLoggedIn() {
+    return !!localStorage.getItem('token');
+  }
+
+  // Сохраняем токен и данные пользователя после успешного входа/регистрации
+  // Не менять
+  private saveSession(res: any) {
+    localStorage.setItem('token', res.token);
+    localStorage.setItem('user', JSON.stringify(res.user));
+    this.currentUser.set(res.user);
+  }
+}

package/lib/src/app/services/reviews.service.ts

@@ -0,0 +1,23 @@
+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+
+// МЕНЯТЬ: порт если бэкенд на другом порту
+const API = 'http://localhost:3000';
+
+// МЕНЯТЬ: переименовать (например CommentsService, FeedbackService)
+// МЕНЯТЬ: 'reviews' на название своей сущности во всех URL-ах ниже
+@Injectable({ providedIn: 'root' })
+export class ReviewsService {
+  constructor(private http: HttpClient) {}
+
+  // POST /reviews — оставить отзыв
+  // МЕНЯТЬ: поля объекта data под свою тему
+  create(data: { application_id: number; review_text: string }) {
+    return this.http.post(`${API}/reviews`, data);
+  }
+
+  // GET /reviews/:appId — получить отзывы по конкретной заявке
+  getByApplication(appId: number) {
+    return this.http.get<any[]>(`${API}/reviews/${appId}`);
+  }
+}

package/lib/src/styles.scss

@@ -0,0 +1,358 @@
+/* ========================================================
+   ГЛОБАЛЬНЫЕ СТИЛИ — styles.scss
+   МЕНЯТЬ: цвета в :root под свою тему (просто замените hex-коды)
+   Всё остальное менять не нужно — компоненты используют CSS-классы отсюда
+   ======================================================== */
+
+@import "primeicons/primeicons.css";
+
+/* ===== ПЕРЕМЕННЫЕ ===== */
+/* МЕНЯТЬ: --primary — основной цвет кнопок, ссылок, акцентов */
+:root {
+  --primary: #2563eb;
+  --primary-hover: #1d4ed8;
+  --primary-light: #eff6ff;
+  --bg: #f1f5f9;
+  --card: #ffffff;
+  --border: #e2e8f0;
+  --text: #1e293b;
+  --text-muted: #64748b;
+  --danger: #dc2626;
+  --success: #16a34a;
+  --warning: #d97706;
+}
+
+/* ===== СБРОС ===== */
+* { box-sizing: border-box; margin: 0; padding: 0; }
+
+body {
+  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
+  background: var(--bg);
+  color: var(--text);
+  font-size: 15px;
+}
+
+a { text-decoration: none; color: var(--primary); }
+a:hover { text-decoration: underline; }
+
+/* ===== КНОПКИ ===== */
+.p-button {
+  background: var(--primary) !important;
+  border-color: var(--primary) !important;
+  color: #fff !important;
+  border-radius: 6px !important;
+  font-weight: 500 !important;
+  font-size: 0.9rem !important;
+  transition: background 0.15s !important;
+}
+.p-button:hover {
+  background: var(--primary-hover) !important;
+  border-color: var(--primary-hover) !important;
+}
+.p-button.p-button-secondary {
+  background: #fff !important;
+  border-color: var(--border) !important;
+  color: var(--text) !important;
+}
+.p-button.p-button-secondary:hover {
+  background: #f8fafc !important;
+  border-color: #cbd5e1 !important;
+}
+
+/* ===== ИНПУТЫ ===== */
+.p-inputtext {
+  border: 1px solid var(--border) !important;
+  border-radius: 6px !important;
+  padding: 0.5rem 0.75rem !important;
+  color: var(--text) !important;
+  background: #fff !important;
+  font-size: 0.9rem !important;
+  width: 100%;
+  transition: border-color 0.15s, box-shadow 0.15s !important;
+}
+.p-inputtext:focus {
+  border-color: var(--primary) !important;
+  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12) !important;
+  outline: none !important;
+}
+
+/* ===== NAVBAR ===== */
+.navbar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 2rem;
+  height: 60px;
+  background: #fff;
+  border-bottom: 1px solid var(--border);
+  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
+  position: sticky;
+  top: 0;
+  z-index: 100;
+}
+.navbar-title {
+  font-size: 1rem;
+  font-weight: 600;
+  color: var(--primary);
+  letter-spacing: -0.01em;
+}
+.navbar .p-button {
+  background: var(--primary) !important;
+  border-color: var(--primary) !important;
+  color: #fff !important;
+}
+.navbar .p-button.p-button-secondary {
+  background: #fff !important;
+  border-color: var(--border) !important;
+  color: var(--text) !important;
+}
+
+/* ===== СТРАНИЦА ===== */
+.page-content {
+  max-width: 860px;
+  margin: 0 auto;
+  padding: 2rem 1.5rem;
+}
+.page-title {
+  font-size: 1.4rem;
+  font-weight: 700;
+  color: var(--text);
+  margin-bottom: 1.5rem;
+}
+
+/* ===== КАРТОЧКИ ЗАЯВОК ===== */
+.app-card {
+  background: var(--card);
+  border: 1px solid var(--border);
+  border-radius: 10px;
+  padding: 1.25rem 1.5rem;
+  margin-bottom: 1rem;
+  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
+  transition: box-shadow 0.15s;
+}
+.app-card:hover {
+  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
+}
+.app-card-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  gap: 1rem;
+  margin-bottom: 0.75rem;
+}
+.app-course-name {
+  font-size: 1.05rem;
+  font-weight: 600;
+  color: var(--text);
+}
+.app-card-body {
+  display: flex;
+  flex-direction: column;
+  gap: 0.3rem;
+  margin-bottom: 1rem;
+  color: var(--text-muted);
+  font-size: 0.875rem;
+}
+.app-card-body strong { color: var(--text); }
+.app-created { font-size: 0.8rem; color: #94a3b8; margin-top: 0.2rem; }
+
+/* Статус-бейджи */
+.app-status {
+  display: inline-block;
+  padding: 0.25rem 0.65rem;
+  border-radius: 20px;
+  font-size: 0.75rem;
+  font-weight: 600;
+  white-space: nowrap;
+}
+.app-status--new { background: #eff6ff; color: #2563eb; border: 1px solid #bfdbfe; }
+.app-status--in_progress { background: #fffbeb; color: #d97706; border: 1px solid #fde68a; }
+.app-status--completed { background: #f0fdf4; color: #16a34a; border: 1px solid #bbf7d0; }
+
+/* ===== ОТЗЫВ ===== */
+.review-box {
+  padding: 0.75rem 1rem;
+  background: #f0fdf4;
+  border-left: 3px solid #16a34a;
+  border-radius: 0 6px 6px 0;
+  font-size: 0.875rem;
+  color: #166534;
+}
+
+/* ===== ФОРМЫ (авторизация / регистрация) ===== */
+.auth-wrapper {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  min-height: 100vh;
+  background: var(--bg);
+  padding: 2rem;
+}
+.auth-card {
+  width: 100%;
+  max-width: 420px;
+  background: var(--card);
+  border: 1px solid var(--border);
+  border-radius: 12px;
+  padding: 2rem;
+  box-shadow: 0 4px 16px rgba(0,0,0,0.08);
+}
+.auth-card h2 {
+  font-size: 1.3rem;
+  font-weight: 700;
+  color: var(--text);
+  margin-bottom: 1.5rem;
+  padding-bottom: 0.75rem;
+  border-bottom: 1px solid var(--border);
+}
+.form-group {
+  display: flex;
+  flex-direction: column;
+  gap: 0.3rem;
+  margin-bottom: 1rem;
+}
+.form-group label {
+  font-size: 0.85rem;
+  font-weight: 500;
+  color: var(--text);
+}
+.form-group small { color: var(--text-muted); font-size: 0.78rem; }
+.form-error { color: var(--danger); font-size: 0.8rem; margin-top: 0.1rem; }
+.auth-link { text-align: center; margin-top: 1rem; font-size: 0.875rem; color: var(--text-muted); }
+.auth-link a { color: var(--primary); font-weight: 500; }
+
+/* ===== КНОПКИ ФОРМ ===== */
+.btn-full { width: 100%; margin-top: 0.5rem; }
+.btn-full .p-button { width: 100%; justify-content: center; }
+.btn-row { display: flex; gap: 0.75rem; margin-top: 0.5rem; }
+.btn-half { flex: 1; }
+.btn-half .p-button { width: 100%; justify-content: center; }
+
+/* Радиокнопки */
+.radio-group { display: flex; flex-direction: column; gap: 0.5rem; margin-top: 0.25rem; }
+.radio-option { display: flex; align-items: center; gap: 0.5rem; cursor: pointer; }
+.radio-option label { cursor: pointer; font-size: 0.9rem; }
+.p-radiobutton .p-radiobutton-box {
+  border: 2px solid #cbd5e1 !important;
+  background: #fff !important;
+  width: 18px !important; height: 18px !important;
+  border-radius: 50% !important;
+}
+.p-radiobutton.p-radiobutton-checked .p-radiobutton-box {
+  border-color: var(--primary) !important;
+  background: #fff !important;
+}
+.p-radiobutton.p-radiobutton-checked .p-radiobutton-box .p-radiobutton-icon {
+  background: var(--primary) !important;
+  width: 8px !important; height: 8px !important;
+  border-radius: 50% !important;
+}
+
+/* ===== ADMIN ===== */
+.admin-status-row {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  margin-top: 0.75rem;
+  padding-top: 0.75rem;
+  border-top: 1px solid var(--border);
+}
+.admin-status-row label { font-size: 0.85rem; font-weight: 500; color: var(--text-muted); white-space: nowrap; }
+
+/* ===== DATE PICKER ===== */
+.p-datepicker { width: 100%; }
+.p-datepicker-panel {
+  border: 1px solid var(--border) !important;
+  border-radius: 8px !important;
+  box-shadow: 0 4px 16px rgba(0,0,0,0.1) !important;
+  background: #fff !important;
+}
+.p-datepicker-panel .p-datepicker-day-selected span {
+  background: var(--primary) !important;
+  color: #fff !important;
+  border-radius: 6px !important;
+}
+.p-datepicker-panel .p-datepicker-day:hover span {
+  background: var(--primary-light) !important;
+  border-radius: 6px !important;
+}
+
+/* ===== SELECT ===== */
+.p-select {
+  border: 1px solid var(--border) !important;
+  border-radius: 6px !important;
+  background: #fff !important;
+  color: var(--text) !important;
+}
+.p-select .p-select-label { color: var(--text) !important; background: #fff !important; }
+.p-select .p-select-dropdown { background: #fff !important; color: var(--text) !important; }
+.p-select.p-focus { border-color: var(--primary) !important; box-shadow: 0 0 0 3px rgba(37,99,235,0.12) !important; }
+.p-select-overlay {
+  background: #fff !important;
+  border: 1px solid var(--border) !important;
+  border-radius: 8px !important;
+  box-shadow: 0 4px 16px rgba(0,0,0,0.1) !important;
+}
+.p-select-list { background: #fff !important; padding: 0.3rem !important; }
+.p-select-option { background: #fff !important; color: var(--text) !important; border-radius: 5px !important; font-size: 0.9rem !important; }
+.p-select-option:hover { background: var(--primary-light) !important; color: var(--primary) !important; }
+.p-select-option.p-select-option-selected { background: var(--primary) !important; color: #fff !important; }
+
+/* ===== DIALOG ===== */
+.p-dialog {
+  border: 1px solid var(--border) !important;
+  border-radius: 12px !important;
+  box-shadow: 0 8px 30px rgba(0,0,0,0.12) !important;
+  background: #fff !important;
+}
+.p-dialog .p-dialog-header {
+  border-bottom: 1px solid var(--border) !important;
+  font-weight: 600 !important;
+  color: var(--text) !important;
+  background: #fff !important;
+  border-radius: 12px 12px 0 0 !important;
+}
+.p-dialog .p-dialog-content { background: #fff !important; color: var(--text) !important; padding: 1.25rem !important; }
+.p-dialog .p-dialog-footer { background: #fff !important; border-top: 1px solid var(--border) !important; border-radius: 0 0 12px 12px !important; }
+.p-dialog-mask { background: rgba(15, 23, 42, 0.4) !important; }
+.p-dialog-header-close-button {
+  background: #fff !important; border: 1px solid var(--border) !important;
+  border-radius: 6px !important; color: var(--text-muted) !important;
+}
+.p-dialog-header-close-button:hover { background: #f8fafc !important; }
+.p-dialog textarea { background: #fff !important; color: var(--text) !important; border: 1px solid var(--border) !important; border-radius: 6px !important; }
+
+/* ===== TOAST ===== */
+.p-toast .p-toast-message {
+  border-radius: 8px !important;
+  box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
+  border: none !important;
+}
+.p-toast .p-toast-message.p-toast-message-success { background: #f0fdf4 !important; color: #166534 !important; border-left: 4px solid #16a34a !important; }
+.p-toast .p-toast-message.p-toast-message-error { background: #fef2f2 !important; color: #991b1b !important; border-left: 4px solid #dc2626 !important; }
+
+/* ===== MESSAGE (inline) ===== */
+.p-message.p-message-error {
+  background: #fef2f2 !important; border: 1px solid #fecaca !important;
+  color: var(--danger) !important; border-radius: 6px !important;
+}
+
+/* ===== УТИЛИТЫ ===== */
+.flex { display: flex; }
+.flex-col { flex-direction: column; }
+.flex-1 { flex: 1; }
+.flex-wrap { flex-wrap: wrap; }
+.items-center { align-items: center; }
+.items-start { align-items: flex-start; }
+.justify-center { justify-content: center; }
+.justify-between { justify-content: space-between; }
+.justify-end { justify-content: flex-end; }
+.min-h-screen { min-height: 100vh; }
+.min-w-48 { min-width: 12rem; }
+.w-full { width: 100%; }
+.gap-2 { gap: 0.5rem; }
+.gap-3 { gap: 0.75rem; }
+.mt-3 { margin-top: 0.75rem; }
+.text-center { text-align: center; }
+.text-red-500 { color: var(--danger); }
+.text-gray-500 { color: var(--text-muted); }