Initial import: property management SaaS + security hardening + admin dashboard

Property Management Network — Next.js 16 (App Router), Better Auth,
Drizzle ORM over PostgreSQL, Stripe, OpenAI, Resend.

Includes:
- Security hardening: access-control/IDOR fixes, TLS-by-default DB layer,
  constant-time cron auth, strict security headers, atomic AI quota gating,
  HTML/email output encoding, demo-backdoor disabled in production.
- Superadmin dashboard at /admin (overview/MRR, server-paginated users with
  ban/impersonate/plan/delete, billing, platform activity + admin audit log,
  AI usage, system health) via the Better Auth admin plugin.
- Seed/migration utility scripts under scripts/.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

app/globals.css

@@ -0,0 +1,128 @@
+@import "tailwindcss";
+
+:root {
+  --background: #09090b;
+  --surface-1: #111118;
+  --surface-2: #16161f;
+  --surface-3: #1d1d28;
+  --border: rgba(255, 255, 255, 0.08);
+  --brand: #6366f1;
+  --brand-hover: #4f46e5;
+  --success: #10b981;
+  --warning: #f59e0b;
+  --danger: #ef4444;
+  --foreground: #ffffff;
+  --foreground-secondary: rgba(255, 255, 255, 0.6);
+  --foreground-muted: rgba(255, 255, 255, 0.4);
+  --radius: 0.5rem;
+}
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --font-sans: var(--font-geist-sans);
+  --font-mono: var(--font-geist-mono);
+}
+
+* {
+  border-color: var(--border);
+}
+
+body {
+  background: var(--background);
+  color: var(--foreground);
+  font-family: Arial, Helvetica, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* Row highlight animation — used after create redirects */
+@keyframes highlight-flash {
+  0%   { background-color: rgba(99, 102, 241, 0.25); }
+  100% { background-color: transparent; }
+}
+.animate-highlight {
+  animation: highlight-flash 1.8s ease-out forwards;
+}
+
+/* Gradient text animation */
+@keyframes gradient-shift {
+  0%, 100% { background-position: 0% 50%; }
+  50%       { background-position: 100% 50%; }
+}
+.animate-gradient {
+  animation: gradient-shift 4s ease infinite;
+}
+
+/* Rotating gradient border button */
+@property --border-angle {
+  syntax: "<angle>";
+  initial-value: 0deg;
+  inherits: false;
+}
+
+@keyframes border-rotate {
+  to { --border-angle: 360deg; }
+}
+
+.gradient-border-wrapper {
+  position: relative;
+  border-radius: 0.75rem;
+  padding: 2px;
+  background: conic-gradient(
+    from var(--border-angle),
+    #6366f1 0%,
+    #8b5cf6 25%,
+    #06b6d4 50%,
+    #8b5cf6 75%,
+    #6366f1 100%
+  );
+  animation: border-rotate 3s linear infinite;
+}
+
+.gradient-border-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: calc(0.75rem - 2px);
+  background: #4f46e5;
+  padding: 0.875rem 1.5rem;
+  font-size: 0.875rem;
+  font-weight: 600;
+  color: white;
+  gap: 0.5rem;
+  transition: background 0.2s, box-shadow 0.2s;
+  width: 100%;
+}
+
+.gradient-border-btn:hover {
+  background: #4338ca;
+  box-shadow: 0 0 24px rgba(99, 102, 241, 0.4);
+}
+
+/* Dark native form elements — prevents white dropdown popup */
+select,
+input[type="date"],
+input[type="time"],
+input[type="datetime-local"],
+input[type="month"],
+input[type="week"],
+input[type="color"] {
+  color-scheme: dark;
+}
+
+/* Scrollbar */
+::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+::-webkit-scrollbar-track {
+  background: var(--surface-1);
+}
+::-webkit-scrollbar-thumb {
+  background: rgba(255, 255, 255, 0.15);
+  border-radius: 3px;
+}
+::-webkit-scrollbar-thumb:hover {
+  background: rgba(255, 255, 255, 0.25);
+}