@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Monaco, monospace;--primary: 139 92 246;--primary-dark: 124 58 237;--secondary: 168 85 247;--accent: 236 72 153;--zinc-50: 250 250 250;--zinc-100: 244 244 245;--zinc-200: 228 228 231;--zinc-300: 212 212 216;--zinc-400: 161 161 170;--zinc-500: 113 113 122;--zinc-600: 82 82 91;--zinc-700: 63 63 70;--zinc-800: 39 39 42;--zinc-900: 24 24 27;--zinc-950: 9 9 11;--success: 34 197 94;--error: 239 68 68;--warning: 245 158 11;--info: 59 130 246;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--blur-sm: 4px;--blur-md: 8px;--blur-lg: 16px;--blur-xl: 24px;--blur-2xl: 40px;--blur-3xl: 64px;--radius-sm: .375rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-3xl: 3rem;--duration-75: 75ms;--duration-100: .1s;--duration-150: .15s;--duration-200: .2s;--duration-300: .3s;--duration-500: .5s;--duration-700: .7s;--duration-1000: 1s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-spring: cubic-bezier(.175, .885, .32, 1.275)}*{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{min-height:100vh;font-family:var(--font-sans);background-color:rgb(var(--zinc-50));color:rgb(var(--zinc-900))}@media (prefers-color-scheme: dark){body{background-color:rgb(var(--zinc-950));color:rgb(var(--zinc-100))}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(var(--zinc-400),.3);border-radius:999px;border:1px solid transparent}::-webkit-scrollbar-thumb:hover{background:rgba(var(--zinc-400),.5)}@media (prefers-color-scheme: dark){::-webkit-scrollbar-thumb{background:rgba(var(--zinc-600),.3)}::-webkit-scrollbar-thumb:hover{background:rgba(var(--zinc-600),.5)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(2rem)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px rgba(var(--primary),.2)}50%{box-shadow:0 0 40px rgba(var(--primary),.4),0 0 60px rgba(var(--primary),.1)}}@keyframes gradient-x{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes sparkle{0%,to{opacity:.2;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}@keyframes morphing{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}}.animate-fade-in-up{animation:fadeInUp var(--duration-700) var(--ease-out)}.animate-slide-in-right{animation:slideInRight var(--duration-500) var(--ease-out)}.animate-slide-up{animation:slideUp var(--duration-300) var(--ease-out)}.animate-scale-in{animation:scaleIn var(--duration-200) var(--ease-out)}.animate-float{animation:float 6s var(--ease-in-out) infinite}.animate-pulse-glow{animation:pulse-glow 3s var(--ease-in-out) infinite}.animate-gradient{background-size:200% 200%;animation:gradient-shift 4s var(--ease-in-out) infinite}.animate-shake{animation:shake .5s var(--ease-in-out)}.animate-bounce-in{animation:bounce-in .6s var(--ease-bounce)}.animate-sparkle{animation:sparkle 2s var(--ease-in-out) infinite}.animate-morphing{animation:morphing 8s var(--ease-in-out) infinite}.animation-delay-1000{animation-delay:var(--duration-1000)}.animation-delay-2000{animation-delay:2s}.animation-delay-3000{animation-delay:3s}.animation-delay-4000{animation-delay:4s}.neumorphism-light{background:linear-gradient(145deg,rgb(var(--zinc-50)),rgb(var(--zinc-100)));box-shadow:20px 20px 40px rgba(var(--zinc-400),.1),-20px -20px 40px #fffc}.neumorphism-dark{background:linear-gradient(145deg,rgb(var(--zinc-800)),rgb(var(--zinc-900)));box-shadow:20px 20px 40px #0000004d,-20px -20px 40px rgba(var(--zinc-700),.1)}.glass-modern{background:#ffffff14;-webkit-backdrop-filter:blur(var(--blur-2xl)) saturate(180%);backdrop-filter:blur(var(--blur-2xl)) saturate(180%);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000001f,inset 0 1px #fff3}.glass-strong{background:#ffffff1f;-webkit-backdrop-filter:blur(var(--blur-3xl)) saturate(200%);backdrop-filter:blur(var(--blur-3xl)) saturate(200%);border:1px solid rgba(255,255,255,.2);box-shadow:0 12px 40px #00000026,inset 0 1px #ffffff4d}.gradient-border{position:relative;background:linear-gradient(to right,rgb(var(--zinc-50)),rgb(var(--zinc-100)))}.gradient-border:before{content:"";position:absolute;inset:0;padding:1px;background:linear-gradient(135deg,rgba(var(--primary),.3),rgba(var(--secondary),.3),rgba(var(--accent),.3));border-radius:inherit;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor}.btn-modern{position:relative;overflow:hidden;background:linear-gradient(135deg,rgb(var(--primary)),rgb(var(--secondary)));border:none;border-radius:var(--radius-2xl);color:#fff;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all var(--duration-300) var(--ease-out);box-shadow:0 4px 16px rgba(var(--primary),.2),0 1px 3px #0000001a}.btn-modern:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left var(--duration-700) var(--ease-out)}.btn-modern:hover:before{left:100%}.btn-modern:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 40px rgba(var(--primary),.3),0 4px 16px #00000026}.btn-modern:active{transform:translateY(0) scale(.98);transition-duration:var(--duration-100)}.card-modern{background:#ffffffe6;-webkit-backdrop-filter:blur(var(--blur-xl));backdrop-filter:blur(var(--blur-xl));border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-3xl);box-shadow:0 8px 32px #00000014,0 1px 3px #00000005;transition:all var(--duration-300) var(--ease-out);position:relative;overflow:hidden}.card-modern:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--primary),.5),transparent)}.card-modern:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 20px 60px #0000001f,0 4px 16px #0000000a}@media (prefers-color-scheme: dark){.card-modern{background:rgba(var(--zinc-900),.9);border-color:rgba(var(--zinc-800),.5);box-shadow:0 8px 32px #0000004d,0 1px 3px #0000001a}.card-modern:hover{box-shadow:0 20px 60px #00000080,0 4px 16px #0003}}.input-modern{background:rgba(var(--zinc-50),.8);border:1px solid rgba(var(--zinc-200),.5);border-radius:var(--radius-2xl);padding:1rem 1.5rem;font-family:var(--font-sans);font-size:1rem;color:rgb(var(--zinc-900));transition:all var(--duration-300) var(--ease-out);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));box-shadow:0 1px 3px #0000000d,inset 0 1px 2px #00000005}.input-modern:focus{outline:none;border-color:rgba(var(--primary),.5);box-shadow:0 0 0 3px rgba(var(--primary),.1),0 4px 16px rgba(var(--primary),.1);transform:translateY(-1px)}.input-modern:hover{border-color:rgba(var(--zinc-300),.8);transform:translateY(-1px)}@media (prefers-color-scheme: dark){.input-modern{background:rgba(var(--zinc-800),.8);border-color:rgba(var(--zinc-700),.5);color:rgb(var(--zinc-100))}.input-modern:hover{border-color:rgba(var(--zinc-600),.8)}}.status-modern{position:relative;display:inline-block;width:12px;height:12px;border-radius:50%}.status-modern:before{content:"";position:absolute;inset:-4px;border:2px solid currentColor;border-radius:50%;opacity:.3;animation:pulse 2s infinite}.status-connected{background:rgb(var(--success));color:rgb(var(--success));box-shadow:0 0 16px rgba(var(--success),.4)}.status-error{background:rgb(var(--error));color:rgb(var(--error));box-shadow:0 0 16px rgba(var(--error),.4)}.status-warning{background:rgb(var(--warning));color:rgb(var(--warning));box-shadow:0 0 16px rgba(var(--warning),.4)}.hover-lift{transition:all var(--duration-300) var(--ease-out)}.hover-lift:hover{transform:translateY(-4px) scale(1.02)}.hover-glow{transition:all var(--duration-300) var(--ease-out)}.hover-glow:hover{box-shadow:0 0 30px rgba(var(--primary),.3)}.hover-rotate{transition:transform var(--duration-300) var(--ease-out)}.hover-rotate:hover{transform:rotate(5deg) scale(1.05)}.skeleton-modern{background:linear-gradient(90deg,rgba(var(--zinc-200),.3) 25%,rgba(var(--zinc-100),.5),rgba(var(--zinc-200),.3) 75%);background-size:200% 100%;animation:gradient-x 2s infinite;border-radius:var(--radius-lg)}@media (prefers-color-scheme: dark){.skeleton-modern{background:linear-gradient(90deg,rgba(var(--zinc-800),.3) 25%,rgba(var(--zinc-700),.5),rgba(var(--zinc-800),.3) 75%)}}@media (max-width: 768px){.card-modern:hover,.hover-lift:hover,.btn-modern:hover{transform:none}}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.focus-modern:focus{outline:2px solid rgb(var(--primary));outline-offset:2px}.focus-modern:focus:not(:focus-visible){outline:none}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}}@container (min-width: 768px){.card-modern{padding:2rem}}::selection{background:rgba(var(--primary),.2);color:rgb(var(--zinc-900))}@media (prefers-color-scheme: dark){::selection{background:rgba(var(--primary),.3);color:rgb(var(--zinc-100))}}