.chatbot-shell{display:flex;flex-direction:column;height:100%;min-height:0;color:#f8fafc;font-size:13px;line-height:1.5;background:#1e293b;position:relative;overflow:hidden}.chatbot-shell.fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0a0f1e;overflow:hidden}.chatbot-shell.fullscreen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 20%,rgba(16,185,129,.08) 0%,transparent 50%),radial-gradient(circle at 80% 60%,rgba(6,182,212,.08) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(139,92,246,.06) 0%,transparent 50%);animation:gradientShift 20s ease infinite;pointer-events:none}@keyframes gradientShift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-5%,5%) scale(1.05)}66%{transform:translate(5%,-5%) scale(.95)}}.chatbot-shell.fullscreen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 10% 20%,rgba(16,185,129,.03) 1px,transparent 1px),radial-gradient(circle at 90% 40%,rgba(6,182,212,.03) 1px,transparent 1px),radial-gradient(circle at 50% 70%,rgba(139,92,246,.03) 1px,transparent 1px);background-size:50px 50px,80px 80px,60px 60px;animation:particleDrift 60s linear infinite;pointer-events:none;opacity:.5}@keyframes particleDrift{0%{background-position:0 0,0 0,0 0}to{background-position:50px 50px,-80px 80px,60px -60px}}.chatbot-shell.fullscreen .chatbot-messages,.chatbot-shell.fullscreen .chatbot-input-bar,.chatbot-shell.fullscreen .audio-settings-bar{display:none}.fullscreen-header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:20px 32px;height:80px;background:#0a0f1ecc;border-bottom:1px solid rgba(148,163,184,.1);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);z-index:10;flex-shrink:0}.brand-section{display:flex;align-items:center;gap:16px}.brand-logo{width:48px;height:48px;background:linear-gradient(135deg,#10b981,#06b6d4);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 32px #10b98180;position:relative;animation:logoBreath 4s ease-in-out infinite}.brand-logo:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:14px;background:linear-gradient(135deg,#10b98199,#06b6d499);z-index:-1;filter:blur(12px);opacity:.8;animation:pulseGlow 3s ease-in-out infinite}@keyframes logoBreath{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes pulseGlow{0%,to{opacity:.6;filter:blur(12px)}50%{opacity:1;filter:blur(16px)}}.brand-info h1{margin:0;font-size:24px;font-weight:800;color:#fff;letter-spacing:-.03em;background:linear-gradient(135deg,#fff,#10b981 80%,#06b6d4);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 3s linear infinite}@keyframes shimmer{0%{background-position:0% center}to{background-position:200% center}}.brand-info p{margin:2px 0 0;font-size:13px;color:#94a3b8;font-weight:500;letter-spacing:.02em}.close-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#1e293b99;border:1px solid rgba(148,163,184,.2);border-radius:12px;color:#e2e8f0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.close-btn:hover{background:#ef444426;border-color:#ef444466;color:#fca5a5;transform:scale(1.1) rotate(90deg)}.conversation-layout{display:flex;height:calc(100vh - 80px);position:relative;overflow:hidden}.conversation-sidebar{width:340px;min-width:340px;background:#0a0f1e99;border-right:1px solid rgba(148,163,184,.1);display:flex;flex-direction:column;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.conversation-sidebar:before{content:"";position:absolute;top:0;left:0;right:0;height:200px;background:linear-gradient(180deg,rgba(16,185,129,.05) 0%,transparent 100%);pointer-events:none}.sidebar-header{padding:24px;border-bottom:1px solid rgba(148,163,184,.1);display:flex;align-items:center;gap:12px;color:#e2e8f0;position:relative;z-index:1;flex-shrink:0}.sidebar-header svg{color:#10b981;animation:iconPulse 3s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.sidebar-header h3{margin:0;font-size:15px;font-weight:700;color:#f1f5f9;letter-spacing:-.01em}.sidebar-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px;position:relative;z-index:1}.empty-history{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 20px;text-align:center;color:#64748b}.empty-history svg{opacity:.2;animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.empty-history p{margin:0;font-size:14px;font-weight:600;color:#94a3b8}.empty-history span{font-size:12px;color:#64748b;line-height:1.6}.history-list{display:flex;flex-direction:column;gap:12px}.history-item{display:flex;gap:12px;padding:14px;background:#0f172a80;border:1px solid rgba(148,163,184,.08);border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:slideInLeft .4s ease backwards;cursor:pointer;position:relative;overflow:hidden}.history-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,transparent,currentColor,transparent);opacity:0;transition:opacity .3s ease}.history-item:hover:before{opacity:1}.history-item:hover{background:#1e293b99;border-color:#94a3b826;transform:translate(6px);box-shadow:0 4px 16px #0003}.history-item.user{color:#06b6d4}.history-item.assistant{color:#10b981}.history-avatar{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;background:linear-gradient(135deg,#10b98126,#06b6d426);border:1px solid rgba(148,163,184,.15)}.history-content{flex:1;min-width:0}.history-label{font-size:11px;font-weight:700;color:#94a3b8;margin-bottom:6px;text-transform:uppercase;letter-spacing:.08em}.history-text{font-size:13px;line-height:1.5;color:#cbd5e1;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:400}.history-time{font-size:10px;color:#64748b;font-variant-numeric:tabular-nums;opacity:.8}.conversation-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px 40px;overflow-y:auto;position:relative}.interaction-area{max-width:800px;width:100%;display:flex;flex-direction:column;align-items:center;gap:48px;position:relative;z-index:1}.voice-orb-container{position:relative;width:240px;height:240px;display:flex;align-items:center;justify-content:center}.voice-orb{width:180px;height:180px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;position:relative;transition:all .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 20px 60px #10b98166,inset 0 0 40px #ffffff1a;border:2px solid rgba(255,255,255,.1)}.voice-orb:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.3),transparent 60%);animation:innerShine 4s ease-in-out infinite}@keyframes innerShine{0%,to{opacity:.3;transform:translate(0)}50%{opacity:.6;transform:translate(5px,-5px)}}.voice-orb.idle{background:linear-gradient(135deg,#334155,#475569);box-shadow:0 10px 40px #3341554d,inset 0 0 30px #ffffff0d;transform:scale(.95)}.voice-orb.connecting{animation:orbConnect 1.5s ease-in-out infinite}@keyframes orbConnect{0%,to{transform:scale(.95);opacity:.8}50%{transform:scale(1.05);opacity:1}}.voice-orb.listening{animation:orbBreath 3s ease-in-out infinite;box-shadow:0 20px 80px #10b98199,0 0 100px #10b9814d,inset 0 0 50px #ffffff26}@keyframes orbBreath{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.08);filter:brightness(1.2)}}.voice-orb.speaking{background:linear-gradient(135deg,#3b82f6,#2563eb);animation:orbSpeak .8s ease-in-out infinite;box-shadow:0 20px 80px #3b82f699,0 0 120px #3b82f666,inset 0 0 60px #fff3}@keyframes orbSpeak{0%,to{transform:scale(1)}25%{transform:scale(1.06)}50%{transform:scale(1.12)}75%{transform:scale(1.06)}}.voice-orb.error{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 20px 60px #ef444480;animation:orbShake .5s ease-in-out}@keyframes orbShake{0%,to{transform:translate(0)}25%{transform:translate(-10px) rotate(-5deg)}75%{transform:translate(10px) rotate(5deg)}}.orb-glow{position:absolute;top:-30px;right:-30px;bottom:-30px;left:-30px;border-radius:50%;background:radial-gradient(circle,currentColor,transparent 70%);opacity:.2;animation:glowExpand 4s ease-in-out infinite;pointer-events:none}@keyframes glowExpand{0%,to{transform:scale(.8);opacity:.2}50%{transform:scale(1.2);opacity:.4}}.orb-core{color:#fff;filter:drop-shadow(0 6px 16px rgba(0,0,0,.5));animation:iconFloat 4s ease-in-out infinite;transform-origin:center}@keyframes iconFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-6px) rotate(-5deg)}75%{transform:translateY(6px) rotate(5deg)}}.voice-rings{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.voice-ring{position:absolute;border:2px solid rgba(16,185,129,.3);border-radius:50%;opacity:0}.voice-ring:nth-child(1){top:-25px;right:-25px;bottom:-25px;left:-25px}.voice-ring:nth-child(2){top:-45px;right:-45px;bottom:-45px;left:-45px}.voice-ring:nth-child(3){top:-65px;right:-65px;bottom:-65px;left:-65px}.voice-orb.listening~.voice-rings .voice-ring{animation:ringPulse 3s ease-out infinite}.voice-orb.speaking~.voice-rings .voice-ring{animation:ringPulse 2s ease-out infinite}.voice-ring:nth-child(1){animation-delay:0s}.voice-ring:nth-child(2){animation-delay:.6s}.voice-ring:nth-child(3){animation-delay:1.2s}@keyframes ringPulse{0%{transform:scale(.8);opacity:.8}to{transform:scale(1.3);opacity:0}}.status-section{text-align:center;animation:fadeIn .6s ease}.status-indicator{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:10px}.status-dot{width:12px;height:12px;border-radius:50%;background:#64748b;box-shadow:0 0 12px currentColor;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.status-dot:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:currentColor;opacity:0;animation:dotExpand 2s ease-out infinite}@keyframes dotExpand{0%{transform:scale(.5);opacity:.8}to{transform:scale(2);opacity:0}}.status-dot.listening{background:#10b981}.status-dot.speaking{background:#3b82f6}.status-dot.error{background:#ef4444}.status-text{font-size:22px;font-weight:700;color:#f1f5f9;letter-spacing:-.02em;animation:textFade .5s ease}@keyframes textFade{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.status-subtext{font-size:14px;color:#94a3b8;animation:textFade .5s ease .1s backwards}.current-exchange{width:100%;max-width:700px;display:flex;flex-direction:column;gap:20px;min-height:280px}.exchange-card{background:#0f172a80;border:1px solid rgba(148,163,184,.15);border-radius:20px;padding:28px;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);animation:cardSlideIn .5s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.exchange-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.exchange-card:hover:before{opacity:1}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.user-card{border-left:4px solid #06b6d4;background:linear-gradient(135deg,#06b6d414,#0f172a80);animation:cardSlideIn .5s cubic-bezier(.34,1.56,.64,1),cardGlow 2s ease-in-out infinite}.ai-card{border-left:4px solid #10b981;background:linear-gradient(135deg,#10b98114,#0f172a80);animation:cardSlideIn .5s cubic-bezier(.34,1.56,.64,1),cardGlow 2s ease-in-out infinite .5s}.chart-card,.table-card{border-left:4px solid #8b5cf6;background:linear-gradient(135deg,#8b5cf614,#0f172a80);animation:cardSlideIn .5s cubic-bezier(.34,1.56,.64,1) .2s backwards;max-width:100%}.chart-container{margin-top:16px;padding:16px;background:#0a0f1e80;border-radius:12px;border:1px solid rgba(148,163,184,.1)}.table-wrapper{margin-top:16px;overflow-x:auto;max-height:400px;overflow-y:auto;border-radius:12px;border:1px solid rgba(148,163,184,.1)}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table thead{position:sticky;top:0;background:#0f172af2;z-index:1}.data-table th{padding:12px 14px;text-align:left;font-weight:700;color:#8b5cf6;text-transform:uppercase;font-size:11px;letter-spacing:.05em;border-bottom:2px solid rgba(139,92,246,.3)}.data-table td{padding:10px 14px;color:#cbd5e1;border-bottom:1px solid rgba(148,163,184,.1)}.data-table tbody tr:hover{background:#1e293b4d}.card-avatar.chart{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}@keyframes cardGlow{0%,to{box-shadow:0 0 #10b98100}50%{box-shadow:0 0 20px #10b98126}}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:14px;font-size:12px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em}.card-avatar{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 4px 12px #0000004d}.card-avatar.user{background:linear-gradient(135deg,#06b6d4,#0891b2);animation:avatarPulse 2s ease-in-out infinite}.card-avatar.ai{background:linear-gradient(135deg,#10b981,#059669);color:#fff;animation:avatarRotate 3s ease-in-out infinite}@keyframes avatarPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes avatarRotate{0%,to{transform:rotate(0)}50%{transform:rotate(5deg)}}.card-text{font-size:17px;line-height:1.8;color:#e2e8f0;font-weight:400;animation:textReveal .8s ease}@keyframes textReveal{0%{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur(0)}}.welcome-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;padding:60px 40px;background:#0f172a66;border:1px solid rgba(148,163,184,.1);border-radius:24px;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);position:relative;overflow:hidden}.welcome-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent 0deg,rgba(16,185,129,.1) 180deg,transparent 360deg);animation:rotate 8s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.welcome-icon{width:88px;height:88px;background:linear-gradient(135deg,#10b981,#06b6d4);border-radius:22px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 20px 60px #10b98180,inset 0 0 40px #fff3;animation:iconBob 4s ease-in-out infinite;position:relative;z-index:1}@keyframes iconBob{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-12px) rotate(-3deg)}75%{transform:translateY(12px) rotate(3deg)}}.welcome-card h2{margin:0;font-size:26px;font-weight:700;color:#f1f5f9;letter-spacing:-.02em;position:relative;z-index:1;animation:fadeIn .8s ease .2s backwards}.welcome-card p{margin:0;font-size:15px;line-height:1.8;color:#94a3b8;max-width:480px;position:relative;z-index:1;animation:fadeIn .8s ease .4s backwards}.control-panel{display:flex;align-items:center;gap:16px;padding:18px 28px;background:#0a0f1ee6;border:1px solid rgba(148,163,184,.15);border-radius:24px;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);box-shadow:0 20px 60px #0006,inset 0 1px #ffffff0d;animation:fadeIn .6s ease .3s backwards}.control-btn{display:flex;align-items:center;gap:10px;padding:12px 22px;background:#1e293b99;border:1px solid rgba(148,163,184,.25);border-radius:14px;color:#cbd5e1;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;position:relative;overflow:hidden}.control-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .3s ease}.control-btn:hover:before{opacity:1}.control-btn:hover{background:#1e293be6;border-color:#94a3b866;transform:translateY(-3px) scale(1.02);box-shadow:0 12px 32px #00000080}.control-btn:active{transform:translateY(-1px) scale(.98)}.control-btn.audio.active{background:linear-gradient(135deg,#10b98133,#06b6d426);border-color:#10b98180;color:#6ee7b7;box-shadow:0 0 30px #10b98166}.control-btn.stop{background:linear-gradient(135deg,#ef444433,#dc262626);border-color:#ef444466;color:#fca5a5;padding:12px 36px}.control-btn.stop:hover{background:linear-gradient(135deg,#ef44444d,#dc262633);border-color:#ef444499;box-shadow:0 12px 40px #ef444466}.control-btn.start{background:linear-gradient(135deg,#10b98140,#06b6d433);border-color:#10b98180;color:#6ee7b7;padding:12px 36px;box-shadow:0 0 30px #10b9814d}.control-btn.start:hover{background:linear-gradient(135deg,#10b98159,#06b6d44d);border-color:#10b981b3;box-shadow:0 12px 40px #10b98180}.control-btn.start:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.control-btn.start:disabled:hover{transform:none;box-shadow:none}.control-btn.audio:disabled{opacity:.4;cursor:not-allowed}.start-session-btn{display:flex;align-items:center;gap:12px;padding:16px 32px;background:linear-gradient(135deg,#10b981,#06b6d4);border:none;border-radius:16px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 40px #10b98180;margin-top:12px;position:relative;z-index:1;animation:fadeIn .8s ease .6s backwards;font-family:inherit}.start-session-btn:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 16px 60px #10b98199}.start-session-btn:active{transform:translateY(-2px) scale(1.02)}.session-timer{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#0f172a80;border:1px solid rgba(148,163,184,.2);border-radius:12px;color:#10b981;font-variant-numeric:tabular-nums;font-size:15px;font-weight:700;animation:fadeIn .5s ease}.error-toast{position:fixed;top:100px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;padding:18px 28px;background:#ef444426;border:1px solid rgba(239,68,68,.4);border-radius:16px;color:#fca5a5;font-size:14px;font-weight:500;z-index:20;max-width:600px;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);box-shadow:0 20px 60px #ef444466,inset 0 1px #ffffff1a;animation:toastSlide .5s cubic-bezier(.34,1.56,.64,1)}@keyframes toastSlide{0%{opacity:0;transform:translate(-50%) translateY(-20px) scale(.9)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.error-toast button{background:#ef444433;border:none;color:#fca5a5;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.error-toast button:hover{background:#ef44444d;transform:scale(1.1)}.audio-settings-bar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#1e293bf2;border-bottom:1px solid rgba(148,163,184,.2);gap:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.audio-settings-left,.audio-settings-right{display:flex;align-items:center;gap:10px}.audio-toggle-btn,.fullscreen-toggle{display:flex;align-items:center;gap:6px;background:#33415599;border:1px solid rgba(148,163,184,.3);color:#cbd5e1;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit;white-space:nowrap}.audio-toggle-btn:hover,.fullscreen-toggle:hover{background:#334155e6;border-color:#94a3b880;transform:translateY(-1px)}.audio-toggle-btn.active{background:#10b98133;border-color:#10b98180;color:#6ee7b7;box-shadow:0 0 20px #10b9814d}.fullscreen-toggle{background:#3b82f626;border-color:#3b82f666;color:#93c5fd}.error-banner{position:absolute;top:80px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:12px 20px;background:#ef444433;border:1px solid rgba(239,68,68,.5);border-radius:12px;color:#fca5a5;font-size:13px;z-index:20;max-width:600px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:toastSlide .4s ease}.error-banner span{flex:1}.error-dismiss{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#fca5a5;cursor:pointer;border-radius:4px}.error-dismiss:hover{background:#ef44444d}.chatbot-messages{flex:1;min-height:0;overflow-y:auto;padding:20px 16px;display:flex;flex-direction:column;gap:16px;background:#0f172a;scroll-behavior:smooth}.chat-row{display:flex;max-width:85%;animation:messageSlide .4s cubic-bezier(.34,1.56,.64,1)}@keyframes messageSlide{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-row.me{margin-left:auto}.chat-row.bot,.chat-row.intro{margin-right:auto}.chat-row.intro{max-width:100%}.chat-bubble{background:#1e293bf2;border:1px solid rgba(96,165,250,.4);border-radius:16px;padding:14px 16px;color:#f1f5f9;box-shadow:0 8px 24px #00000080;max-width:100%;word-break:break-word;line-height:1.6}.chat-row.me .chat-bubble{background:linear-gradient(135deg,#10b98140,#065f4626);border:1px solid rgba(16,185,129,.5);color:#d1fae5;border-bottom-right-radius:4px}.chat-text{font-size:13px;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;color:inherit;margin-bottom:8px}.chat-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.chat-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:#64748b}.chat-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.chat-bubble:hover .chat-actions{opacity:1}.chat-action-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#33415599;border:1px solid rgba(148,163,184,.3);border-radius:6px;color:#94a3b8;cursor:pointer;transition:all .2s ease}.chat-action-btn:hover{background:#334155e6;color:#e2e8f0;transform:scale(1.1)}.typing-indicator{display:flex;gap:5px;align-items:center;padding:8px 0}.typing-indicator span{width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,#10b981,#06b6d4);animation:typing-bounce 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}.typing-indicator span:nth-child(3){animation-delay:0s}@keyframes typing-bounce{0%,80%,to{transform:translateY(0) scale(.8);opacity:.4}40%{transform:translateY(-10px) scale(1.2);opacity:1;box-shadow:0 4px 12px #10b98199}}.chatbot-input-bar{flex-shrink:0;display:flex;align-items:flex-end;gap:10px;border-top:1px solid rgba(148,163,184,.2);background:#1e293bfa;padding:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.input-wrapper{flex:1;position:relative}.chatbot-input{width:100%;resize:none;background:#0f172ae6;border:1px solid rgba(148,163,184,.4);border-radius:10px;padding:12px 16px;font-size:14px;line-height:1.5;color:#fff;outline:none;max-height:120px;min-height:44px;font-family:inherit;transition:all .3s ease}.chatbot-input::placeholder{color:#94a3b8}.chatbot-input:focus{border-color:#10b98199;box-shadow:0 0 0 4px #10b98126;background:#0f172a}.send-btn{background:linear-gradient(135deg,#10b98140,#06b6d433);border:1px solid rgba(16,185,129,.5);color:#6ee7b7;border-radius:10px;min-width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.send-btn:disabled{opacity:.3;cursor:not-allowed}.send-btn:not(:disabled):hover{background:linear-gradient(135deg,#10b98159,#06b6d44d);border-color:#10b981b3;transform:translateY(-2px) scale(1.05);box-shadow:0 8px 24px #10b98166}.send-btn:not(:disabled):active{transform:translateY(0) scale(.95)}.sidebar-content::-webkit-scrollbar,.conversation-main::-webkit-scrollbar,.chatbot-messages::-webkit-scrollbar{width:8px}.sidebar-content::-webkit-scrollbar-track,.conversation-main::-webkit-scrollbar-track,.chatbot-messages::-webkit-scrollbar-track{background:#0f172a4d;border-radius:4px}.sidebar-content::-webkit-scrollbar-thumb,.conversation-main::-webkit-scrollbar-thumb,.chatbot-messages::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#10b98180,#06b6d480);border-radius:4px;border:2px solid rgba(15,23,42,.3)}.sidebar-content::-webkit-scrollbar-thumb:hover,.conversation-main::-webkit-scrollbar-thumb:hover,.chatbot-messages::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#10b981b3,#06b6d4b3)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@media(max-width:1200px){.conversation-sidebar{width:300px;min-width:300px}.voice-orb-container{width:200px;height:200px}.voice-orb{width:150px;height:150px}.orb-core svg{width:44px;height:44px}}@media(max-width:968px){.fullscreen-header{padding:16px 20px;height:70px}.brand-info h1{font-size:20px}.brand-logo{width:42px;height:42px}.conversation-layout{height:calc(100vh - 70px);flex-direction:column}.conversation-sidebar{width:100%;min-width:100%;max-height:40%;border-right:none;border-bottom:1px solid rgba(148,163,184,.1)}.conversation-main{padding:40px 20px 30px}.voice-orb-container{width:180px;height:180px}.voice-orb{width:140px;height:140px}.current-exchange{max-width:100%}.control-panel{flex-wrap:wrap;justify-content:center;padding:16px 20px}.control-btn{padding:12px 18px;font-size:13px}}@media(max-width:640px){.brand-info h1{font-size:18px}.brand-info p{font-size:11px}.voice-orb-container{width:160px;height:160px}.voice-orb{width:120px;height:120px}.orb-core svg{width:36px;height:36px}.welcome-card{padding:40px 24px}.welcome-icon{width:64px;height:64px}.welcome-icon svg{width:32px;height:32px}.welcome-card h2{font-size:20px}.welcome-card p{font-size:14px}.card-text{font-size:15px}.status-text{font-size:18px}.exchange-card{padding:20px}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#0f172a;color:#f8fafc;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.7}}@keyframes pulse-ring{0%{transform:scale(.8);opacity:1}to{transform:scale(1.5);opacity:0}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #10b98166}50%{box-shadow:0 0 30px #10b981cc}}@keyframes spin{to{transform:rotate(360deg)}}.app-container{display:flex;height:100vh;width:100vw;overflow:hidden;background:#0f172a;position:relative}.sidebar{width:320px;min-width:320px;max-width:320px;background:radial-gradient(circle at 20% 0%,#1e293b,#0f172a 70%);border-right:1px solid rgba(148,163,184,.15);display:flex;flex-direction:column;overflow:hidden;position:relative;height:100vh;max-height:100vh}.sidebar-header{padding:20px;border-bottom:1px solid rgba(148,163,184,.15);flex-shrink:0;flex-grow:0;background:#0f172acc;z-index:10}.sidebar-scroll-content{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:20px 20px 40px;display:flex;flex-direction:column;gap:20px;min-height:0;max-height:calc(100vh - 100px)}.sidebar-scroll-content::-webkit-scrollbar{width:10px}.sidebar-scroll-content::-webkit-scrollbar-track{background:#0f172a99;border-radius:5px;margin:10px 0}.sidebar-scroll-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b5cf6b3,#06b6d4b3);border-radius:5px;border:2px solid rgba(15,23,42,.4)}.sidebar-scroll-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#8b5cf6e6,#06b6d4e6)}.sidebar-scroll-content{scrollbar-width:thin;scrollbar-color:rgba(139,92,246,.7) rgba(15,23,42,.6)}.brand{display:flex;align-items:center;gap:12px}.brand-icon{width:44px;height:44px;background:linear-gradient(135deg,#10b981,#06b6d4);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #10b98166;animation:glow 3s ease-in-out infinite}.brand-name{font-size:18px;font-weight:700;color:#fff;letter-spacing:-.02em}.brand-subtitle{font-size:12px;color:#94a3b8;font-weight:500}.nav-section{display:flex;flex-direction:column;gap:12px;flex-shrink:0}.nav-section-label{font-size:11px;font-weight:700;letter-spacing:.08em;color:#64748b;text-transform:uppercase;margin-bottom:4px}.nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.nav-item{display:flex;align-items:flex-start;gap:12px;padding:14px;background:#1e293b66;border:1px solid rgba(148,163,184,.15);border-radius:12px;cursor:pointer;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeIn .4s ease-out}.nav-item:hover{background:#1e293bb3;border-color:#94a3b84d;transform:translate(4px)}.nav-item.active{background:radial-gradient(circle at 0% 0%,#2563eb4d,#1e293b99 70%);border:1px solid rgba(96,165,250,.5);box-shadow:0 8px 24px #2563eb4d}.nav-item-icon{color:#93c5fd;margin-top:2px;flex-shrink:0}.nav-item.active .nav-item-icon{color:#60a5fa}.nav-item-content{flex:1;min-width:0}.nav-item-label{font-size:14px;font-weight:600;color:#fff;margin-bottom:4px;line-height:1.3}.nav-item-desc{font-size:12px;color:#94a3b8;line-height:1.4}.main-container{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#0f172a}.top-bar{display:flex;align-items:center;gap:16px;padding:12px 20px;background:#0f172ae6;border-bottom:1px solid rgba(148,163,184,.15);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-shrink:0}.left-side{flex:1;display:flex;align-items:center}.search-bar{flex:1;max-width:400px;display:flex;align-items:center;gap:10px;padding:10px 14px;background:#1e293bcc;border:1px solid rgba(148,163,184,.3);border-radius:10px;transition:all .2s ease}.search-bar:focus-within{border-color:#60a5fa99;box-shadow:0 0 0 3px #60a5fa33}.search-icon{color:#94a3b8;flex-shrink:0}.search-input{flex:1;background:transparent;border:none;outline:none;color:#f8fafc;font-size:13px;font-family:inherit}.search-input::placeholder{color:#64748b}.right-side{display:flex;align-items:center;gap:10px}.time-display{font-size:13px;font-weight:600;color:#94a3b8;font-variant-numeric:tabular-nums;min-width:90px;text-align:right}.icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#1e293b99;border:1px solid rgba(148,163,184,.3);border-radius:8px;color:#e2e8f0;cursor:pointer;transition:all .2s ease}.icon-btn:hover{background:#1e293b;border-color:#94a3b899;transform:translateY(-1px);box-shadow:0 4px 12px #1e293b66}.sub-header{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 20px;background:linear-gradient(to right,#1e293b99,#0f172a00);border-bottom:1px solid rgba(148,163,184,.15);flex-shrink:0}.sub-header-left{flex:1}.sub-header-title{font-size:18px;font-weight:700;color:#fff;margin-bottom:4px;line-height:1.3}.sub-header-desc{font-size:13px;color:#94a3b8;line-height:1.4}.sub-header-metrics{display:flex;gap:10px;flex-shrink:0}.metric-chip{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#1e293bcc;border:1px solid rgba(148,163,184,.3);border-radius:10px;font-size:12px;font-weight:600;color:#e2e8f0}.content-area{flex:1;padding:20px;overflow:auto;min-height:0}.dashboard-content{position:relative;height:100%;background:#0f172a99;border:1px solid rgba(148,163,184,.15);border-radius:16px;box-shadow:0 20px 50px #00000080;overflow:hidden}.dashboard-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172afa,#1e293bf2);z-index:10;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;gap:20px}.loading-spinner{width:56px;height:56px;border:4px solid rgba(139,92,246,.2);border-top:4px solid #8b5cf6;border-right:4px solid #06b6d4;border-radius:50%;animation:spin 1s linear infinite;box-shadow:0 0 30px #8b5cf666;position:relative}.loading-spinner:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:2px solid rgba(6,182,212,.3);border-top:2px solid #06b6d4;border-radius:50%;animation:spin .7s linear infinite reverse}.loading-text{font-size:16px;font-weight:600;color:#e2e8f0;letter-spacing:-.01em}.loading-subtext{font-size:13px;color:#94a3b8;font-weight:500}.dashboard-error-state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:40px;background:linear-gradient(135deg,#0f172afa,#1e293bf2);z-index:10}.error-retry-btn{padding:12px 24px;background:linear-gradient(135deg,#10b98133,#06b6d426);border:1px solid rgba(16,185,129,.4);border-radius:10px;color:#6ee7b7;cursor:pointer;fontSize:14px;fontWeight:600;transition:all .3s ease;font-family:inherit}.error-retry-btn:hover{background:linear-gradient(135deg,#10b9814d,#06b6d440);border-color:#10b98199;transform:translateY(-2px);box-shadow:0 8px 24px #10b98166}.dashboard-iframe{width:100%;height:100%;border:none;background:#0f172a;transition:opacity .4s ease-in-out}.dashboard-iframe.loading{opacity:0;pointer-events:none}.dashboard-iframe.loaded{opacity:1;pointer-events:auto}.chat-panel{position:absolute;top:0;right:0;width:420px;height:100%;background:#0f172afa;border-left:1px solid rgba(148,163,184,.2);box-shadow:-20px 0 60px #000c;display:flex;flex-direction:column;z-index:1000;animation:slideInRight .3s ease-out}.chat-panel.voice-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:10000;background:#0f172a;border:none;box-shadow:none;animation:fadeIn .3s ease}.chat-panel.voice-fullscreen .chat-panel-header{display:none}.chat-panel.voice-fullscreen .chat-panel-content{height:100vh;padding:0}.chat-panel-header{padding:16px;border-bottom:1px solid rgba(148,163,184,.2);display:flex;justify-content:space-between;align-items:flex-start;background:radial-gradient(circle at 0% 0%,#1e293bcc,#0f172a66 70%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.chat-panel-title h3{margin:0;font-size:16px;font-weight:700;color:#fff}.close-chat-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#1e293b99;border:1px solid rgba(148,163,184,.4);border-radius:8px;color:#e2e8f0;cursor:pointer;transition:all .2s ease}.close-chat-btn:hover{background:#1e293b;border-color:#94a3b899;transform:scale(1.05)}.chat-panel-content{flex:1;min-height:0;overflow:hidden}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:#0f172a80;border-radius:4px}*::-webkit-scrollbar-thumb{background:#60a5fa66;border-radius:4px;transition:background .2s ease}*::-webkit-scrollbar-thumb:hover{background:#60a5fa99}@media(max-width:1200px){.sidebar{width:280px;min-width:280px}.chat-panel{width:360px}.chat-panel.voice-fullscreen{width:100vw}}@media(max-width:768px){.sidebar{position:absolute;left:-320px;z-index:900;transition:left .3s ease}.sidebar.open{left:0}.chat-panel{width:100%}.chat-panel.voice-fullscreen{width:100vw}.loading-spinner{width:48px;height:48px}.loading-text{font-size:14px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;min-width:320px;min-height:100vh}#root{width:100%;height:100vh}