@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600&display=swap";:root{--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 84% 4.9%;--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 84.2% 60.2%;--destructive-foreground: 210 40% 98%;--border: 217.2 32.6% 17.5%;--input: 217.2 32.6% 17.5%;--ring: 224.3 76.3% 94.1%;--radius: 0.75rem;--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace}html{scroll-behavior:smooth}body{background-color:hsl(var(--background));color:hsl(var(--foreground));min-height:100vh;font-family:var(--font-sans);font-feature-settings:"rlig" 1,"calt" 1;background-image:radial-gradient(circle at 20% 50%, rgba(59, 130, 246, 0.1) 0%, transparent 50%),radial-gradient(circle at 80% 20%, rgba(147, 51, 234, 0.1) 0%, transparent 50%),radial-gradient(circle at 40% 80%, rgba(16, 185, 129, 0.1) 0%, transparent 50%),linear-gradient(180deg, hsl(var(--background)) 0%, rgba(0, 0, 0, 0.8) 100%);background-attachment:fixed}.glass{backdrop-filter:blur(24px);background-color:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1)}.glass-strong{backdrop-filter:blur(40px);background-color:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2)}.gradient-text{background:linear-gradient(to right, #60a5fa, #a855f7, #34d399);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);color:rgba(0,0,0,0)}.bg-animated{position:relative;overflow:hidden}.bg-animated::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(-45deg, rgba(59, 130, 246, 0.05), rgba(147, 51, 234, 0.05), rgba(16, 185, 129, 0.05), rgba(59, 130, 246, 0.05));background-size:400% 400%;animation:gradient-shift 15s ease infinite;pointer-events:none}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.grid-bg{background-image:linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);background-size:40px 40px}.text-muted-foreground{color:hsl(var(--muted-foreground))}.bg-background{background-color:hsl(var(--background))}.text-foreground{color:hsl(var(--foreground))}.btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:.375rem;font-size:.875rem;font-weight:500;transition:all .3s ease;outline:none}.btn:focus-visible{outline:1px solid hsla(0,0%,100%,.5)}.btn:disabled{pointer-events:none;opacity:.5}.btn-glass{backdrop-filter:blur(24px);background-color:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:#fff;padding:.5rem 1rem}.btn-glass:hover{background-color:hsla(0,0%,100%,.1);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);transform:scale(1.05)}.btn-gradient{background:linear-gradient(to right, #3b82f6, #8b5cf6);color:#fff;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);padding:.5rem 1rem;border:none}.btn-gradient:hover{background:linear-gradient(to right, #2563eb, #7c3aed);box-shadow:0 20px 25px -5px rgba(0,0,0,.1);transform:scale(1.05)}.card-glass{backdrop-filter:blur(24px);background-color:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.75rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.input-glass{display:flex;height:2.25rem;width:100%;border-radius:.375rem;border:1px solid hsla(0,0%,100%,.2);background-color:hsla(0,0%,100%,.05);backdrop-filter:blur(24px);padding:.25rem .75rem;font-size:.875rem;color:#fff;transition:all .3s ease;outline:none}.input-glass::placeholder{color:hsl(var(--muted-foreground))}.input-glass:focus-visible{border-color:hsla(0,0%,100%,.4);box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.form-group{margin-bottom:1rem}.form-label{font-size:.875rem;font-weight:500;color:hsl(var(--foreground));margin-bottom:.5rem;display:block}.sidebar-glass{backdrop-filter:blur(24px);background-color:hsla(0,0%,100%,.05);border-right:1px solid hsla(0,0%,100%,.1)}.sidebar-item{display:flex;align-items:center;padding:.75rem 1rem;font-size:.875rem;font-weight:500;border-radius:.5rem;transition:all .3s ease;color:hsl(var(--foreground));text-decoration:none}.sidebar-item:hover{background-color:hsla(0,0%,100%,.1);box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.sidebar-item-active{background-color:hsla(0,0%,100%,.15);box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.status-indicator{width:.5rem;height:.5rem;border-radius:50%}.status-online{background-color:#34d399;box-shadow:0 0 6px rgba(34,197,94,.6)}.status-offline{background-color:#f87171;box-shadow:0 0 6px rgba(248,113,113,.6)}.toast{backdrop-filter:blur(24px);background-color:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.2);border-radius:.5rem;padding:1rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.toast-success{border-color:rgba(34,197,94,.3);box-shadow:0 0 20px rgba(34,197,94,.2)}.toast-error{border-color:rgba(248,113,113,.3);box-shadow:0 0 20px rgba(248,113,113,.2)}.interactive{transition:all .3s ease}.interactive:hover{transform:scale(1.05);box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.shimmer{position:relative;overflow:hidden}.shimmer::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);animation:shimmer 2s infinite}.glow-blue{box-shadow:0 0 20px rgba(59,130,246,.3)}.glow-purple{box-shadow:0 0 20px rgba(147,51,234,.3)}.glow-emerald{box-shadow:0 0 20px rgba(16,185,129,.3)}.table-glass{backdrop-filter:blur(24px);background-color:hsla(0,0%,100%,.05);border-radius:.75rem;overflow:hidden}.table-row{border-bottom:1px solid hsla(0,0%,100%,.05);transition:background-color .2s ease}.table-row:hover{background-color:hsla(0,0%,100%,.05)}.table-cell{padding:1rem 1.5rem;font-size:.875rem}.animate-fade-in-up{animation:fade-in-up .6s ease-out forwards}.animate-scale-in{animation:scale-in .4s ease-out forwards}.animate-slide-in-right{animation:slide-in-right .5s ease-out forwards}.animate-float{animation:float 6s ease-in-out infinite}.animate-pulse-slow{animation:pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite}.stagger-children>*{opacity:0;animation:fade-in-up .6s ease-out forwards}.stagger-children>*:nth-child(1){animation-delay:.1s}.stagger-children>*:nth-child(2){animation-delay:.2s}.stagger-children>*:nth-child(3){animation-delay:.3s}.stagger-children>*:nth-child(4){animation-delay:.4s}.stagger-children>*:nth-child(5){animation-delay:.5s}.stagger-children>*:nth-child(6){animation-delay:.6s}@keyframes fade-in-up{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}@keyframes slide-in-right{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes float{0%,100%{transform:translateY(0px)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@keyframes shake{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}