spb/maclustr-console

1@import "tailwindcss";23@theme inline {4  --font-sans: var(--font-geist-sans);5  --font-mono: var(--font-geist-mono);6}78body {9  color: #18181b;10  font-family: var(--font-sans), system-ui, sans-serif;11  background-color: #f4f5fa;12  background-image:13    radial-gradient(55rem 55rem at 10% -12%, rgba(124, 58, 237, 0.10), transparent 55%),14    radial-gradient(48rem 48rem at 98% -5%, rgba(59, 130, 246, 0.10), transparent 50%),15    radial-gradient(60rem 38rem at 50% 118%, rgba(20, 184, 166, 0.07), transparent 60%);16  background-attachment: fixed;17  min-height: 100vh;18}1920* {21  scrollbar-width: thin;22  scrollbar-color: #cbd5e1 transparent;23}24*::-webkit-scrollbar { width: 8px; height: 8px; }25*::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 8px; }26*::-webkit-scrollbar-thumb:hover { background: #94a3b8; }2728/* Glass surface (light) */29.glass {30  background: rgba(255, 255, 255, 0.72);31  border: 1px solid rgba(15, 23, 42, 0.08);32  backdrop-filter: blur(12px);33  -webkit-backdrop-filter: blur(12px);34  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px -12px rgba(15, 23, 42, 0.12);35}36.glass-hover { transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }37.glass-hover:hover {38  transform: translateY(-2px);39  border-color: rgba(124, 58, 237, 0.28);40  box-shadow: 0 2px 4px rgba(15, 23, 42, 0.06), 0 16px 32px -14px rgba(79, 70, 229, 0.25);41}4243/* Online status pulse */44@keyframes pulse-ring {45  0% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.45); }46  70% { box-shadow: 0 0 0 6px rgba(34, 197, 94, 0); }47  100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); }48}49.dot-online { background: #16a34a; animation: pulse-ring 2s infinite; }50.dot-offline { background: #cbd5e1; }5152@keyframes fade-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }53.fade-in { animation: fade-in .35s ease both; }5455.gradient-text {56  background: linear-gradient(90deg, #7c3aed, #2563eb);57  -webkit-background-clip: text;58  background-clip: text;59  color: transparent;60}61