:root{--bg-primary: #0A0E27;--bg-secondary: #1A1F3A;--bg-tertiary: #252B48;--bg-elevated: #2D3352;--accent-primary: #00D9FF;--accent-secondary: #7B2CBF;--accent-success: #39FF14;--accent-warning: #FFD60A;--accent-danger: #FF206E;--text-primary: #E8EBF7;--text-secondary: #A6ADC8;--text-tertiary: #6B7394;--text-accent: #00D9FF;--glass-bg: rgba(45, 51, 82, .6);--glass-border: rgba(232, 235, 247, .1);--glass-shadow: 0 8px 32px rgba(10, 14, 39, .37);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--shadow-sm: 0 2px 8px rgba(0, 217, 255, .1);--shadow-md: 0 4px 16px rgba(0, 217, 255, .15);--shadow-lg: 0 8px 32px rgba(0, 217, 255, .2);--shadow-glow: 0 0 20px rgba(0, 217, 255, .3)}.tool-discovery-panel{display:flex;flex-direction:column;height:100%;padding:2rem;gap:1.5rem;overflow-y:auto}.discovery-header{text-align:center;margin-bottom:1rem}.discovery-header h2{font-size:2rem;margin-bottom:.5rem;color:var(--text-primary)}.discovery-header p{color:var(--text-secondary)}.discovery-tabs{display:flex;gap:1rem;border-bottom:2px solid var(--glass-border);padding-bottom:.5rem}.discovery-tabs button{padding:.75rem 1.5rem;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s;border-radius:var(--radius-sm)}.discovery-tabs button.active{color:var(--primary-color);background:#00d9ff1a}.discovery-tabs button:hover:not(.active){color:var(--text-primary);background:#ffffff0d}.discovery-controls{display:flex;flex-direction:column;gap:1rem}.search-input{width:100%;padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #00d9ff1a}.category-filters{display:flex;gap:.5rem;flex-wrap:wrap}.category-filters button{padding:.5rem 1rem;background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-pill);color:var(--text-secondary);cursor:pointer;transition:all .2s;font-size:.875rem}.category-filters button.active{background:var(--primary-color);color:#0a0e27;border-color:var(--primary-color)}.category-filters button:hover:not(.active){border-color:var(--primary-color);color:var(--text-primary)}.server-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-top:1rem}.server-card{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.5rem;cursor:pointer;transition:all .2s}.server-card:hover{border-color:var(--primary-color);box-shadow:0 4px 20px #00d9ff33;transform:translateY(-2px)}.server-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.server-header h3{font-size:1.125rem;color:var(--text-primary);margin:0}.badge{padding:.25rem .75rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-stdio{background:#00d9ff33;color:var(--primary-color)}.badge-http{background:#8a2be233;color:#9370db}.server-description{color:var(--text-secondary);font-size:.875rem;margin-bottom:.75rem;line-height:1.5}.server-category{display:inline-block;padding:.25rem .75rem;background:#ffffff0d;border-radius:var(--radius-pill);font-size:.75rem;color:var(--text-secondary);margin-bottom:.75rem}.example-tools{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--glass-border)}.example-tools strong{color:var(--primary-color);font-size:.875rem}.example-tools ul{list-style:none;padding:0;margin:.5rem 0 0;font-size:.875rem;color:var(--text-secondary)}.example-tools li{padding:.25rem 0}.server-detail-modal,.tool-test-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:2rem;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;position:relative}.close-button{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:var(--text-secondary);font-size:2rem;cursor:pointer;line-height:1;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s}.close-button:hover{background:#ffffff1a;color:var(--text-primary)}.modal-content h2{color:var(--text-primary);margin-bottom:1rem}.detail-section{margin:1.5rem 0;padding:1rem;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--glass-border)}.detail-section h3{color:var(--primary-color);font-size:.875rem;text-transform:uppercase;margin-bottom:.75rem;letter-spacing:.05em}.detail-section pre{background:#0000004d;padding:1rem;border-radius:var(--radius-sm);overflow-x:auto;font-size:.875rem;color:var(--text-primary)}.detail-section code{background:#00d9ff1a;padding:.2rem .5rem;border-radius:var(--radius-sm);color:var(--primary-color);font-family:Courier New,monospace}.hint{color:var(--text-secondary);font-size:.875rem;margin-top:.5rem}.tool-list{list-style:none;padding:0;margin:0}.tool-list li{padding:.75rem 0;border-bottom:1px solid var(--glass-border)}.tool-list li:last-child{border-bottom:none}.tool-list strong{color:var(--primary-color)}.airgap-instructions{background:#8a2be21a;padding:1rem;border-radius:var(--radius-sm);border-left:3px solid #9370DB;color:var(--text-primary);font-size:.875rem;line-height:1.6}.modal-actions{display:flex;gap:1rem;margin-top:2rem}.modal-actions button{flex:1;padding:.75rem;background:var(--primary-color);color:#0a0e27;border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:600;transition:all .2s}.modal-actions button:hover{background:var(--primary-hover);transform:translateY(-1px)}.connected-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.5rem;text-align:center}.stat strong{display:block;font-size:2rem;color:var(--primary-color);margin-bottom:.5rem}.stat span{color:var(--text-secondary);font-size:.875rem}.server-tools-section{margin-bottom:2rem}.server-tools-section h3{color:var(--text-primary);margin-bottom:1rem}.tool-cards{display:grid;gap:1rem}.tool-card{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.5rem}.tool-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.tool-header h4{color:var(--text-primary);margin:0;font-size:1.125rem}.test-button{padding:.5rem 1rem;background:var(--primary-color);color:#0a0e27;border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:600;font-size:.875rem;transition:all .2s}.test-button:hover{background:var(--primary-hover);transform:translateY(-1px)}.schema-details{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--glass-border)}.schema-details summary{color:var(--primary-color);cursor:pointer;font-size:.875rem;-webkit-user-select:none;user-select:none}.schema-details pre{margin-top:.5rem;background:#0000004d;padding:1rem;border-radius:var(--radius-sm);overflow-x:auto;font-size:.75rem}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.empty-state p{margin-bottom:.5rem}.test-form{margin:1.5rem 0}.test-form label{display:block;color:var(--text-primary);margin-bottom:.5rem;font-weight:600}.json-editor{width:100%;padding:1rem;background:#0000004d;border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-family:Courier New,monospace;font-size:.875rem;resize:vertical}.json-editor:focus{outline:none;border-color:var(--primary-color)}.test-form button{width:100%;padding:.75rem;background:var(--primary-color);color:#0a0e27;border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:600;margin-top:1rem;transition:all .2s}.test-form button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.test-form button:disabled{opacity:.5;cursor:not-allowed}.test-result{margin-top:1.5rem;padding:1rem;border-radius:var(--radius-md);border:1px solid}.test-result.success{background:#00ff001a;border-color:#0f0}.test-result.error{background:#ff00001a;border-color:red}.test-result h3{margin-bottom:.5rem;color:var(--text-primary)}.test-result pre{background:#0000004d;padding:1rem;border-radius:var(--radius-sm);overflow-x:auto;font-size:.875rem;max-height:300px;overflow-y:auto}.config-form{margin:1.5rem 0}.form-group{margin-bottom:1.5rem}.form-group label{display:block;color:var(--text-primary);margin-bottom:.5rem;font-weight:600}.form-group input[type=text],.form-group input[type=url]{width:100%;padding:.75rem;background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #00d9ff1a}.checkbox-label{display:flex!important;align-items:center;gap:.75rem;cursor:pointer;font-weight:400!important}.checkbox-label input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer}.checkbox-label span{color:var(--text-primary)}.form-group .hint ul{list-style:disc;padding-left:1.5rem;margin-top:.5rem}.form-group .hint li{margin-bottom:.5rem}.primary-button{background:var(--primary-color)!important;color:#0a0e27!important;font-weight:600!important}.primary-button:hover:not(:disabled){background:var(--primary-hover)!important}.primary-button:disabled{opacity:.5;cursor:not-allowed}.auth-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:2rem}.auth-container{background:#ffffff0d;border:1px solid rgba(0,255,255,.2);border-radius:12px;padding:2rem;max-width:450px;width:100%;box-shadow:0 8px 32px #00ffff1a}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{color:#0ff;margin:0 0 .5rem;font-size:1.8rem;text-shadow:0 0 10px rgba(0,255,255,.5)}.auth-header p{color:#ffffffb3;margin:0;font-size:.9rem}.auth-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem}.auth-tabs button{flex:1;padding:.75rem;background:#ffffff0d;border:1px solid rgba(0,255,255,.2);border-radius:6px;color:#ffffffb3;cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:500}.auth-tabs button:hover{background:#00ffff1a;border-color:#00ffff4d}.auth-tabs button.active{background:#0ff3;border-color:#0ff;color:#0ff;box-shadow:0 0 10px #00ffff4d}.auth-form{display:flex;flex-direction:column;gap:1rem}.error-message{background:#ff4d4d1a;border:1px solid rgba(255,77,77,.3);border-radius:6px;padding:.75rem;color:#ff6b6b;font-size:.9rem;text-align:center}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#ffffffe6;font-size:.9rem;font-weight:500}.form-group input{padding:.75rem;background:#ffffff0d;border:1px solid rgba(0,255,255,.2);border-radius:6px;color:#fff;font-size:1rem;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#0ff;background:#ffffff14;box-shadow:0 0 10px #0ff3}.form-group input::placeholder{color:#fff6}.submit-button{padding:.875rem;background:linear-gradient(135deg,#0cc,#0ff);border:none;border-radius:6px;color:#0a0a0f;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #0ff6}.submit-button:disabled{opacity:.5;cursor:not-allowed}.default-credentials{margin-top:1rem;padding:1rem;background:#00ffff0d;border:1px solid rgba(0,255,255,.2);border-radius:6px;font-size:.85rem;text-align:center}.default-credentials p{margin:.25rem 0;color:#fffc}.default-credentials strong{color:#0ff}.default-credentials .warning{color:orange;font-size:.8rem;margin-top:.5rem}@media (max-width: 600px){.auth-page{padding:1rem}.auth-container{padding:1.5rem}.auth-header h1{font-size:1.5rem}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0a0e27,#1a1f3a);color:var(--text-primary);min-height:100vh}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,217,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,217,255,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0}.app{position:relative;z-index:1;display:flex;flex-direction:column;height:100vh;max-width:1800px;margin:0 auto;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid var(--glass-border);border-right:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.app-main{flex:1;display:flex;overflow:hidden}.app-header{display:flex;justify-content:space-between;align-items:center;padding:.625rem var(--spacing-lg);background:linear-gradient(90deg,var(--accent-secondary),var(--accent-primary));border-bottom:1px solid var(--glass-border);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.app-header:before{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translate(0)}to{transform:translate(50%)}}.header-brand{display:flex;align-items:center;gap:var(--spacing-md);position:relative;z-index:1}.app-logo{height:32px;width:auto;--glow-size-primary: 15px;--glow-size-secondary: 5px;--glow-size-primary-intense: 25px;--glow-size-secondary-intense: 10px;filter:brightness(1.1) drop-shadow(0 0 15px rgba(0,217,255,.6)) drop-shadow(0 0 5px rgba(0,217,255,.4));animation:glow-pulse 3s ease-in-out infinite;transition:all var(--transition-fast)}.app-logo:hover{filter:brightness(1.2) drop-shadow(0 0 25px rgba(0,217,255,.9)) drop-shadow(0 0 10px rgba(0,217,255,.6));transform:scale(1.05) rotate(5deg)}@keyframes glow-pulse{0%,to{filter:brightness(var(--glow-brightness-low, 1.1)) drop-shadow(0 0 var(--glow-size-primary, 15px) var(--glow-color-primary, rgba(0, 217, 255, .6))) drop-shadow(0 0 var(--glow-size-secondary, 5px) var(--glow-color-secondary, rgba(0, 217, 255, .4)))}50%{filter:brightness(var(--glow-brightness-high, 1.2)) drop-shadow(0 0 var(--glow-size-primary-intense, 25px) var(--glow-color-primary-intense, rgba(0, 217, 255, .9))) drop-shadow(0 0 var(--glow-size-secondary-intense, 10px) var(--glow-color-secondary-intense, rgba(0, 217, 255, .6)))}}.app-header h1{font-size:1.25rem;font-weight:700;letter-spacing:.5px;text-shadow:0 0 10px rgba(0,217,255,.5);position:relative;z-index:1}.header-actions{display:flex;gap:1rem;align-items:center;position:relative;z-index:1}.app-header button{padding:.375rem 1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);cursor:pointer;font-weight:600;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:1px;font-size:.75rem}.app-header button:hover{background:#fff3;border-color:var(--accent-primary);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.app-header button.active{background:#00d9ff4d;border-color:var(--accent-primary);box-shadow:var(--shadow-glow);color:#fff}.health-indicator{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:#0000004d;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.status-healthy{color:var(--accent-success);text-shadow:0 0 8px var(--accent-success)}.status-healthy:before{content:"●";margin-right:.25rem;animation:opacity-pulse 2s infinite}@keyframes opacity-pulse{0%,to{opacity:var(--pulse-opacity-high, 1)}50%{opacity:var(--pulse-opacity-low, .5)}}@keyframes pulse-green{0%,to{opacity:1}50%{opacity:.5}}.status-unhealthy{color:var(--accent-danger);text-shadow:0 0 8px var(--accent-danger)}.status-unhealthy:before{content:"●";margin-right:.25rem;--pulse-opacity-low: .3;animation:opacity-pulse 1s infinite}@keyframes pulse-red{0%,to{opacity:1}50%{opacity:.3}}.chat-interface{display:flex;flex-direction:column;height:100%;background:var(--bg-primary);flex:1}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) var(--spacing-lg);background:var(--bg-secondary);border-bottom:1px solid var(--glass-border)}.chat-header h2{font-size:1rem;font-weight:600;color:var(--text-accent);text-transform:uppercase;letter-spacing:1px}.chat-actions{display:flex;gap:var(--spacing-sm)}.chat-actions button{padding:.375rem 1rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-primary);font-weight:600;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.chat-actions button:hover:not(:disabled){border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.chat-actions button:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(50%)}.message-list{flex:1;overflow-y:auto;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md);background:var(--bg-primary);position:relative}.message-list:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:576px;height:384px;background-image:url(/logo.png);background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.12;filter:brightness(.8);pointer-events:none;z-index:0}.message-list>*{position:relative;z-index:1}.message-list::-webkit-scrollbar{width:8px}.message-list::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.message-list::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:4px}.message-list::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-tertiary);font-size:1.125rem;gap:1rem}.empty-state:before{content:"💬";font-size:4rem;opacity:.3;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.message{display:flex;flex-direction:column;gap:.5rem;max-width:80%;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-user{align-self:flex-end}.message-assistant,.message-system{align-self:flex-start}.message-role{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary)}.message-content{padding:var(--spacing-md);border-radius:var(--radius-md);white-space:pre-wrap;word-wrap:break-word;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-fast)}.message-user .message-content{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow-md)}.message-user .message-content:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.message-assistant .message-content{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm)}.message-system .message-content{background:#ffd60a1a;border:1px solid var(--accent-warning);color:var(--accent-warning)}.loading{position:relative}.loading:after{content:"";display:inline-block;width:8px;height:8px;margin-left:8px;background:var(--accent-primary);border-radius:50%;animation:pulse-dot 1s infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.8)}}.message-charts{margin-top:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.chart-container{background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chart-container:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.chart-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.5px;text-align:center}.recharts-cartesian-axis-tick-value{fill:var(--text-secondary);font-size:.875rem}.recharts-legend-item-text{color:var(--text-secondary)!important;font-size:.875rem}@media (max-width: 768px){.chart-container{padding:var(--spacing-sm)}.chart-title{font-size:.875rem}}.message-input{padding:var(--spacing-sm) var(--spacing-lg);background:var(--bg-secondary);border-top:1px solid var(--glass-border);display:flex;gap:var(--spacing-md)}.message-input textarea{flex:1;padding:var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);resize:none;font-family:inherit;font-size:1rem;transition:all var(--transition-fast)}.message-input textarea::placeholder{color:var(--text-tertiary)}.message-input textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #00d9ff33;background:var(--bg-elevated)}.message-input button{padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:all var(--transition-fast);box-shadow:var(--shadow-md)}.message-input button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-glow)}.message-input button:active:not(:disabled){transform:translateY(0)}.message-input button:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(50%)}.config-panel{display:flex;flex-direction:column;height:100%;background:var(--bg-primary);flex:1}.config-header{padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-secondary);border-bottom:1px solid var(--glass-border)}.config-header h2{font-size:1.25rem;font-weight:600;color:var(--text-accent);text-transform:uppercase;letter-spacing:1px}.config-tabs{display:flex;border-bottom:1px solid var(--glass-border);padding:0 var(--spacing-lg);gap:var(--spacing-sm);background:var(--bg-secondary)}.config-tabs button{padding:var(--spacing-md);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-weight:600;color:var(--text-secondary);transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:1px;font-size:.875rem}.config-tabs button:hover{color:var(--accent-primary)}.config-tabs button.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary);text-shadow:0 0 8px var(--accent-primary)}.config-content{flex:1;overflow-y:auto;padding:var(--spacing-lg);background:var(--bg-primary)}.config-content::-webkit-scrollbar{width:8px}.config-content::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.config-content::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:4px}.config-content::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;font-size:.875rem;letter-spacing:.5px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-family:Courier New,monospace;font-size:.875rem;line-height:1.5;resize:vertical;min-height:150px;transition:all var(--transition-fast)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-tertiary)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #00d9ff33;background:var(--bg-elevated)}.form-group small{display:block;margin-top:var(--spacing-xs);font-size:.875rem;color:var(--text-tertiary)}form button[type=submit]{padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:all var(--transition-fast);box-shadow:var(--shadow-md)}form button[type=submit]:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-glow)}form button[type=submit]:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(50%)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.section-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.section-header button{padding:.5rem 1.5rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:.875rem;transition:all var(--transition-fast);box-shadow:var(--shadow-md)}.section-header button:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.mcp-form{padding:var(--spacing-md);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md)}.mcp-server-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.mcp-server-item{padding:var(--spacing-md);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.mcp-server-item:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.mcp-server-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.mcp-server-info,.server-info{flex:1}.server-name,.mcp-server-info h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.server-type{display:inline-block;padding:.25rem .75rem;background:#00d9ff33;color:var(--accent-primary);border:1px solid var(--accent-primary);border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.server-command,.server-url{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.875rem;color:var(--text-secondary);background:var(--bg-tertiary);padding:.5rem;border-radius:var(--radius-sm);margin-top:.5rem;overflow-x:auto}.server-actions{display:flex;gap:var(--spacing-sm);align-items:center}.server-actions button{padding:.5rem 1rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-primary);font-weight:600;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.5px;font-size:.875rem}.server-actions button:hover:not(:disabled){border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:var(--text-secondary)}.server-enabled{color:var(--accent-success);font-weight:600;font-size:.875rem}.server-disabled{color:var(--text-tertiary);font-weight:600;font-size:.875rem}.server-tool-count{color:var(--text-secondary);font-size:.875rem}.alert{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-success{background:#39ff141a;border:1px solid var(--accent-success);color:var(--accent-success)}.alert-error{background:#ff206e1a;border:1px solid var(--accent-danger);color:var(--accent-danger)}.alert-warning{background:#ffd60a1a;border:1px solid var(--accent-warning);color:var(--accent-warning)}.alert-info{background:#00d9ff1a;border:1px solid var(--accent-primary);color:var(--accent-primary)}.btn-danger{padding:.5rem 1rem;background:var(--accent-danger);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.5px;font-size:.875rem}.btn-danger:hover:not(:disabled){background:#ff4081;box-shadow:0 0 20px #ff206e80;transform:translateY(-2px)}.btn-danger:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(50%)}.app-footer{padding:var(--spacing-xs) var(--spacing-md);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);background:var(--bg-secondary);border-top:1px solid var(--glass-border);font-size:.75rem;color:var(--text-tertiary)}.footer-logo{height:20px;width:auto;filter:brightness(1.1) drop-shadow(0 0 10px rgba(0,217,255,.4));transition:all var(--transition-fast)}.footer-logo:hover{filter:brightness(1.2) drop-shadow(0 0 15px rgba(0,217,255,.6));transform:scale(1.05)}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;padding:2rem;text-align:center;background:var(--bg-primary)}.error-boundary h2{color:var(--accent-danger);margin-bottom:1rem;font-size:2rem;text-shadow:0 0 10px var(--accent-danger)}.error-boundary pre{background:var(--bg-tertiary);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--glass-border);color:var(--text-secondary);overflow-x:auto;max-width:600px;margin:1rem 0}.error-boundary button{margin-top:1rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:all var(--transition-fast);box-shadow:var(--shadow-md)}.error-boundary button:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}@media (max-width: 768px){.app{border-left:none;border-right:none}.app-header{padding:var(--spacing-sm) var(--spacing-md)}.header-brand{gap:var(--spacing-sm)}.app-logo{height:35px}.app-header h1{font-size:1.25rem}.header-actions{flex-wrap:wrap;gap:.5rem}.app-header button{padding:.375rem 1rem;font-size:.7rem}.message{max-width:90%}.chat-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.config-tabs{overflow-x:auto}}.about-page{flex:1;overflow-y:auto;background:var(--bg-primary)}.about-page::-webkit-scrollbar{width:8px}.about-page::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.about-page::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:4px}.about-page::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}.about-container{max-width:800px;margin:0 auto;padding:var(--spacing-lg)}.about-header{padding:var(--spacing-lg);text-align:center;margin-bottom:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.about-logo{height:144px;width:auto;--glow-size-primary: 20px;--glow-size-secondary: 10px;--glow-size-primary-intense: 30px;--glow-size-secondary-intense: 15px;--glow-color-primary-intense: rgba(0, 217, 255, .8);filter:brightness(1.1) drop-shadow(0 0 20px rgba(0,217,255,.6)) drop-shadow(0 0 10px rgba(0,217,255,.4));animation:glow-pulse 4s ease-in-out infinite;transition:all var(--transition-fast)}.about-logo:hover{filter:brightness(1.2) drop-shadow(0 0 30px rgba(0,217,255,.8)) drop-shadow(0 0 15px rgba(0,217,255,.6));transform:scale(1.05)}.about-header h2{font-size:2.5rem;font-weight:700;color:var(--text-accent);text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 20px rgba(0,217,255,.5);margin-bottom:var(--spacing-sm)}.about-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.about-section{padding:var(--spacing-lg);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);animation:slideIn .5s ease-out}.about-section:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.about-section h3{font-size:1.5rem;font-weight:600;color:var(--accent-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-md);text-shadow:0 0 10px rgba(0,217,255,.3)}.about-section p{font-size:1rem;line-height:1.8;color:var(--text-secondary)}.feature-list{list-style:none;padding:0;margin:0}.feature-list li{font-size:1rem;line-height:1.8;color:var(--text-secondary);padding-left:var(--spacing-md);position:relative;margin-bottom:var(--spacing-sm)}.feature-list li:before{content:"▹";position:absolute;left:0;color:var(--accent-primary);font-weight:700;font-size:1.2rem}.about-author{background:linear-gradient(135deg,#00d9ff1a,#7b2cbf1a);border-color:var(--accent-primary)}.author-info{display:flex;flex-direction:column;gap:var(--spacing-sm)}.author-name{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.author-email{font-size:1rem;color:var(--accent-primary);text-decoration:none;transition:all var(--transition-fast);display:inline-block}.author-email:hover{color:var(--accent-secondary);text-shadow:0 0 10px var(--accent-primary);transform:translate(5px)}.tech-stack{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.tech-badge{display:inline-block;padding:.5rem 1rem;background:#00d9ff33;color:var(--accent-primary);border:1px solid var(--accent-primary);border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all var(--transition-fast)}.tech-badge:hover{background:#00d9ff4d;box-shadow:0 0 15px #00d9ff66;transform:translateY(-2px)}.version-info{font-size:1.5rem;font-weight:700;color:var(--accent-success);text-shadow:0 0 10px var(--accent-success)}@media (max-width: 768px){.about-container{padding:var(--spacing-md)}.about-header h2{font-size:2rem}.about-section{padding:var(--spacing-md)}.tech-stack{gap:var(--spacing-xs)}.tech-badge{font-size:.75rem;padding:.375rem .75rem}}.user-profile{display:flex;align-items:center;gap:var(--spacing-sm);padding:.375rem .75rem;background:#0000004d;border-radius:var(--radius-sm);border:1px solid rgba(0,255,255,.2)}.username{color:#ffffffe6;font-size:.875rem;font-weight:600;white-space:nowrap}.logout-button{padding:.375rem .875rem!important;background:#ff4d4d33!important;border:1px solid rgba(255,77,77,.4)!important;color:#ff6b6b!important;font-size:.75rem!important}.logout-button:hover{background:#ff4d4d4d!important;border-color:#ff6b6b!important;box-shadow:0 0 10px #ff4d4d66!important}@media (max-width: 768px){.user-profile{padding:.25rem .5rem}.username{font-size:.75rem}.logout-button{padding:.25rem .625rem!important;font-size:.7rem!important}}