@tailwind base;@tailwind components;@tailwind utilities;@layer base{: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: 222.2 47.4% 11.2%;--primary-foreground: 210 40% 98%;--secondary: 210 40% 96.1%;--secondary-foreground: 222.2 47.4% 11.2%;--accent: 210 40% 96.1%;--accent-foreground: 222.2 47.4% 11.2%;--muted: 210 40% 96.1%;--muted-foreground: 215.4 16.3% 46.9%;--destructive: 0 72.2% 50.6%;--destructive-foreground: 210 40% 98%;--success: 142.1 76.2% 36.3%;--success-foreground: 355.7 100% 97.3%;--warning: 47.9 95.8% 53.1%;--warning-foreground: 26 83.3% 14.1%;--info: 221.2 83.2% 53.3%;--info-foreground: 210 40% 98%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--ring: 222.2 84% 4.9%;--radius: .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: 210 40% 98%;--primary-foreground: 222.2 47.4% 11.2%;--secondary: 217.2 32.6% 17.5%;--secondary-foreground: 210 40% 98%;--accent: 217.2 32.6% 17.5%;--accent-foreground: 210 40% 98%;--muted: 217.2 32.6% 17.5%;--muted-foreground: 215 20.2% 65.1%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 210 40% 98%;--success: 142.1 70.2% 29.2%;--success-foreground: 144.9 80.4% 10%;--warning: 47.9 95.8% 53.1%;--warning-foreground: 26 83.3% 14.1%;--info: 217.2 91.2% 59.8%;--info-foreground: 222.2 47.4% 11.2%;--border: 217.2 32.6% 17.5%;--input: 217.2 32.6% 17.5%;--ring: 212.7 26.8% 83.9%}}@layer base{*{@apply border-[hsl(var(--border))];}body{@apply bg-[hsl(var(--background))] text-[hsl(var(--foreground))];font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{@apply text-3xl font-bold text-foreground;line-height:1.2;margin-bottom:1.5rem}h2{@apply text-2xl font-semibold text-foreground;line-height:1.3;margin-bottom:1rem}h3{@apply text-xl font-semibold text-foreground;line-height:1.4;margin-bottom:.75rem}h4{@apply text-lg font-medium text-foreground;line-height:1.5;margin-bottom:.5rem}p{@apply text-base text-foreground;margin-bottom:1rem}small{@apply text-sm text-muted-foreground;}a{@apply text-primary underline-offset-4 hover:underline;transition:color .2s ease}a:hover{@apply text-primary/80;}code{@apply bg-muted text-foreground px-1.5 py-0.5 rounded text-sm;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace}pre{@apply bg-muted text-foreground p-4 rounded overflow-x-auto;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace}pre code{@apply bg-transparent p-0;}*:focus-visible{@apply outline-none ring-2 ring-[hsl(var(--ring))] ring-offset-2 ring-offset-[hsl(var(--background))];}}@layer components{.card{@apply bg-card text-card-foreground rounded-lg border border-border p-6;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.card-header{@apply mb-4;}.card-title{@apply text-xl font-semibold text-card-foreground mb-2;}.card-description{@apply text-sm text-muted-foreground;}.card-content{@apply space-y-4;}.card-footer{@apply mt-6 pt-4 border-t border-border flex items-center justify-between;}.status-indicator{@apply inline-flex items-center gap-2 px-3 py-1 rounded-full text-sm font-medium;}.status-connected{@apply bg-success/10 text-success border border-success/20;}.status-disconnected{@apply bg-destructive/10 text-destructive border border-destructive/20;}.status-connecting{@apply bg-warning/10 text-warning-foreground border border-warning/20;}.section{@apply space-y-6;}.section-title{@apply text-2xl font-semibold text-foreground mb-4;}.section-description{@apply text-muted-foreground mb-6;}}@layer utilities{.animate-fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in{animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}}@media(max-width:640px){body{font-size:14px}h1{@apply text-2xl;}h2{@apply text-xl;}.card{@apply p-4;}}@media(max-width:800px){.container{@apply px-4;}}@media print{body{@apply bg-white text-black;}.card{@apply border border-black;box-shadow:none}}:root{--color1: #0057ba;--color2: #ff4000;--transition-speed: .3s}*{box-sizing:border-box}html,body{margin:0;padding:0}.w3-animate-opacity{animation:opac .8s}@keyframes opac{0%{opacity:0}to{opacity:1}}.w3-text-white{color:#fff}.bgimg{background-image:url(../../../img/background.webp);background-position:center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed}.card{margin:10px 0;box-shadow:0 4px 8px #0003;transition:transform var(--transition-speed),box-shadow var(--transition-speed)}.card:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}input,select{font-family:inherit;font-size:inherit;padding:8px 12px;border-radius:var(--radius);@apply bg-input border border-input text-foreground;}button{cursor:pointer;padding:10px 20px;border-radius:var(--radius);transition:background-color var(--transition-speed);@apply bg-primary text-primary-foreground border-none;}button:hover{@apply bg-primary/90;}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-4{gap:16px}@media(max-width:768px){.container{padding:0 10px}}