:root{--bg-dark:#0a0d14;--bg-panel:#101623b3;--bg-card:#111827;--text-main:#cbd5e1;--text-bright:#fff;--text-muted:#64748b;--border-color:#ffffff14;--border-glow:#00f2fe26;--neon-cyan:#00f2fe;--neon-purple:#9d4edd;--neon-green:#10b981;--neon-amber:#f59e0b;--neon-red:#ef4444;--glow-cyan:0 0 15px #00f2fe59;--glow-purple:0 0 15px #9d4edd59;--sans:"Outfit", "Inter", system-ui, -apple-system, sans-serif;--mono:"Fira Code", Menlo, Monaco, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--sans);width:100vw;height:100vh;font-size:15px;overflow-x:hidden}#root{width:100%;height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff3d}.xterm{cursor:text;-webkit-user-select:none;user-select:none;position:relative}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{z-index:5;position:absolute;top:0}.xterm .xterm-helper-textarea{opacity:0;z-index:-5;white-space:nowrap;resize:none;border:0;width:0;height:0;margin:0;padding:0;position:absolute;top:0;left:-9999em;overflow:hidden}.xterm .composition-view{color:#fff;white-space:nowrap;z-index:1;background:#000;display:none;position:absolute}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{cursor:default;background-color:#000;position:absolute;inset:0;overflow-y:scroll}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;top:0;left:0}.xterm .xterm-scroll-area{visibility:hidden}.xterm-char-measure-element{visibility:hidden;line-height:normal;display:inline-block;position:absolute;top:0;left:-9999em}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility,.xterm .xterm-message{z-index:10;color:#0000;pointer-events:none;position:absolute;inset:0}.xterm .live-region{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{-webkit-text-decoration:underline double;text-decoration:underline double}.xterm-underline-3{-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.xterm-underline-4{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.xterm-underline-5{-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:underline overline}.xterm-overline.xterm-underline-2{-webkit-text-decoration:overline double underline;text-decoration:overline double underline}.xterm-overline.xterm-underline-3{-webkit-text-decoration:overline wavy underline;text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{-webkit-text-decoration:overline dotted underline;text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{-webkit-text-decoration:overline dashed underline;text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;pointer-events:none;position:absolute;top:0;right:0}.xterm-decoration-top{z-index:2;position:relative}.nexus-app{background-color:var(--bg-dark);width:100vw;height:100vh;color:var(--text-main);background-image:radial-gradient(circle at 10% 20%,#00f2fe08 0%,#0000 40%),radial-gradient(circle at 90% 80%,#9d4edd08 0%,#0000 40%);flex-direction:column;display:flex;overflow:hidden}.app-header{-webkit-backdrop-filter:blur(20px);z-index:100;background:#0d111a80;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex;box-shadow:0 8px 32px #00000059}.header-brand{align-items:center;gap:12px;display:flex}.brand-icon{font-family:var(--mono);color:var(--bg-dark);background:linear-gradient(135deg, var(--neon-cyan), var(--neon-purple));box-shadow:var(--glow-cyan);border-radius:4px;padding:3px 8px;font-size:13px;font-weight:700}.brand-name{letter-spacing:1px;color:var(--text-bright);font-size:18px;font-weight:700}.brand-name .version{color:var(--neon-cyan);margin-left:4px;font-size:11px;font-weight:400}.logout-btn{color:var(--text-muted);border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:6px;padding:6px 14px;font-size:13px;transition:all .2s}.logout-btn:hover{color:var(--text-bright);border-color:var(--neon-red);background:#ef44441a}.app-body{flex:1;grid-template-columns:1fr 1fr;height:calc(100vh - 60px);display:grid;overflow:hidden}.panel-wrapper{flex-direction:column;height:100%;display:flex;overflow:hidden}.chat-wrapper{border-right:1px solid var(--border-color);background:#10162366}.terminal-wrapper{background:var(--bg-dark)}.security-gate{background-color:var(--bg-dark);background-image:radial-gradient(circle at 10% 20%,#00f2fe0d 0%,#0000 40%),radial-gradient(circle at 90% 80%,#9d4edd0d 0%,#0000 40%);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.security-card{-webkit-backdrop-filter:blur(20px);text-align:center;background:#111827bf;border:1px solid #ffffff14;border-radius:16px;width:100%;max-width:420px;padding:40px 32px;box-shadow:0 20px 50px #0006}.logo-area{flex-direction:column;align-items:center;margin-bottom:32px;display:flex}.glowing-circle{background:linear-gradient(135deg, var(--neon-cyan), var(--neon-purple));width:70px;height:70px;box-shadow:var(--glow-cyan), var(--glow-purple);border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.logo-text{font-family:var(--mono);color:var(--bg-dark);font-size:22px;font-weight:800}.security-card h1{color:var(--text-bright);letter-spacing:2px;margin-bottom:6px;font-size:28px;font-weight:700}.subtitle{color:var(--text-muted);font-size:14px}.login-form{text-align:left;flex-direction:column;gap:20px;display:flex}.input-group{flex-direction:column;gap:8px;display:flex}.input-group label{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-size:12px;font-weight:600}.input-group input{border:1px solid var(--border-color);color:var(--text-bright);background:#0a0d14cc;border-radius:8px;outline:none;padding:12px 16px;font-size:14px;transition:all .2s}.input-group input:focus{border-color:var(--neon-cyan);box-shadow:0 0 10px #00f2fe26}.error-message{color:var(--neon-red);border-left:3px solid var(--neon-red);background:#ef44441a;border-radius:6px;padding:8px 12px;font-size:13px}.login-btn{background:linear-gradient(90deg, var(--neon-cyan), var(--neon-purple));color:var(--bg-dark);cursor:pointer;border:none;border-radius:8px;padding:12px;font-size:14px;font-weight:700;transition:all .2s;box-shadow:0 4px 15px #00f2fe33}.login-btn:hover:not(:disabled){opacity:.95;transform:translateY(-1px);box-shadow:0 4px 20px #00f2fe59,0 4px 20px #9d4edd33}.login-btn:disabled{opacity:.5;cursor:not-allowed}.footer-notes{color:var(--text-muted);margin-top:24px;font-size:11px}.footer-notes code{color:var(--neon-cyan);background:#ffffff0d;border-radius:4px;padding:2px 4px}.panel-header{border-bottom:1px solid var(--border-color);background:#0d111a66;flex-shrink:0;justify-content:space-between;align-items:center;height:50px;padding:0 16px;display:flex}.header-left,.header-right{align-items:center;gap:12px;display:flex}.chat-container{flex-direction:column;height:100%;display:flex;overflow:hidden}.provider-select-group{gap:8px;display:flex}.chat-select{border:1px solid var(--border-color);color:var(--text-bright);cursor:pointer;background:#0a0d14cc;border-radius:6px;outline:none;max-width:160px;padding:6px 12px;font-size:13px}.chat-select:focus{border-color:var(--neon-cyan)}.clear-btn{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;padding:6px 12px;font-size:13px;transition:all .2s}.clear-btn:hover{color:var(--text-bright);border-color:var(--text-muted)}.system-prompt-container{border-bottom:1px solid var(--border-color);background:#0d111a33;flex-shrink:0;padding:8px 16px}.system-prompt-input{width:100%;color:var(--text-muted);font-size:12px;font-family:var(--mono);background:0 0;border:none;outline:none}.system-prompt-input:focus{color:var(--text-main)}.chat-messages{flex-direction:column;flex:1;gap:20px;padding:20px;display:flex;overflow-y:auto}.chat-welcome{text-align:center;height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px;display:flex}.chat-welcome h3{color:var(--text-bright);font-size:18px}.chat-welcome p{max-width:320px;font-size:13px;line-height:1.5}.chat-message{flex-direction:column;gap:6px;max-width:85%;display:flex}.chat-message.user{align-self:flex-end}.chat-message.assistant{align-self:flex-start}.message-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:0 4px;font-size:11px}.chat-message.user .message-header{text-align:right}.message-content{white-space:pre-wrap;word-break:break-word;border-radius:12px;padding:12px 16px;font-size:14.5px;line-height:1.5}.chat-message.user .message-content{color:var(--text-bright);background:#9d4edd26;border:1px solid #9d4edd4d;border-bottom-right-radius:2px}.chat-message.assistant .message-content{border:1px solid var(--border-color);color:var(--text-main);background:#111827cc;border-bottom-left-radius:2px}.chat-input-form{border-top:1px solid var(--border-color);background:#0d111a4d;flex-shrink:0;gap:12px;padding:16px;display:flex}.chat-input{border:1px solid var(--border-color);color:var(--text-bright);background:#0a0d14cc;border-radius:8px;outline:none;flex:1;padding:12px 16px;font-size:14px;transition:all .2s}.chat-input:focus{border-color:var(--neon-purple);box-shadow:0 0 10px #9d4edd26}.send-btn{background:var(--neon-purple);color:var(--text-bright);cursor:pointer;border:none;border-radius:8px;padding:0 20px;font-size:14px;font-weight:600;transition:all .2s}.send-btn:hover:not(:disabled){opacity:.9;box-shadow:var(--glow-purple)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.terminal-container{background:var(--bg-dark);flex-direction:column;height:100%;display:flex;overflow:hidden}.terminal-badge{letter-spacing:.5px;color:var(--text-bright);align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}@keyframes pulse-glow{0%{opacity:.8;transform:scale(.92);box-shadow:0 0 6px}50%{opacity:1;transform:scale(1.08);box-shadow:0 0 16px}to{opacity:.8;transform:scale(.92);box-shadow:0 0 6px}}.badge-dot{border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-glow}.reconnect-btn{color:var(--neon-red);cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:500;transition:all .2s}.reconnect-btn:hover{border-color:var(--neon-red);background:#ef444433}.terminal-body{background:#0a0d14;flex:1;padding:16px 0;overflow:hidden}.xterm{height:100%;margin:0 16px;padding:8px 0;width:calc(100% - 32px)!important}.xterm-viewport{overflow-y:auto}.mobile-nav{-webkit-backdrop-filter:blur(20px);z-index:100;background:#0a0d14d9;border-top:1px solid #ffffff0d;justify-content:space-around;align-items:center;width:100vw;height:64px;display:none;position:fixed;bottom:0;left:0;box-shadow:0 -10px 30px #0006}.nav-item{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.nav-item.active{color:var(--neon-cyan)}.nav-item.active:after{content:"";background:linear-gradient(90deg, var(--neon-cyan), var(--neon-purple));width:36px;height:3px;box-shadow:var(--glow-cyan);border-radius:0 0 4px 4px;position:absolute;top:0}.nav-icon{width:22px;height:22px;transition:transform .2s}.nav-item:active .nav-icon{transform:scale(.85)}.nav-item span{letter-spacing:.5px;font-size:11px;font-weight:500}@media (width<=1024px){.app-body{grid-template-columns:1fr;height:calc(100vh - 120px)}.panel-wrapper{width:100%;height:100%}.active-mobile{display:flex!important}.hidden-mobile{display:none!important}.mobile-nav{display:flex}.terminal-body{padding:16px 0}}