*{padding:0;margin:0;box-sizing:border-box;font-family:Poppins}#root{min-height:100vh;display:flex;animation:fadeIn 1.5s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:root{--primary-color: #8a2be2;--primary-light: #b088f9;--secondary-color: #4a90e2;--text-color: #333;--text-light: #666;--text-extra-light: #999;--bg-color: #ffffff;--bg-light: #f5f7fa;--bg-dark: #eaeef2;--card-bg: #ffffff;--shadow-color: rgba(0, 0, 0, .1);--highlight-color: #fdefe2;--success-color: #4caf50;--warning-color: #ff9800;--error-color: #f44336;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--transition-speed: .3s}[data-theme=dark]{--primary-color: #a35ef9;--primary-light: #b88dfd;--secondary-color: #64b5f6;--text-color: #e0e0e0;--text-light: #b0b0b0;--text-extra-light: #808080;--bg-color: #121212;--bg-light: #1e1e1e;--bg-dark: #2d2d2d;--card-bg: #2d2d2d;--shadow-color: rgba(0, 0, 0, .5);--highlight-color: #483137}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);transition:background-color var(--transition-speed),color var(--transition-speed)}a{color:var(--secondary-color);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;border:none;background:none;font-family:var(--font-family)}.main{display:flex;flex-direction:column;min-height:100vh;transition:background-color var(--transition-speed)}.main.dark{background-color:var(--bg-color)}.navv{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-xl);background-color:var(--bg-color);box-shadow:0 2px 10px var(--shadow-color);position:sticky;top:0;z-index:100;transition:background-color var(--transition-speed),box-shadow var(--transition-speed)}.nav-left,.nav-right{display:flex;align-items:center;gap:var(--spacing-md)}.nav-left h1{font-size:1.5rem;font-weight:600;color:var(--primary-color);margin:0}.menu-toggle{cursor:pointer;padding:var(--spacing-xs)}.menu-icon{display:flex;flex-direction:column;gap:4px}.menu-icon span{display:block;width:18px;height:2px;background-color:var(--text-color);transition:transform var(--transition-speed),opacity var(--transition-speed)}.theme-toggle{background-color:var(--bg-light);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:18px;transition:background-color var(--transition-speed)}.theme-toggle:hover{background-color:var(--bg-dark)}.user-profile img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--primary-light)}.content-area{display:flex;flex:1;position:relative;overflow:hidden}.side-menu{width:280px;background-color:var(--bg-light);height:100%;padding:var(--spacing-md);display:flex;flex-direction:column;border-right:1px solid var(--bg-dark);animation:slideIn .3s ease-out;box-shadow:2px 0 10px var(--shadow-color)}@keyframes slideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--bg-dark)}.close-menu{font-size:24px;color:var(--text-light);transition:color var(--transition-speed)}.close-menu:hover{color:var(--error-color)}.history-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-sm)}.history-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-speed)}.history-item:hover{background-color:var(--bg-dark)}.history-item img{width:24px;height:24px;border-radius:50%}.history-item.user p{color:var(--text-color)}.history-item.ai p{color:var(--primary-color)}.menu-footer{margin-top:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.new-chat-btn,.clear-history-btn{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-weight:500;transition:background-color var(--transition-speed),color var(--transition-speed)}.new-chat-btn{background-color:var(--primary-color);color:#fff}.new-chat-btn:hover{background-color:var(--primary-light)}.clear-history-btn{background-color:var(--bg-dark);color:var(--text-light)}.clear-history-btn:hover{background-color:var(--error-color);color:#fff}.main-content{flex:1;padding:var(--spacing-lg);overflow-y:auto;display:flex;flex-direction:column}.main-container{display:flex;flex-direction:column;align-items:center;max-width:900px;margin:0 auto;padding:var(--spacing-lg) 0;gap:var(--spacing-xxl)}.greet{text-align:center;margin-bottom:var(--spacing-lg)}.greet h1{font-size:2.5rem;margin-bottom:var(--spacing-md);font-weight:700}.greet .highlight{color:var(--primary-color);position:relative}.greet .highlight:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:4px;background-color:var(--primary-light);border-radius:2px}.greet .subtitle{font-size:1.25rem;color:var(--text-light);max-width:600px;margin:0 auto}.cards-container{width:100%}.cards-container h2{margin-bottom:var(--spacing-md);font-size:1.5rem;color:var(--text-color)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-md);width:100%}.card{background-color:var(--card-bg);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:0 4px 12px var(--shadow-color);cursor:pointer;transition:transform var(--transition-speed),box-shadow var(--transition-speed);display:flex;align-items:flex-start;justify-content:space-between}.card:hover{transform:translateY(-4px);box-shadow:0 8px 16px var(--shadow-color)}.card-content{flex:1}.card-category{display:inline-block;font-size:.75rem;font-weight:600;color:var(--primary-color);background-color:var(--highlight-color);padding:2px 8px;border-radius:12px;margin-bottom:var(--spacing-sm)}.card p{font-size:1rem;color:var(--text-color);line-height:1.5}.card-icon{margin-left:var(--spacing-md)}.card-icon img{width:32px;height:32px;opacity:.8}.features-showcase{width:100%;margin-top:var(--spacing-xl)}.features-showcase h2{margin-bottom:var(--spacing-lg);font-size:1.5rem;text-align:center}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.feature{text-align:center;padding:var(--spacing-lg);border-radius:var(--radius-md);background-color:var(--bg-light);transition:transform var(--transition-speed),background-color var(--transition-speed)}.feature:hover{transform:translateY(-4px);background-color:var(--card-bg);box-shadow:0 4px 12px var(--shadow-color)}.feature-icon{font-size:2rem;margin-bottom:var(--spacing-sm)}.feature h3{font-size:1.2rem;margin-bottom:var(--spacing-sm);color:var(--primary-color)}.feature p{font-size:.9rem;color:var(--text-light);line-height:1.5}.result-container{max-width:800px;margin:0 auto;width:100%}.result{margin-bottom:var(--spacing-lg)}.result-title{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-light);border-radius:var(--radius-md)}.result-title img{width:36px;height:36px;border-radius:50%}.result-title p{font-weight:500}.result-data{display:flex;gap:var(--spacing-md);padding:var(--spacing-md)}.ai-avatar img{width:36px;height:36px;border-radius:50%}.ai-response{flex:1;background-color:var(--bg-light);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:0 2px 8px var(--shadow-color)}.response-content{line-height:1.6;font-size:1rem}.typing-animation{display:flex;align-items:center;gap:6px;padding:var(--spacing-md)}.typing-animation span{display:inline-block;width:8px;height:8px;background-color:var(--primary-color);border-radius:50%;opacity:.6;animation:typing 1.4s infinite}.typing-animation span:nth-child(2){animation-delay:.2s}.typing-animation span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(-4px);opacity:1}}.response-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.action-btn{display:flex;align-items:center;gap:6px;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);color:var(--text-light);font-size:.875rem;transition:background-color var(--transition-speed),color var(--transition-speed)}.action-btn:hover{background-color:var(--bg-dark);color:var(--text-color)}.action-icon{font-size:1rem}.main-bottom{margin-top:auto;padding:var(--spacing-lg);background-color:var(--bg-color);border-top:1px solid var(--bg-dark);transition:background-color var(--transition-speed)}.input-container{position:relative;max-width:900px;margin:0 auto}.input{display:flex;align-items:center;background-color:var(--bg-light);border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-md);box-shadow:0 2px 10px var(--shadow-color);transition:box-shadow var(--transition-speed)}.input:focus-within{box-shadow:0 4px 20px var(--shadow-color)}.input input{flex:1;border:none;background:none;padding:var(--spacing-md);font-size:1rem;color:var(--text-color);outline:none}.input input::placeholder{color:var(--text-extra-light)}.input-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.input-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;transition:background-color var(--transition-speed)}.input-btn:hover{background-color:var(--bg-dark)}.input-btn img{width:20px;height:20px;opacity:.7;transition:opacity var(--transition-speed)}.input-btn:hover img{opacity:1}.send-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:var(--primary-color);transition:background-color var(--transition-speed),transform var(--transition-speed)}.send-btn:hover{background-color:var(--primary-light);transform:scale(1.05)}.send-btn img{width:18px;height:18px;filter:brightness(0) invert(1)}.suggestions{position:absolute;top:calc(100% + 8px);left:0;right:0;background-color:var(--card-bg);border-radius:var(--radius-md);box-shadow:0 4px 16px var(--shadow-color);padding:var(--spacing-sm);z-index:10;max-height:200px;overflow-y:auto;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.suggestion-item{padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-speed)}.suggestion-item:hover{background-color:var(--bg-light)}.bottom-info{margin-top:var(--spacing-md);text-align:center}.bottom-info p{font-size:.8rem;color:var(--text-extra-light)}@media (max-width: 1200px){.cards,.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.navv{padding:var(--spacing-sm) var(--spacing-md)}.nav-left h1{font-size:1.2rem}.main-content{padding:var(--spacing-md)}.cards{grid-template-columns:1fr}.greet h1{font-size:2rem}.greet .subtitle{font-size:1rem}.features-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.result-data{flex-direction:column}.ai-avatar{align-self:flex-start}.response-actions{flex-wrap:wrap}}@media (max-width: 480px){.main-bottom{padding:var(--spacing-md) var(--spacing-sm)}.input{padding:var(--spacing-xs) var(--spacing-sm)}.input input{padding:var(--spacing-sm);font-size:.9rem}.nav-right{gap:var(--spacing-sm)}.theme-toggle,.user-profile img{width:32px;height:32px}.greet h1{font-size:1.5rem}.card{padding:var(--spacing-md)}}.main-container,.result-container{animation:fadeSlideUp .5s ease-out}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card,.feature{transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease}.send-btn{position:relative;overflow:hidden}.send-btn:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:#fff3;border-radius:50%;transform:translate(-50%,-50%) scale(0);opacity:0;transition:transform .4s ease-out,opacity .4s ease-out}.send-btn:active:after{transform:translate(-50%,-50%) scale(3);opacity:1;transition:0s}.response-content pre{background-color:var(--bg-dark);border-radius:var(--radius-sm);padding:var(--spacing-md);margin:var(--spacing-md) 0;overflow-x:auto;border-left:4px solid var(--primary-color)}.response-content code{font-family:Courier New,monospace;font-size:.9rem;color:var(--primary-color)}.response-content ul,.response-content ol{padding-left:var(--spacing-lg);margin:var(--spacing-md) 0}.response-content li{margin-bottom:var(--spacing-xs)}.response-content table{width:100%;border-collapse:collapse;margin:var(--spacing-md) 0}.response-content th,.response-content td{padding:var(--spacing-sm);border:1px solid var(--bg-dark);text-align:left}.response-content th{background-color:var(--bg-dark);font-weight:600}.response-content tr:nth-child(2n){background-color:var(--bg-light)}.response-content img{max-width:100%;border-radius:var(--radius-sm);margin:var(--spacing-md) 0}.response-content blockquote{border-left:4px solid var(--primary-light);padding-left:var(--spacing-md);margin:var(--spacing-md) 0;color:var(--text-light);font-style:italic}[data-theme=dark] .input input::placeholder{color:var(--text-light)}[data-theme=dark] .card,[data-theme=dark] .feature:hover{box-shadow:0 4px 16px #0000004d}[data-theme=dark] .response-content pre{background-color:#1a1a1a;border-left:4px solid var(--primary-light)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-light);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.loading hr{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:var(--primary-color);margin:0 4px;animation:pulse 1.5s infinite}.loading hr:nth-child(2){animation-delay:.2s}.loading hr:nth-child(3){animation-delay:.4s}.notification{position:fixed;top:20px;right:20px;min-width:280px;max-width:350px;background-color:var(--card-bg);border-radius:var(--radius-md);box-shadow:0 4px 20px var(--shadow-color);padding:var(--spacing-md);z-index:1000;display:flex;justify-content:space-between;align-items:center;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.notification-content{display:flex;align-items:center;gap:var(--spacing-sm)}.notification-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:14px;font-weight:700}.notification.success .notification-icon{background-color:var(--success-color);color:#fff}.notification.error .notification-icon{background-color:var(--error-color);color:#fff}.notification.warning .notification-icon{background-color:var(--warning-color);color:#fff}.notification.info .notification-icon{background-color:var(--secondary-color);color:#fff}.close-notification{font-size:18px;color:var(--text-light);transition:color var(--transition-speed)}.close-notification:hover{color:var(--error-color)}.voice-indicator{position:fixed;bottom:120px;left:50%;transform:translate(-50%);background-color:#000000b3;color:#fff;border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);z-index:1000;animation:fadeIn .3s ease-out}.voice-waves{display:flex;align-items:center;height:40px}.voice-waves span{display:inline-block;width:4px;margin:0 2px;border-radius:2px;background-color:var(--primary-color);animation:voiceWave 1s ease-in-out infinite}.voice-waves span:nth-child(1){height:10px;animation-delay:0s}.voice-waves span:nth-child(2){height:20px;animation-delay:.2s}.voice-waves span:nth-child(3){height:30px;animation-delay:.4s}.voice-waves span:nth-child(4){height:20px;animation-delay:.6s}.voice-waves span:nth-child(5){height:10px;animation-delay:.8s}@keyframes voiceWave{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.5)}}.cancel-voice{background-color:var(--bg-light);color:var(--text-color);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);font-size:.9rem;transition:background-color var(--transition-speed)}.cancel-voice:hover{background-color:var(--error-color);color:#fff}.input-btn.active{background-color:var(--primary-light)}.input-btn.active img{opacity:1;filter:brightness(0) invert(1)}.sidebar{display:inline-flex;flex-direction:column;min-height:100vh;justify-content:space-between;background-color:#f0f4f9;padding:25px 15px}.top{display:flex;flex-direction:column}.sidebar img{width:20px}.sidebar .menu{display:block;cursor:pointer;margin-left:10px}.newchat{display:flex;margin-top:50px;align-items:center;padding:10px 15px;background-color:#faebd7;color:gray;gap:10px;font-size:14px;cursor:pointer;border-radius:50px}.sidebar .recent{display:flex;flex-direction:column;animation:fadeIn 1.5s}.sidebar .recent-entry{display:flex;align-items:start;gap:10px;padding:10px 40px 10px 10px;border-radius:50px;color:#282828;cursor:pointer}.sidebar .recent-title{margin-top:30px;margin-bottom:20px}.sidebar .recent-title:hover{background-color:#e2e6eb}.sidebar .bottom{display:flex;flex-direction:column}.sidebar .bottom-item{padding-right:10px;cursor:pointer}@media (max-width:600px){.sidebar{display:none}}