*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);color:#1e293b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;overflow:hidden}.app,body{height:100vh}.app{animation:fadeIn .8s ease-out;background:#f8fafc;display:flex;flex-direction:column}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.header{background:linear-gradient(135deg,#1e3a8a,#3730a3 50%,#581c87);box-shadow:0 8px 32px #0000001f;color:#fff;overflow:hidden;padding:20px 32px;position:relative;z-index:100}.header:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.header-content{justify-content:space-between;margin:0 auto;max-width:1400px;position:relative;z-index:1}.header-content,.logo{align-items:center;display:flex}.logo{animation:slideInFromLeft .6s ease-out;gap:16px}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.logo-icon{animation:bounce 2s infinite;cursor:pointer;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:36px;transition:transform .3s ease}.logo-icon:hover{transform:scale(1.1) rotate(5deg)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}.logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#e0e7ff 50%,#c7d2fe);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800;letter-spacing:-.5px;text-shadow:0 2px 4px #0000001a}.header-actions{animation:slideInFromRight .6s ease-out;display:flex;gap:16px}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.tools-toggle{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border:2px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;overflow:hidden;padding:12px 20px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.tools-toggle:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.tools-toggle:hover:before{left:100%}.tools-toggle:hover{background:#ffffff40;box-shadow:0 8px 25px #00000026;transform:translateY(-2px) scale(1.02)}.tools-toggle.active{background:#ffffff4d;box-shadow:0 4px 20px #0003;transform:scale(.98)}.main-content{flex:1 1}.main-content,.sidebar{display:flex;overflow:hidden}.sidebar{animation:slideInFromLeft .8s ease-out;background:linear-gradient(180deg,#fff,#f8fafc 50%,#f1f5f9);border-right:1px solid #e2e8f0;box-shadow:4px 0 20px #00000014;flex-direction:column;position:relative;width:320px}.sidebar:before{animation:colorShift 4s ease-in-out infinite;background:linear-gradient(180deg,#3b82f6,#8b5cf6,#d946ef);content:"";height:100%;left:0;position:absolute;top:0;width:4px}@keyframes colorShift{0%,to{background:linear-gradient(180deg,#3b82f6,#8b5cf6)}50%{background:linear-gradient(180deg,#8b5cf6,#d946ef)}}.sidebar-header{background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid #e2e8f0;padding:24px}.new-chat-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:16px;box-shadow:0 8px 25px #3b82f640;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:12px;justify-content:center;overflow:hidden;padding:16px 24px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.new-chat-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.new-chat-btn:hover:before{left:100%}.new-chat-btn:hover{box-shadow:0 12px 35px #3b82f666;transform:translateY(-3px) scale(1.02)}.new-chat-btn:active{transform:translateY(-1px) scale(.98)}.plus-icon{animation:rotate .3s ease;font-size:20px;font-weight:700}.new-chat-btn:hover .plus-icon{animation:rotateHover .4s ease}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(180deg)}}@keyframes rotateHover{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(1turn) scale(1)}}.tools-panel{animation:slideUp .6s ease-out;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 8px 32px #00000014;flex:1 1;margin:20px;overflow-y:auto;padding:24px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.tools-panel h3{border-bottom:3px solid #e2e8f0;color:#1e293b;font-size:20px;font-weight:700;margin-bottom:20px;padding-bottom:12px;position:relative}.tools-panel h3:after{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px;bottom:-3px;content:"";height:3px;left:0;position:absolute;width:60px}.tools-list{display:flex;flex-direction:column;gap:16px}.tool-item{animation:fadeInStagger .6s ease-out both;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:16px;overflow:hidden;padding:18px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.tool-item:first-child{animation-delay:.1s}.tool-item:nth-child(2){animation-delay:.2s}.tool-item:nth-child(3){animation-delay:.3s}.tool-item:nth-child(4){animation-delay:.4s}.tool-item:nth-child(5){animation-delay:.5s}.tool-item:nth-child(n+6){animation-delay:.6s}@keyframes fadeInStagger{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.tool-item:before{background:linear-gradient(90deg,#0000,#3b82f61a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.tool-item:hover:before{left:100%}.tool-item:hover{background:linear-gradient(135deg,#fff,#f0f9ff);border-color:#3b82f6;box-shadow:0 12px 40px #00000026;transform:translateY(-4px) scale(1.02)}.tool-name{align-items:center;color:#1e293b;display:flex;font-size:15px;font-weight:700;gap:8px;margin-bottom:8px}.tool-name:before{content:"⚡";font-size:12px;opacity:.7}.tool-description{color:#64748b;font-size:13px;line-height:1.5;margin-bottom:12px}.tool-params{background:linear-gradient(135deg,#f3f4f6,#e0e7ff);border:1px solid #e0e7ff;border-radius:8px;color:#7c3aed;display:inline-block;font-size:11px;padding:6px 12px}.sidebar-footer{border-top:1px solid #e2e8f0;padding:20px}.status-indicator{align-items:center;color:#64748b;display:flex;font-size:13px;gap:8px}.status-dot{animation:pulse 2s infinite;background:#22c55e;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chat-area{background:linear-gradient(180deg,#fff,#f8fafc);flex:1 1;flex-direction:column;height:calc(100vh - 80px)}.chat-area,.welcome-screen{display:flex;overflow:hidden;position:relative}.welcome-screen{align-items:center;background:linear-gradient(135deg,#f8fafc,#e0e7ff 50%,#ddd6fe);flex:1 1;justify-content:center}.welcome-screen:before{animation:backgroundShift 8s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#3b82f61a 0,#0000 50%),radial-gradient(circle at 80% 20%,#8b5cf61a 0,#0000 50%),radial-gradient(circle at 40% 40%,#d946ef0d 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes backgroundShift{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.1) rotate(1deg)}}.welcome-content{animation:welcomeSlideIn 1s ease-out;max-width:900px;padding:60px 40px;position:relative;text-align:center;z-index:1}@keyframes welcomeSlideIn{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.welcome-header{margin-bottom:60px}.welcome-icon{animation:float 6s ease-in-out infinite;filter:drop-shadow(0 8px 16px rgba(0,0,0,.1));font-size:80px;margin-bottom:32px}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-10px) rotate(2deg)}66%{transform:translateY(-5px) rotate(-1deg)}}.welcome-header h2{-webkit-text-fill-color:#0000;animation:textGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#1e3a8a,#7c3aed 50%,#d946ef);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:42px;font-weight:800;letter-spacing:-1px;line-height:1.2;margin-bottom:16px}@keyframes textGlow{0%,to{filter:drop-shadow(0 0 0 rgba(30,58,138,0))}50%{filter:drop-shadow(0 0 20px rgba(30,58,138,.3))}}.welcome-header p{animation:fadeInDelay 1.2s ease-out;color:#64748b;font-size:20px;font-weight:500;line-height:1.6}@keyframes fadeInDelay{0%{opacity:0;transform:translateY(20px)}60%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.examples-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:40px}.example-card{align-items:center;animation:cardSlideUp .8s ease-out both;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:20px;box-shadow:0 8px 25px #00000014;cursor:pointer;display:flex;gap:20px;overflow:hidden;padding:32px;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1)}.example-card:first-child{animation-delay:.2s}.example-card:nth-child(2){animation-delay:.4s}.example-card:nth-child(3){animation-delay:.6s}.example-card:nth-child(4){animation-delay:.8s}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(60px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.example-card:before{background:linear-gradient(90deg,#0000,#3b82f61a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .8s ease;width:100%}.example-card:hover:before{left:100%}.example-card:hover{background:linear-gradient(135deg,#fff,#f0f9ff);border-color:#3b82f6;box-shadow:0 20px 60px #3b82f633;transform:translateY(-8px) scale(1.02)}.example-card:active{transform:translateY(-4px) scale(.98)}.example-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));flex-shrink:0;font-size:40px;transition:transform .3s ease}.example-card:hover .example-icon{animation:iconBounce .6s ease;transform:scale(1.1) rotate(5deg)}@keyframes iconBounce{0%,to{transform:scale(1.1) rotate(5deg)}50%{transform:scale(1.2) rotate(-2deg)}}.example-content{flex:1 1;text-align:left}.example-content h4{color:#1e293b;font-size:20px;font-weight:700;margin-bottom:8px;transition:color .3s ease}.example-card:hover .example-content h4{color:#3b82f6}.chat-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);height:100%;overflow:hidden}.messages{min-height:0;overflow-x:hidden;padding:32px;position:relative;scrollbar-color:#cbd5e1 #0000;scrollbar-width:thin}.messages::-webkit-scrollbar{width:6px}.messages::-webkit-scrollbar-track{background:#0000}.messages::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.messages::-webkit-scrollbar-thumb:hover{background:#94a3b8}.messages:before{background:linear-gradient(180deg,#0000,#e2e8f0,#0000);content:"";height:100%;left:50%;opacity:.3;position:absolute;top:0;transform:translateX(-50%);width:2px}.message{animation:messageSlideIn .6s ease-out;gap:20px;margin-bottom:32px;max-width:900px;position:relative}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.message-avatar{border-radius:16px;box-shadow:0 8px 25px #3b82f64d;font-size:20px;height:48px;overflow:hidden;position:relative;transition:transform .3s ease;width:48px}.message-avatar:before{background:linear-gradient(45deg,#0000 30%,#fff3 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s ease}.message:hover .message-avatar:before{transform:translateX(100%)}.message.user .message-avatar{box-shadow:0 8px 25px #10b9814d}.message:hover .message-avatar{transform:scale(1.05) rotate(2deg)}.message-content{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:20px;box-shadow:0 8px 32px #00000014;overflow:hidden;padding:24px;position:relative;transition:all .4s ease}.message-content:before{background:linear-gradient(180deg,#3b82f6,#8b5cf6);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.message:hover .message-content:before{opacity:1}.message.user .message-content:before{background:linear-gradient(180deg,#fff,#ffffffb3)}.message-content:hover{box-shadow:0 12px 48px #0000001f;transform:translateY(-2px)}.message-text{font-size:16px;font-weight:400;line-height:1.7}.chart-container{animation:chartFadeIn .8s ease-out;margin:20px 0}@keyframes chartFadeIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.chart-image{border:3px solid #fff;border-radius:16px;box-shadow:0 12px 40px #00000026;transition:all .4s cubic-bezier(.4,0,.2,1)}.chart-image:hover{box-shadow:0 20px 60px #0003;transform:scale(1.03) rotate(.5deg)}.message-time{font-size:12px;font-weight:500;margin-top:16px;opacity:.7;transition:opacity .3s ease}.message:hover .message-time{opacity:1}.message.user .message-time{color:#fffc}.chat-container{display:flex;flex:1 1;flex-direction:column}.messages{background:linear-gradient(135deg,#f8fafc,#f1f5f9);flex:1 1;overflow-y:auto;padding:24px}.message{display:flex;gap:16px;margin-bottom:24px;margin-left:auto;margin-right:auto;max-width:800px}.message.user{flex-direction:row-reverse}.message-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.message.user .message-avatar{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.message-content{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #00000014;flex:1 1;padding:20px}.message.user .message-content{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#3b82f6;color:#fff}.message-text{font-size:15px;line-height:1.6}.chart-container{margin:16px 0;text-align:center}.chart-image{border-radius:12px;box-shadow:0 8px 24px #0000001f;transition:transform .3s ease}.chart-image:hover{transform:scale(1.02)}.message-time{color:#94a3b8;font-size:11px;margin-top:12px;text-align:right}.input-area{background:linear-gradient(135deg,#fff,#f8fafc);padding:32px;position:relative}.input-area:before{animation:borderFlow 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#3b82f6,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}@keyframes borderFlow{0%,to{opacity:.3}50%{opacity:.8}}.input-container{max-width:900px;position:relative}.input-wrapper{background:linear-gradient(135deg,#fff,#f8fafc);border:3px solid #e2e8f0;border-radius:24px;box-shadow:0 8px 32px #00000014;overflow:hidden;padding:6px;transition:all .4s cubic-bezier(.4,0,.2,1)}.input-wrapper:before{background:linear-gradient(90deg,#0000,#3b82f61a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left 1s ease;width:100%}.input-wrapper:focus-within:before{left:100%}.input-wrapper:focus-within{box-shadow:0 0 0 4px #3b82f61a,0 12px 40px #0000001f;transform:translateY(-2px)}.chat-input{font-size:16px;font-weight:500;line-height:1.5;padding:20px 70px 20px 24px}.chat-input::placeholder{font-weight:400}.send-button{border-radius:16px;box-shadow:0 8px 25px #3b82f64d;height:48px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:48px}.send-button:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.send-button:hover:before{left:100%}.send-button:hover:not(:disabled){box-shadow:0 12px 35px #3b82f666;transform:translateY(-50%) scale(1.05) rotate(5deg)}.send-button:active:not(:disabled){transform:translateY(-50%) scale(.95)}.send-button:disabled{background:linear-gradient(135deg,#94a3b8,#64748b);opacity:.5}.typing-indicator{gap:6px;justify-content:center;padding:12px 0}.typing-indicator span{animation:typingBounce 1.4s ease-in-out infinite both;background:linear-gradient(135deg,#3b82f6,#8b5cf6);height:10px;width:10px}.typing-indicator span:nth-child(3){animation-delay:0s}@keyframes typingBounce{0%,80%,to{opacity:.5;transform:scale(.8) translateY(0)}40%{opacity:1;transform:scale(1.2) translateY(-10px)}}@media (max-width:768px){.sidebar{width:280px}.header-content{padding:0 20px}.logo h1{font-size:24px}.examples-grid{gap:20px;grid-template-columns:1fr}.example-card{flex-direction:column;padding:24px;text-align:center}.message{margin-left:20px;margin-right:20px}.input-area{padding:20px}}.input-area{background:#fff;border-top:1px solid #e2e8f0;padding:24px}.input-container{margin:0 auto;max-width:800px}.input-wrapper{background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;padding:4px;position:relative;transition:all .3s ease}.input-wrapper:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.chat-input{background:#0000;border:none;color:#1e293b;font-size:15px;outline:none;padding:16px 60px 16px 20px;resize:none;width:100%}.chat-input::placeholder{color:#94a3b8}.send-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:40px}.send-button:hover:not(:disabled){transform:translateY(-50%) scale(1.05)}.send-button:disabled{background:#94a3b8;box-shadow:none;cursor:not-allowed}.typing-indicator{display:flex;gap:4px;padding:8px 0}.typing-indicator span{animation:typing 1.4s ease-in-out infinite both;background:#3b82f6;border-radius:50%;height:8px;width:8px}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@media (max-width:768px){.sidebar{width:280px}.header-content{padding:0 16px}.logo h1{font-size:22px}.examples-grid{grid-template-columns:1fr}.message{margin-left:16px;margin-right:16px}}.message-text p{margin-bottom:12px}.message-text p:last-child{margin-bottom:0}.message-text strong{color:#1e293b;font-weight:700}.message-text h1,.message-text h2,.message-text h3,.message-text h4{color:#1e3a8a;font-weight:700;margin-bottom:12px;margin-top:20px}.message-text h3{border-bottom:2px solid #e2e8f0;font-size:1.1em;padding-bottom:8px}.message-text ol,.message-text ul{margin-bottom:16px;padding-left:24px}.message-text li{margin-bottom:6px}.table-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin:20px 0;overflow-x:auto}.markdown-table{border-collapse:collapse;font-size:14px;text-align:left;width:100%}.markdown-table th{background:#f1f5f9;color:#475569;font-weight:600;white-space:nowrap}.markdown-table td,.markdown-table th{border-bottom:1px solid #e2e8f0;padding:12px 16px}.markdown-table td{color:#334155}.markdown-table tr:last-child td{border-bottom:none}.markdown-table tr:hover td{background:#f8fafc}.message-text code{background:#f1f5f9;border-radius:4px;color:#be185d;font-family:Menlo,Monaco,Courier New,monospace;font-size:.9em;padding:2px 6px}.message-text pre{background:#1e293b;border-radius:12px;margin:16px 0;overflow-x:auto;padding:16px}.message-text pre code{background:#0000;color:#e2e8f0;padding:0}.mobile-menu-btn{background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;display:none;font-size:24px;margin-right:8px;padding:8px;transition:background .3s}.mobile-menu-btn:hover{background:#ffffff1a}.mobile-overlay{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:900}@media (max-width:768px){.header{padding:16px}.header h1{font-size:20px}.mobile-menu-btn{display:block}.sidebar{box-shadow:2px 0 20px #0003;height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:1000}.sidebar.mobile-open{transform:translateX(0)}.chat-area{margin-left:0;width:100%}.messages{padding:16px}.message{gap:12px;margin-bottom:24px;max-width:100%}.message-avatar{font-size:16px;height:36px;width:36px}.message-content{font-size:14px;padding:16px}.welcome-content{padding:32px 20px}.welcome-header h2{font-size:28px}.welcome-icon{font-size:60px}.input-area{padding:12px}.input-container{padding:0}.tools-toggle{font-size:12px;padding:8px 12px}.chart-container{margin:12px 0}.examples-grid{gap:16px;grid-template-columns:1fr}}
/*# sourceMappingURL=main.b2ccac88.css.map*/