.login-container{display:flex;align-items:center;justify-content:center;height:100vh;padding:1rem}.login-card{background:#1a1b23;border:1px solid #2a2b35;border-radius:12px;padding:2.5rem;width:100%;max-width:400px}.login-logo-container{display:flex;justify-content:center;margin-bottom:1.5rem}.login-brand-logo{height:52px;width:auto;object-fit:contain}.login-card h1{font-size:1.5rem;margin-bottom:.25rem}.login-card .subtitle{color:#71717a;margin-bottom:1.5rem;font-size:.875rem}.login-card form{display:flex;flex-direction:column;gap:.75rem}.login-card input{background:#0f1117;border:1px solid #2a2b35;border-radius:8px;padding:.75rem 1rem;color:#e4e4e7;font-size:.875rem;outline:none;transition:border-color .2s}.login-card input:focus{border-color:#6366f1}.login-card button[type=submit]{background:#6366f1;color:#fff;border:none;border-radius:8px;padding:.75rem;font-size:.875rem;font-weight:500;cursor:pointer;margin-top:.5rem}.login-card button[type=submit]:hover{background:#4f46e5}.login-card button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.switch-mode{text-align:center;color:#71717a;font-size:.8rem;margin-top:.5rem}.switch-mode button{background:none;border:none;color:#6366f1;cursor:pointer;font-size:.8rem}.confirm-text{color:#a1a1aa;font-size:.85rem;text-align:center}.error-msg{background:#371520;border:1px solid #5c1d33;color:#f87171;border-radius:8px;padding:.6rem .8rem;font-size:.8rem;margin-bottom:.75rem}.app-layout{display:flex;height:100vh;width:100vw;overflow:hidden;background:#0f1117}.chat-sidebar{width:280px;background:#14151c;border-right:1px solid #232530;display:flex;flex-direction:column;transition:all .25s ease-in-out;z-index:20}.sidebar-collapsed .chat-sidebar{width:0;min-width:0;padding:0;border-right:none;visibility:hidden;overflow:hidden}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.2rem;border-bottom:1px solid #232530}.brand-badge{display:flex;align-items:center;gap:.6rem}.brand-icon{font-size:1.3rem;background:#6366f126;border-radius:8px;padding:.25rem .4rem}.brand-logo-icon{width:32px;height:32px;border-radius:6px;object-fit:contain}.brand-text h2{font-size:.95rem;font-weight:700;color:#f4f4f5;margin:0;line-height:1.2}.brand-text span{font-size:.7rem;color:#818cf8;text-transform:uppercase;letter-spacing:.05em}.sidebar-toggle-btn{background:transparent;border:none;color:#71717a;cursor:pointer;padding:.3rem;border-radius:4px;font-size:.75rem}.sidebar-toggle-btn:hover{background:#232530;color:#fff}.sidebar-actions{padding:.9rem 1rem .5rem}.btn-new-chat{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;background:#6366f1;color:#fff;border:none;border-radius:8px;padding:.65rem 1rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-new-chat:hover{background:#4f46e5;transform:translateY(-1px)}.plus-icon{font-size:1.1rem;font-weight:700}.sidebar-history{flex:1;overflow-y:auto;padding:.5rem .75rem}.history-label{font-size:.7rem;font-weight:600;color:#71717a;text-transform:uppercase;letter-spacing:.05em;padding:.5rem .5rem .25rem}.history-empty{font-size:.8rem;color:#52525b;text-align:center;padding:2rem .5rem}.history-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem}.history-item{display:flex;align-items:center;gap:.5rem;padding:.55rem .65rem;border-radius:6px;cursor:pointer;transition:background .15s ease;color:#a1a1aa}.history-item:hover{background:#1e2029;color:#f4f4f5}.history-item.active{background:#6366f11f;border:1px solid rgba(99,102,241,.3);color:#818cf8}.history-icon{font-size:.85rem}.history-info{flex:1;overflow:hidden;display:flex;flex-direction:column}.history-title{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.history-date{font-size:.65rem;color:#52525b}.history-delete-btn{background:none;border:none;color:#52525b;font-size:1rem;cursor:pointer;padding:0 .2rem;opacity:0;transition:opacity .15s}.history-item:hover .history-delete-btn{opacity:1}.history-delete-btn:hover{color:#f87171}.sidebar-profile{padding:.9rem;border-top:1px solid #232530;background:#111217}.profile-card{display:flex;align-items:center;gap:.65rem;margin-bottom:.5rem}.avatar-circle{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;letter-spacing:.05em}.profile-details{display:flex;flex-direction:column;overflow:hidden}.profile-name{font-size:.8rem;font-weight:600;color:#e4e4e7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-role{font-size:.65rem;color:#71717a}.profile-meta{display:flex;align-items:center;justify-content:space-between;margin-top:.25rem}.region-tag{font-size:.65rem;color:#4ade80;background:#4ade801a;padding:.15rem .4rem;border-radius:4px}.btn-logout{background:transparent;border:1px solid #2a2b35;color:#a1a1aa;font-size:.7rem;padding:.2rem .55rem;border-radius:4px;cursor:pointer;transition:all .2s}.btn-logout:hover{background:#371520;color:#f87171;border-color:#5c1d33}.chat-main{flex:1;display:flex;flex-direction:column;height:100vh;overflow:hidden;background:#0f1117}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.5rem;border-bottom:1px solid #232530;background:#14151c}.btn-open-sidebar{background:#232530;border:1px solid #2e303e;color:#e4e4e7;border-radius:6px;padding:.35rem .6rem;font-size:.9rem;cursor:pointer;margin-right:.5rem}.btn-open-sidebar:hover{background:#2a2d3c}.header-left{display:flex;align-items:center;gap:.75rem}.header-left h1{font-size:1rem;font-weight:600;color:#f4f4f5;margin:0}.session-badge{background:#1e2029;color:#71717a;font-size:.7rem;padding:.2rem .5rem;border-radius:4px}.session-badge.active{background:#4ade801f;color:#4ade80}.header-right{display:flex;align-items:center;gap:.75rem}.suggested-queries{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.25rem;max-width:600px}.query-pill{background:#1a1b23;border:1px solid #2a2b35;color:#d4d4d8;font-size:.8rem;padding:.45rem .85rem;border-radius:9999px;cursor:pointer;transition:all .2s ease}.query-pill:hover{background:#272835;border-color:#6366f1;color:#fff;transform:translateY(-1px)}.messages-area{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;color:#71717a}.empty-logo-wrapper{display:flex;justify-content:center;margin-bottom:1rem}.empty-state-logo{height:52px;width:auto;object-fit:contain}.empty-state h2{font-size:1.25rem;color:#a1a1aa;margin-bottom:.5rem}.empty-state p{max-width:400px;font-size:.875rem}.message{max-width:80%}.message.user{align-self:flex-end}.message.assistant{align-self:flex-start}.message-content{padding:.75rem 1rem;border-radius:12px;font-size:.875rem;line-height:1.5;white-space:pre-wrap}.message.user .message-content{background:#6366f1;color:#fff;border-bottom-right-radius:4px}.message.assistant .message-content{background:#1a1b23;border:1px solid #2a2b35;border-bottom-left-radius:4px}.message-time{display:block;font-size:.65rem;color:#52525b;margin-top:.25rem;padding:0 .25rem}.message.user .message-time{text-align:right}.thinking{display:flex;align-items:center;gap:.75rem;color:#71717a;font-size:.8rem;padding:.5rem 0}.thinking-dots span{display:inline-block;width:6px;height:6px;background:#6366f1;border-radius:50%;animation:bounce 1.4s infinite ease-in-out}.thinking-dots span:nth-child(2){animation-delay:.16s}.thinking-dots span:nth-child(3){animation-delay:.32s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.input-area{display:flex;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #2a2b35;background:#1a1b23}.input-area input{flex:1;background:#0f1117;border:1px solid #2a2b35;border-radius:8px;padding:.75rem 1rem;color:#e4e4e7;font-size:.875rem;outline:none}.input-area input:focus{border-color:#6366f1}.input-area button{background:#6366f1;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:500;cursor:pointer}.input-area button:hover{background:#4f46e5}.input-area button:disabled{opacity:.5;cursor:not-allowed}.loading{display:flex;align-items:center;justify-content:center;height:100vh;color:#71717a}.markdown-content h1,.markdown-content h2,.markdown-content h3{margin-top:.75rem;margin-bottom:.4rem;font-weight:600}.markdown-content h1{font-size:1.1rem}.markdown-content h2{font-size:1rem}.markdown-content h3{font-size:.9rem}.markdown-content p{margin-bottom:.5rem}.markdown-content ul,.markdown-content ol{margin:.4rem 0;padding-left:1.25rem}.markdown-content li{margin-bottom:.25rem}.markdown-content code{background:#0f1117;padding:.15rem .4rem;border-radius:4px;font-size:.8rem;font-family:SF Mono,Fira Code,monospace}.markdown-content pre{background:#0f1117;padding:.75rem;border-radius:6px;overflow-x:auto;margin:.5rem 0}.markdown-content pre code{background:none;padding:0}.markdown-content table{border-collapse:collapse;width:100%;margin:.5rem 0;font-size:.8rem}.markdown-content th,.markdown-content td{border:1px solid #2a2b35;padding:.4rem .6rem;text-align:left}.markdown-content th{background:#0f1117;font-weight:600}.markdown-content blockquote{border-left:3px solid #6366f1;padding-left:.75rem;margin:.5rem 0;color:#a1a1aa}.markdown-content hr{border:none;border-top:1px solid #2a2b35;margin:.75rem 0}.markdown-content strong{font-weight:600;color:#f4f4f5}.btn-cancel{background:#371520;border:1px solid #5c1d33;color:#f87171;padding:.3rem .75rem;border-radius:6px;font-size:.75rem;cursor:pointer;margin-left:.5rem}.btn-cancel:hover{background:#4c1d2d}.response-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;padding-bottom:.75rem;margin-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.08)}.response-footer-toolbar{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.08)}.footer-toolbar-label{font-size:.75rem;font-weight:600;color:#71717a;text-transform:uppercase;letter-spacing:.05em}.agent-badge{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#818cf8;background:#6366f11f;border:1px solid rgba(99,102,241,.25);padding:.25rem .6rem;border-radius:9999px;display:inline-flex;align-items:center}.toolbar-actions{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.toolbar-btn{background:#1e2029;border:1px solid #2e303e;color:#d4d4d8;font-size:.75rem;padding:.3rem .65rem;border-radius:6px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.3rem;-webkit-user-select:none;user-select:none}.toolbar-btn:hover{background:#2a2d3c;border-color:#6366f1;color:#fff;transform:translateY(-1px)}.toolbar-btn.copied{background:#064e3b;border-color:#10b981;color:#34d399}.code-block-wrapper{position:relative;margin:.75rem 0;border-radius:8px;overflow:hidden;border:1px solid #2a2b35;background:#0f1117}.code-header{display:flex;justify-content:space-between;align-items:center;background:#181920;padding:.35rem .75rem;border-bottom:1px solid #2a2b35}.code-lang{font-size:.7rem;font-family:monospace;color:#a1a1aa;text-transform:uppercase}.code-copy-btn{background:#27272a;border:1px solid #3f3f46;color:#e4e4e7;font-size:.7rem;padding:.2rem .5rem;border-radius:4px;cursor:pointer;transition:all .2s}.code-copy-btn:hover{background:#3f3f46;border-color:#6366f1}.code-block-wrapper pre{margin:0!important;background:transparent!important}.response-metrics-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.08);font-size:.75rem}.metric-chip{display:inline-flex;align-items:center;gap:.35rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:.25rem .55rem;color:#a1a1aa}.metric-chip.cost-chip{background:#10b98114;border-color:#10b98140;color:#34d399}.metric-chip.cost-chip strong{color:#6ee7b7}.pkr-hint{font-size:.7rem;color:#a7f3d0;opacity:.85}.metric-chip strong{color:#e4e4e7;font-weight:500}.metric-icon{font-size:.85rem}.live-stream-card{background:#151722;border:1px solid #2e334d;border-radius:12px;padding:1.25rem 1.4rem;margin:1rem 0;display:flex;flex-direction:column;gap:1rem;box-shadow:0 4px 20px #00000059;animation:fadeIn .3s ease}.stream-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.stream-title{display:flex;align-items:center;gap:.6rem;font-size:.9rem;color:#f4f4f5}.stream-pulse-dot{width:10px;height:10px;border-radius:50%;background:#10b981;box-shadow:0 0 10px #10b981;animation:pulseGreen 1.5s infinite}@keyframes pulseGreen{0%{transform:scale(.9);opacity:.7}50%{transform:scale(1.3);opacity:1;box-shadow:0 0 14px #34d399}to{transform:scale(.9);opacity:.7}}.stream-timer{display:flex;align-items:center;gap:.75rem;font-size:.8rem;color:#a1a1aa}.stream-current-action{display:flex;align-items:center;gap:.75rem;background:#6366f114;border:1px solid rgba(99,102,241,.25);border-radius:8px;padding:.75rem 1rem}.stream-spinner{width:18px;height:18px;border:2px solid rgba(99,102,241,.3);border-top-color:#818cf8;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.stream-status-text{font-size:.85rem;color:#e0e7ff;font-weight:500;line-height:1.4}.stream-pipeline{display:flex;align-items:center;justify-content:space-between;gap:.4rem;padding:.4rem .2rem;overflow-x:auto}.pipeline-stage{display:flex;align-items:center;gap:.35rem;padding:.35rem .65rem;border-radius:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);font-size:.75rem;color:#71717a;transition:all .3s ease;white-space:nowrap}.pipeline-stage.active{background:#6366f126;border-color:#6366f1;color:#c7d2fe;box-shadow:0 0 10px #6366f140}.pipeline-stage.completed{background:#10b9811f;border-color:#10b981;color:#6ee7b7}.pipeline-connector{flex:1;height:2px;background:#ffffff14;min-width:12px}.trace-toggle-btn{background:#6366f126;border:1px solid rgba(99,102,241,.35);color:#a5b4fc;font-size:.75rem;padding:.2rem .6rem;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem;transition:all .2s}.trace-toggle-btn:hover{background:#6366f147;color:#fff}.react-trace-panel{background:#111218;border:1px solid #232534;border-radius:8px;padding:.85rem 1rem;margin-bottom:1rem;animation:fadeIn .25s ease}.trace-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.06);font-size:.8rem;font-weight:600;color:#d4d4d8}.trace-model-hint{font-size:.7rem;color:#818cf8;font-weight:400}.trace-steps-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.6rem}.trace-step-item{background:#161822;border:1px solid #252838;border-radius:6px;padding:.5rem .7rem;display:flex;flex-direction:column;gap:.25rem}.step-badge{display:flex;align-items:center;gap:.4rem}.step-num{font-size:.7rem;font-weight:700;color:#a1a1aa}.step-type-pill{font-size:.7rem;font-weight:600;padding:.15rem .45rem;border-radius:4px}.step-type-pill.search{background:#38bdf826;color:#38bdf8;border:1px solid rgba(56,189,248,.3)}.step-type-pill.browse{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.step-type-pill.reasoning{background:#a855f726;color:#c084fc;border:1px solid rgba(168,85,247,.3)}.step-query code{background:#0d0e14;color:#93c5fd;font-size:.75rem;padding:.15rem .4rem;border-radius:4px;word-break:break-all}.step-summary{font-size:.75rem;color:#9ca3af;line-height:1.35}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f1117;color:#e4e4e7;height:100vh;overflow:hidden}#root{height:100vh;display:flex;flex-direction:column}