.input-wrapper{position:relative;flex:1}.message-input{width:100%;min-height:40px;max-height:150px;overflow-y:auto;padding:10px 12px;border:1px solid #e0e0e0;border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:20px;outline:none;background-color:#fff;white-space:pre-wrap;word-wrap:break-word}.message-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.message-input:empty:before{content:attr(data-placeholder);color:#9ca3af;pointer-events:none}.mention-chip{display:inline-flex;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2px 8px;border-radius:12px;font-size:13px;font-weight:500;margin:0 2px;cursor:default;-webkit-user-select:none;user-select:none;white-space:nowrap;vertical-align:middle;box-shadow:0 1px 3px #0000001f;transition:all .2s ease}.mention-chip:hover{background:linear-gradient(135deg,#5a67d8,#6b3fa0);box-shadow:0 2px 4px #00000029}.mention-chip::selection{background:transparent}.mention-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #0000001a;max-height:300px;overflow-y:auto;z-index:1000;min-width:250px;padding:4px 0}.mention-option{display:flex;align-items:center;padding:8px 12px;cursor:pointer;transition:background-color .15s ease;gap:10px}.mention-option:hover,.mention-option.selected{background-color:#f3f4f6}.mention-option.selected{background-color:#e0e7ff}.mention-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:12px;flex-shrink:0}.mention-name{font-size:14px;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mention-role{font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.input-controls{display:flex;align-items:center;gap:8px;padding:12px;background-color:#f9fafb;border-top:1px solid #e5e7eb}.input-action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:#6b7280;border-radius:6px;cursor:pointer;transition:all .2s ease}.input-action-btn:hover{background-color:#e5e7eb;color:#374151}.input-action-btn.recording{color:#ef4444;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.send-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.send-btn:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8,#6b3fa0);box-shadow:0 4px 12px #667eea66}.send-btn:disabled{opacity:.5;cursor:not-allowed}.recording-indicator{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:#fef2f2;border-left:3px solid #ef4444;color:#991b1b;font-size:14px;margin-bottom:8px}.recording-icon{color:#ef4444;animation:pulse 1.5s ease-in-out infinite}.attachment-previews{display:flex;flex-wrap:wrap;gap:8px;padding:12px;background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.quick-actions{display:flex;flex-wrap:wrap;gap:8px;padding:12px;background-color:#fff;border-top:1px solid #e5e7eb}.message-input::-webkit-scrollbar{width:6px}.message-input::-webkit-scrollbar-track{background:transparent}.message-input::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.message-input::-webkit-scrollbar-thumb:hover{background:#9ca3af}.mention-dropdown::-webkit-scrollbar{width:6px}.mention-dropdown::-webkit-scrollbar-track{background:transparent}.mention-dropdown::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.mention-dropdown::-webkit-scrollbar-thumb:hover{background:#9ca3af}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:1.5rem;overflow:auto}.login-background{position:fixed;inset:0;overflow:hidden;z-index:0;pointer-events:none;background:linear-gradient(135deg,#f8fafc,#f1f5f9,#e2e8f0);animation:backgroundGradient 15s ease infinite}@keyframes backgroundGradient{0%,to{background:linear-gradient(135deg,#f8fafc,#f1f5f9,#e2e8f0)}50%{background:linear-gradient(135deg,#f1f5f9,#e2e8f0,#cbd5e1)}}.login-background-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(30,64,175,.08) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(30,64,175,.08) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(30,64,175,.04) 0%,transparent 60%);opacity:1;animation:patternPulse 8s ease-in-out infinite}@keyframes patternPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.login-background-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(30,64,175,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(30,64,175,.03) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite;opacity:.6}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.login-background-shapes{position:absolute;inset:0;overflow:hidden}.login-shape{position:absolute;border-radius:50%;filter:blur(60px);opacity:.4;animation:floatShape 20s ease-in-out infinite}.login-shape-1{width:300px;height:300px;background:linear-gradient(135deg,#1e40af4d,#2563eb33);top:10%;left:10%;animation-duration:25s;animation-delay:0s}.login-shape-2{width:250px;height:250px;background:linear-gradient(135deg,#2563eb40,#3b82f626);top:60%;right:15%;animation-duration:30s;animation-delay:-5s}.login-shape-3{width:200px;height:200px;background:linear-gradient(135deg,#3b82f633,#60a5fa1a);bottom:20%;left:20%;animation-duration:35s;animation-delay:-10s}.login-shape-4{width:180px;height:180px;background:linear-gradient(135deg,#1e40af33,#2563eb1a);top:40%;right:30%;animation-duration:28s;animation-delay:-15s}.login-shape-5{width:220px;height:220px;background:linear-gradient(135deg,#2563eb2e,#3b82f61f);bottom:10%;right:10%;animation-duration:32s;animation-delay:-8s}@keyframes floatShape{0%,to{transform:translate(0) scale(1);opacity:.4}25%{transform:translate(30px,-30px) scale(1.1);opacity:.5}50%{transform:translate(-20px,20px) scale(.9);opacity:.3}75%{transform:translate(20px,30px) scale(1.05);opacity:.45}}.login-content{position:relative;z-index:1;width:100%;max-width:440px;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.login-content-visible{opacity:1;transform:translateY(0)}.login-card{background:#fff;border-radius:16px;padding:2.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px #0000000d;position:relative;animation:cardEntrance .4s ease-out both;border:1px solid rgba(226,232,240,.8)}.login-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#1e40af,#2563eb);border-radius:16px 16px 0 0}@keyframes cardEntrance{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.login-header{text-align:center;margin-bottom:2rem}.login-logo-container{display:flex;justify-content:center;margin-bottom:1.5rem}.login-logo{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#fff);border-radius:12px;padding:.5rem;box-shadow:0 2px 8px #00000014;border:1px solid #e2e8f0;transition:all .2s ease}.login-logo:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.login-title{font-size:1.75rem;font-weight:700;color:#0f172a;margin-bottom:.5rem;letter-spacing:-.02em}.login-subtitle{font-size:.9375rem;color:#64748b;font-weight:400;margin:0}.login-form{display:flex;flex-direction:column;gap:1.5rem}.login-error{padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;font-size:.875rem;font-weight:500;text-align:center}.login-input-group{display:flex;flex-direction:column;gap:.5rem}.login-label{font-size:.875rem;font-weight:500;color:#334155}.login-input-wrapper{position:relative;display:flex;align-items:center}.login-input-wrapper-focused .login-input-icon{color:#1e40af}.login-input-icon{position:absolute;left:1rem;color:#94a3b8;z-index:1;transition:color .2s ease;font-size:.875rem}.login-input-check{position:absolute;right:1rem;color:#16a34a;z-index:1;font-size:.875rem}.login-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;font-size:.9375rem;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;transition:all .2s ease;background:#fff;color:#0f172a}.login-input:hover{border-color:#cbd5e1}.login-input::placeholder{color:#94a3b8}.login-input:focus{border-color:#1e40af;box-shadow:0 0 0 3px #1e40af1a;background:#fff}.login-input-wrapper-filled .login-input{border-color:#86efac;padding-right:2.75rem}.login-input:disabled{background:var(--color-slate-50);cursor:not-allowed}.login-options{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm)}.login-checkbox{display:flex;align-items:center;gap:var(--space-2);color:var(--color-slate-700);cursor:pointer;transition:color .2s ease}.login-checkbox:hover{color:var(--color-slate-800)}.login-checkbox input[type=checkbox]{width:1.125rem;height:1.125rem;cursor:pointer;accent-color:var(--color-blue-600);transition:transform .2s ease}.login-checkbox input[type=checkbox]:hover{transform:scale(1.05)}.login-forgot-link{color:#1e40af;text-decoration:none;font-weight:500;font-size:.875rem;transition:color .2s ease}.login-forgot-link:hover{color:#1e3a8a;text-decoration:underline}.login-button{width:100%;padding:.875rem 1.5rem;background:#1e40af;color:#fff;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 2px 4px #1e40af33;position:relative;overflow:hidden}.login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.login-button:hover:before{left:100%}.login-button:hover:not(:disabled){background:#1e3a8a;box-shadow:0 4px 6px #0000001a}.login-button:active:not(:disabled){background:#1e3a8a;box-shadow:0 1px 2px #0000000d}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-button-loading{display:flex;align-items:center;gap:var(--space-2)}.login-spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top:2px solid #ffffff;border-radius:50%;animation:loader-spin .8s linear infinite}.login-footer{margin-top:2rem;text-align:center;padding-top:2rem;border-top:1px solid #e2e8f0}.login-footer-text{font-size:.875rem;color:#64748b;margin:0}.login-footer-link{color:#1e40af;text-decoration:none;font-weight:500;transition:color .2s ease}.login-footer-link:hover{color:#1e3a8a;text-decoration:underline}.login-features{display:flex;justify-content:center;gap:2rem;margin-top:2rem;padding-top:2rem;border-top:1px solid #e2e8f0}.login-feature{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1}.login-feature-icon{color:#64748b;font-size:1.25rem;transition:color .2s ease}.login-feature:hover .login-feature-icon{color:#1e40af}.login-feature-text{font-size:.75rem;color:#64748b;font-weight:500;text-align:center;transition:color .2s ease}.login-feature:hover .login-feature-text{color:#1e40af}@media(max-width:640px){.login-container{padding:1rem}.login-card{padding:2rem 1.5rem;border-radius:12px}.login-title{font-size:1.5rem}.login-features{gap:1.5rem;margin-top:1.5rem;padding-top:1.5rem}.login-feature-icon{font-size:1.125rem}.login-feature-text{font-size:.6875rem}}@media(max-width:480px){.login-card{padding:1.5rem 1.25rem}.login-features{gap:1rem}}@media(min-height:800px){.login-card{padding:3rem 2.5rem}}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:400px;gap:16px}.loader-spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top:4px solid #3b82f6;border-radius:50%;animation:loader-spin 1s linear infinite}.loader-text{color:#64748b;font-size:.875rem;font-weight:500;margin:0}@keyframes loader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--color-slate-50: #f8fafc;--color-slate-100: #f1f5f9;--color-slate-200: #e2e8f0;--color-slate-300: #cbd5e1;--color-slate-400: #94a3b8;--color-slate-500: #64748b;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-800: #1e293b;--color-slate-900: #0f172a;--color-blue-50: #eff6ff;--color-blue-100: #dbeafe;--color-blue-200: #bfdbfe;--color-blue-300: #93c5fd;--color-blue-400: #60a5fa;--color-blue-500: #3b82f6;--color-blue-600: #2563eb;--color-blue-700: #1d4ed8;--color-blue-800: #1e40af;--color-blue-900: #1e3a8a;--color-emerald-50: #ecfdf5;--color-emerald-100: #d1fae5;--color-emerald-200: #a7f3d0;--color-emerald-600: #059669;--color-emerald-700: #047857;--color-amber-50: #fffbeb;--color-amber-100: #fef3c7;--color-amber-500: #f59e0b;--color-amber-600: #d97706;--color-purple-50: #faf5ff;--color-purple-100: #f3e8ff;--color-purple-200: #e9d5ff;--color-purple-500: #a855f7;--color-purple-600: #9333ea;--color-purple-700: #7e22ce;--color-pink-600: #db2777;--color-red-50: #fef2f2;--color-red-100: #fee2e2;--color-red-200: #fecaca;--color-red-500: #ef4444;--color-red-600: #dc2626;--color-red-700: #b91c1c;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 2px 8px rgba(37, 99, 235, .2);--shadow-md: 0 4px 12px rgba(37, 99, 235, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--transition-fast: .2s ease;--transition-normal: .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;height:100%;width:100%;overflow:hidden}body{font-family:Inter,sans-serif;background:var(--chat-bg, #F2F7FE);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100vh;width:100vw;margin:0;padding:0;overflow:hidden}@media(hover:none)and (pointer:coarse){button,a,.cursor-pointer{-webkit-tap-highlight-color:rgba(37,99,235,.1);touch-action:manipulation}input,textarea{font-size:16px}}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.h-screen{height:100vh}.h-full{height:100%}.h-3{height:.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-10{height:2.5rem}.w-full{width:100%}.w-80{width:20rem}.w-3{width:.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-10{width:2.5rem}.max-w-3xl{max-width:48rem}.max-w-xs{max-width:20rem}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.pl-9{padding-left:2.25rem}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.mx-2{margin-left:var(--space-2);margin-right:var(--space-2)}.my-1{margin-top:var(--space-1);margin-bottom:var(--space-1)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mb-1{margin-bottom:var(--space-1)}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-6{margin-bottom:var(--space-6)}.ml-1{margin-left:var(--space-1)}.ml-2{margin-left:var(--space-2)}.ml-auto{margin-left:auto}.mr-1\.5{margin-right:.375rem}.mr-2{margin-right:var(--space-2)}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-auto{overflow-x:auto}.border{border:1px solid var(--color-slate-200)}.border-t{border-top:1px solid var(--color-slate-200)}.border-b{border-bottom:1px solid var(--color-slate-200)}.border-l-3{border-left:3px solid var(--color-blue-600)}.border-l-4{border-left:4px solid var(--color-blue-600)}.border-slate-200{border-color:var(--color-slate-200)}.border-blue-200{border-color:var(--color-blue-200)}.border-red-200{border-color:var(--color-red-200)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:9999px}.rounded-tl-sm{border-top-left-radius:var(--radius-sm)}.rounded-tr-sm{border-top-right-radius:var(--radius-sm)}.bg-white{background-color:#fff}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-blue-700{background-color:var(--color-blue-700)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-emerald-600{color:var(--color-emerald-600)}.text-amber-500{color:var(--color-amber-500)}.text-amber-600{color:var(--color-amber-600)}.text-purple-600{color:var(--color-purple-600)}.text-pink-600{color:var(--color-pink-600)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-white{color:#fff}.hover\:text-amber-500:hover{color:var(--color-amber-500)}.hover\:text-amber-600:hover{color:var(--color-amber-600)}.text-center{text-align:center}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.transition{transition:var(--transition-fast)}.hover\:shadow:hover{box-shadow:var(--shadow-md)}.hover\:shadow-lg:hover{box-shadow:var(--shadow-lg)}.hover\:-translate-y-0\.5:hover{transform:translateY(-.125rem)}.hover\:-translate-y-1px:hover{transform:translateY(-1px)}.hover\:-translate-y-2px:hover{transform:translateY(-2px)}.cursor-pointer{cursor:pointer}.whitespace-nowrap{white-space:nowrap}.resize-none{resize:none}.hidden{display:none}.max-h-32{max-height:8rem}.opacity-30{opacity:.3}.opacity-60{opacity:.6}.opacity-100{opacity:1}.relative{position:relative}.absolute{position:absolute}.left-0{left:0}.top-0{top:0}.top-full{top:100%}.right-0{right:0}.z-10{z-index:10}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.gap-3{gap:var(--space-3)}.chatbot-app{display:flex;height:100vh;width:100vw;margin:0;padding:0;gap:0}.sidebar{width:20rem;background:var(--chat-bg, #F2F7FE);border-radius:0;margin:0;padding:0;box-shadow:none;display:flex;flex-direction:column;overflow:hidden;border:none;border-right:1px solid var(--chat-border, var(--color-slate-200));color:var(--chat-text, var(--color-slate-900))}.sidebar-header{padding:var(--space-4);border-bottom:1px solid var(--chat-border, var(--color-slate-200));background:var(--chat-bg, #F2F7FE)}.sidebar-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.sidebar-title{font-size:var(--chat-font-size-base, var(--font-size-base));font-weight:var(--font-weight-semibold);color:var(--chat-text, var(--color-slate-900))}.sidebar-new-btn{padding:var(--space-2);border-radius:var(--radius-md);transition:var(--transition-fast);background:#fff;box-shadow:0 1px 3px #0000001a;border:1px solid var(--color-slate-200)}.sidebar-new-btn:hover{background:var(--color-slate-100)}.sidebar-search-wrapper{position:relative;margin-bottom:var(--space-3)}.sidebar-search{width:100%;padding:var(--space-2) var(--space-3) var(--space-2) 2.25rem;font-size:var(--font-size-sm);border:1px solid var(--color-slate-300);border-radius:var(--radius-md);outline:none;transition:var(--transition-fast)}.sidebar-search:focus{border-color:var(--color-blue-500);box-shadow:0 0 0 2px #3b82f633}.sidebar-search-icon{position:absolute;left:var(--space-3);top:.625rem;color:var(--color-slate-400);font-size:var(--font-size-xs)}.sidebar-filters{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.filter-chip{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--color-blue-50);color:var(--color-blue-700);border-radius:9999px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border:1px solid var(--color-blue-200);box-shadow:0 1px 2px #0000000d;transition:var(--transition-fast)}.filter-chip:hover{box-shadow:0 2px 4px #0000001a}.filter-chip-remove{margin-left:var(--space-1);cursor:pointer;opacity:.6;transition:opacity var(--transition-fast)}.filter-chip-remove:hover{opacity:1}.sidebar-filter-dropdown{position:relative}.filter-dropdown-btn{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);background:#fff;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);color:var(--color-slate-700);display:flex;align-items:center;justify-content:space-between;transition:var(--transition-fast);border:1px solid var(--color-slate-200);box-shadow:0 1px 2px #0000000d}.filter-dropdown-btn:hover{background:var(--color-slate-50)}.filter-dropdown-menu{position:absolute;top:100%;margin-top:var(--space-2);width:100%;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--color-slate-200);z-index:10;animation:fadeIn .2s ease;overflow:hidden}.filter-dropdown-item{width:100%;padding:var(--space-2) var(--space-3);text-align:left;border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);transition:var(--transition-fast);background:transparent;border:none;cursor:pointer}.filter-dropdown-item:hover{background:var(--color-slate-50)}.filter-dropdown-item.danger:hover{background:var(--color-red-50)}.conversation-list{flex:1;overflow-y:auto}.conversation-item{padding:var(--space-3);cursor:pointer;margin:var(--space-1) var(--space-2);border-radius:var(--radius-md);transition:var(--transition-fast);position:relative}.conversation-item:before{content:"";position:absolute;left:0;top:0;height:100%;width:0;background:var(--color-blue-600);transition:width var(--transition-fast)}.conversation-item:hover:before{width:3px}.conversation-item:hover{background:#2563eb0a}.conversation-item.active{background:#2563eb14}.conversation-item.active:before{width:3px}.conversation-item-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.375rem}.conversation-title{font-weight:var(--font-weight-semibold);color:var(--color-slate-900);font-size:var(--font-size-sm)}.conversation-meta{display:flex;align-items:center;gap:.375rem}.conversation-time{font-size:var(--font-size-xs);color:var(--color-slate-500)}.conversation-preview{font-size:var(--font-size-xs);color:var(--color-slate-600);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:var(--space-2)}.conversation-categories{display:flex;gap:var(--space-1);margin-top:var(--space-2)}.category-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border:1px solid}.category-badge.finance{background:var(--color-blue-50);color:var(--color-blue-700);border-color:var(--color-blue-200)}.category-badge.project{background:var(--color-purple-50);color:var(--color-purple-700);border-color:var(--color-purple-200)}.category-badge.risk{background:var(--color-red-50);color:var(--color-red-700);border-color:var(--color-red-200)}.category-badge.analytics{background:var(--color-emerald-50);color:var(--color-emerald-700);border-color:var(--color-emerald-200)}.new-conversation-btn{width:100%;padding:var(--space-2) var(--space-4);background:linear-gradient(90deg,var(--color-blue-600) 0%,var(--color-blue-700) 100%);color:#fff;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);transition:var(--transition-fast);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--font-size-sm);box-shadow:var(--shadow-sm)}.new-conversation-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.usage-policy-link{width:100%;padding:var(--space-2) var(--space-4);background:transparent;color:var(--color-slate-600);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);transition:var(--transition-fast);border:1px solid var(--color-slate-200);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--font-size-sm);margin-top:var(--space-2)}.usage-policy-link:hover{background:var(--color-slate-50);color:var(--color-blue-600);border-color:var(--color-blue-200)}.chat-container{flex:1;display:flex;flex-direction:column;background:var(--chat-bg, #F2F7FE);overflow:hidden;border:none;border-radius:0;box-shadow:none;color:var(--chat-text, var(--color-slate-900));margin:0;padding:0}.chat-header{background:var(--chat-bg, #ffffff);border-bottom:1px solid var(--chat-border, var(--color-slate-200));padding:var(--space-2) var(--space-4);color:var(--chat-text, var(--color-slate-900))}.chat-header-content{display:flex;align-items:center;justify-content:space-between}.chat-header-left{display:flex;align-items:center;gap:var(--space-2)}.chat-header-title{font-size:var(--chat-font-size-lg, var(--font-size-xl));font-weight:var(--font-weight-semibold);color:var(--chat-text, var(--color-slate-900));margin-bottom:var(--space-1)}.chat-header-title-small{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--chat-text, var(--color-slate-900));margin:0}.team-conversation-badge-small{display:flex;align-items:center;padding:.25rem .5rem;background:var(--color-blue-50);border:1px solid var(--color-blue-200);border-radius:var(--radius-sm)}.team-conversation-icon-small{color:var(--color-blue-600);font-size:.875rem}.chat-header-subtitle{font-size:var(--chat-font-size-sm, var(--font-size-xs));color:var(--chat-text, var(--color-slate-600));opacity:.8}.header-actions{display:flex;align-items:center;gap:var(--space-2)}.role-badge,.timer-badge{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);border:1px solid}.role-badge{background:var(--color-blue-50);border-color:var(--color-blue-200)}.timer-badge{background:var(--color-slate-50);border-color:var(--color-slate-200)}.badge-icon{width:1.5rem;height:1.5rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.role-badge .badge-icon{background:linear-gradient(135deg,var(--color-blue-600) 0%,var(--color-blue-700) 100%);box-shadow:0 1px 3px #0000001a}.timer-badge .badge-icon{background:var(--color-slate-200)}.badge-label{font-size:.625rem;color:var(--color-slate-500);font-weight:var(--font-weight-medium);line-height:1}.badge-value{font-size:.75rem;font-weight:var(--font-weight-semibold);color:var(--color-slate-900);line-height:1}.settings-menu-btn{padding:var(--space-2);border-radius:var(--radius-md);transition:var(--transition-fast);border:1px solid var(--color-slate-200);background:#fff;cursor:pointer}.settings-menu-btn:hover{background:var(--color-slate-100)}.message-list{flex:1;overflow-y:auto;padding:var(--space-6);background:var(--chat-bg, #F2F7FE)}.message,.message-animation{animation:slideIn .3s cubic-bezier(.4,0,.2,1)}.message.ai{display:flex;gap:var(--space-3);margin-bottom:var(--space-6)}.message.user{display:flex;gap:var(--space-3);margin-bottom:var(--space-6);justify-content:flex-end}.message-bubble-ai{background:var(--chat-bg, #ffffff);border:1px solid var(--chat-border, var(--color-slate-200));box-shadow:0 1px 3px #0000001a;border-radius:var(--radius-lg);border-top-left-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);max-width:48rem;color:var(--chat-text, var(--color-slate-800))}.message-bubble-user{background:linear-gradient(90deg,var(--color-blue-600) 0%,var(--color-blue-700) 100%);color:#fff;border-radius:var(--radius-lg);border-top-right-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);max-width:48rem;box-shadow:0 1px 3px #0000001a}.message-content{line-height:1.5;font-size:var(--chat-font-size-base, var(--font-size-sm));color:var(--chat-text, var(--color-slate-800));margin-bottom:var(--space-3)}.message-time{font-size:var(--chat-font-size-sm, var(--font-size-xs));color:var(--chat-text, var(--color-slate-500));opacity:.7;margin-top:var(--space-1);display:block}.user .message-time{text-align:right}.avatar{width:2.25rem;height:2.25rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar.ai{background:linear-gradient(135deg,var(--color-blue-600) 0%,var(--color-blue-700) 100%);box-shadow:0 1px 3px #0000001a}.avatar.user{background:var(--color-slate-200)}.capabilities-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);margin-top:var(--space-3)}.capability-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);padding:var(--space-2);background:var(--color-slate-50);border-radius:var(--radius-md)}.report-card{background:#fff;border:1px solid var(--color-slate-200);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-3);box-shadow:0 1px 3px #0000001a}.report-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.report-icon{width:2.5rem;height:2.5rem;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-blue-600) 0%,var(--color-blue-700) 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000001a}.report-title{font-weight:var(--font-weight-semibold);color:var(--color-slate-900);font-size:var(--font-size-sm)}.report-meta{font-size:var(--font-size-xs);color:var(--color-slate-500);display:flex;align-items:center;gap:var(--space-1)}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-bottom:var(--space-3)}.stat-card{text-align:center;background:#fff;border:1px solid var(--color-slate-200);border-radius:var(--radius-md);padding:var(--space-3);transition:var(--transition-fast)}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0f172a14;border-color:var(--color-blue-500)}.stat-icon{width:2rem;height:2rem;border-radius:var(--radius-md);margin:0 auto var(--space-2);display:flex;align-items:center;justify-content:center}.stat-icon.emerald{background:var(--color-emerald-100);color:var(--color-emerald-600)}.stat-icon.blue{background:var(--color-blue-100);color:var(--color-blue-600)}.stat-icon.amber{background:var(--color-amber-100);color:var(--color-amber-600)}.stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.stat-value.text-emerald-600{color:var(--color-emerald-600)}.stat-value.text-blue-600{color:var(--color-blue-600)}.stat-value.text-amber-600{color:var(--color-amber-600)}.stat-label{font-size:var(--font-size-xs);color:var(--color-slate-600);font-weight:var(--font-weight-medium)}.report-download-btn{width:100%;background:linear-gradient(90deg,var(--color-blue-600) 0%,var(--color-blue-700) 100%);color:#fff;padding:var(--space-2) 0;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);transition:var(--transition-fast);border:none;cursor:pointer;font-size:var(--font-size-sm)}.report-download-btn:hover{box-shadow:var(--shadow-lg)}.typing-indicator-container{display:flex;gap:var(--space-3);margin-bottom:var(--space-6)}.typing-bubble{background:var(--chat-bg, #ffffff);border:1px solid var(--chat-border, var(--color-slate-200));box-shadow:0 1px 3px #0000001a;border-radius:var(--radius-lg);border-top-left-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);color:var(--chat-text, var(--color-slate-800))}.typing-indicator{display:flex;gap:var(--space-1)}.typing-dot{width:.5rem;height:.5rem;background:var(--color-blue-500);border-radius:9999px;animation:blink 1.4s infinite both}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,80%,to{opacity:.3}40%{opacity:1}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu{animation:fadeIn .2s ease}.btn-primary{transition:all .2s ease;box-shadow:0 2px 8px #2563eb33}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.pulse-recording{animation:pulse 1.5s ease-in-out infinite}.input-area{background:var(--chat-bg, #ffffff);border-top:1px solid var(--chat-border, var(--color-slate-200));padding:var(--space-4) var(--space-6)}.attachments-preview{margin-bottom:var(--space-3);display:flex;gap:var(--space-2);flex-wrap:wrap}.recording-indicator{margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--color-red-50);border:1px solid var(--color-red-200);border-radius:var(--radius-md)}.recording-dot{width:.75rem;height:.75rem;background:var(--color-red-500);border-radius:9999px;animation:pulse 1.5s ease-in-out infinite}.recording-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-red-700)}.recording-timer{font-family:Courier New,monospace}.recording-stop{margin-left:auto;color:var(--color-red-600);padding:var(--space-1);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast)}.recording-stop:hover{color:var(--color-red-700);background:var(--color-red-100)}.input-row{display:flex;align-items:flex-end;gap:var(--space-3)}.input-action-btn{padding:.625rem;border-radius:var(--radius-md);transition:var(--transition-fast);color:var(--color-slate-600);background:#fff;border:1px solid var(--color-slate-200);cursor:pointer}.input-action-btn:hover{background:var(--color-slate-100)}.input-action-btn.recording-active{background:var(--color-red-50);color:var(--color-red-600);border-color:var(--color-red-200)}.input-wrapper{flex:1;position:relative}.input-textarea{width:100%;padding:.625rem var(--space-4);font-size:var(--chat-font-size-base, var(--font-size-sm));border:1px solid var(--chat-border, var(--color-slate-300));border-radius:var(--radius-md);outline:none;resize:none;max-height:8rem;background:var(--chat-bg, #ffffff);color:var(--chat-text, var(--color-slate-700))}.input-content-editable{min-height:2.5rem;max-height:8rem;overflow-y:auto;word-wrap:break-word;white-space:pre-wrap}.input-content-editable:empty:before{content:attr(data-placeholder);color:var(--chat-text, var(--color-slate-400));opacity:.6;pointer-events:none}.input-content-editable:focus{border-color:var(--color-blue-500);box-shadow:0 0 0 2px #3b82f633}.mention-tag{background:linear-gradient(135deg,var(--color-blue-100) 0%,var(--color-blue-200) 100%);color:var(--color-blue-700);padding:.125rem .375rem;border-radius:var(--radius-sm);font-weight:var(--font-weight-medium);display:inline-block;margin:0 .125rem;border:1px solid var(--color-blue-300)}.input-textarea::placeholder{color:var(--chat-text, var(--color-slate-400));opacity:.6}.input-textarea:focus{border-color:var(--color-blue-500);box-shadow:0 0 0 2px #3b82f633}.send-btn{padding:.625rem var(--space-6);background:linear-gradient(90deg,var(--color-blue-600) 0%,var(--color-blue-700) 100%);color:#fff;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);transition:var(--transition-fast);cursor:pointer;border:none;display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);box-shadow:var(--shadow-sm)}.send-btn:hover{box-shadow:var(--shadow-lg)}.quick-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3);overflow-x:auto;padding-bottom:var(--space-1)}.quick-action-btn{padding:var(--space-1) var(--space-3);background:#fff;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-slate-700);white-space:nowrap;border:1px solid var(--color-slate-200);cursor:pointer;transition:var(--transition-fast)}.quick-action-btn:hover{background:var(--color-slate-50)}.attachment-preview{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#fff;border-radius:var(--radius-md);border:1px solid var(--color-slate-200);box-shadow:0 1px 2px #0000000d;transition:var(--transition-fast)}.attachment-preview:hover{box-shadow:0 2px 4px #0000001a}.attachment-icon{width:2rem;height:2rem;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-blue-600) 0%,var(--color-blue-700) 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000001a}.attachment-name{font-size:var(--font-size-sm);color:var(--color-slate-700);font-weight:var(--font-weight-medium);max-width:20rem;overflow:hidden;text-overflow:ellipsis}.attachment-remove{margin-left:var(--space-2);color:var(--color-slate-500);padding:var(--space-1);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast)}.attachment-remove:hover{color:var(--color-red-600);background:var(--color-red-50)}.chat-scrollbar::-webkit-scrollbar{width:6px}.chat-scrollbar::-webkit-scrollbar-track{background:var(--color-slate-50);border-radius:10px}.chat-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#2563eb,#0ea5e9);border-radius:10px}.chat-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--color-blue-800)}.settings-menu{position:absolute;right:0;margin-top:var(--space-2);width:14rem;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--color-slate-200);z-index:10;animation:fadeIn .2s ease;overflow:hidden}.settings-menu-item{width:100%;padding:var(--space-2) var(--space-3);text-align:left;border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);transition:var(--transition-fast);background:transparent;border:none;cursor:pointer}.settings-menu-item:hover{background:var(--color-slate-50)}.role-dropdown-menu{position:absolute;right:0;margin-top:var(--space-2);width:12rem;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--color-slate-200);z-index:10;animation:fadeIn .2s ease;overflow:hidden}.role-dropdown-item{width:100%;padding:var(--space-2) var(--space-3);text-align:left;border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);transition:var(--transition-fast);background:transparent;border:none;cursor:pointer}.role-dropdown-item:hover{background:var(--color-red-50)}@media(max-width:1024px)and (min-width:769px){.chatbot-app{padding:var(--space-3);gap:var(--space-3)}.sidebar{width:16rem}.stats-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.header-actions{gap:var(--space-2)}.role-badge,.timer-badge{padding:var(--space-1) var(--space-2)}.badge-label{font-size:.65rem}.badge-value{font-size:.75rem}}@media(max-width:768px){.chatbot-app{flex-direction:column;padding:var(--space-2);gap:var(--space-2);height:100vh}.sidebar{width:100%;max-height:35vh;min-height:250px}.sidebar-header{padding:var(--space-3)}.conversation-list{max-height:calc(35vh - 200px)}.chat-container{flex:1;min-height:0}.chat-header{padding:var(--space-3) var(--space-4)}.chat-header-title{font-size:var(--font-size-lg)}.chat-header-subtitle{display:none}.header-actions{flex-wrap:wrap;gap:var(--space-2)}.role-badge,.timer-badge{padding:var(--space-1) var(--space-2)}.badge-icon{width:1.5rem;height:1.5rem}.badge-label{font-size:.625rem}.badge-value{font-size:.75rem}.message-list{padding:var(--space-4);flex:1;overflow-y:auto}.message-bubble-ai,.message-bubble-user{max-width:100%;padding:var(--space-2) var(--space-3)}.stats-grid,.capabilities-grid{grid-template-columns:1fr;gap:var(--space-2)}.input-area{padding:var(--space-3) var(--space-4)}.input-row{flex-wrap:nowrap;gap:var(--space-2)}.input-action-btn{padding:.5rem;min-width:2.5rem}.input-textarea{font-size:var(--font-size-sm);padding:.5rem var(--space-3)}.send-btn{padding:.5rem var(--space-4);font-size:var(--font-size-xs)}.quick-actions{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.quick-actions::-webkit-scrollbar{display:none}.quick-action-btn{flex-shrink:0}.report-card{padding:var(--space-3)}.stat-card{padding:var(--space-2)}.stat-icon{width:1.75rem;height:1.75rem;margin-bottom:var(--space-1)}.stat-value{font-size:var(--font-size-xl)}}@media(max-width:480px){.chatbot-app{padding:0;gap:0}.sidebar{border-radius:0;max-height:40vh}.chat-container{border-radius:0}.chat-header{padding:var(--space-2) var(--space-3)}.chat-header-title{font-size:var(--font-size-base)}.role-badge{display:none}.timer-badge{padding:var(--space-1)}.badge-label{display:none}.settings-menu-btn{padding:var(--space-1)}.message-list{padding:var(--space-3)}.avatar{width:1.75rem;height:1.75rem}.message.ai,.message.user{gap:var(--space-2);margin-bottom:var(--space-4)}.input-area{padding:var(--space-2) var(--space-3)}.input-action-btn{padding:.4rem;min-width:2.25rem}.send-btn{padding:.4rem var(--space-3)}.quick-actions{margin-top:var(--space-2);gap:var(--space-1)}.report-card{padding:var(--space-2)}.report-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.report-icon{width:2rem;height:2rem}.conversation-item{padding:var(--space-2)}.filter-dropdown-menu,.settings-menu{width:100%;max-width:none}}@media(max-width:360px){.header-actions{display:flex;gap:var(--space-1)}.timer-badge{font-size:.625rem}.send-btn span{display:none}.send-btn{padding:.5rem;min-width:2.5rem}}.usage-policy-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .2s ease;overflow:hidden;width:100vw;height:100vh}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.usage-policy-modal{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:50vw;height:65vh;min-width:600px;min-height:600px;max-width:900px;max-height:85vh;display:flex;flex-direction:column;animation:slideIn .3s ease;border:1px solid #e2e8f0;overflow:hidden}@keyframes slideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.usage-policy-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:2px solid #e2e8f0;background:linear-gradient(135deg,#1e40af,#2563eb);color:#fff;position:relative;overflow:hidden;flex-shrink:0}.usage-policy-header:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.usage-policy-header-content{display:flex;align-items:center;gap:1.5rem;position:relative;z-index:1}.usage-policy-header-icon{width:2.5rem;height:2.5rem;color:#fff;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem;border-radius:10px;border:2px solid rgba(255,255,255,.3);box-shadow:0 4px 12px #0000001a}.usage-policy-title{font-size:1.25rem;font-weight:700;color:#fff;margin:0;letter-spacing:-.02em;text-shadow:0 2px 4px rgba(0,0,0,.1)}.usage-policy-subtitle{font-size:.8125rem;color:#ffffffe6;margin:.25rem 0 0;font-weight:400}.usage-policy-close{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border:none;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border-radius:10px;cursor:pointer;transition:all .2s ease;position:relative;z-index:1;border:2px solid rgba(255,255,255,.3)}.usage-policy-close:hover{background:#ffffff4d;transform:scale(1.1)}.usage-policy-content{padding:1.25rem 1.5rem;overflow-y:auto;flex:1;background:linear-gradient(to bottom,#fff,#f8fafc)}.usage-policy-intro{background:linear-gradient(135deg,#eff6ff,#dbeafe);padding:1rem;border-radius:10px;margin-bottom:1.5rem;border-left:4px solid #1e40af;box-shadow:0 2px 8px #1e40af1a}.usage-policy-intro p{margin:0;font-size:.8125rem;color:#334155;line-height:1.5}.usage-policy-rules{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.usage-policy-rule{display:flex;flex-direction:row;gap:.875rem;padding:.875rem;background:#fff;border:1px solid #e2e8f0;border-radius:10px;transition:all .3s ease;box-shadow:0 1px 3px #0000000d}.usage-policy-rule:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.usage-policy-rule-icon{width:2.5rem;height:2.5rem;min-width:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:1.125rem;box-shadow:0 2px 6px #0000001a;transition:all .3s ease}.usage-policy-rule:hover .usage-policy-rule-icon{transform:scale(1.05) rotate(3deg);box-shadow:0 4px 12px #00000026}.usage-policy-rule-content{flex:1}.usage-policy-rule-title{font-size:.9375rem;font-weight:600;color:#0f172a;margin:0 0 .375rem;letter-spacing:-.01em}.usage-policy-rule-description{font-size:.8125rem;color:#475569;margin:0;line-height:1.5}.usage-policy-footer{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid #e2e8f0}.usage-policy-notice{display:flex;gap:.75rem;padding:.875rem;background:#fef3c7;border:1px solid #fde68a;border-radius:8px}.usage-policy-notice-icon{color:#d97706;font-size:1.125rem;min-width:1.125rem;margin-top:.125rem}.usage-policy-notice p{margin:0;font-size:.8125rem;color:#92400e;line-height:1.5}.usage-policy-actions{padding:1rem 1.5rem;border-top:2px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#fff);flex-shrink:0}.usage-policy-button{width:100%;padding:.75rem 1.25rem;background:#1e40af;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #1e40af33}.usage-policy-button:hover{background:#1e3a8a;box-shadow:0 4px 6px #1e40af4d;transform:translateY(-1px)}.usage-policy-button:active{transform:translateY(0)}@media(max-width:1024px){.usage-policy-modal{width:60vw;height:65vh;min-width:500px;min-height:550px}}@media(max-width:768px){.usage-policy-modal{width:80vw;height:75vh;min-width:400px;min-height:500px}.usage-policy-header{padding:1.25rem}.usage-policy-header-icon{width:2.5rem;height:2.5rem;padding:.5rem}.usage-policy-title{font-size:1.25rem}.usage-policy-subtitle{font-size:.8125rem}.usage-policy-content{padding:1.25rem}.usage-policy-rule{padding:.875rem}.usage-policy-rule-icon{width:2.5rem;height:2.5rem;min-width:2.5rem;font-size:1.125rem}.usage-policy-actions{padding:1.25rem}}@media(max-width:640px){.usage-policy-overlay{padding:1rem}.usage-policy-modal{width:90vw;height:80vh;min-width:320px;min-height:400px}.usage-policy-header{padding:1rem}.usage-policy-header-content{gap:.75rem}.usage-policy-header-icon{width:2rem;height:2rem;padding:.5rem}.usage-policy-title{font-size:1.125rem}.usage-policy-subtitle{font-size:.75rem}.usage-policy-content{padding:1rem}.usage-policy-intro{padding:.875rem}.usage-policy-rules{gap:.75rem}.usage-policy-rule{padding:.75rem;flex-direction:column;gap:.75rem}.usage-policy-rule-icon{width:2.5rem;height:2.5rem;min-width:2.5rem;font-size:1rem}.usage-policy-rule-title{font-size:.9375rem}.usage-policy-rule-description{font-size:.8125rem}.usage-policy-actions{padding:1rem}}.settings-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .2s ease;width:100vw;height:100vh}.settings-modal{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:50vw;height:65vh;min-width:600px;min-height:500px;max-width:800px;max-height:85vh;display:flex;flex-direction:column;animation:slideIn .3s ease;border:1px solid #e2e8f0;overflow:hidden}.settings-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:2px solid #e2e8f0;background:linear-gradient(135deg,#1e40af,#2563eb);color:#fff;position:relative;overflow:hidden;flex-shrink:0}.settings-modal-header:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.settings-modal-header-content{position:relative;z-index:1}.settings-modal-title{font-size:1.25rem;font-weight:700;color:#fff;margin:0;letter-spacing:-.02em;text-shadow:0 2px 4px rgba(0,0,0,.1)}.settings-modal-subtitle{font-size:.8125rem;color:#ffffffe6;margin:.25rem 0 0;font-weight:400}.settings-modal-close{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border:none;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border-radius:10px;cursor:pointer;transition:all .2s ease;position:relative;z-index:1;border:2px solid rgba(255,255,255,.3)}.settings-modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.settings-modal-content{padding:1.5rem;overflow-y:auto;flex:1;background:linear-gradient(to bottom,#fff,#f8fafc)}.settings-section{margin-bottom:2rem}.settings-section:last-child{margin-bottom:0}.settings-section-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.settings-section-icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:#eff6ff;color:#1e40af;border-radius:10px;font-size:1.125rem}.settings-section-info{flex:1}.settings-section-title{font-size:1rem;font-weight:600;color:#0f172a;margin:0 0 .25rem}.settings-section-description{font-size:.8125rem;color:#64748b;margin:0;line-height:1.5}.settings-options{display:flex;gap:.75rem;flex-wrap:wrap}.settings-option{flex:1;min-width:120px;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1rem;background:#fff;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500;color:#334155;position:relative}.settings-option:hover{border-color:#cbd5e1;background:#f8fafc;transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.settings-option-selected{background:#eff6ff;border-color:#1e40af;color:#1e40af}.settings-option-selected:hover{background:#dbeafe;border-color:#1e3a8a}.settings-option-icon{display:flex;align-items:center;justify-content:center;font-size:1rem}.settings-option-label{font-weight:500}.settings-option-check{position:absolute;top:.5rem;right:.5rem;font-size:.75rem;color:#1e40af}.settings-modal-actions{padding:1rem 1.5rem;border-top:2px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#fff);flex-shrink:0}.settings-modal-button{width:100%;padding:.75rem 1.25rem;background:#1e40af;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #1e40af33}.settings-modal-button:hover{background:#1e3a8a;box-shadow:0 4px 6px #1e40af4d;transform:translateY(-1px)}.settings-modal-button:active{transform:translateY(0)}.dark-theme{--chat-bg: #1e293b;--chat-text: #f1f5f9;--chat-border: #334155}.dark-theme .chat-container{background:#1e293b;border-color:#334155}.dark-theme .chat-header{background:#1e293b;border-bottom-color:#334155}.dark-theme .message-list{background:#0f172a}.dark-theme .message-bubble-ai{background:#334155;border-color:#475569;color:#f1f5f9}.dark-theme .sidebar{background:#1e293b;border-color:#334155;color:#f1f5f9}.dark-theme .sidebar-header{background:#1e293b;border-color:#334155}.dark-theme .conversation-item{color:#f1f5f9}.dark-theme .conversation-item:hover{background:#334155}.light-theme{--chat-bg: #ffffff;--chat-text: #0f172a;--chat-border: #e2e8f0}[data-font-size=small]{--chat-font-size-base: .875rem;--chat-font-size-sm: .75rem;--chat-font-size-lg: 1rem}[data-font-size=medium]{--chat-font-size-base: 1rem;--chat-font-size-sm: .875rem;--chat-font-size-lg: 1.125rem}[data-font-size=large]{--chat-font-size-base: 1.125rem;--chat-font-size-sm: 1rem;--chat-font-size-lg: 1.25rem}@media(max-width:768px){.settings-modal{width:80vw;height:70vh;min-width:400px;min-height:400px}.settings-options{flex-direction:column}.settings-option{min-width:100%}}@media(max-width:640px){.settings-modal-overlay{padding:1rem}.settings-modal{width:90vw;height:80vh;min-width:320px;min-height:400px}.settings-modal-header{padding:.875rem 1rem}.settings-modal-content{padding:1rem}.settings-section{margin-bottom:1.5rem}.settings-modal-actions{padding:.875rem 1rem}}.team-member-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.team-member-modal{background:var(--chat-bg, #ffffff);border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;animation:slideIn .3s ease}.team-member-modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--chat-border, var(--color-slate-200));display:flex;align-items:center;justify-content:space-between;background:var(--chat-bg, #ffffff)}.team-member-modal-header-content{display:flex;align-items:center;gap:.75rem}.team-member-modal-header-icon{width:2rem;height:2rem;color:var(--color-emerald-600)}.team-member-modal-title{font-size:var(--chat-font-size-lg, var(--font-size-lg));font-weight:var(--font-weight-semibold);color:var(--chat-text, var(--color-slate-900));margin:0}.team-member-modal-subtitle{font-size:var(--chat-font-size-sm, var(--font-size-sm));color:var(--chat-text, var(--color-slate-600));margin:.25rem 0 0;opacity:.8}.team-member-modal-close{background:transparent;border:none;color:var(--chat-text, var(--color-slate-500));cursor:pointer;padding:.5rem;border-radius:var(--radius-md);transition:var(--transition-fast);display:flex;align-items:center;justify-content:center}.team-member-modal-close:hover{background:var(--color-slate-100);color:var(--color-slate-900)}.team-member-modal-content{padding:1.5rem;overflow-y:auto;flex:1}.team-member-list{display:flex;flex-direction:column;gap:.5rem}.team-member-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:1px solid var(--chat-border, var(--color-slate-200));border-radius:var(--radius-md);background:var(--chat-bg, #ffffff);cursor:pointer;transition:var(--transition-fast);position:relative}.team-member-item:hover{background:var(--color-slate-50);border-color:var(--color-blue-300)}.team-member-item-selected{background:var(--color-blue-50);border-color:var(--color-blue-500)}.team-member-avatar{width:2.5rem;height:2.5rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);flex-shrink:0}.team-member-info{flex:1;min-width:0}.team-member-name{font-size:var(--chat-font-size-base, var(--font-size-sm));font-weight:var(--font-weight-medium);color:var(--chat-text, var(--color-slate-900));margin-bottom:.125rem}.team-member-role{font-size:var(--chat-font-size-sm, var(--font-size-xs));color:var(--chat-text, var(--color-slate-600));opacity:.8}.team-member-check{color:var(--color-emerald-600);font-size:1rem;flex-shrink:0}.team-member-loading{text-align:center;padding:2rem;color:var(--chat-text, var(--color-slate-600))}.team-member-hint{text-align:center;padding:1rem;color:var(--chat-text, var(--color-slate-500));font-size:var(--chat-font-size-sm, var(--font-size-sm));margin-top:1rem}.team-member-modal-actions{padding:1rem 1.5rem;border-top:1px solid var(--chat-border, var(--color-slate-200));display:flex;gap:.75rem;justify-content:flex-end;background:var(--chat-bg, #ffffff)}.team-member-modal-button{padding:.625rem 1.25rem;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-size:var(--chat-font-size-base, var(--font-size-sm));border:none;cursor:pointer;transition:var(--transition-fast);background:linear-gradient(90deg,var(--color-emerald-600) 0%,var(--color-emerald-700) 100%);color:#fff}.team-member-modal-button:hover:not(:disabled){box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.team-member-modal-button:disabled{opacity:.5;cursor:not-allowed}.team-member-modal-button-secondary{background:var(--color-slate-100);color:var(--color-slate-700)}.team-member-modal-button-secondary:hover{background:var(--color-slate-200)}.team-conversation-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:var(--color-emerald-50);border:1px solid var(--color-emerald-200);border-radius:var(--radius-md);font-size:var(--chat-font-size-sm, var(--font-size-xs));color:var(--color-emerald-700);font-weight:var(--font-weight-medium);margin-bottom:.5rem}.team-conversation-icon{font-size:.875rem}.chat-header-title-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.sidebar-header-buttons{display:flex;gap:.5rem;align-items:center}.sidebar-team-btn{padding:var(--space-2);border-radius:var(--radius-md);transition:var(--transition-fast);background:#fff;box-shadow:0 1px 3px #0000001a;border:1px solid var(--color-slate-200);cursor:pointer;display:flex;align-items:center;justify-content:center}.sidebar-team-btn:hover{background:var(--color-emerald-50);border-color:var(--color-emerald-300)}.mention-dropdown{background:var(--chat-bg, #ffffff);border:1px solid var(--chat-border, var(--color-slate-200));border-radius:var(--radius-md);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;max-height:250px;overflow-y:auto;min-width:280px;z-index:1000;animation:slideIn .2s ease;margin-bottom:.5rem}.mention-dropdown-top{transform:translateY(-100%);margin-bottom:0;margin-top:.5rem}.mention-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;cursor:pointer;transition:var(--transition-fast);border-bottom:1px solid var(--chat-border, var(--color-slate-100))}.mention-item:last-child{border-bottom:none}.mention-item:hover{background:var(--color-slate-50)}.mention-avatar{width:2rem;height:2rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);flex-shrink:0}.mention-avatar-bot{background:linear-gradient(135deg,var(--color-blue-600) 0%,var(--color-blue-700) 100%);color:#fff;display:flex;align-items:center;justify-content:center}.mention-avatar-bot svg{width:1rem;height:1rem}.mention-info{flex:1;min-width:0}.mention-name{font-size:var(--chat-font-size-base, var(--font-size-sm));font-weight:var(--font-weight-medium);color:var(--chat-text, var(--color-slate-900));margin-bottom:.125rem}.mention-role{font-size:var(--chat-font-size-sm, var(--font-size-xs));color:var(--chat-text, var(--color-slate-600));opacity:.8}