:root{--ai-primary: #0091df;--ai-primary-light: #33a8e6;--ai-primary-dark: #00669c;--ai-secondary: #764ba2;--ai-secondary-light: #9c7bc4;--ai-secondary-dark: #523378;--ai-neural: #00d4ff;--ai-neural-light: #66e0ff;--ai-neural-dark: #0094cc;--gradient-primary: linear-gradient(135deg, #0091df 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #764ba2 0%, #f093fb 100%);--gradient-neural: linear-gradient(135deg, #00d4ff 0%, #0091df 100%);--gradient-ai-glow: linear-gradient(135deg, #0091df 0%, #f093fb 50%, #0091df 100%);--gradient-data-flow: linear-gradient(90deg, #00d4ff 0%, #0091df 50%, #764ba2 100%);--gradient-holographic: conic-gradient(from 180deg at 50% 50%, #0091df 0deg, #764ba2 120deg, #f093fb 240deg, #0091df 360deg);--glass-background: rgba(255, 255, 255, .1);--glass-background-dark: rgba(0, 0, 0, .1);--glass-border: rgba(255, 255, 255, .05);--glass-blur: blur(10px);--glass-backdrop: blur(20px);--shadow-ai-glow: 0 0 20px rgba(0, 145, 223, .3);--shadow-ai-glow-hover: 0 0 30px rgba(0, 145, 223, .5), 0 0 60px rgba(118, 75, 162, .3);--shadow-neural: 0 4px 20px rgba(0, 212, 255, .2);--shadow-card: 0 8px 32px rgba(31, 38, 135, .37);--animation-duration-fast: .15s;--animation-duration-normal: .3s;--animation-duration-slow: .5s;--animation-easing-standard: cubic-bezier(.4, 0, .2, 1);--animation-easing-neural: cubic-bezier(.25, .46, .45, .94);--animation-easing-holographic: cubic-bezier(.68, -.55, .265, 1.55);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 50%;--font-family-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "Fira Code", Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--z-index-drawer: 1200;--z-index-modal: 1300;--z-index-snackbar: 1400;--z-index-tooltip: 1500}@media (prefers-color-scheme: dark){:root{--glass-background: rgba(0, 0, 0, .3);--glass-border: rgba(255, 255, 255, .04)}}.theme-light{--glass-background: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .05)}.theme-dark{--glass-background: rgba(0, 0, 0, .3);--glass-border: rgba(255, 255, 255, .04)}@keyframes neuralPulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 0 0 var(--ai-primary)}50%{opacity:.8;transform:scale(1.05);box-shadow:0 0 0 10px transparent}}.neural-pulse{animation:neuralPulse 2s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.gradient-border{position:relative;background:var(--glass-background);border-radius:var(--radius-lg)}.gradient-border:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:linear-gradient(45deg,var(--ai-primary),var(--ai-secondary),#f093fb,var(--ai-primary));background-size:400% 400%;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:X-OR;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:X-OR;animation:gradientShift 3s ease infinite}@keyframes shimmer{0%{background-position:-200% -200%}to{background-position:200% 200%}}.holographic-shimmer{position:relative;overflow:hidden}.holographic-shimmer:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%);background-size:200% 200%;animation:shimmer 2s infinite;pointer-events:none}@keyframes dataFlow{0%{left:-100%}to{left:100%}}.data-flow{position:relative;overflow:hidden}.data-flow:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.4),transparent);animation:dataFlow 2s infinite;pointer-events:none}@keyframes typing{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.typing-indicator{display:flex;gap:4px;align-items:center}.typing-indicator .dot{width:8px;height:8px;border-radius:50%;background:var(--gradient-primary);animation:typing 1.4s infinite ease-in-out}.typing-indicator .dot:nth-child(1){animation-delay:0s}.typing-indicator .dot:nth-child(2){animation-delay:.2s}.typing-indicator .dot:nth-child(3){animation-delay:.4s}@keyframes aiSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ai-spinner{width:40px;height:40px;border:3px solid transparent;border-top:3px solid var(--ai-primary);border-radius:50%;animation:aiSpin 1s linear infinite;background:conic-gradient(from 0deg,var(--ai-primary),var(--ai-secondary),var(--ai-neural),var(--ai-primary));mask:radial-gradient(circle,transparent 50%,black 51%);-webkit-mask:radial-gradient(circle,transparent 50%,black 51%)}@keyframes skeletonWave{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton-wave{background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);background-size:200px 100%;animation:skeletonWave 2s infinite ease-in-out}@keyframes fabPulse{0%{transform:scale(1);box-shadow:0 0 #667eeab3}70%{transform:scale(1.1);box-shadow:0 0 0 10px #667eea00}to{transform:scale(1);box-shadow:0 0 #667eea00}}.fab-pulse{animation:fabPulse 2s infinite}.ai-glow{transition:box-shadow var(--animation-duration-normal) var(--animation-easing-standard);box-shadow:var(--shadow-ai-glow)}.ai-glow:hover{box-shadow:var(--shadow-ai-glow-hover)}.glass-morphism{background:var(--glass-background);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--shadow-card)}.neural-background{background-image:radial-gradient(circle at 25% 25%,var(--ai-primary) 2px,transparent 2px),radial-gradient(circle at 75% 75%,var(--ai-secondary) 2px,transparent 2px);background-size:50px 50px;background-position:0 0,25px 25px;opacity:.1;animation:neuralFlow 20s linear infinite}@keyframes neuralFlow{0%{background-position:0 0,25px 25px}to{background-position:50px 50px,75px 75px}}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.floating{animation:floating 3s ease-in-out infinite}.scale-hover{transition:transform var(--animation-duration-normal) var(--animation-easing-standard)}.scale-hover:hover{transform:scale(1.05)}.lift-hover{transition:transform var(--animation-duration-normal) var(--animation-easing-standard),box-shadow var(--animation-duration-normal) var(--animation-easing-standard)}.lift-hover:hover{transform:translateY(-4px);box-shadow:0 12px 40px #667eea26}.container{width:100%;margin:0 auto;padding:0 var(--spacing-md)}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.container-xl{max-width:1280px}.container-2xl{max-width:1536px}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-12{grid-template-columns:repeat(12,1fr)}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.p-0{padding:0}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.m-0{margin:0}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.px-xs{padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.px-sm{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.px-lg{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.py-xs{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.py-sm{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.py-lg{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-bold{font-weight:700}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-neural{background:var(--gradient-neural);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-holographic{background:var(--gradient-holographic);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.hidden{display:none}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.w-full{width:100%}.w-auto{width:auto}.w-fit{width:fit-content}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.min-h-full{min-height:100%}.ai-card{background:var(--glass-background);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:transform var(--animation-duration-normal) var(--animation-easing-standard),box-shadow var(--animation-duration-normal) var(--animation-easing-standard)}.ai-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-ai-glow)}.ai-button{background:var(--gradient-primary);border:none;border-radius:var(--radius-md);color:#fff;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--animation-duration-normal) var(--animation-easing-standard);cursor:pointer}.ai-button:hover{background:var(--gradient-secondary);transform:translateY(-2px);box-shadow:var(--shadow-ai-glow)}.ai-button-outline{background:transparent;border:2px solid;border-image:var(--gradient-primary) 1;border-radius:var(--radius-md);color:var(--ai-primary);font-weight:500;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--animation-duration-normal) var(--animation-easing-standard);cursor:pointer}.ai-button-outline:hover{background:var(--gradient-primary);color:#fff}.ai-button-glass{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border-radius:20px!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff1a!important;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.ai-button-glass:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.ai-button-glass:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0003,0 0 20px #667eea4d;border:1px solid rgba(255,255,255,.2)}.ai-button-glass:hover:before{left:100%}.ai-button-glass:active{transform:translateY(0);box-shadow:0 4px 16px #0000001a}.ai-input{background:var(--glass-background);border:1px solid rgba(255,255,255,.04);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--animation-duration-normal) var(--animation-easing-standard)}.ai-input:focus{outline:none;border:2px solid rgba(102,126,234,.25);box-shadow:0 0 0 3px #667eea0d}.status-online{background:var(--ai-neural);box-shadow:0 0 10px #00d4ff80}.status-busy{background:var(--gradient-primary);box-shadow:0 0 10px #667eea80}.status-offline{background:#666;box-shadow:0 0 10px #66666680}@media (max-width: 640px){.sm\:hidden{display:none}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:text-sm{font-size:.875rem}.sm\:text-base{font-size:1rem}.sm\:p-sm{padding:var(--spacing-sm)}.sm\:px-sm{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.sm\:py-sm{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}}@media (max-width: 768px){.md\:hidden{display:none}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:grid-cols-1{grid-template-columns:repeat(1,1fr)}.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.lg\:hidden{display:none}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}}.focus-visible{outline:2px solid var(--ai-primary);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}