{"path":"apps/dashboard/src/index.css","size":8372,"locked":false,"binary":false,"truncated":false,"content":"@import \"tailwindcss\";\n@import \"tw-animate-css\";\n@plugin \"@tailwindcss/typography\";\n\n@custom-variant dark (&:is(.dark *));\n\n@theme inline {\n  --color-background: hsl(var(--background));\n  --color-foreground: hsl(var(--foreground));\n  --color-border: hsl(var(--border));\n  --color-input: hsl(var(--input));\n  --color-ring: hsl(var(--ring));\n\n  --color-card: hsl(var(--card));\n  --color-card-foreground: hsl(var(--card-foreground));\n  --color-card-border: hsl(var(--card-border));\n\n  --color-popover: hsl(var(--popover));\n  --color-popover-foreground: hsl(var(--popover-foreground));\n  --color-popover-border: hsl(var(--popover-border));\n\n  --color-primary: hsl(var(--primary));\n  --color-primary-foreground: hsl(var(--primary-foreground));\n  --color-primary-border: var(--primary-border);\n\n  --color-secondary: hsl(var(--secondary));\n  --color-secondary-foreground: hsl(var(--secondary-foreground));\n  --color-secondary-border: var(--secondary-border);\n\n  --color-muted: hsl(var(--muted));\n  --color-muted-foreground: hsl(var(--muted-foreground));\n  --color-muted-border: var(--muted-border);\n\n  --color-accent: hsl(var(--accent));\n  --color-accent-foreground: hsl(var(--accent-foreground));\n  --color-accent-border: var(--accent-border);\n\n  --color-destructive: hsl(var(--destructive));\n  --color-destructive-foreground: hsl(var(--destructive-foreground));\n  --color-destructive-border: var(--destructive-border);\n\n  --color-sidebar: hsl(var(--sidebar));\n  --color-sidebar-foreground: hsl(var(--sidebar-foreground));\n  --color-sidebar-border: hsl(var(--sidebar-border));\n  --color-sidebar-primary: hsl(var(--sidebar-primary));\n  --color-sidebar-primary-foreground: hsl(var(--sidebar-primary-foreground));\n  --color-sidebar-primary-border: var(--sidebar-primary-border);\n  --color-sidebar-accent: hsl(var(--sidebar-accent));\n  --color-sidebar-accent-foreground: hsl(var(--sidebar-accent-foreground));\n  --color-sidebar-accent-border: var(--sidebar-accent-border);\n  --color-sidebar-ring: hsl(var(--sidebar-ring));\n\n  --font-sans: var(--app-font-sans);\n  --font-mono: var(--app-font-mono);\n\n  --radius-sm: calc(var(--radius) - 4px);\n  --radius-md: calc(var(--radius) - 2px);\n  --radius-lg: var(--radius);\n  --radius-xl: calc(var(--radius) + 4px);\n}\n\n:root {\n  color-scheme: dark;\n  --button-outline: rgba(255,255,255, .08);\n  --badge-outline: rgba(255,255,255, .05);\n\n  --opaque-button-border-intensity: 9;\n\n  --elevate-1: rgba(255,255,255, .04);\n  --elevate-2: rgba(255,255,255, .07);\n\n  /* Solana dark with depth */\n  --background: 224 50% 3%;\n  --foreground: 210 40% 96%;\n\n  --border: 220 30% 10%;\n\n  --card: 224 45% 5%;\n  --card-foreground: 210 40% 96%;\n  --card-border: 220 30% 12%;\n\n  --sidebar: 224 50% 4%;\n  --sidebar-foreground: 210 40% 92%;\n  --sidebar-border: 220 30% 9%;\n  --sidebar-primary: 154 90% 51%;\n  --sidebar-primary-foreground: 224 50% 3%;\n  --sidebar-accent: 220 30% 10%;\n  --sidebar-accent-foreground: 210 40% 96%;\n  --sidebar-ring: 154 90% 51%;\n\n  --popover: 224 45% 6%;\n  --popover-foreground: 210 40% 96%;\n  --popover-border: 220 30% 13%;\n\n  --primary: 154 90% 51%;   /* Solana Green #14F195 */\n  --primary-foreground: 224 50% 3%;\n\n  --secondary: 271 100% 64%; /* Solana Purple #9945FF */\n  --secondary-foreground: 0 0% 100%;\n\n  --muted: 220 30% 10%;\n  --muted-foreground: 215 20% 55%;\n\n  --accent: 220 30% 12%;\n  --accent-foreground: 210 40% 96%;\n\n  --destructive: 0 84% 60%;\n  --destructive-foreground: 210 40% 96%;\n\n  --input: 220 30% 9%;\n  --ring: 154 90% 51%;\n\n  --app-font-sans: 'Inter', system-ui, sans-serif;\n  --app-font-mono: 'JetBrains Mono', 'Fira Code', monospace;\n  --radius: 0.75rem;\n\n  --sidebar-primary-border: hsl(var(--sidebar-primary));\n  --sidebar-accent-border: hsl(var(--sidebar-accent));\n  --primary-border: hsl(var(--primary));\n  --secondary-border: hsl(var(--secondary));\n  --muted-border: hsl(var(--muted));\n  --accent-border: hsl(var(--accent));\n  --destructive-border: hsl(var(--destructive));\n\n  /* Glass system */\n  --glass-bg: rgba(255, 255, 255, 0.03);\n  --glass-bg-hover: rgba(255, 255, 255, 0.06);\n  --glass-border: rgba(255, 255, 255, 0.07);\n  --glass-border-hover: rgba(255, 255, 255, 0.13);\n  --glow-green: 20, 241, 149;\n  --glow-purple: 153, 69, 255;\n}\n\n/* ─── KEYFRAMES ─────────────────────────────────────────────────────────────── */\n\n@keyframes float {\n  0%, 100% { transform: translateY(0px); }\n  50%       { transform: translateY(-6px); }\n}\n\n@keyframes glow-pulse-green {\n  0%, 100% { box-shadow: 0 0 0 0 rgba(20, 241, 149, 0); }\n  50%       { box-shadow: 0 0 24px 4px rgba(20, 241, 149, 0.15); }\n}\n\n@keyframes gradient-shift {\n  0%   { background-position: 0% 50%; }\n  50%  { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n@keyframes shimmer-slide {\n  0%   { transform: translateX(-100%); }\n  100% { transform: translateX(400%); }\n}\n\n@keyframes mesh-drift {\n  0%   { transform: translate(0, 0) scale(1); }\n  33%  { transform: translate(2%, 1%) scale(1.03); }\n  66%  { transform: translate(-1%, 2%) scale(0.97); }\n  100% { transform: translate(0, 0) scale(1); }\n}\n\n@keyframes fade-up {\n  from { opacity: 0; transform: translateY(12px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n\n/* ─── BASE ──────────────────────────────────────────────────────────────────── */\n\n@layer base {\n  * {\n    @apply border-border;\n  }\n\n  html {\n    scroll-behavior: smooth;\n  }\n\n  body {\n    @apply font-sans antialiased text-foreground;\n    background-color: hsl(var(--background));\n    background-image:\n      radial-gradient(ellipse 80% 50% at 15% 40%, rgba(var(--glow-green), 0.07) 0%, transparent 60%),\n      radial-gradient(ellipse 60% 40% at 85% 15%, rgba(var(--glow-purple), 0.06) 0%, transparent 55%),\n      radial-gradient(ellipse 40% 30% at 70% 80%, rgba(var(--glow-green), 0.03) 0%, transparent 50%);\n    min-height: 100dvh;\n  }\n\n  ::selection {\n    background: rgba(var(--glow-green), 0.3);\n  }\n\n  ::-webkit-scrollbar {\n    width: 4px;\n    height: 4px;\n  }\n  ::-webkit-scrollbar-track { background: transparent; }\n  ::-webkit-scrollbar-thumb {\n    background: rgba(255,255,255,0.1);\n    border-radius: 2px;\n  }\n  ::-webkit-scrollbar-thumb:hover {\n    background: rgba(255,255,255,0.18);\n  }\n}\n\n/* ─── UTILITIES ─────────────────────────────────────────────────────────────── */\n\n@layer utilities {\n  input[type=\"search\"]::-webkit-search-cancel-button {\n    @apply hidden;\n  }\n\n  [contenteditable][data-placeholder]:empty::before {\n    content: attr(data-placeholder);\n    color: hsl(var(--muted-foreground));\n    pointer-events: none;\n  }\n\n  /* Glass morphism panel */\n  .glass {\n    background: var(--glass-bg);\n    backdrop-filter: blur(20px) saturate(1.5);\n    -webkit-backdrop-filter: blur(20px) saturate(1.5);\n    border: 1px solid var(--glass-border);\n  }\n\n  .glass-hover:hover {\n    background: var(--glass-bg-hover);\n    border-color: var(--glass-border-hover);\n  }\n\n  /* Gradient text */\n  .gradient-text {\n    background: linear-gradient(135deg, #14F195 0%, #9945FF 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n  }\n\n  /* Gradient border via box-shadow */\n  .glow-green {\n    box-shadow: 0 0 20px rgba(var(--glow-green), 0.15),\n                0 0 60px rgba(var(--glow-green), 0.05);\n  }\n\n  .glow-purple {\n    box-shadow: 0 0 20px rgba(var(--glow-purple), 0.15),\n                0 0 60px rgba(var(--glow-purple), 0.05);\n  }\n\n  /* Animated shimmer loading */\n  .shimmer {\n    position: relative;\n    overflow: hidden;\n  }\n  .shimmer::after {\n    content: '';\n    position: absolute;\n    top: 0; left: 0;\n    width: 25%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.04), transparent);\n    animation: shimmer-slide 2s infinite;\n  }\n\n  /* Fade up entry */\n  .animate-fade-up {\n    animation: fade-up 0.4s ease-out both;\n  }\n\n  /* Mesh drift (for background blobs) */\n  .animate-mesh-drift {\n    animation: mesh-drift 20s ease-in-out infinite;\n  }\n}\n"}