Leon SerfatyandClaude Opus 4.8
857b9a7811
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>
129 lines
2.7 KiB
CSS
129 lines
2.7 KiB
CSS
@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);
|
|
}
|