:root{--background:0 0% 100%;--foreground:222.2 84% 4.9%;--card:0 0% 100%;--card-foreground:222.2 84% 4.9%;--popover:0 0% 100%;--popover-foreground:222.2 84% 4.9%;--primary:262 83% 58%;--primary-foreground:0 0% 100%;--secondary:210 40% 96.1%;--secondary-foreground:222.2 47.4% 11.2%;--muted:262 83% 95%;--muted-foreground:215.4 16.3% 46.9%;--accent:28 85% 57%;--accent-foreground:0 0% 100%;--destructive:0 84.2% 60.2%;--destructive-foreground:210 40% 98%;--border:214.3 31.8% 91.4%;--input:0 0% 100%;--ring:262 83% 58%;--gradient-primary:linear-gradient(135deg,hsl(262 83% 58%),hsl(279 77% 68%));--gradient-accent:linear-gradient(135deg,hsl(28 85% 57%),hsl(45 93% 60%));--gradient-subtle:linear-gradient(180deg,hsla(262 83% 58%/0.05),hsla(279 77% 68%/0.02));--gradient-card:linear-gradient(145deg,hsla(262 83% 58%/0.03),hsla(279 77% 68%/0.08));--shadow-elegant:0 10px 30px -10px hsl(262 83% 58%/0.3);--shadow-glow:0 0 40px hsl(262 83% 58%/0.2);--shadow-card:0 4px 20px -4px hsl(262 83% 58%/0.15);--transition-smooth:all 0.3s cubic-bezier(0.4,0,0.2,1);--radius:0.5rem;--sidebar-background:0 0% 98%;--sidebar-foreground:240 5.3% 26.1%;--sidebar-primary:240 5.9% 10%;--sidebar-primary-foreground:0 0% 98%;--sidebar-accent:240 4.8% 95.9%;--sidebar-accent-foreground:240 5.9% 10%;--sidebar-border:220 13% 91%;--sidebar-ring:217.2 91.2% 59.8%}.dark{--background:222.2 84% 4.9%;--foreground:210 40% 98%;--card:222.2 84% 4.9%;--card-foreground:210 40% 98%;--popover:222.2 84% 4.9%;--popover-foreground:210 40% 98%;--primary:210 40% 98%;--primary-foreground:222.2 47.4% 11.2%;--secondary:217.2 32.6% 17.5%;--secondary-foreground:210 40% 98%;--muted:217.2 32.6% 17.5%;--muted-foreground:215 20.2% 65.1%;--accent:217.2 32.6% 17.5%;--accent-foreground:210 40% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:210 40% 98%;--border:217.2 32.6% 17.5%;--input:217.2 32.6% 17.5%;--ring:212.7 26.8% 83.9%;--sidebar-background:240 5.9% 10%;--sidebar-foreground:240 4.8% 95.9%;--sidebar-primary:224.3 76.3% 48%;--sidebar-primary-foreground:0 0% 100%;--sidebar-accent:240 3.7% 15.9%;--sidebar-accent-foreground:240 4.8% 95.9%;--sidebar-border:240 3.7% 15.9%;--sidebar-ring:217.2 91.2% 59.8%}.group:hover .group-hover\:bg-black\/20{background-color:#0003}.bg-background\/95{background-color:hsl(var(--background)/.95)}.bg-background\/90{background-color:hsl(var(--background)/.9)}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.hover\:shadow-elegant:hover{--tw-shadow:var(--shadow-elegant);--tw-shadow-colored:var(--shadow-elegant);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.to-primary{--tw-gradient-to:hsl(var(--primary)) var(--tw-gradient-to-position)}.from-accent{--tw-gradient-from:hsl(var(--accent)) var(--tw-gradient-from-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.ring-primary{--tw-ring-color:hsl(var(--primary))}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ring-offset-background{--tw-ring-offset-color:hsl(var(--background))}.bg-background\/80{background-color:hsl(var(--background)/.8)}.border-green-500\/20{border-color:#22c55e33}.to-emerald-500\/10{--tw-gradient-to:rgb(16 185 129/.1) var(--tw-gradient-to-position)}.from-green-500\/10{--tw-gradient-from:rgb(34 197 94/.1) var(--tw-gradient-from-position);--tw-gradient-to:rgb(34 197 94/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.bg-green-500\/20{background-color:#22c55e33}.left-44{left:11rem}@media (min-width:1024px){.lg\:w-\[40\%\]{width:40%}}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y:-48%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x:-50%}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.max-h-\[90vh\]{max-height:90vh}@media (min-width:640px){.sm\:rounded-lg{border-radius:var(--radius)}.sm\:max-w-\[900px\]{max-width:900px}}.h-\[calc\(90vh-200px\)\]{height:calc(90vh - 200px)}