Initial commit: base slice (auth, roles, users, admin) scaffold

Backend: .NET 10 Clean Architecture + LiteCqrs.Net + EF Core/PostgreSQL + Identity/JWT. Frontend: React 19 + Vite + TanStack Query/Router + Tailwind v4 with a retro CRT theme. Docker/compose deployment mirroring PnvPanel's conventions, scoped down to the current base feature set.
2026-07-24 05:40:34 +03:00
commit 8a3eebc48f
156 changed files with 9335 additions and 0 deletions
@@ -0,0 +1,110 @@
+@import 'tailwindcss';
+
+/* Класс-стратегия тёмной темы: .dark на <html> (см. theme/ThemeProvider.tsx). */
+@custom-variant dark (&:where(.dark, .dark *));
+
+/* Ретро-эфир/CRT: фосфорно-зелёный терминал в тёмной теме, янтарная бумага в светлой. */
+:root {
+  --background: #f2ecd8;
+  --foreground: #241f14;
+  --muted: #e6dcc0;
+  --muted-foreground: #6b6247;
+  --border: #c9bd94;
+  --primary: #7a5a12;
+  --primary-foreground: #f2ecd8;
+  --accent: #b45309;
+  --scanline-opacity: 0.05;
+}
+
+.dark {
+  --background: #05080a;
+  --foreground: #baffcb;
+  --muted: #0e1611;
+  --muted-foreground: #5fae7c;
+  --border: #1e3a26;
+  --primary: #33ff66;
+  --primary-foreground: #05080a;
+  --accent: #22d3ee;
+  --scanline-opacity: 0.09;
+}
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-border: var(--border);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-accent: var(--accent);
+  --font-sans: 'IBM Plex Mono', 'JetBrains Mono', ui-monospace, 'Courier New', monospace;
+
+  --text-xs: 0.844rem;
+  --text-sm: 0.984rem;
+  --text-base: 1.125rem;
+  --text-lg: 1.266rem;
+  --text-xl: 1.406rem;
+  --text-2xl: 1.688rem;
+}
+
+@layer base {
+  html {
+    color-scheme: light dark;
+  }
+
+  body {
+    @apply bg-background text-foreground font-sans antialiased;
+    margin: 0;
+    min-height: 100svh;
+    position: relative;
+    letter-spacing: 0.01em;
+  }
+
+  /* Тонкие горизонтальные строки развёртки поверх всего экрана. */
+  body::before {
+    content: '';
+    position: fixed;
+    inset: 0;
+    pointer-events: none;
+    z-index: 9999;
+    background: repeating-linear-gradient(
+      to bottom,
+      rgba(0, 0, 0, var(--scanline-opacity)) 0px,
+      rgba(0, 0, 0, var(--scanline-opacity)) 1px,
+      transparent 1px,
+      transparent 3px
+    );
+  }
+
+  /* Лёгкое затемнение по углам экрана — эффект кинескопа. */
+  body::after {
+    content: '';
+    position: fixed;
+    inset: 0;
+    pointer-events: none;
+    z-index: 9998;
+    box-shadow: inset 0 0 min(18vw, 220px) rgba(0, 0, 0, 0.45);
+  }
+
+  h1,
+  h2,
+  h3 {
+    letter-spacing: 0.02em;
+  }
+}
+
+@layer utilities {
+  .crt-glow {
+    text-shadow:
+      0 0 6px color-mix(in srgb, var(--primary) 70%, transparent),
+      0 0 16px color-mix(in srgb, var(--primary) 35%, transparent);
+  }
+
+  .crt-panel {
+    background: color-mix(in srgb, var(--muted) 82%, transparent);
+    border: 1px solid var(--border);
+    box-shadow:
+      0 0 0 1px color-mix(in srgb, var(--primary) 12%, transparent) inset,
+      0 8px 30px rgba(0, 0, 0, 0.25);
+  }
+}