:root{--primary-blue:#3b82f6;--primary-purple:#8b5cf6;--primary-cyan:#06b6d4;--primary-green:#10b981;--primary-pink:#ec4899;--bg-dark:#0a0a0f;--bg-darker:#050505;--text-primary:#fff;--text-secondary:#a1a1aa;--text-accent:#e4e4e7;--glass-bg:hsla(0,0%,100%,.05);--glass-border:hsla(0,0%,100%,.1);--glass-shadow:0 25px 50px rgba(0,0,0,.3);--neon-glow:0 0 20px currentColor;--neon-glow-strong:0 0 40px currentColor}.futuristic-landing{min-height:100vh;background:linear-gradient(135deg,var(--bg-dark) 0,var(--bg-darker) 100%);color:var(--text-primary);overflow-x:hidden;position:relative}.background-layer{z-index:-2;background:radial-gradient(circle at 30% 20%,rgba(59,130,246,.15) 0,transparent 50%),radial-gradient(circle at 70% 80%,rgba(139,92,246,.15) 0,transparent 50%)}.background-layer,.particle-background{position:fixed;top:0;left:0;right:0;bottom:0}.particle-background{z-index:-1;pointer-events:none;overflow:hidden}.gradient-bg{position:absolute;top:0;left:0;right:0;bottom:0}.particle{filter:blur(1px);box-shadow:var(--neon-glow)}.light-orb,.particle{position:absolute;border-radius:50%}.light-orb{width:60px;height:60px;background:radial-gradient(circle,rgba(59,130,246,.6) 0,transparent 70%);filter:blur(20px)}.floating-shape{position:absolute;width:20px;height:20px;border:1px solid rgba(59,130,246,.3)}.shape-0{border-radius:50%}.shape-1{transform:rotate(45deg)}.shape-2{border-radius:2px}.shape-3{width:0;height:0;border:none}.neural-network{width:100%;height:100%;opacity:.3}.neural-network,.starfield{position:absolute;top:0;left:0}.starfield{right:0;bottom:0}.star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;box-shadow:0 0 6px #fff}.energy-streams{position:absolute;top:0;left:0;right:0;bottom:0}.energy-stream{position:absolute;width:2px;height:100vh;background:linear-gradient(to bottom,transparent,var(--primary-cyan),transparent);filter:blur(1px)}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:2rem;overflow:hidden}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1}.floating-element{position:absolute;width:40px;height:40px;border:2px solid rgba(59,130,246,.3);border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.02)}.hero-content{text-align:center;max-width:1000px;z-index:1}.hero-logo-container{margin-bottom:3rem}.hero-logo{display:inline-block;perspective:1000px}.logo-inner{display:flex;align-items:center;justify-content:center;gap:1rem;padding:2rem 3rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--glass-shadow);position:relative;overflow:hidden}.logo-text{font-size:4rem;font-weight:900;background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));letter-spacing:-2px}.logo-badge{background:linear-gradient(135deg,var(--primary-green),var(--primary-cyan));padding:.5rem 1rem;border-radius:12px;font-size:1.2rem;font-weight:700;box-shadow:var(--neon-glow)}.hero-headline{margin-bottom:3rem}.hero-title{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;line-height:1.1;background:linear-gradient(135deg,var(--text-primary),var(--text-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.typed-text{position:relative}.cursor,.typed-text{display:inline-block}.cursor{background:var(--primary-blue);margin-left:2px;width:3px;animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero-subtitle{font-size:1.5rem;color:var(--text-secondary);line-height:1.4;max-width:600px;margin:0 auto}.hero-cta{margin-bottom:4rem}.hero-button{position:relative;padding:1.5rem 3rem;font-size:1.2rem;font-weight:600;color:#fff;border:none;border-radius:16px;cursor:pointer;overflow:hidden;background:transparent;transition:all .3s ease;display:inline-flex;align-items:center;gap:1rem}.button-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;border-radius:16px}.button-text{z-index:1}.button-arrow{font-size:1.5rem;z-index:1}.hero-stats{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:16px;cursor:pointer;transition:transform .3s ease}.stat-icon,.stat-value{font-size:2rem}.stat-value{font-weight:800;color:var(--primary-blue)}.stat-label{font-size:.9rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-secondary)}.scroll-arrow{font-size:1.5rem}.scroll-text{font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.chat-demo-section{padding:8rem 2rem;position:relative}.section-container{max-width:1200px;margin:0 auto}.chat-demo-header{text-align:center;margin-bottom:4rem}.section-title{font-size:3rem;font-weight:800;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--text-primary),var(--primary-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{font-size:1.2rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.ai-chat-demo{max-width:900px;margin:0 auto}.demo-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.scenario-selector{display:flex;flex-direction:column;gap:1rem}.scenario-title{font-size:1.2rem;font-weight:600;color:var(--primary-blue)}.scenario-indicators{display:flex;gap:.5rem}.scenario-dot{width:12px;height:12px;border-radius:50%;background:rgba(59,130,246,.3);border:none;cursor:pointer;transition:all .3s ease}.scenario-dot.active{background:var(--primary-blue);box-shadow:var(--neon-glow)}.demo-buttons{display:flex;gap:1rem;flex-wrap:wrap}.demo-button{padding:.75rem 1.5rem;border-radius:12px;border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--text-primary);cursor:pointer;transition:all .3s ease;font-weight:500}.demo-button:hover{background:rgba(59,130,246,.1);box-shadow:0 5px 15px rgba(59,130,246,.2)}.demo-button:disabled{opacity:.5;cursor:not-allowed}.chat-container{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;overflow:hidden;box-shadow:var(--glass-shadow)}.chat-header{border-bottom:1px solid var(--glass-border);background:hsla(0,0%,100%,.02)}.chat-info{gap:1rem}.ai-avatar,.chat-info{display:flex;align-items:center}.ai-avatar{font-size:2rem;justify-content:center;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));box-shadow:var(--neon-glow)}.chat-details h4{font-size:1.2rem;font-weight:600;margin-bottom:.25rem}.status{font-size:.9rem;color:var(--text-secondary)}.status.active{color:var(--primary-green)}.chat-indicator{padding:.5rem 1rem;background:rgba(59,130,246,.1);border-radius:20px;font-size:.8rem;text-transform:uppercase;letter-spacing:1px;color:var(--primary-blue)}.chat-messages{height:400px;padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.message{gap:1rem}.ai-message-avatar{background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple))}.ai-message-avatar,.user-message-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.user-message-avatar{background:linear-gradient(135deg,var(--primary-green),var(--primary-cyan))}.message-text{padding:1rem 1.5rem;border-radius:20px;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border)}.message.user .message-text{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.2)}.message-time{font-size:.8rem;margin-top:.5rem;text-align:right}.message.user .message-time{text-align:left}.typing-indicator{gap:1rem}.typing-avatar{background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple))}.typing-bubble{gap:1rem;padding:1rem 1.5rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:20px}.typing-dot{background:var(--primary-blue)}.chat-input-demo{padding:1.5rem 2rem;border-top:1px solid var(--glass-border);background:hsla(0,0%,100%,.01)}.input-wrapper{gap:1rem}.demo-input{flex:1 1;padding:1rem 1.5rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;color:var(--text-primary);font-size:1rem}.demo-input::placeholder{color:var(--text-secondary);font-style:italic}.send-button{width:50px;height:50px;background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));font-size:1.2rem}.demo-cta{text-align:center;margin-top:3rem;padding:2rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid var(--glass-border)}.demo-cta p{font-size:1.1rem;margin-bottom:1.5rem;color:var(--text-secondary)}.demo-cta-button{display:inline-block;padding:1rem 2rem;background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));color:#fff;text-decoration:none;border-radius:12px;font-weight:600;transition:all .3s ease}.features-section{padding:8rem 2rem;position:relative}.floating-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:3rem;gap:3rem;max-width:1200px;margin:0 auto}.floating-card-wrapper{perspective:1000px}.floating-card{position:relative;height:300px;border-radius:20px;cursor:pointer;transition:all .3s ease;transform-style:preserve-3d;border:1px solid var(--glass-border);overflow:hidden}.card-content{position:relative;height:100%;padding:2rem;display:flex;flex-direction:column;justify-content:space-between;z-index:2}.card-gradient{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;border-radius:20px}.card-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,var(--text-primary),var(--primary-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;z-index:3;position:relative}.card-description{color:var(--text-secondary);line-height:1.6;z-index:3;position:relative}.card-orb{top:20px;right:20px;width:20px;height:20px;background:radial-gradient(circle,var(--primary-blue),transparent)}.card-orb,.card-particle{position:absolute;border-radius:50%;z-index:4}.card-particle{width:4px;height:4px;background:var(--primary-blue)}.card-shimmer{position:absolute;top:0;left:-100px;width:100px;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);z-index:5}.card-border{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:20px;border:2px solid transparent;background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple)) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:6}.card-shadow{position:absolute;top:10px;left:10px;right:-10px;bottom:-10px;background:rgba(0,0,0,.3);border-radius:20px;filter:blur(20px);z-index:-1}.feature-carousel{padding:8rem 2rem;position:relative}.carousel-header{text-align:center;margin-bottom:4rem}.carousel-title{font-size:3rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,var(--text-primary),var(--primary-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.carousel-subtitle{font-size:1.2rem;color:var(--text-secondary)}.carousel-container{position:relative;max-width:1000px;margin:0 auto;height:500px;border-radius:20px;overflow:hidden;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.carousel-controls{position:absolute;top:50%;left:0;right:0;z-index:10;display:flex;justify-content:space-between;padding:0 2rem;pointer-events:none}.carousel-btn{width:50px;height:50px;border-radius:50%;border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;font-size:1.5rem;cursor:pointer;pointer-events:all;transition:all .3s ease}.carousel-btn:hover{background:rgba(59,130,246,.2);box-shadow:var(--neon-glow)}.carousel-content{height:100%;position:relative}.slide{height:100%;width:100%;position:absolute;top:0;left:0}.slide-inner{display:flex;height:100%;align-items:center;padding:3rem;gap:3rem;position:relative;z-index:2}.feature-icon{font-size:4rem;flex-shrink:0}.feature-content{flex:1 1}.feature-subtitle{display:block;font-size:.9rem;color:var(--primary-blue);text-transform:uppercase;letter-spacing:2px;margin-bottom:.5rem;font-weight:600}.feature-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem;color:#fff}.feature-description{font-size:1.1rem;color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.feature-stats{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.stat-item{padding:.5rem 1rem;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;font-size:.9rem;border:1px solid hsla(0,0%,100%,.1)}.feature-preview{background:rgba(0,0,0,.3);padding:1rem;border-radius:12px;border:1px solid hsla(0,0%,100%,.1)}.preview-label{font-size:.8rem;color:var(--primary-green);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.preview-text{font-style:italic;color:var(--text-secondary);line-height:1.4}.slide-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.bg-element{position:absolute;width:30px;height:30px;border:1px solid hsla(0,0%,100%,.1);border-radius:4px}.carousel-indicators{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;gap:.5rem;z-index:10}.indicator{width:12px;height:12px;border-radius:50%;border:none;background:hsla(0,0%,100%,.3);cursor:pointer;transition:all .3s ease}.indicator.active{background:var(--primary-blue);box-shadow:var(--neon-glow)}.carousel-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:hsla(0,0%,100%,.1);z-index:10}.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary-blue),var(--primary-purple));transform-origin:left}.autoplay-indicator{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid var(--glass-border);font-size:.8rem;color:var(--text-secondary);z-index:10}.autoplay-icon{font-size:1rem}.cta-section{padding:8rem 2rem;position:relative}.cta-container{max-width:800px;margin:0 auto;padding:4rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--glass-shadow)}.cta-title{font-size:3rem;font-weight:800;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--text-primary),var(--primary-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-description{font-size:1.2rem;color:var(--text-secondary);margin-bottom:3rem;line-height:1.6}.cta-button{padding:1.5rem 3rem;border-radius:16px;font-size:1.2rem}.cta-button-text{position:relative;z-index:2}.cta-button-glow{position:absolute;top:-50%;left:-50%;right:-50%;bottom:-50%;background:radial-gradient(circle,hsla(0,0%,100%,.3),transparent);z-index:1}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.logo-text{font-size:3rem}.hero-stats{gap:1.5rem}.section-title{font-size:2.5rem}.floating-cards-container{grid-template-columns:1fr;gap:2rem}.carousel-container{height:400px}.slide-inner{flex-direction:column;text-align:center;padding:2rem}.feature-title{font-size:2rem}.cta-title{font-size:2.5rem}.demo-controls{flex-direction:column;align-items:stretch}.demo-buttons{justify-content:center}}@media (max-width:480px){.hero-title{font-size:2rem}.logo-text{font-size:2.5rem}.floating-cards-container{grid-template-columns:1fr}.chat-messages{height:300px}.message-content{max-width:85%}.cta-container{padding:2rem}.cta-title{font-size:2rem}}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:rgba(59,130,246,.3);border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:rgba(59,130,246,.5)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes glow{0%,to{box-shadow:0 0 20px currentColor}50%{box-shadow:0 0 40px currentColor}}.auth-form,.auth-form .form-error,.auth-form .form-field,.auth-form .form-input,.auth-form .form-label,.auth-form .form-section,.auth-form .validation-summary,.auth-form .validation-summary.invalid,.auth-form .validation-summary.valid,.complexity-bar,.complexity-factor,.complexity-factors,.complexity-fill,.complexity-fill.complexity-complex,.complexity-fill.complexity-moderate,.complexity-fill.complexity-simple,.complexity-header,.complexity-info,.dynamic-form-generator,.error-field,.error-item,.error-message,.errors-list,.errors-title,.form-actions,.form-checkbox,.form-description,.form-error,.form-field,.form-generator-error,.form-generator-error .error-message,.form-generator-loading,.form-input,.form-input.error,.form-label,.form-layout,.form-layout.columns-2,.form-layout.columns-3,.form-section,.form-select,.form-select.error,.form-textarea,.form-textarea.error,.form-ui-hints,.generated-form,.input-wrapper,.schema-validator,.section-description,.section-fields,.section-header,.section-icon,.section-title,.smart-parameter-input,.suggestion-item,.suggestion-item.selected,.suggestions-dropdown,.suggestions-footer,.suggestions-header,.validate-button,.validation-errors,.validation-icon,.validation-message,.validation-status,.validation-summary,.validation-summary.invalid,.validation-summary.valid,.validation-warnings,.warning-field,.warning-item,.warning-message,.warnings-list,.warnings-title{@apply text-yellow-700}@media (max-width:768px){.form-layout.columns-2,.form-layout.columns-3,.suggestions-dropdown{@apply max-h-48}}*{box-sizing:border-box;margin:0;padding:0}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#f8fafc;color:#1e293b;line-height:1.5}.app-layout{flex-direction:column;height:100vh}.app-layout,.main-container{display:flex;overflow:hidden}.main-container{flex:1 1}.main-content{flex:1 1;padding:24px;overflow-y:auto;background-color:#fff}.main-content.full-width{width:100%;max-width:1200px;margin:0 auto}.header{background-color:#fff;border-bottom:1px solid #e2e8f0;padding:0 24px;height:60px;display:flex;align-items:center;justify-content:space-between;z-index:50}.logo{font-size:24px;font-weight:700;color:#1e293b}.menu-toggle{background:none;border:none;padding:8px;cursor:pointer;border-radius:4px;color:#64748b}.menu-toggle:hover{background-color:#f1f5f9}.sidebar{width:280px;background-color:#1e293b;color:#fff;padding:24px 0;overflow-y:auto;transition:margin-left .3s ease}.sidebar.collapsed{margin-left:-280px}.sidebar-section{margin-bottom:32px}.sidebar-title{padding:0 24px 12px;font-size:14px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;justify-content:space-between}.sidebar-title-icon{margin-right:8px;font-size:14px}.sidebar-add-btn{background:none;border:1px solid #475569;color:#94a3b8;border-radius:4px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:all .2s}.sidebar-add-btn:hover{background-color:#475569;color:#fff}.sidebar-item{display:flex;align-items:center;padding:12px 24px;color:#cbd5e1;text-decoration:none;transition:background-color .2s;cursor:pointer}.sidebar-item:hover{background-color:#334155;color:#fff}.sidebar-item.active{background-color:#3b82f6;color:#fff}.sidebar-item-icon{margin-right:12px;font-size:16px;width:20px;text-align:center;flex-shrink:0}.sidebar-item-text{font-size:14px;font-weight:500}.sidebar-item-badge{margin-left:auto;background-color:#ef4444;color:#fff;padding:2px 6px;border-radius:10px;font-size:11px;font-weight:600;min-width:18px;text-align:center}.agent-avatar{width:20px;height:20px;margin-right:12px;flex-shrink:0}.agent-status-icon{font-size:12px}.sidebar-subitem{padding-left:56px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;transition:all .2s;min-height:36px}.btn-sm{padding:6px 12px;font-size:12px;min-height:28px}.btn-md{padding:8px 16px;font-size:14px;min-height:36px}.btn-lg{padding:12px 24px;font-size:16px;min-height:44px}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover{background-color:#2563eb}.btn-secondary{background-color:#64748b;color:#fff}.btn-secondary:hover{background-color:#475569}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover{background-color:#dc2626}.btn-success{background-color:#10b981;color:#fff}.btn-success:hover{background-color:#059669}.btn-outline{background-color:transparent;color:#64748b;border:1px solid #d1d5db}.btn-outline:hover{background-color:#f8fafc;border-color:#9ca3af}.btn-disabled{opacity:.5;cursor:not-allowed}.btn-loading{position:relative;color:transparent}.btn-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:currentColor}.user-profile{position:relative}.user-profile-button{display:flex;align-items:center;gap:8px;background:none;border:none;padding:8px;border-radius:8px;cursor:pointer;transition:background-color .2s}.user-profile-button:hover{background-color:#f1f5f9}.user-avatar{width:32px;height:32px}.user-avatar,.user-avatar-large{border-radius:50%;object-fit:cover}.user-avatar-large{width:48px;height:48px}.user-name{font-size:14px;font-weight:500;color:#1e293b}.dropdown-arrow{transition:transform .2s}.dropdown-arrow.rotated{transform:rotate(180deg)}.user-dropdown{position:absolute;top:100%;right:0;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);min-width:240px;z-index:100;margin-top:4px}.user-dropdown-header{padding:16px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:12px}.user-info{flex:1 1}.user-name-large{font-size:16px;font-weight:600;color:#1e293b}.user-email{font-size:14px;color:#64748b}.user-dropdown-menu{padding:8px 0}.dropdown-item{display:flex;align-items:center;padding:12px 16px;color:#374151;text-decoration:none;transition:background-color .2s}.dropdown-item:hover{background-color:#f9fafb}.dropdown-divider{background-color:#e5e7eb;margin:8px 0}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;gap:12px}.loading-spinner{color:#3b82f6}.loading-text{font-size:14px;color:#64748b}.animate-spin{animation:spin 1s linear infinite}.card{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:24px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1)}.card-header{margin-bottom:16px}.card-title{font-size:18px;font-weight:600;color:#1e293b;margin-bottom:4px}.card-description{font-size:14px;color:#64748b}.status-indicator{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.status-ready{background-color:#dcfce7;color:#166534}.status-active{background-color:#dbeafe;color:#1e40af}.status-executing{background-color:#fef3c7;color:#92400e}.status-failed{background-color:#fee2e2;color:#991b1b}.status-pending{background-color:#f3f4f6;color:#374151}.status-completed{background-color:#dcfce7;color:#166534}.form-group{margin-bottom:16px}.form-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.form-input{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.form-textarea{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;resize:vertical;min-height:80px;transition:border-color .2s}.form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.form-select{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background-color:#fff;cursor:pointer}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (min-width:768px){.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.lg\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\\:col-span-2{grid-column:span 2/span 2}}.slack-chat-container{display:flex;flex-direction:column;height:calc(100vh - 64px);background-color:#fff}.chat-header{border-bottom:1px solid #e2e8f0;padding:16px 24px;background-color:#fff;flex-shrink:0}.chat-header-content{display:flex;align-items:center;justify-content:space-between}.chat-title-section{display:flex;align-items:center;gap:12px}.chat-title{font-size:18px;font-weight:700;color:#1f2937;margin:0}.chat-subtitle{font-size:14px;color:#6b7280;margin:0}.chat-actions{display:flex;gap:8px}.chat-action-btn{background:none;border:none;padding:8px;border-radius:6px;cursor:pointer;font-size:16px;transition:background-color .2s}.chat-action-btn:hover{background-color:#f3f4f6}.chat-messages{flex:1 1;overflow-y:auto;padding:0 24px;background-color:#fff}.message-wrapper{padding:8px 0;position:relative;transition:background-color .2s}.message-wrapper:hover{background-color:#f9fafb}.message-wrapper:hover .message-controls{opacity:1}.message-content{display:flex;gap:12px;align-items:flex-start}.message-avatar{width:36px;height:36px}.avatar-img{object-fit:cover}.avatar-img,.flusk-avatar{width:36px;height:36px;border-radius:8px}.flusk-avatar{background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center}.message-body{flex:1 1;min-width:0}.message-header{gap:8px;margin-bottom:4px}.message-author{font-weight:600;color:#1f2937;font-size:15px}.command-badge{background-color:#10b981;color:#fff;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.message-time{color:#6b7280;font-size:13px;font-weight:400}.message-text{color:#1f2937;font-size:15px;white-space:pre-wrap}.message-command{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;padding:8px 12px;color:#374151}.message-command,.message-command-result{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}.message-command-result{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:12px;font-size:14px}.message-error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:12px;color:#dc2626}.message-metadata{margin-top:12px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:12px}.metadata-title{font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.metadata-content{font-size:13px;color:#6b7280}.metadata-item{margin-bottom:4px}.metadata-item:last-child{margin-bottom:0}.message-actions{margin-top:12px;flex-wrap:wrap;gap:8px}.action-btn{background-color:#f3f4f6;border:1px solid #d1d5db;color:#374151;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;transition:all .2s}.action-btn:hover{background-color:#e5e7eb;border-color:#9ca3af}.message-controls{position:absolute;top:8px;right:16px;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:4px;display:flex;gap:2px;opacity:0;transition:opacity .2s;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.message-control-btn{background:none;border:none;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.message-control-btn:hover{background-color:#f3f4f6}.typing-indicator{display:flex;gap:12px;align-items:flex-start;padding:8px 0}.typing-avatar{width:36px;height:36px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:8px}.typing-bubble{background-color:#f3f4f6;border-radius:12px;padding:12px 16px}.typing-dots{gap:4px}.typing-dot{background-color:#9ca3af;animation:typing-bounce 1.4s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}.chat-input-container{border-top:1px solid #e2e8f0;padding:16px 24px;background-color:#fff;flex-shrink:0}.chat-input-form{margin-bottom:8px}.chat-input-wrapper{display:flex;align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;padding:8px 12px;transition:border-color .2s}.chat-input-wrapper:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.chat-input{flex:1 1;border:none;outline:none;font-size:15px;color:#1f2937;background:transparent;padding:4px 0}.chat-input::placeholder{color:#9ca3af}.chat-input-actions{display:flex;gap:4px;align-items:center;margin-left:8px}.chat-input-action{background:none;border:none;padding:6px;border-radius:4px;cursor:pointer;font-size:16px;color:#6b7280;transition:all .2s}.chat-input-action:hover{background-color:#f3f4f6;color:#374151}.chat-send-btn{background-color:#3b82f6;color:#fff;border:none;padding:6px 8px;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .2s;min-width:32px;display:flex;align-items:center;justify-content:center}.chat-send-btn:hover:not(:disabled){background-color:#2563eb}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-input-hint{display:flex;align-items:center;gap:16px;font-size:13px;color:#6b7280}.chat-input-hint kbd{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:3px;padding:2px 4px;font-size:11px;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1 1}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-y-1>*+*{margin-top:.25rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-8>*+*{margin-top:2rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.ml-auto{margin-left:auto}.mr-4{margin-right:1rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-8{padding:2rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.w-4{width:1rem}.w-full{width:100%}.h-4{height:1rem}.h-auto{height:auto}.h-64{height:16rem}.max-w-md{max-width:28rem}.max-w-2xl{max-width:42rem}.min-h-screen{min-height:100vh}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-6xl{font-size:3.75rem;line-height:1}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-900{color:#111827}.text-red-600{color:#dc2626}.text-blue-600{color:#2563eb}.text-blue-800{color:#1e40af}.bg-gray-100{background-color:#f3f4f6}.bg-gray-200{background-color:#e5e7eb}.bg-blue-100{background-color:#dbeafe}.bg-green-100{background-color:#dcfce7}.bg-green-800{background-color:#166534}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-blue-50{--tw-gradient-from:#eff6ff;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(239,246,255,0))}.to-indigo-100{--tw-gradient-to:#e0e7ff}.border{border-width:1px}.border-gray-200{border-color:#e5e7eb}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.list-disc{list-style-type:disc}.list-inside{list-style-position:inside}.transition-colors{transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\\:bg-gray-200:hover{background-color:#e5e7eb}.hover\\:text-blue-800:hover{color:#1e40af}.overlay-edit{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;opacity:0;transition:opacity .2s ease-in-out}.overlay-edit-open{opacity:1}.overlay-edit-closing{opacity:0}.overlay-edit-content{background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;transform:scale(.95);transition:transform .2s ease-in-out}.overlay-edit-open .overlay-edit-content{transform:scale(1)}.overlay-edit-header{padding:24px 24px 0;border-bottom:1px solid #e5e7eb;display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.overlay-edit-title{font-size:20px;font-weight:600;color:#1f2937;margin:0}.overlay-edit-description{font-size:14px;color:#6b7280;margin:4px 0 0;line-height:1.4}.overlay-edit-close{background:none;border:none;font-size:18px;color:#9ca3af;cursor:pointer;padding:4px;border-radius:4px;line-height:1;margin-left:16px;flex-shrink:0}.overlay-edit-close:hover{color:#6b7280;background-color:#f3f4f6}.overlay-edit-close:disabled{opacity:.5;cursor:not-allowed}.overlay-edit-body{padding:0 24px;flex:1 1;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.overlay-edit-error{padding:12px;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;display:flex;align-items:center;gap:8px}.overlay-edit-hint{padding:8px 12px;background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;color:#0369a1;font-size:12px;display:flex;align-items:center;gap:6px}.overlay-edit-footer{padding:24px;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end}@media (max-width:640px){.overlay-edit{padding:8px}.overlay-edit-content{max-width:100%;margin:0}.overlay-edit-body,.overlay-edit-footer,.overlay-edit-header{padding-left:16px;padding-right:16px}.overlay-edit-footer{flex-direction:column}.overlay-edit-footer .btn{width:100%}}.command-palette-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;z-index:9999;animation:fadeIn .2s ease-out}.command-palette{background-color:#fff;border-radius:12px;width:100%;max-width:640px;max-height:70vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);border:1px solid #e5e7eb;animation:slideIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.command-palette-header{padding:20px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:12px}.search-icon{color:#6b7280;font-size:18px}.command-palette-input{flex:1 1;border:none;outline:none;font-size:16px;color:#1f2937;background:transparent}.command-palette-input::placeholder{color:#9ca3af}.loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.command-palette-results{flex:1 1;overflow-y:auto;max-height:400px}.command-result{padding:12px 20px;display:flex;align-items:center;gap:12px;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:background-color .1s ease}.command-result.selected,.command-result:hover{background-color:#f8fafc}.command-result.selected{background-color:#dbeafe;border-left:3px solid #3b82f6}.result-icon{font-size:18px;width:24px;text-align:center}.result-content{flex:1 1;min-width:0}.result-title{font-weight:500;color:#1f2937;font-size:14px;line-height:1.3}.result-description{color:#6b7280;font-size:12px;line-height:1.3;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-category{color:#9ca3af;font-size:11px;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.no-results{padding:40px 20px;text-align:center;color:#6b7280}.no-results-icon{font-size:48px;margin-bottom:12px}.no-results-text{font-size:16px;font-weight:500;margin-bottom:8px;color:#374151}.no-results-hint{font-size:13px;line-height:1.4;max-width:400px;margin:0 auto}.command-palette-footer{padding:12px 20px;border-top:1px solid #e5e7eb;background-color:#f9fafb;border-radius:0 0 12px 12px}.keyboard-hints{display:flex;gap:16px;font-size:11px;color:#6b7280}.keyboard-hints kbd{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;padding:2px 6px;font-size:10px;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;box-shadow:0 1px 2px rgba(0,0,0,.1);margin:0 2px}@media (max-width:640px){.command-palette-overlay{padding:10vh 8px 8px}.command-palette{max-width:100%;max-height:80vh}.command-palette-header,.command-result{padding-left:16px;padding-right:16px}.keyboard-hints{justify-content:center;gap:12px}}.header-enhanced{background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);position:-webkit-sticky;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header-content{padding:0 24px;height:64px;max-width:1400px}.header-left{gap:16px}.header-center,.header-left{display:flex;align-items:center;flex:1 1}.header-center{justify-content:center}.header-right{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex:1 1}.menu-toggle-enhanced{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;border-radius:8px;color:#64748b;cursor:pointer;transition:all .2s ease}.menu-toggle-enhanced:hover{background-color:#f1f5f9;color:#334155}.logo-enhanced{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .2s ease}.logo-enhanced:hover{background-color:#f8fafc}.logo-text{background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-text,.logo-text-simple{font-size:20px;font-weight:700;letter-spacing:-.025em}.logo-text-simple{color:#1f2937}.logo-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.search-hint{display:flex;align-items:center;gap:6px;padding:6px 12px;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;color:#64748b;transition:all .2s ease}.search-hint:hover{background-color:#f1f5f9;border-color:#cbd5e1}.kbd-hint{background-color:#fff;border:1px solid #d1d5db;border-radius:3px;padding:2px 4px;font-size:10px;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;box-shadow:0 1px 2px rgba(0,0,0,.05);min-width:16px;text-align:center}.btn-enhanced,.hint-text{font-weight:500}.btn-enhanced{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:8px;font-size:14px;text-decoration:none;transition:all .2s ease;border:1px solid transparent}.btn-primary-enhanced{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05)}.btn-primary-enhanced:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px rgba(59,130,246,.4);transform:translateY(-1px)}.user-profile-enhanced{position:relative}.user-profile-button-enhanced{display:flex;align-items:center;gap:12px;padding:6px 12px;background:transparent;border:1px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s ease}.user-profile-button-enhanced:hover{background-color:#f8fafc;border-color:#e2e8f0}.user-avatar-enhanced{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid #e5e7eb}.user-info{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.user-name-enhanced{font-size:14px;font-weight:500;color:#1f2937}.user-email,.user-name-enhanced{line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.user-email{font-size:12px;color:#6b7280}.dropdown-arrow{color:#9ca3af;transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.user-dropdown-enhanced{position:absolute;top:100%;right:0;margin-top:8px;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);min-width:240px;z-index:1000;animation:dropdownFadeIn .15s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid #f3f4f6}.dropdown-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.dropdown-name{font-size:14px;font-weight:600;color:#1f2937;line-height:1.2}.dropdown-email{font-size:12px;color:#6b7280;line-height:1.2}.dropdown-divider{height:1px;background-color:#f3f4f6;margin:4px 0}.dropdown-item-enhanced{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#374151;text-decoration:none;font-size:14px;transition:all .15s ease}.dropdown-item-enhanced:hover{background-color:#f9fafb;color:#111827}.dropdown-item-enhanced.logout{color:#dc2626}.dropdown-item-enhanced.logout:hover{background-color:#fef2f2;color:#b91c1c}.item-icon{width:16px;text-align:center}@media (max-width:768px){.header-content{padding:0 16px;height:56px}.header-center,.user-info{display:none}.user-profile-button-enhanced{padding:6px}.user-dropdown-enhanced{min-width:200px}.logo-text{font-size:18px}}.connector-details-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000;animation:fadeIn .2s ease-out}.connector-details-modal{background-color:#fff;border-radius:12px;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);border:1px solid #e5e7eb;animation:slideIn .2s ease-out}.modal-header{padding:24px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:20px;font-weight:600;color:#1f2937;margin:0}.close-button{background:none;border:none;font-size:20px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.close-button:hover{color:#374151;background-color:#f3f4f6}.modal-content{flex:1 1;padding:24px;overflow-y:auto}.modal-footer{padding:24px;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end}.loading-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#6b7280}.error-section{text-align:center;padding:40px}.error-message{margin-bottom:16px}.details-sections{space-y:24px}.details-section{margin-bottom:24px}.details-section h3{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #f3f4f6}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item label{font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.info-item span{font-size:14px;color:#1f2937}.status-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500;text-transform:capitalize}.status-badge.connected{background-color:#dcfce7;color:#166534}.status-badge.disconnected{background-color:#f3f4f6;color:#6b7280}.status-badge.failed{background-color:#fef2f2;color:#dc2626}.config-display{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.config-item{margin-bottom:12px}.config-item:last-child{margin-bottom:0}.config-item label{display:block;font-size:12px;font-weight:500;color:#6b7280;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.config-item code{padding:8px 12px;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;color:#374151;display:block;word-break:break-all}.config-item code,.env-vars{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:4px}.env-vars{padding:12px}.env-var{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid #e5e7eb;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:13px}.env-var:last-child{border-bottom:none}.env-key{font-weight:500;color:#374151}.env-value{color:#6b7280;font-style:italic}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px}.status-item{display:flex;flex-direction:column;gap:4px}.status-item label{font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.status-item span{font-size:14px;color:#1f2937}.tools-list{space-y:16px}.tool-item{border:1px solid #e5e7eb;border-radius:8px;padding:16px;background-color:#fafafa}.tool-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.tool-name{font-size:14px;font-weight:600;color:#1f2937;margin:0}.tool-description{font-size:13px;color:#6b7280;margin-bottom:12px;line-height:1.4}.tool-schema{margin-top:12px}.tool-schema label{display:block;font-size:12px;font-weight:500;color:#6b7280;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.tool-schema code{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;padding:8px 12px;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:11px;color:#374151;display:block;white-space:pre-wrap;max-height:120px;overflow-y:auto}.no-details{text-align:center;padding:40px;color:#6b7280}@media (max-width:768px){.connector-details-overlay{padding:8px}.connector-details-modal{max-width:100%;max-height:95vh}.modal-content,.modal-footer,.modal-header{padding:16px}.info-grid,.status-grid{grid-template-columns:1fr}.tool-header{flex-direction:column;align-items:flex-start;gap:8px}}.task-force-manager{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.task-force-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc,#fff)}.task-force-title{flex:1 1}.task-force-title h2{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 4px;display:flex;align-items:center;gap:8px}.task-force-subtitle{font-size:14px;color:#6b7280;font-weight:500}.task-force-close{background:none;border:none;font-size:20px;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.task-force-close:hover{background-color:#f3f4f6;color:#374151}.task-force-content{display:flex;height:calc(100vh - 140px);max-height:800px;background-color:#fff;border-radius:0 0 12px 12px}.task-force-sidebar{width:320px;background-color:#f8fafc;border-right:1px solid #e5e7eb;display:flex;flex-direction:column}.task-force-list-header{padding:20px 24px 16px;border-bottom:1px solid #e5e7eb}.task-force-list-header h3{font-size:16px;font-weight:600;color:#1f2937;margin:0}.empty-task-forces{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;flex:1 1}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.7}.empty-task-forces p{color:#6b7280;margin:4px 0;font-size:14px;line-height:1.4}.empty-hint{margin-top:8px!important}.empty-hint code{background-color:#f3f4f6;padding:2px 6px;border-radius:4px;font-size:12px;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace}.task-force-list{flex:1 1;overflow-y:auto;padding:8px 0}.task-force-item{margin:4px 12px;padding:16px;border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.task-force-item:hover{background-color:#fff;border-color:#e5e7eb;box-shadow:0 1px 3px rgba(0,0,0,.1)}.task-force-item.selected{background-color:#dbeafe;border-color:#3b82f6;box-shadow:0 2px 4px rgba(59,130,246,.1)}.task-force-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.channel-name{flex:1 1}.channel-display{font-size:16px;font-weight:600;color:#1f2937;cursor:pointer}.channel-display:hover{color:#3b82f6}.channel-edit-input{background:none;font-size:16px;font-weight:600;color:#1f2937;width:100%;padding:2px 4px;border-radius:4px;background-color:hsla(0,0%,100%,.8);border:1px solid #d1d5db}.channel-edit-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.1)}.status-indicator{font-size:14px}.status-indicator.active{opacity:1}.status-indicator.paused{opacity:.7}.status-indicator.archived,.status-indicator.completed{opacity:.5}.task-force-item-meta{display:flex;flex-direction:column;gap:6px}.mission-name{font-size:14px;color:#4b5563;font-weight:500;line-height:1.3}.stats{display:flex;gap:12px;font-size:12px;color:#6b7280}.task-force-details{flex:1 1;display:flex;flex-direction:column;overflow:hidden}.no-selection{display:flex;align-items:center;justify-content:center;height:100%;background-color:#f9fafb}.no-selection-content{text-align:center;max-width:300px;padding:40px 20px}.no-selection-icon{font-size:64px;margin-bottom:16px;opacity:.5}.no-selection h3{font-size:18px;font-weight:600;color:#374151;margin:0 0 8px}.no-selection p{font-size:14px;color:#6b7280;line-height:1.4;margin:0}.task-force-detail-content{display:flex;flex-direction:column;height:100%;overflow:hidden}.detail-header{padding:24px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#fff,#f8fafc)}.detail-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.detail-title h3{font-size:20px;font-weight:700;color:#1f2937;margin:0}.detail-actions{display:flex;gap:8px;align-items:center}.status-select{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;padding:6px 12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.status-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.1)}.delete-btn{background:none;border:none;color:#dc2626;cursor:pointer;padding:6px;border-radius:6px;font-size:16px;transition:all .2s ease}.delete-btn:hover{background-color:#fef2f2;color:#b91c1c}.mission-description{font-size:16px;color:#6b7280;font-weight:500;line-height:1.4;margin:0}.detail-sections{flex:1 1;padding:24px;overflow-y:auto;gap:32px}.detail-section,.detail-sections{display:flex;flex-direction:column}.section-header{margin-bottom:16px}.section-header h4{font-size:16px;font-weight:600;color:#1f2937;margin:0;display:flex;align-items:center;gap:8px}.empty-section{text-align:center;padding:32px 20px;background-color:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.empty-section p{color:#6b7280;margin:0 0 4px;font-size:14px}.agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px}.agent-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:all .2s ease}.agent-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);border-color:#d1d5db}.agent-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.agent-name{font-size:16px;color:#1f2937;line-height:1.2}.agent-type{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.agent-actions{display:flex;align-items:center;gap:8px}.agent-status{font-size:16px}.agent-status.ready{opacity:1}.agent-status.busy{opacity:.8}.agent-status.offline{opacity:.5}.remove-agent-btn{background:none;border:none;color:#dc2626;cursor:pointer;padding:4px;border-radius:4px;font-size:14px;transition:all .2s ease;opacity:.7}.remove-agent-btn:hover{background-color:#fef2f2;color:#b91c1c;opacity:1}.agent-capabilities{display:flex;flex-wrap:wrap;gap:6px}.capability-tag{background-color:#f3f4f6;color:#4b5563;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;border:1px solid #e5e7eb}.goals-list{display:flex;flex-direction:column;gap:12px}.goal-item{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease}.goal-item:hover{border-color:#d1d5db;box-shadow:0 1px 3px rgba(0,0,0,.1)}.goal-content{flex:1 1;display:flex;flex-direction:column;gap:4px}.goal-text{font-size:14px;color:#1f2937;font-weight:500;line-height:1.3}.goal-type{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.goal-status{font-size:16px}.goal-status.completed{opacity:1}.goal-status.in-progress{opacity:.8}.goal-status.pending{opacity:.6}.activity-timeline{background-color:#f9fafb;border-radius:8px;padding:16px;border:1px solid #e5e7eb}.activity-item{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #e5e7eb}.activity-item:last-child{border-bottom:none}.activity-time{font-size:12px;color:#6b7280;font-weight:500;min-width:120px}.activity-text{font-size:14px;color:#374151;flex:1 1}.task-force-count{background-color:#dc2626;color:#fff;font-size:10px;font-weight:600;border-radius:50%;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;margin-left:4px}.chat-action-btn.active{background-color:#dbeafe;color:#3b82f6}@media (max-width:1024px){.task-force-manager{padding:8px}.task-force-content{flex-direction:column;height:calc(100vh - 100px)}.task-force-sidebar{width:100%;max-height:200px;border-right:none;border-bottom:1px solid #e5e7eb}.task-force-list{max-height:150px}.agents-grid{grid-template-columns:1fr}}@media (max-width:640px){.task-force-header{padding:16px}.task-force-header h2{font-size:20px}.task-force-subtitle{font-size:13px}.detail-header{padding:16px}.detail-sections{padding:16px;gap:24px}.detail-actions{flex-direction:column;gap:8px;align-items:stretch}.delete-btn,.status-select{width:100%;justify-content:center}.task-force-item{margin:4px 8px;padding:12px}.agent-header{flex-direction:column;align-items:flex-start;gap:8px}.agent-actions{align-self:flex-end}}.taskforce-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}.taskforce-modal{background-color:#fff;border-radius:12px;width:100%;max-width:500px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);border:1px solid #e5e7eb;animation:slideInScale .2s ease-out}@keyframes slideInScale{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.taskforce-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #e5e7eb}.taskforce-modal-header h3{font-size:18px;font-weight:600;color:#1f2937;margin:0}.taskforce-modal-close{background:none;border:none;font-size:18px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.taskforce-modal-close:hover{background-color:#f3f4f6;color:#374151}.taskforce-modal-form{display:flex;flex-direction:column}.taskforce-modal-body{padding:24px}.taskforce-modal-hint{margin-top:16px;padding:16px;background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:8px}.taskforce-modal-hint p{color:#0369a1;font-size:14px;font-weight:500;margin:0 0 8px}.taskforce-modal-hint ul{color:#0369a1;font-size:13px;margin:0;padding-left:16px}.taskforce-modal-hint li{margin-bottom:4px;line-height:1.4}.taskforce-modal-footer{padding:24px;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end}.error-message{color:#dc2626;font-size:13px;margin-top:4px}@media (max-width:640px){.taskforce-modal-overlay{padding:8px}.taskforce-modal{max-width:100%}.taskforce-modal-body,.taskforce-modal-footer,.taskforce-modal-header{padding:16px}.taskforce-modal-footer{flex-direction:column}.taskforce-modal-footer .btn{width:100%}}.taskforce-chat-container{display:flex;flex-direction:column;height:calc(100vh - 64px);background-color:#fff}.message-welcome{background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:16px;color:#0369a1}.taskforce-chat-container .chat-input-hint{color:#6b7280;font-size:13px}.taskforce-chat-container .chat-input-hint kbd{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:3px;padding:2px 4px;font-size:11px;margin:0 2px}:root{--primary-blue:#2563eb;--primary-green:#059669;--primary-purple:#7c3aed;--primary-orange:#ea580c;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--border-light:#e2e8f0;--border-medium:#cbd5e1;--border-dark:#94a3b8;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1);--glass-bg:hsla(0,0%,100%,.8);--glass-border:hsla(0,0%,100%,.3)}.chat-focused-landing{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:var(--text-primary);overflow-x:hidden;position:relative;padding:2rem 0}.landing-header{text-align:center;margin-bottom:3rem;position:relative}.header-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:6rem;max-width:none;width:100%;margin:0 auto;padding:3rem 4rem}.main-title{font-size:3rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem;text-align:left}.main-subtitle{font-size:1.1rem;color:var(--text-secondary);max-width:400px;line-height:1.5;text-align:left}.header-text{flex:1 1;max-width:500px}.animated-bot-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem;padding-top:5rem}.bot-body{position:relative;width:120px;height:160px}.bot-head{width:80px;height:80px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:3px solid var(--primary-blue);border-radius:20px;position:relative;margin:20px auto 10px;box-shadow:var(--shadow-lg);overflow:visible}.eyes-container{display:flex;justify-content:space-between;padding:15px 20px 0}.eye{width:12px;height:12px;background:#fff;border-radius:50%;position:relative;overflow:hidden;border:1px solid var(--border-medium)}.eyeball{width:8px;height:8px;background:var(--primary-blue);top:2px;left:2px;transition:transform .3s ease}.eyeball,.pupil{border-radius:50%;position:absolute}.pupil{width:4px;height:4px;background:#fff;top:1px;left:1px}.eyelid{position:absolute;top:0;left:0;right:0;height:100%;background:var(--text-primary);transform-origin:top;transform:scaleY(0)}.mouth{width:8px;height:4px;background:var(--primary-blue);border-radius:0 0 8px 8px;bottom:15px}.antenna,.mouth{position:absolute;left:50%;transform:translateX(-50%)}.antenna{top:-15px}.antenna-rod{width:2px;height:12px;background:var(--primary-blue);border-radius:1px}.antenna-light{width:6px;height:6px;background:var(--primary-green);border-radius:50%;position:absolute;top:-3px;left:-2px;box-shadow:0 0 10px var(--primary-green)}.thinking-bubbles{position:absolute;top:-30px;right:-20px}.thought-bubble{width:6px;height:6px;background:var(--text-secondary);border-radius:50%;position:absolute}.bot-torso{width:60px;height:40px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:2px solid var(--primary-blue);border-radius:12px;margin:0 auto;position:relative;box-shadow:var(--shadow-md)}.status-lights{display:flex;gap:4px;position:absolute;top:6px;left:6px}.status-light{width:4px;height:4px;border-radius:50%}.status-light.active{background:var(--primary-green);box-shadow:0 0 8px var(--primary-green)}.status-light.processing{background:var(--primary-blue);box-shadow:0 0 8px var(--primary-blue)}.status-light.standby{background:var(--text-muted)}.bot-screen{position:absolute;bottom:8px;left:8px;right:8px;height:16px;background:#1e293b;border-radius:4px;padding:2px}.screen-content{height:100%;display:flex;flex-direction:column;gap:1px;justify-content:center}.screen-line{height:2px;background:var(--primary-green);border-radius:1px}.screen-line.short{width:60%}.power-button{position:absolute;top:6px;right:6px;width:6px;height:6px;background:var(--primary-green);border-radius:50%;cursor:pointer;box-shadow:0 0 6px var(--primary-green)}.bot-arms{top:80px;width:100%}.arm,.bot-arms{position:absolute}.arm{width:20px;height:8px;background:var(--primary-blue);border-radius:4px}.left-arm{left:-10px;transform-origin:right center}.right-arm{right:-10px;transform-origin:left center}.connection-lines{position:absolute;bottom:-20px;left:0;right:0;height:20px}.connection-line{position:absolute;width:1px;background:linear-gradient(to bottom,var(--primary-blue),transparent)}.bot-label{text-align:center}.label-text{font-size:.9rem;font-weight:600;color:var(--text-primary);display:block}.label-status{font-size:.8rem;color:var(--primary-green);font-weight:500}.chat-demo-container{max-width:none;width:calc(100% - 8rem);background:var(--bg-primary);border-radius:20px;box-shadow:var(--shadow-xl);overflow:hidden;border:1px solid var(--border-light);margin:4rem 4rem 0}.slack-interface{display:flex;height:600px;background:var(--bg-primary)}.slack-sidebar{width:280px;background:var(--bg-secondary);border-right:1px solid var(--border-light);display:flex;flex-direction:column}.sidebar-header{padding:1.5rem;border-bottom:1px solid var(--border-light)}.sidebar-header h3{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.workspace-status{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-secondary)}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.online{background:var(--primary-green);box-shadow:0 0 8px var(--primary-green)}.agents-section,.channels-section{padding:1rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;font-size:.9rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.notification-badge{background:linear-gradient(135deg,var(--primary-blue),#1d4ed8);color:#fff;padding:4px 8px;border-radius:12px;font-size:.7rem;font-weight:700;min-width:20px;text-align:center;box-shadow:0 2px 8px rgba(59,130,246,.4);border:2px solid hsla(0,0%,100%,.9);animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,to{transform:scale(1);box-shadow:0 2px 8px rgba(59,130,246,.4)}50%{transform:scale(1.05);box-shadow:0 4px 16px rgba(59,130,246,.6)}}.unread-badge{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:3px 8px;border-radius:12px;font-size:.7rem;font-weight:700;box-shadow:0 2px 8px rgba(239,68,68,.4);border:2px solid hsla(0,0%,100%,.9);animation:badge-glow 1.5s ease-in-out infinite}@keyframes badge-glow{0%,to{box-shadow:0 2px 8px rgba(239,68,68,.4)}50%{box-shadow:0 4px 16px rgba(239,68,68,.7),0 0 20px rgba(239,68,68,.3)}}.new-message-badge{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.6rem;font-weight:700;padding:.125rem .375rem;border-radius:8px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px rgba(239,68,68,.3)}.agents-list,.channels-list{display:flex;flex-direction:column;gap:.5rem}.channel-item{padding:.75rem;border-radius:8px;cursor:pointer;transition:all .3s ease;border-left:3px solid transparent;margin-bottom:.25rem;background:transparent}.channel-item:hover{background:rgba(0,0,0,.05);transform:translateX(4px)}.channel-item.active{color:#fff;border-left-color:#fff}.channel-item.active,.channel-item.active:hover{background:var(--primary-blue);transform:translateX(0)}.channel-item:not(.active):not(:hover){background:transparent;transform:translateX(0);color:var(--text-primary)}.channel-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.channel-name{font-weight:600;font-size:.9rem}.channel-preview{font-size:.8rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-item.active .channel-preview{color:hsla(0,0%,100%,.8)}.agent-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:6px;transition:background .2s ease}.agent-item:hover{background:rgba(0,0,0,.02)}.agent-avatar{font-size:1.2rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border-radius:6px;border:1px solid var(--border-light)}.agent-info{flex:1 1}.agent-name{font-size:.85rem;font-weight:600;color:var(--text-primary);display:block}.agent-status{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--text-secondary);text-transform:capitalize;padding:.25rem .5rem;background:transparent;border-radius:6px;border:none;transition:all .3s ease;font-weight:500}.status-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0;transition:all .3s ease}.agent-status.active .status-indicator{background:var(--primary-green);box-shadow:0 0 8px rgba(34,197,94,.6)}.agent-status.busy .status-indicator{background:var(--primary-orange);box-shadow:0 0 8px rgba(234,88,12,.6)}.message{display:flex;gap:.75rem;padding:.5rem 1rem;margin-bottom:1rem;transition:all .3s ease;background:transparent;align-items:flex-start}.message:hover{background:rgba(0,0,0,.02);border-radius:8px}.message.user{flex-direction:row-reverse;padding-left:3rem}.message.ai{padding-right:3rem}.message-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;margin-top:.25rem}.ai-avatar{background:linear-gradient(135deg,var(--primary-blue),#4f46e5);color:#fff;box-shadow:0 2px 8px rgba(59,130,246,.3)}.user-avatar{background:linear-gradient(135deg,#6b7280,#374151);color:#fff;box-shadow:0 2px 8px hsla(220,9%,46%,.3)}.message-content{flex:1 1;max-width:70%;min-width:200px}.message-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.sender-name{font-weight:600;font-size:.875rem;color:var(--text-primary)}.message-time{font-size:.75rem;color:var(--text-secondary)}.message-text{background:var(--bg-secondary);padding:.75rem 1rem;border-radius:18px;line-height:1.5;font-size:.95rem;color:var(--text-primary);border:1px solid var(--border-light);position:relative;word-wrap:break-word}.message.user .message-text{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue);margin-left:auto}.message.ai .message-text{background:#fff;border-color:var(--border-light);box-shadow:0 1px 3px rgba(0,0,0,.1)}.message-actions{display:flex;gap:.25rem;margin-top:.5rem;opacity:0;transition:opacity .2s ease}.message:hover .message-actions{opacity:1}.action-btn{background:none;border:none;padding:.25rem;border-radius:4px;cursor:pointer;font-size:.875rem;transition:background-color .2s ease}.action-btn:hover{background:var(--bg-hover)}.typing-container{display:flex;gap:.75rem;padding:.5rem 1rem;margin-bottom:1rem;opacity:1;background:transparent;align-items:flex-start}.typing-avatar{width:40px;height:40px;border-radius:50%;justify-content:center;font-size:1.2rem;flex-shrink:0;margin-top:.25rem;background:linear-gradient(135deg,var(--primary-blue),#4f46e5);color:#fff;box-shadow:0 2px 8px rgba(59,130,246,.3)}.typing-avatar,.typing-bubble{display:flex;align-items:center}.typing-bubble{background:#fff;padding:.75rem 1rem;border-radius:18px;border:1px solid var(--border-light);box-shadow:0 1px 3px rgba(0,0,0,.1);gap:.5rem;max-width:70%}.typing-dots{display:flex;gap:.25rem;align-items:center}.typing-dot{width:6px;height:6px;border-radius:50%;background:var(--text-secondary)}.typing-text{font-size:.9rem;color:var(--text-secondary);font-style:italic}.message-input-area{padding:1.5rem 2rem;border-top:1px solid var(--border-light);background:var(--bg-primary)}.input-container{max-width:100%}.input-wrapper{display:flex;gap:.75rem;align-items:center;background:#fff;border:1px solid var(--border-light);border-radius:24px;padding:.5rem 1rem;box-shadow:0 1px 3px rgba(0,0,0,.1)}.input-wrapper:focus-within{border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.message-input{flex:1 1;border:none;outline:none;background:none;font-size:.95rem;padding:.5rem 0;color:var(--text-primary)}.message-input::placeholder{color:var(--text-secondary)}.send-button{width:36px;height:36px;border-radius:50%;background:var(--primary-blue);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px rgba(59,130,246,.3)}.send-button:hover:not(:disabled){background:#2563eb;transform:scale(1.05)}.send-button:disabled{opacity:.6;cursor:not-allowed}.input-hint{margin-top:.5rem;text-align:center}.input-hint span{font-size:.8rem;color:var(--text-secondary);font-style:italic}.floating-chats{display:none}.floating-chat-bubble{pointer-events:all}.bubble-container{position:relative;cursor:pointer;transition:all .3s ease}.bubble-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.bubble-icon{font-size:.9rem}.bubble-time{font-size:.7rem;opacity:.7;font-weight:500}.cta-section{text-align:center;margin-top:4rem;padding:3rem 2rem;background:var(--bg-primary);border-radius:20px;border:1px solid var(--border-light);box-shadow:var(--shadow-lg);max-width:800px;margin-left:auto;margin-right:auto}.cta-content h2{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin-bottom:1rem}.cta-content p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2.5rem;line-height:1.6}.cta-button{display:inline-block;padding:1.25rem 2.5rem;background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));color:#fff;text-decoration:none;border-radius:12px;font-size:1.1rem;font-weight:600;position:relative;overflow:hidden;transition:all .3s ease;border:none;cursor:pointer}.cta-button:hover{transform:translateY(-2px)}.button-glow{position:absolute;top:-50%;left:-50%;right:-50%;bottom:-50%;background:radial-gradient(circle,hsla(0,0%,100%,.3),transparent);z-index:1}.cta-button span{position:relative;z-index:2}.conversation-controls{position:fixed;bottom:2rem;right:2rem;display:flex;flex-direction:column;gap:1rem;align-items:center;z-index:20}.conversation-dots{display:flex;gap:.5rem;padding:1rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-light);border-radius:50px;box-shadow:var(--shadow-lg)}.dot{width:12px;height:12px;border-radius:50%;background:var(--border-medium);border:none;cursor:pointer;transition:all .3s ease}.dot.active{background:var(--primary-blue);box-shadow:0 0 12px var(--primary-blue)}.autoplay-toggle{padding:.75rem 1.5rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-light);border-radius:50px;color:var(--text-primary);font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-lg)}.autoplay-toggle:hover{background:var(--bg-primary);border-color:var(--border-medium)}.chat-main{flex:1 1;display:flex;flex-direction:column}.chat-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border-light);background:var(--bg-primary);display:flex;justify-content:space-between;align-items:center}.header-left h2{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.header-meta{display:flex;align-items:center;gap:1rem}.member-count{font-size:.85rem;color:var(--text-secondary)}.activity-indicator{display:flex;align-items:center;gap:.25rem;font-size:.8rem;color:var(--primary-green);font-weight:500}.messages-container{flex:1 1;overflow-y:auto;overflow-x:hidden;padding:1.5rem 2rem;background:var(--bg-primary);display:flex;flex-direction:column;gap:1rem;max-height:calc(100vh - 300px)}@media (max-width:768px){.chat-focused-landing{padding:1rem}.main-title{font-size:2.5rem}.slack-interface{flex-direction:column;height:auto}.slack-sidebar{width:100%;height:200px;overflow-y:auto}.chat-main{height:400px}.header-content{flex-direction:column;gap:1.5rem}.conversation-controls{position:static;margin:2rem auto 0}.floating-chats{display:none}}@media (max-width:480px){.cta-content h2,.main-title{font-size:2rem}.slack-sidebar{height:150px}.chat-main{height:350px}.message-content{max-width:85%}}.messages-container::-webkit-scrollbar,.slack-sidebar::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track,.slack-sidebar::-webkit-scrollbar-track{background:transparent}.messages-container::-webkit-scrollbar-thumb,.slack-sidebar::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover,.slack-sidebar::-webkit-scrollbar-thumb:hover{background:var(--border-dark)}