@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-app: #0f172a;--bg-sidebar: rgba(15, 23, 42, .95);--bg-panel: rgba(30, 41, 59, .7);--bg-hover: rgba(51, 65, 85, .5);--bg-message-user: #3b82f6;--bg-message-bot: rgba(30, 41, 59, .8);--bg-input: rgba(30, 41, 59, .6);--text-main: #f8fafc;--text-muted: #94a3b8;--text-blue: #60a5fa;--border-color: rgba(51, 65, 85, .6);--accent: #3b82f6;--accent-hover: #2563eb;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-glow: 0 0 15px rgba(59, 130, 246, .4)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;color:var(--text-main);background-color:var(--bg-app);overflow:hidden;-webkit-font-smoothing:antialiased}#root{display:flex;width:100vw;height:100vh}.glass{background:var(--bg-panel);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b866}.app-container{display:flex;height:100vh;width:100%;position:relative}.workspace-bar{width:72px;background:#090e17;border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;align-items:center;padding:16px 0;gap:16px;z-index:50;flex-shrink:0;transition:width .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.workspace-bar:hover{width:240px;align-items:flex-start;padding:16px}.workspace-icon{width:48px;height:48px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;transition:all .2s ease;position:relative;flex-shrink:0}.ws-initial{font-size:1.2rem;font-weight:700}.ws-name{opacity:0;white-space:nowrap;margin-left:12px;font-weight:500;max-width:0;overflow:hidden;transition:all .3s ease;color:var(--text-main)}.workspace-bar:hover .workspace-icon{width:100%;justify-content:flex-start;padding-left:14px}.workspace-bar:hover .ws-name{opacity:1;max-width:150px}.workspace-icon:hover{background:#ffffff1a;color:var(--text-main);border-radius:8px}.workspace-icon.active{background:var(--accent);color:#fff;border-color:var(--accent-hover);border-radius:8px;box-shadow:var(--shadow-glow)}.sidebar-gauge-item{display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease}.workspace-bar:not(:hover) .sidebar-gauge-item .ws-name{display:none}.workspace-bar:hover .sidebar-gauge-item .ws-name{opacity:1;max-width:100%;margin-left:0;margin-top:-10px}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:56px;background:var(--bg-sidebar);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;align-items:center;padding:0 16px;border-bottom:1px solid var(--border-color)}.mobile-header button{background:none;border:none;color:var(--text-main);cursor:pointer;padding:8px;border-radius:6px}.mobile-header span{font-weight:600;margin-left:12px}.mobile-backdrop{display:none;position:fixed;inset:0;background:#00000080;z-index:30}.sidebar{width:260px;flex-shrink:0;background:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;z-index:40;transition:transform .3s ease}.sidebar-header{padding:16px;border-bottom:1px solid var(--border-color)}.logo-area{display:flex;align-items:center;gap:12px;margin-bottom:24px}.logo-icon{width:32px;height:32px;background:var(--accent);border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-glow)}.logo-text{font-size:20px;font-weight:700;background:linear-gradient(to right,#60a5fa,#818cf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.btn-new-chat{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:#fff;border:none;border-radius:8px;padding:10px 16px;cursor:pointer;font-weight:500;font-size:14px;transition:all .2s ease}.btn-new-chat:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.sidebar-content{flex:1;overflow-y:auto;padding:12px}.sidebar-title{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:16px 12px 8px}.channels-section{margin-bottom:16px}.channel-item{width:100%;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;color:var(--text-muted);cursor:pointer;transition:all .2s ease;font-weight:500;font-size:14px;margin-bottom:2px}.channel-item:hover{background:#ffffff0d;color:var(--text-main)}.channel-item.active{background:#ffffff1a;color:#fff}.chat-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text-muted);cursor:pointer;text-align:left;transition:all .2s ease;margin-bottom:4px;margin-left:12px;width:calc(100% - 12px)}.chat-item:hover{background:var(--bg-hover);color:var(--text-main)}.chat-item.active{background:#1e293b;color:var(--text-blue);border-color:var(--border-color)}.chat-item-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;font-weight:500}.chat-item-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.chat-item:hover .chat-item-actions,.chat-item.active .chat-item-actions{opacity:1}.btn-action{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-action:hover{background:#ffffff1a}.btn-action.edit:hover{color:var(--text-blue)}.btn-action.delete:hover{color:var(--error)}.rename-chat-wrapper{flex:1;display:flex;align-items:center;gap:4px}.rename-chat-input{flex:1;background:#0003;border:1px solid var(--border-color);color:var(--text-main);border-radius:4px;padding:4px 8px;font-size:14px;outline:none}.rename-chat-input:focus{border-color:var(--accent)}.btn-save,.btn-cancel{background:transparent;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-save{color:#4ade80}.btn-save:hover{background:#4ade801a}.btn-cancel{color:var(--error)}.btn-cancel:hover{background:#f871711a}.sidebar-footer{padding:16px;border-top:1px solid var(--border-color);background:#0f172a66}.btn-settings-vup{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--bg-hover);color:var(--text-main);border:1px solid var(--border-color);border-radius:12px;padding:12px 16px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}.btn-settings-vup:hover{background:var(--bg-message-bot);border-color:var(--text-blue);color:var(--text-blue);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f633}.btn-settings-vup svg{transition:transform .5s ease}.btn-settings-vup:hover svg{transform:rotate(90deg)}.main-area{flex:1;display:flex;flex-direction:column;background:linear-gradient(135deg,#0f172a,#1e293b);position:relative}.chat-header{height:64px;display:flex;align-items:center;padding:0 24px;border-bottom:1px solid var(--border-color);background:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chat-header h2{font-size:16px;font-weight:600}.messages-list{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px}.message-row{display:flex;gap:16px;max-width:800px;margin:0 auto;width:100%}.message-row.user{flex-direction:row-reverse}.avatar{flex-shrink:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.avatar.user{background:var(--accent);box-shadow:0 4px 10px #3b82f64d}.avatar.bot{background:#334155;border:1px solid var(--border-color)}.message-content-wrapper{max-width:80%;display:flex;flex-direction:column}.message-row.user .message-content-wrapper{align-items:flex-end}.message-meta{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-size:12px}.message-meta .name{font-weight:500;color:var(--text-main)}.message-meta .time{color:var(--text-muted)}.message-bubble{padding:12px 18px;border-radius:16px;font-size:15px;line-height:1.6}.message-row.user .message-bubble{background:var(--bg-message-user);color:#fff;border-top-right-radius:4px}.message-row.bot .message-bubble{background:var(--bg-message-bot);color:var(--text-main);border-top-left-radius:4px}.message-bubble p{margin-bottom:8px}.message-bubble p:last-child{margin-bottom:0}.message-bubble ul,.message-bubble ol{margin-left:20px;margin-bottom:8px}.message-bubble li{margin-bottom:4px}.message-bubble code{background:#0000004d;padding:2px 4px;border-radius:4px;font-family:Fira Code,monospace;font-size:.9em}.message-bubble pre{background:#0006;padding:12px;border-radius:8px;overflow-x:auto;margin-bottom:8px}.message-bubble strong{color:var(--text-blue);font-weight:600}.chat-input-area{padding:24px}.chat-input-container{max-width:800px;margin:0 auto;position:relative}.chat-input-glow{position:absolute;inset:0;background:#3b82f60d;border-radius:16px;filter:blur(20px);transition:background .3s}.chat-input-container:hover .chat-input-glow{background:#3b82f61a}.chat-input-box{position:relative;display:flex;align-items:flex-end;gap:8px;background:var(--bg-input);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:16px;padding:8px;box-shadow:var(--shadow-lg);transition:all .3s}.chat-input-box:focus-within{border-color:#3b82f680;box-shadow:0 0 0 1px #3b82f680}.input-icon{padding:8px;margin-bottom:4px;margin-left:4px;color:var(--text-muted)}.chat-input-box textarea{flex:1;background:transparent;border:none;color:var(--text-main);resize:none;outline:none;padding:12px 8px;font-family:inherit;font-size:15px;line-height:1.5;min-height:48px;max-height:200px}.chat-input-box textarea::placeholder{color:var(--text-muted)}.btn-send{flex-shrink:0;padding:10px;margin-bottom:4px;margin-right:4px;background:var(--accent);color:#fff;border:none;border-radius:10px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-send:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-send:disabled{background:#334155;color:var(--text-muted);cursor:not-allowed}.btn-media{flex-shrink:0;padding:10px;margin-bottom:4px;background:transparent;color:var(--text-muted);border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.btn-media:hover{background:#ffffff1a;color:var(--text-main)}.btn-media.mic:hover{color:#fca5a5;background:#f871711a}.input-hints{text-align:center;margin-top:12px;font-size:11px;color:var(--text-muted)}.input-hints kbd{background:#1e293b;border:1px solid var(--border-color);padding:2px 6px;border-radius:4px;font-family:inherit;margin:0 4px}.hologram-overlay{position:absolute;inset:0;background:#0f172ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;display:flex;align-items:center;justify-content:center;animation:fade-in .3s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.hologram-container{position:relative;width:400px;height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;perspective:1000px}.tech-ring{position:absolute;bottom:10%;border-radius:50%;border:2px solid rgba(59,130,246,.4);transform:rotateX(75deg);box-shadow:0 0 15px #3b82f633,inset 0 0 10px #3b82f61a}.ring-1{width:300px;height:300px;animation:spin 10s linear infinite;border-top-color:transparent}.ring-2{width:200px;height:200px;animation:spin 7s linear infinite reverse;border-left-color:transparent;border-right-color:transparent}.ring-3{width:100px;height:100px;background:radial-gradient(circle,rgba(59,130,246,.3) 0%,transparent 70%);animation:pulse-ring 2s ease-in-out infinite;box-shadow:0 0 30px #3b82f699}@keyframes spin{0%{transform:rotateX(75deg) rotate(0)}to{transform:rotateX(75deg) rotate(360deg)}}@keyframes pulse-ring{0%,to{opacity:.8;box-shadow:0 0 20px #3b82f666}50%{opacity:1;box-shadow:0 0 40px #3b82f6cc}}.content-container{position:relative;transform:translateY(-40px);animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(-40px)}50%{transform:translateY(-55px)}}.content-container:after{content:"";position:absolute;inset:-10px;background:linear-gradient(to bottom,transparent,rgba(59,130,246,.2),transparent);animation:hologram-scan 2s linear infinite;filter:blur(4px);z-index:-1}@keyframes hologram-scan{0%{transform:translateY(-50%);opacity:0}50%{opacity:1}to{transform:translateY(100%);opacity:0}}.brain-image-hologram{width:250px;height:250px;object-fit:contain;animation:hologram-img-flicker 4s infinite alternate}@keyframes hologram-img-flicker{0%,19%,21%,to{opacity:1}20%{opacity:.5}}.hologram-status-box{position:absolute;bottom:2%;padding:14px 22px;background:#0000008c;border-left:3px solid #60a5fa;border-radius:6px;font-family:Courier New,Courier,monospace;text-align:left;min-width:280px;max-width:400px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade-in .3s ease-out,statusBoxGlow 3s ease-in-out infinite;box-shadow:0 0 20px #3b82f626,inset 0 0 30px #3b82f60d}@keyframes statusBoxGlow{0%,to{box-shadow:0 0 20px #3b82f626,inset 0 0 30px #3b82f60d;border-left-color:#60a5fa}50%{box-shadow:0 0 30px #3b82f64d,inset 0 0 40px #3b82f61a;border-left-color:#93c5fd}}.status-title{font-size:.65rem;color:#60a5fa;letter-spacing:3px;font-weight:700;margin-bottom:8px;text-transform:uppercase;text-shadow:0 0 8px rgba(59,130,246,.6)}.status-detail{font-size:.85rem;color:#e2e8f0;line-height:1.4;text-shadow:0 0 5px rgba(59,130,246,.3);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.terminal-prompt{color:#60a5fa;font-weight:700;animation:blink 1s step-end infinite;margin-right:4px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:16px;padding:24px;width:90%;max-width:400px;display:flex;flex-direction:column;gap:16px;box-shadow:0 10px 30px #00000080}.modal-content h3{margin:0;color:var(--text-main);font-size:1.25rem}.modal-input{background:#0003;border:1px solid var(--border-color);border-radius:8px;padding:12px;color:var(--text-main);font-size:1rem;font-family:inherit}.modal-input:focus{outline:none;border-color:var(--primary-color)}.modal-input.textarea{resize:vertical;min-height:80px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.btn-cancel{background:transparent;border:1px solid var(--border-color);color:var(--text-muted);padding:8px 16px;border-radius:8px;cursor:pointer;transition:all .2s}.btn-cancel:hover{color:var(--text-main);background:#ffffff0d}.image-preview-bar{display:flex;align-items:center;gap:12px;padding:8px 16px;background:#0000004d;border:1px solid var(--border-color);border-radius:12px 12px 0 0;border-bottom:none;margin-bottom:-1px}.image-preview-thumb{width:48px;height:48px;border-radius:8px;object-fit:cover;border:1px solid var(--border-color)}.image-preview-name{flex:1;color:var(--text-muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-cancel-preview{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:50%;transition:all .2s}.btn-cancel-preview:hover{color:#ef4444;background:#ef444426}.recording-mode{background:#ef444414!important;border-color:#ef44444d!important}.recording-indicator{display:flex;align-items:center;gap:10px;flex:1;padding-left:16px}.recording-dot{width:12px;height:12px;background:#ef4444;border-radius:50%;animation:pulse-recording 1s ease-in-out infinite}@keyframes pulse-recording{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.recording-timer{color:#ef4444;font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:600}.live-transcript{color:var(--text-muted);font-size:13px;font-style:italic;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:8px}.cancel-rec{color:var(--text-muted)!important}.cancel-rec:hover{color:#fff!important;background:#ffffff1a}.recording-send{background:#ef4444!important}.recording-send:hover{background:#dc2626!important}.media-content{margin-bottom:8px}.message-image{max-width:320px;max-height:280px;border-radius:10px;cursor:pointer;transition:all .2s;display:block}.message-image:hover{transform:scale(1.02);box-shadow:0 4px 15px #0000004d}.message-audio{width:100%;max-width:320px;height:40px;border-radius:8px;outline:none}.btn-delete-workspace{position:absolute;top:0;right:-8px;background:var(--danger-color, #ef4444);color:#fff;border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:scale(.8);transition:all .2s}.workspace-icon.add{background:#ffffff0d;border:1px dashed var(--border-color);color:var(--text-muted)}.workspace-icon.add:hover{background:#ffffff1a;color:var(--text-main);border-color:var(--text-muted)}.workspace-bar>div:hover .btn-delete-workspace{opacity:1;transform:scale(1)}.btn-delete-workspace:hover{background:#dc2626;transform:scale(1.1)!important}.btn-action.delete:hover{color:var(--danger-color, #ef4444);background:#ef44441a}.error-popup-overlay{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:2000;pointer-events:none}.error-popup{pointer-events:auto;display:flex;align-items:center;gap:16px;padding:16px 24px;min-width:320px;max-width:500px;background:#0f172acc;border:1px solid rgba(239,68,68,.3);border-left:4px solid #ef4444;border-radius:12px;box-shadow:0 10px 25px -5px #00000080,0 0 20px #ef44441a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:slide-down-fade .4s cubic-bezier(.16,1,.3,1)}@keyframes slide-down-fade{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.error-popup-icon{font-size:24px;flex-shrink:0}.error-popup-content{flex:1}.error-popup-title{color:#ef4444;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:1px;margin-bottom:2px}.error-popup-message{color:var(--text-main);font-size:14px;line-height:1.4}.error-popup-close{background:transparent;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;padding:4px;margin-right:-8px;transition:color .2s}.error-popup-close:hover{color:#fff}.settings-container{height:100%;display:flex;flex-direction:column;background:var(--bg-dark);padding:32px;overflow-y:auto}.settings-header{display:flex;align-items:center;gap:20px;margin-bottom:40px}.settings-header h1{font-size:24px;font-weight:700;flex:1}.btn-save{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-save:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2563eb66}.settings-content{display:grid;grid-template-columns:1fr 350px;gap:32px;max-width:1200px}.settings-section{display:flex;flex-direction:column;gap:24px}.section-header{display:flex;align-items:center;justify-content:space-between}.section-title{display:flex;align-items:center;gap:12px}.section-title h2{font-size:18px;font-weight:600}.btn-add{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#ffffff0d;border:1px solid var(--border-color);border-radius:6px;font-size:14px;cursor:pointer;transition:background .2s}.btn-add:hover{background:#ffffff1a}.accounts-list{display:flex;flex-direction:column;gap:16px}.account-card{padding:20px;border-radius:12px;position:relative}.primary-border{border:1.5px solid var(--primary-color)!important;box-shadow:0 0 15px #2563eb26}.account-card-header{display:flex;justify-content:space-between;margin-bottom:20px}.account-info{display:flex;align-items:center;gap:10px}.status-indicator{width:10px;height:10px;border-radius:50%}.status-indicator.active{background:#10b981;box-shadow:0 0 10px #10b981}.status-indicator.cooldown{background:#f59e0b;box-shadow:0 0 10px #f59e0b}.status-indicator.error{background:#ef4444;box-shadow:0 0 10px #ef4444}.account-actions .delete:hover{color:#ef4444;background:#ef44441a}.account-body{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:12px;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.form-group input{background:#0003;border:1px solid var(--border-color);padding:10px 14px;border-radius:8px;color:#fff;font-size:14px}.form-group input:focus{border-color:var(--primary-color);outline:none}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:16px;border-top:1px solid rgba(255,255,255,.05)}.toggles{display:flex;gap:20px}.toggle-label{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.account-status-text{font-size:13px;display:flex;align-items:center;gap:6px}.server-config-card{padding:24px;border-radius:12px;display:flex;flex-direction:column;gap:20px}.readonly-input{background:#ffffff08!important;color:var(--text-muted)!important;cursor:default}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;background:#ffffff05;border:2px dashed rgba(255,255,255,.1);border-radius:16px;color:var(--text-muted);gap:16px}@media(max-width:1024px){.settings-content{grid-template-columns:1fr}}@media(max-width:768px){.settings-container{padding:20px}}.vps-status-row{display:flex;align-items:center;padding:10px 14px;border-radius:8px;background:#ffffff0a;font-size:13px;font-weight:500}.text-success{color:#10b981;display:flex;align-items:center}.text-warning{color:#f59e0b;display:flex;align-items:center}.text-danger{color:#ef4444;display:flex;align-items:center}.text-muted{color:var(--text-muted)}.text-blue{color:var(--text-blue)}.text-purple{color:#a855f7}.note{font-size:12px;margin:0;line-height:1.5}.btn-link{background:none;border:none;color:var(--text-blue);cursor:pointer;font-size:14px;text-decoration:underline}.btn-link:hover{opacity:.8}.icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;border:1px solid var(--border-color);background:#ffffff0a;color:var(--text-muted);cursor:pointer;transition:all .2s}.icon-btn:hover{background:#ffffff1a;color:#fff}.icon-btn.delete{border-color:transparent}.icon-btn.delete:hover{background:#ef44441f;color:#ef4444;border-color:#ef444433}@media(max-width:768px){.error-popup-overlay{top:auto;bottom:80px;width:90%}.error-popup{min-width:0}.mobile-header{display:flex}.workspace-bar{position:fixed;top:56px;bottom:0;left:0;width:72px!important;height:auto;flex-direction:column;padding:16px 0;border-right:1px solid var(--border-color);border-top:none;background:#090e17;z-index:50;overflow-y:auto;overflow-x:hidden;align-items:center;justify-content:flex-start;transform:translate(-100%);transition:transform .3s ease}.workspace-bar.open{transform:translate(0)}.workspace-bar:hover{padding:16px;align-items:flex-start}.workspace-bar:hover .workspace-icon{width:100%;justify-content:flex-start;padding-left:14px}.workspace-bar .ws-name{display:none}.workspace-icon{width:48px;height:48px;flex-shrink:0}.btn-delete-workspace{top:-4px;right:-4px;opacity:1;transform:scale(.9)}.main-area{padding-top:56px;padding-bottom:0}.sidebar{position:fixed;top:56px;bottom:0;left:72px;width:calc(100% - 72px);max-width:300px;transform:translate(-150vw);z-index:45}.sidebar.open{transform:translate(0)}.mobile-backdrop.open{display:block;top:56px;bottom:0}.input-icon{display:none}.chat-input-area{padding:16px}.modal-content{padding:16px;gap:12px}.chat-header{padding:0 16px}.message-row{padding:0 4px;gap:8px}.message-bubble{font-size:14px;padding:10px 14px}.message-image,.message-audio{max-width:100%}.chat-selectors-bar{flex-wrap:wrap;gap:6px}}.task-monitor-panel{position:absolute;top:60px;left:60px;width:340px;max-height:calc(100vh - 80px);display:flex;flex-direction:column;z-index:1000;border-radius:16px;border:1px solid var(--border);box-shadow:0 8px 32px #00000080;overflow:hidden;animation:slideInLeft .3s ease forwards}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.task-monitor-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border);background:#141419e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.task-monitor-content{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:20px;background:var(--bg-main)}.task-section .section-title{display:flex;align-items:center;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);margin:0 0 12px;font-weight:700}.task-list{display:flex;flex-direction:column;gap:10px}.task-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:14px;transition:all .2s cubic-bezier(.4,0,.2,1)}.task-card:hover{border-color:var(--accent);box-shadow:0 4px 12px #3b82f61a}.task-card.active-task{background:#3b82f60d;border-color:#3b82f64d;position:relative;overflow:hidden}.task-card.active-task:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--accent)}.task-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.task-label{font-weight:600;color:var(--text-main);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-current-action{display:flex;align-items:center;gap:8px;padding:8px;background:#0000004d;border-radius:8px;margin-top:8px}.status-badge{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.02em}.status-badge.processing{background:#3b82f633;color:#60a5fa}.status-badge.completed{background:#22c55e26;color:#4ade80}.status-badge.failed{background:#ef444426;color:#f87171}.status-badge.idle{background:var(--bg-highlight);color:var(--text-tertiary)}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:30px 20px;color:var(--text-tertiary);font-size:12px;background:var(--bg-card);border-radius:12px;border:1px dashed var(--border)}.pulse{animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%{filter:drop-shadow(0 0 2px var(--accent));opacity:1}50%{filter:drop-shadow(0 0 8px var(--accent));opacity:.7}to{filter:drop-shadow(0 0 2px var(--accent));opacity:1}}@media(max-width:768px){.task-monitor-panel{inset:auto 0 0;width:100%;height:70vh;border-radius:24px 24px 0 0;animation:slideUpTask .4s cubic-bezier(.16,1,.3,1)}}@keyframes slideUpTask{0%{transform:translateY(100%)}to{transform:translateY(0)}}.connection-status{display:flex;align-items:center;gap:8px;padding:4px 12px;background:#1e293b80;border:1px solid var(--border-color);border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.05em;color:var(--text-muted);transition:all .3s ease;-webkit-user-select:none;user-select:none}.status-dot{width:8px;height:8px;border-radius:50%;background:#64748b;position:relative}.status-dot.active{background:#22c55e;box-shadow:0 0 8px #22c55e99;animation:pulse-green 2s infinite}.status-dot.active:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid #22c55e;opacity:0;animation:ripple 2s infinite}.status-dot.inactive{background:#ef4444;box-shadow:0 0 8px #ef444466}.connection-status:has(.status-dot.active){color:#4ade80;border-color:#22c55e4d;background:#22c55e0d}@keyframes pulse-green{0%{transform:scale(1);box-shadow:0 0 #22c55eb3}70%{transform:scale(1.1);box-shadow:0 0 0 6px #22c55e00}to{transform:scale(1);box-shadow:0 0 #22c55e00}}@keyframes ripple{0%{transform:scale(.5);opacity:1}to{transform:scale(2.5);opacity:0}}.chat-selectors-bar{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding:0 4px}.selector-wrapper{position:relative}.btn-selector{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;font-size:12px;font-weight:500;color:var(--text-main);cursor:pointer;transition:all .2s ease}.btn-selector:hover{background:var(--bg-hover);border-color:var(--text-muted)}.selector-dropdown{position:absolute;bottom:calc(100% + 4px);left:0;width:240px;background:#0f172af2;border:1px solid var(--border-color);border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:4px;z-index:100;box-shadow:0 10px 25px #00000080}.model-dropdown{width:220px}.dropdown-header{font-size:10px;font-weight:600;text-transform:uppercase;color:var(--text-tertiary);padding:4px 8px;margin-bottom:4px}.dropdown-item{display:flex;flex-direction:column;align-items:flex-start;padding:8px 10px;background:transparent;border:none;border-radius:8px;color:var(--text-main);cursor:pointer;text-align:left;transition:background .2s}.dropdown-item:hover{background:var(--bg-highlight)}.dropdown-item.active{background:#3b82f61a}.dropdown-item-header{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:13px;font-weight:500}.dropdown-item-desc{font-size:11px;color:var(--text-muted);margin-top:4px}