: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:221.2 83.2% 53.3%;--primary-foreground:210 40% 98%;--secondary:210 40% 96.1%;--secondary-foreground:222.2 47.4% 11.2%;--muted:210 40% 96.1%;--muted-foreground:215.4 16.3% 46.9%;--accent:210 40% 96.1%;--accent-foreground:222.2 47.4% 11.2%;--destructive:0 84.2% 60.2%;--destructive-foreground:210 40% 98%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--ring:221.2 83.2% 53.3%;--radius:0.5rem}.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:217.2 91.2% 59.8%;--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:224.3 76.3% 48%}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground))}.btn-primary{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));font-weight:500;padding:.5rem 1rem;border-radius:.5rem;transition:background-color .2s}.btn-primary:hover{background-color:hsl(var(--primary)/.9)}.btn-secondary{background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground));font-weight:500;padding:.5rem 1rem;border-radius:.5rem;transition:background-color .2s}.btn-secondary:hover{background-color:hsl(var(--secondary)/.8)}.btn-destructive{background-color:hsl(var(--destructive));color:hsl(var(--destructive-foreground));font-weight:500;padding:.5rem 1rem;border-radius:.5rem;transition:background-color .2s}.btn-destructive:hover{background-color:hsl(var(--destructive)/.9)}.input-field{width:100%;border-radius:.5rem;border:1px solid hsl(var(--input));background-color:hsl(var(--background));padding:.5rem .75rem;font-size:.875rem}.input-field::-moz-placeholder{color:hsl(var(--muted-foreground))}.input-field::placeholder{color:hsl(var(--muted-foreground))}.input-field:focus{border-color:hsl(var(--ring));outline:none;box-shadow:0 0 0 2px hsl(var(--ring)/.2)}.card{background-color:hsl(var(--card));color:hsl(var(--card-foreground));border-radius:.75rem;box-shadow:0 1px 2px 0 rgb(0 0 0/.05);border:1px solid hsl(var(--border));padding:1.5rem}