pre.hljs{background-color:var(--medium-bg);padding:1rem;border-radius:8px;overflow-x:auto;font-family:JetBrains Mono,monospace;line-height:1.5}code.json{display:block}:root{--primary: #00ff95;--secondary: #ff00b1;--tertiary: #5e00ff;--dark-bg: #111111;--darker-bg: #0a0a0a;--medium-bg: #222222;--light-bg: #333333;--neon-glow: 0 0 8px rgba(0, 255, 149, .7);--pink-glow: 0 0 8px rgba(255, 0, 177, .7);--purple-glow: 0 0 8px rgba(94, 0, 255, .7);--text: #ffffff;--border: rgba(94, 0, 255, .2);--success: #00ff95;--danger: #ff00b1;--warning: #ffcc00;--info: #5e00ff}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes neonPulse{0%{text-shadow:0 0 7px var(--primary),0 0 10px var(--primary)}50%{text-shadow:0 0 15px var(--primary),0 0 25px var(--primary)}to{text-shadow:0 0 7px var(--primary),0 0 10px var(--primary)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes gentlePulse{0%{text-shadow:0 0 7px var(--primary),0 0 10px var(--primary)}50%{text-shadow:0 0 12px var(--primary),0 0 20px var(--primary)}to{text-shadow:0 0 7px var(--primary),0 0 10px var(--primary)}}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@keyframes subtleGlitch{0%{transform:translate(-50%)}20%{transform:translate(-50%) translate(-1px,1px)}40%{transform:translate(-50%) translate(-1px,-1px)}60%{transform:translate(-50%) translate(1px,1px)}80%{transform:translate(-50%) translate(1px,-1px)}to{transform:translate(-50%)}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,sans-serif;background-color:var(--dark-bg);color:var(--text);padding:20px;position:relative;overflow-x:hidden;background-image:radial-gradient(circle at 10% 20%,rgba(0,255,149,.05) 0%,transparent 100%),radial-gradient(circle at 90% 80%,rgba(255,0,177,.05) 0%,transparent 100%),radial-gradient(circle at 50% 50%,rgba(94,0,255,.05) 0%,transparent 80%),linear-gradient(180deg,var(--darker-bg) 0%,var(--dark-bg) 100%);background-attachment:fixed}h1,h2,h3,h4,h5,h6{font-weight:700}h1{font-family:Permanent Marker,cursive;color:var(--primary);text-shadow:var(--neon-glow);margin-bottom:1rem;position:relative;transform:translateZ(0);text-shadow:0 0 1px var(--primary),0 0 10px var(--primary)}h1:hover{animation:glitch .3s infinite;transform:translateZ(0)}h2{font-size:1.5rem;color:var(--secondary);text-shadow:var(--pink-glow);margin-bottom:1rem}h3{font-size:1.2rem;color:var(--tertiary);text-shadow:var(--purple-glow)}a{color:var(--primary);text-decoration:none;transition:all .3s ease}a:hover{color:var(--secondary);text-shadow:var(--pink-glow)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 15px}.app-container{display:flex;flex-direction:column;min-height:100vh;margin:0 auto;width:100%;max-width:1200px}.main-nav{padding:0;position:relative;z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:100%;left:50%;transform:translate(-50%)}.main-nav .container{padding:0 1rem;max-width:1200px;margin:0 auto}.nav-content{display:flex;justify-content:space-between;align-items:center;height:64px}.logo-container{display:flex;align-items:center}.logo-link{display:flex;align-items:center;text-decoration:none;transition:all .3s ease}.logo-image-container{position:relative;margin-right:1rem}.logo-image{height:110px;width:auto;transition:transform .3s ease;filter:drop-shadow(0 0 5px var(--primary))}.logo-link:hover .logo-image{transform:scale(1.05)}.logo-text{font-size:1.5rem;font-weight:700;color:var(--primary);text-shadow:var(--neon-glow)}.desktop-menu{display:flex;margin-left:2rem}.nav-links{display:flex;list-style:none;margin:0;padding:0}.nav-links li{margin:0 .5rem}.nav-link{display:block;padding:.75rem 1rem;color:#fff;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden}.nav-link:hover{color:var(--primary);background-color:#0003;border-radius:4px}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--primary),var(--secondary));transition:width .3s ease}.nav-link:hover:after{width:100%}.status-badge{position:absolute;top:15px;right:15px;padding:5px 12px;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 10px #0003;z-index:1}.status-active,.active{background:linear-gradient(135deg,#00ff9533,#00ff9566);color:var(--primary);border:1px solid rgba(0,255,149,.3)}.status-active:before,.active:before{content:"•";display:inline-block;margin-right:5px;color:var(--primary);transform:translateZ(0)}.status-paused,.inactive{background:linear-gradient(135deg,#ff00b133,#ff00b166);color:var(--secondary);border:1px solid rgba(255,0,177,.3)}.status-paused:before,.inactive:before{content:"•";display:inline-block;margin-right:5px;color:var(--secondary)}.status-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:var(--primary);margin-right:.5rem;box-shadow:0 0 5px var(--primary);transform:translateZ(0)}.status-text{color:#fff}.status-value{color:var(--secondary);text-shadow:var(--pink-glow)}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.mobile-menu-toggle{display:none;cursor:pointer;padding:.5rem;font-size:1.25rem;color:#fff;transition:color .3s ease}.mobile-menu-toggle:hover{color:var(--primary);text-shadow:var(--neon-glow)}.mobile-menu{display:none;padding:1rem 0}.mobile-nav-links{list-style:none;margin:0;padding:0}.mobile-nav-link{display:block;padding:.75rem 1rem;color:#fff;font-size:1rem;text-decoration:none;transition:all .3s ease;border-left:3px solid transparent}.mobile-nav-link:hover{background-color:#0003;border-left-color:var(--primary)}@media(max-width:992px){.desktop-menu{display:none}.mobile-menu-toggle,.mobile-menu{display:block}}.main-content{flex:1;padding:2rem 0;display:flex;flex-direction:column;align-items:center;width:100%}.main-content .container{width:100%;max-width:1200px}.main-footer{background-color:#0a0a0acc;color:var(--text);padding:1.5rem 0;margin-top:auto;position:relative;box-shadow:0 0 10px #00ff954d}.main-footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--primary),var(--secondary),var(--tertiary),var(--primary))}.toast{position:fixed;top:1rem;right:1rem;padding:.75rem 1.5rem;border-radius:4px;background-color:var(--medium-bg);border-left:4px solid var(--success);color:var(--text);z-index:1000;box-shadow:0 0 15px #00ff9566;animation:fadeIn .3s,fadeOut .3s 2.7s}.toast.error{border-left:4px solid var(--danger);box-shadow:0 0 15px #ff00b166}.toast.warning{border-left:4px solid var(--warning);box-shadow:0 0 15px #fc06}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.action-btn{background:linear-gradient(135deg,#2a2a2a,#3a3a3a);color:var(--secondary);border:1px solid rgba(255,255,255,.1);padding:12px 20px;border-radius:4px;cursor:pointer;transition:all .3s ease;font-weight:500;font-size:.9rem;display:inline-flex;align-items:center;gap:8px;text-decoration:none;justify-content:center;position:relative;overflow:hidden}.action-btn:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--primary);transform:scaleX(0);transform-origin:left;transition:transform .4s ease-out}.action-btn i{font-size:1rem}.action-btn:hover{transform:translateY(-2px);box-shadow:0 7px 14px #0000004d,0 0 10px #5e00ff80;color:var(--primary)}.action-btn:hover:before{transform:scaleX(1)}.action-btn:active{transform:translateY(0)}.action-btn.toggle-btn{background:linear-gradient(135deg,#2a2a2a,#3a3a3a);color:var(--secondary);border-left:3px solid var(--primary)}.action-btn.toggle-btn:hover{box-shadow:0 0 15px #00ff954d;color:var(--primary)}.action-btn.toggle-btn:before{background:var(--primary)}.action-btn.delete-btn{background:linear-gradient(135deg,#2a2a2a,#3a3a3a);color:var(--secondary);border-left:3px solid var(--danger)}.action-btn.delete-btn:hover{box-shadow:0 0 15px #ff00b14d;color:var(--danger)}.action-btn.delete-btn:before{background:var(--danger)}.card{background-color:#1e1e1eb3;border-radius:8px;box-shadow:0 0 15px #0003;padding:1.5rem;margin-bottom:1.5rem;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;border:1px solid rgba(94,0,255,.2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--primary),var(--secondary));opacity:.7}.card:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--primary),var(--secondary),var(--tertiary),var(--primary));background-size:200% 100%;transition:width .5s ease}.card:hover{transform:translateY(-5px);box-shadow:0 0 25px #5e00ff4d}.card:hover:after{width:100%;animation:gradientMove 3s linear infinite;transform:translateZ(0)}.card-link{text-decoration:none;color:inherit;display:block}.agent-card:hover:after{width:100%;animation:gradientMove 3s linear infinite;transform:translateZ(0)}.agent-action:hover:after{width:100%;animation:gradientMove 3s linear infinite;transform:translateZ(0)}.dashboard-header{text-align:center;margin-bottom:2rem}.dashboard-header h1{font-size:2.5rem;letter-spacing:2px;transform:translateZ(0)}.stats-cards{display:flex;justify-content:center;gap:20px;margin:20px 0 40px}.stat-card{background:#1e1e1eb3;border-radius:8px;padding:15px;min-width:150px;text-align:center;position:relative;overflow:hidden;border:1px solid rgba(94,0,255,.2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--primary),var(--secondary));opacity:.7}.stat-card:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--primary),var(--secondary),var(--tertiary),var(--primary));background-size:200% 100%;transition:width .5s ease}.stat-card:hover:after{width:100%;animation:gradientMove 3s linear infinite;transform:translateZ(0)}.stat-value{font-size:2rem;font-weight:700;color:var(--primary);text-shadow:var(--neon-glow)}.stat-link{font-size:.9rem;color:var(--secondary);text-transform:uppercase;letter-spacing:1px;display:inline-block;margin-top:10px}.stat-item{background:#1e1e1eb3;border-radius:8px;padding:15px;min-width:150px;text-align:center;position:relative;overflow:hidden;border:1px solid rgba(94,0,255,.2);transition:transform .3s,box-shadow .3s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.stat-item:hover{transform:translateY(-3px);box-shadow:0 0 15px #5e00ff4d}.stat-item:hover:after{width:100%;animation:gradientMove 3s linear infinite;transform:translateZ(0)}.badge{position:absolute;top:15px;right:15px;background:#ff00b133;color:var(--secondary);padding:5px 10px;border-radius:4px;font-size:.8rem;text-transform:uppercase;letter-spacing:1px}#root{display:flex;flex-direction:column;align-items:center;width:100%}.route-content{width:100%;max-width:1200px;margin:0 auto}.settings-container{max-width:1200px;margin:0 auto;padding:0 20px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid var(--border)}.page-header h1{margin-bottom:0}.header-actions{display:flex;gap:10px}.section-box{background:#111111b3;border-radius:8px;padding:30px;margin:0 auto 30px;border:1px solid var(--border);position:relative;max-width:1000px;box-shadow:0 8px 20px #0006,0 0 0 1px var(--primary),inset 0 0 20px #0000004d}.section-box h2{text-align:center;margin-bottom:25px}.section-box:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--primary),var(--secondary),var(--tertiary),var(--primary));background-size:200% 100%}.agent-form-container{display:flex;gap:30px;margin:0 auto}.wizard-sidebar{width:250px;flex-shrink:0;background:#0a0a0ab3;border-radius:8px;padding:15px;border:1px solid var(--border);box-shadow:0 4px 15px #0000004d}.wizard-nav{list-style:none;padding:0}.wizard-nav-item{padding:12px 15px;margin-bottom:10px;border-radius:4px;cursor:pointer;transition:all .3s;background:#0a0a0a99;display:flex;align-items:center;gap:10px}.wizard-nav-item i{color:var(--primary);width:20px;text-align:center}.wizard-nav-item:hover{background:#5e00ff33;transform:translate(5px)}.wizard-nav-item.active{background:#00ff9533;color:var(--primary);box-shadow:0 0 10px #00ff954d}.form-content-area{flex:1;background:#111111b3;border-radius:8px;padding:25px;border:1px solid var(--border);box-shadow:0 4px 15px #0000004d}.form-section{display:none;animation:fadeIn .3s ease-in-out}.form-section.active{display:block}.section-title{margin-bottom:25px;padding-bottom:10px;border-bottom:1px solid var(--border);color:var(--secondary);text-shadow:var(--pink-glow);text-align:center}.form-actions{margin-top:30px;display:flex;justify-content:center}.form-actions .action-btn{min-width:180px;padding:12px 25px;font-size:1.1rem}.mb-4{margin-bottom:20px}.mb-4 label{display:block;margin-bottom:8px;color:var(--primary);font-weight:500}.mb-4 input[type=text],.mb-4 input[type=password],.mb-4 input[type=number],.mb-4 textarea,.mb-4 select{width:100%;padding:12px;background-color:#0a0a0acc;border:1px solid var(--primary);border-radius:4px;color:var(--text);transition:all .3s;font-size:1rem;box-shadow:0 0 5px #00ff9533}.mb-4 select{appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2300ff95%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 12px top 50%;background-size:12px auto;padding-right:30px}.mb-4 input:focus,.mb-4 textarea:focus,.mb-4 select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 10px #00ff954d}.mb-4 textarea{min-height:120px;resize:vertical}.mb-4 input:disabled,.mb-4 select:disabled{background-color:#3232324d;cursor:not-allowed}.checkbox-label{display:flex;align-items:center;cursor:pointer;padding:5px 0;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{appearance:none;-webkit-appearance:none;width:22px;height:22px;background-color:#0a0a0acc;border:1px solid var(--primary);border-radius:4px;margin-right:10px;position:relative;cursor:pointer;box-shadow:0 0 5px #00ff9533;transition:all .3s}.checkbox-label:hover input[type=checkbox]{border-color:var(--primary);box-shadow:0 0 8px #00ff9533}.checkbox-label input[type=checkbox]:checked{background-color:var(--primary);border-color:var(--primary);box-shadow:0 0 10px #00ff954d}.checkbox-label input[type=checkbox]:checked:after{content:"✓";position:absolute;color:#000;font-size:16px;font-weight:700;top:50%;left:50%;transform:translate(-50%,-50%)}.checkbox-label input[type=checkbox]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 10px #00ff954d}.checkbox-label span{font-size:1rem;color:var(--text)}.form-control{width:100%;padding:12px;background-color:#0a0a0acc;border:1px solid var(--primary);border-radius:4px;color:var(--text);transition:all .3s;font-size:1rem;box-shadow:0 0 5px #00ff9533}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 10px #00ff954d}select.form-control{appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2300ff95%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 12px top 50%;background-size:12px auto;padding-right:30px}.connector-item,.action-item,.server-item,.mcp-server-item{background:#1e1e1eb3;border-radius:8px;box-shadow:0 0 15px #0003;padding:20px;margin-bottom:20px;border:1px solid rgba(94,0,255,.2);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.connector-item:before,.action-item:before,.server-item:before,.mcp-server-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--primary),var(--secondary));opacity:.7}.connector-item:after,.action-item:after,.server-item:after,.mcp-server-item:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--primary),var(--secondary),var(--tertiary),var(--primary));background-size:200% 100%;transition:width .5s ease}.connector-item:hover:after,.action-item:hover:after,.server-item:hover:after,.mcp-server-item:hover:after{width:100%;animation:gradientMove 3s linear infinite}.connector-header,.action-header,.server-header,.mcp-server-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--border)}.connector-header h4,.action-header h4,.server-header h4,.mcp-server-header h4{margin:0;color:var(--tertiary);text-shadow:0 0 5px rgba(94,0,255,.5)}.remove-btn{background:none;border:none;color:var(--danger);cursor:pointer;font-size:1.2rem;padding:5px;transition:all .3s}.remove-btn:hover{transform:scale(1.2);text-shadow:var(--pink-glow)}.add-btn{background:linear-gradient(135deg,var(--tertiary),rgba(94,0,255,.7));color:#fff;border:none;border-radius:4px;padding:8px 15px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s;margin-top:10px}.add-btn:hover{transform:translateY(-2px);box-shadow:0 0 15px #5e00ff80}.connector-config{background:#1e1e1eb3;border-radius:8px;padding:15px;margin-top:15px;border:1px solid rgba(94,0,255,.2);box-shadow:0 0 15px #0003;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:relative;overflow:hidden}.connector-config:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--primary),var(--secondary));opacity:.7}.connector-config h5{margin-top:0;margin-bottom:15px;color:var(--primary)}.create-agent-container{max-width:1200px;margin:0 auto;padding:0 20px}.create-agent-content{margin:0 auto}.chat-container{display:flex;height:calc(100vh - 150px);gap:20px}.chat-sidebar{width:250px;background:#111111b3;border-radius:8px;padding:15px;border:1px solid var(--border)}.chat-main{flex:1;display:flex;flex-direction:column;background:#111111b3;border-radius:8px;border:1px solid var(--border);overflow:hidden}.chat-messages{flex:1;padding:20px;overflow-y:auto}.message{margin-bottom:15px;max-width:80%}.message-user{margin-left:auto;background:#00ff951a;border-radius:10px 10px 0;padding:10px 15px;border:1px solid rgba(0,255,149,.2)}.message-agent{margin-right:auto;background:#5e00ff1a;border-radius:10px 10px 10px 0;padding:10px 15px;border:1px solid rgba(94,0,255,.2)}.chat-input{padding:15px;background:#0a0a0acc;border-top:1px solid var(--border);display:flex;gap:10px}.chat-input input{flex:1;padding:10px 15px;background:#111111b3;border:1px solid var(--border);border-radius:4px;color:var(--text)}.chat-input button{padding:10px 20px}.loading,.error{text-align:center;padding:30px;background:#111111b3;border-radius:8px;margin:20px 0}.loading{color:var(--primary)}.error{color:var(--danger)}@media(max-width:768px){.agent-form-container{flex-direction:column}.wizard-sidebar{width:100%;margin-bottom:20px}.stats-cards{flex-direction:column}.chat-container{flex-direction:column;height:auto}.chat-sidebar{width:100%;margin-bottom:20px}.chat-main{height:500px}}.image-container{display:flex;justify-content:center;margin:40px 0;position:relative}.image-container img{filter:drop-shadow(0 0 15px rgba(94,0,255,.6));transition:all .5s ease}.image-container:hover img{transform:scale(1.05);filter:drop-shadow(0 0 25px rgba(0,255,149,.8))}.image-container:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:40%;height:2px;background:linear-gradient(90deg,transparent,var(--primary),var(--secondary),var(--tertiary),transparent)}.dashboard-title{text-align:center;margin-bottom:40px;font-size:2.5rem;letter-spacing:2px;position:relative;display:inline-block;left:50%;transform:translate(-50%);color:var(--primary);text-shadow:var(--neon-glow)}.dashboard-title:hover{animation:subtleGlitch .3s infinite}.dashboard-stats{display:flex;justify-content:center;gap:20px;margin:20px 0 40px}.stat-item{background:#1e1e1eb3;border-radius:8px;padding:15px;min-width:150px;text-align:center;position:relative;overflow:hidden;border:1px solid rgba(94,0,255,.2)}.stat-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--primary),var(--secondary));opacity:.7}.stat-item:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--primary),var(--secondary),var(--tertiary),var(--primary));background-size:200% 100%;transition:width .5s ease}.stat-item:hover:after{width:100%;animation:gradientMove 3s linear infinite}.stat-count{font-size:2rem;font-weight:700;color:var(--primary);text-shadow:var(--neon-glow)}.stat-label{font-size:.9rem;color:#ccc;text-transform:uppercase;letter-spacing:1px}.cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;margin-top:30px}.recent-agents{margin-top:50px}.recent-agents h2{margin-bottom:20px;text-align:center}@media(max-width:768px){.dashboard-stats{flex-direction:column;align-items:center}.stat-item{width:80%}.cards-container{grid-template-columns:1fr}}.agent-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;position:relative}.agent-header h2{margin:0;font-size:1.5rem}.agent-header .status-badge{position:static;margin-left:10px}.agents-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem}@media(min-width:768px){.agents-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.agents-grid{grid-template-columns:repeat(3,1fr)}}.avatar-placeholder{width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2a2a2a,#3a3a3a);color:var(--primary);font-size:1.5rem;margin-bottom:1rem;border:2px solid var(--primary);box-shadow:var(--neon-glow);position:relative;overflow:hidden}@keyframes loading-progress{0%{width:0}50%{width:100%}to{width:0}}.placeholder-text{z-index:1}.agent-card{background:#1e1e1eb3;border-radius:8px;box-shadow:0 0 15px #0003;padding:1.5rem;margin-bottom:1.5rem;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;border:1px solid rgba(94,0,255,.2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.agent-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--primary),var(--secondary));opacity:.7}.agent-card:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--primary),var(--secondary),var(--tertiary),var(--primary));background-size:200% 100%;transition:width .5s ease}.agent-card:hover{transform:translateY(-5px);box-shadow:0 0 25px #5e00ff4d}.agent-card:hover:after{width:100%;animation:gradientMove 3s linear infinite}.agent-actions{display:flex;gap:15px;margin-top:15px;justify-content:center}.agent-action{padding:8px 15px;background:#1e1e1ecc;border-radius:6px;color:var(--text);transition:all .3s;text-decoration:none;border:1px solid rgba(94,0,255,.2);position:relative;overflow:hidden}.agent-action:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--primary),var(--secondary),var(--tertiary),var(--primary));background-size:200% 100%;transition:width .5s ease}.agent-action:hover{background:#282828e6;transform:translateY(-2px);box-shadow:0 0 15px #5e00ff4d}.agent-action:hover:after{width:100%;animation:gradientMove 3s linear infinite}@keyframes gradientMove{0%{background-position:0% 0}to{background-position:200% 0}}.agent-content{display:flex;flex-direction:column;align-items:center}.avatar-container{margin-bottom:1rem}.mt-2{margin-top:.5rem}.text-center{text-align:center}.agent-status-container{width:100%;max-width:1000px;margin:0 auto}.agent-status-container .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.agent-status-container .header-content{display:flex;align-items:center}.agent-status-container .back-link{margin-right:1rem;color:var(--primary);font-size:1.2rem}.agent-status-container .back-link:hover{color:var(--secondary)}.chat-container{background-color:var(--darker-bg);border-radius:8px;border:1px solid var(--border);box-shadow:0 4px 12px #00000080;overflow:hidden;height:70vh;display:flex;flex-direction:column}.chat-messages{overflow-y:auto;flex-grow:1;padding:1.5rem}.status-item{margin-bottom:1rem}.status-details{display:flex;flex-direction:column;gap:.5rem}.status-row{display:flex;flex-wrap:wrap}.status-label{font-weight:600;color:var(--primary);margin-right:.5rem;min-width:100px}.status-value{color:var(--text);word-break:break-word}.status-value.reasoning{white-space:pre-wrap}.no-status-data{display:flex;justify-content:center;align-items:center;height:200px;color:#fff9}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:300px}.loader{width:12px;height:12px;border-radius:50%;display:block;margin:15px auto;position:relative;color:var(--primary);box-sizing:border-box;animation:animloader 2s linear infinite}@keyframes animloader{0%{box-shadow:14px 0 0 -2px,38px 0 0 -2px,-14px 0 0 -2px,-38px 0 0 -2px}25%{box-shadow:14px 0 0 -2px,38px 0 0 -2px,-14px 0 0 -2px,-38px 0 0 2px}50%{box-shadow:14px 0 0 -2px,38px 0 0 -2px,-14px 0 0 2px,-38px 0 0 -2px}75%{box-shadow:14px 0 0 2px,38px 0 0 -2px,-14px 0 0 -2px,-38px 0 0 -2px}to{box-shadow:14px 0 0 -2px,38px 0 0 2px,-14px 0 0 -2px,-38px 0 0 -2px}}.error-container{text-align:center;padding:2rem}.error-container h2{color:var(--danger);margin-bottom:1rem}.back-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:1rem;padding:.5rem 1rem;background-color:var(--medium-bg);color:var(--primary);border-radius:4px;transition:all .3s ease}.back-btn:hover{background-color:var(--light-bg);color:var(--primary)}.import-agent-container{max-width:800px;margin:0 auto;padding:20px}.import-agent-content{margin-top:20px}.file-dropzone{border:2px dashed var(--border);border-radius:8px;padding:40px;text-align:center;margin-bottom:20px;transition:all .3s ease;background:#1e1e1eb3;box-shadow:0 0 15px #0003}.file-dropzone:hover{border-color:var(--primary);background:#1e1e1ecc}.dropzone-content{color:var(--text)}.dropzone-content i{font-size:48px;color:var(--primary);margin-bottom:20px}.dropzone-content h2{margin-bottom:10px;color:var(--primary);text-shadow:var(--neon-glow)}.dropzone-content p{margin:10px 0;color:var(--text)}.file-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--primary);color:var(--dark-bg);border-radius:4px;cursor:pointer;transition:all .3s ease;text-decoration:none}.file-button i{font-size:16px}.card{background:var(--medium-bg);border:1px solid var(--border);border-radius:8px;padding:15px;margin-bottom:15px;transition:all .3s ease;box-shadow:0 2px 10px #0000001a;cursor:pointer}.card:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003;background:var(--light-bg)}.spinner{width:16px;height:16px;border:2px solid var(--primary);border-radius:50%;border-top-color:transparent;animation:spin 1s linear infinite}.expand-button{background:none;border:none;color:var(--primary);cursor:pointer;font-size:1.2em;padding:5px;margin-left:10px;transition:all .3s ease}.expand-button:hover{color:var(--success);transform:scale(1.1)}.expand-button:focus{outline:none;box-shadow:0 0 0 2px var(--primary)}.selected-file-info{margin-top:20px;padding:20px;background:#1e1e1eb3;border-radius:8px;box-shadow:0 0 15px #0003}.selected-file-info p{margin-bottom:15px;color:var(--text)}.import-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--primary);color:var(--dark-bg);border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;font-size:16px}.import-button:hover:not(:disabled){background:#00ff95cc;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.import-button:disabled{background:#00ff954d;cursor:not-allowed}.import-button i{font-size:16px}.import-button .fa-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#272822;color:#ddd}.hljs-tag,.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-strong,.hljs-number,.hljs-name{color:#f92672}.hljs-code{color:#66d9ef}.hljs-attribute,.hljs-attr,.hljs-symbol,.hljs-regexp,.hljs-link{color:#bf79db}.hljs-string,.hljs-bullet,.hljs-subst,.hljs-title,.hljs-section,.hljs-emphasis,.hljs-type,.hljs-built_in,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-addition,.hljs-variable,.hljs-template-tag,.hljs-template-variable{color:#a6e22e}.hljs-title.class_,.hljs-class .hljs-title{color:#fff}.hljs-comment,.hljs-quote,.hljs-deletion,.hljs-meta{color:#75715e}.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-doctag,.hljs-title,.hljs-section,.hljs-type,.hljs-selector-id{font-weight:700}: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}}