:root{--light-bg: #f8f9fa;--light-primary: #5062e1;--light-secondary: #f0f2fd;--light-text: #1a1a1a;--light-text-secondary: #666666;--light-border: #e6e6e6;--light-input-bg: #ffffff;--light-sidebar-bg: #ffffff;--light-hover: #f0f2fd;--light-shadow: 0 8px 24px rgba(0, 0, 0, .08);--light-ai-message: #f0f2fd;--light-user-message: #5062e1;--light-user-text: #ffffff;--dark-bg: #121212;--dark-primary: #7b88f0;--dark-secondary: #202124;--dark-text: #ffffff;--dark-text-secondary: #b0b0b0;--dark-border: #333333;--dark-input-bg: #202124;--dark-sidebar-bg: #1a1a1a;--dark-hover: #2d2d2d;--dark-shadow: 0 8px 24px rgba(0, 0, 0, .2);--dark-ai-message: #202124;--dark-user-message: #7b88f0;--dark-user-text: #ffffff;--bg: var(--light-bg);--primary: var(--light-primary);--secondary: var(--light-secondary);--text: var(--light-text);--text-secondary: var(--light-text-secondary);--border: var(--light-border);--input-bg: var(--light-input-bg);--sidebar-bg: var(--light-sidebar-bg);--hover: var(--light-hover);--shadow: var(--light-shadow);--ai-message: var(--light-ai-message);--user-message: var(--light-user-message);--user-text: var(--light-user-text);--transition: all .3s ease;--border-radius: 12px;--input-radius: 24px;--sidebar-width: 280px}.dark-theme{--bg: var(--dark-bg);--primary: var(--dark-primary);--secondary: var(--dark-secondary);--text: var(--dark-text);--text-secondary: var(--dark-text-secondary);--border: var(--dark-border);--input-bg: var(--dark-input-bg);--sidebar-bg: var(--dark-sidebar-bg);--hover: var(--dark-hover);--shadow: var(--dark-shadow);--ai-message: var(--dark-ai-message);--user-message: var(--dark-user-message);--user-text: var(--dark-user-text)}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body{background-color:var(--bg);color:var(--text);transition:var(--transition);overflow:hidden;height:100vh;width:100vw;position:relative}app-root{display:flex;height:100vh;width:100vw;position:relative;overflow:hidden}.sidebar{background-color:var(--sidebar-bg);width:var(--sidebar-width);height:100vh;position:fixed;top:0;left:0;z-index:100;display:flex;flex-direction:column;box-shadow:var(--shadow);transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-header{padding:24px 16px}.logo{display:flex;align-items:center;gap:12px}.logo-icon{width:36px;height:36px;background-color:var(--primary);color:#fff;border-radius:10px;display:flex;justify-content:center;align-items:center;font-weight:700}.logo span{font-size:18px;font-weight:600}.sidebar-nav{flex:1;padding:24px 0;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:var(--transition);margin:4px 8px;border-radius:8px}.nav-item:hover{background-color:var(--hover)}.nav-item.active{background-color:var(--hover);color:var(--primary);font-weight:500}.nav-item i{width:20px}.sidebar-footer{padding:16px;border-top:1px solid var(--border)}.profile{display:flex;align-items:center;gap:12px}.profile-image{width:40px;height:40px;background-color:var(--primary);color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:500}.profile-name{font-weight:500;font-size:14px}.profile-email{font-size:12px;color:var(--text-secondary)}.main{flex:1;display:flex;flex-direction:column;height:100vh;margin-left:0;transition:margin-left .3s cubic-bezier(.4,0,.2,1);width:100%}@media (min-width: 769px){.sidebar.open+.main{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width))}.sidebar{transform:translate(0)}.sidebar:not(.open){transform:translate(-100%)}}.chat-header{padding:16px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);background-color:var(--bg);z-index:10}.chat-title{display:flex;flex-direction:column}.chat-title h2{font-size:18px;font-weight:600}.ai-status{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);margin-top:4px}.status-dot{width:8px;height:8px;background-color:#4caf50;border-radius:50%}.header-actions{display:flex;align-items:center;gap:16px}.theme-toggle{width:52px;height:26px;background-color:var(--secondary);border-radius:15px;position:relative;cursor:pointer;display:flex;align-items:center;padding:2px;transition:var(--transition)}.toggle-thumb{width:22px;height:22px;background-color:var(--primary);border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:12px;position:absolute;left:2px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.dark-theme .toggle-thumb{transform:translate(26px)}.mobile-menu{display:none;cursor:pointer;width:40px;height:40px;justify-content:center;align-items:center;border-radius:50%;transition:var(--transition)}.mobile-menu:hover{background-color:var(--hover)}@media (max-width: 768px){.mobile-menu{display:flex}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main{margin-left:0;width:100%}}.chat-container{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;background-color:var(--bg)}.messages{display:flex!important;flex-direction:column!important;gap:24px!important;min-width:80%;justify-content:space-evenly!important}.message{display:flex;gap:12px;max-width:85%}.ai-message{align-self:flex-start}.user-message{align-self:flex-end;flex-direction:row-reverse}.avatar{width:36px;height:36px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700;flex-shrink:0}.ai-avatar{background-color:var(--primary);color:#fff}.user-avatar{background-color:var(--user-message);color:#fff}.message-content{display:flex;flex-direction:column;gap:4px}.message-bubble{padding:12px 16px;border-radius:var(--border-radius);background-color:var(--ai-message);color:var(--text);max-width:100%;line-height:1.5}.user-message .message-bubble{background-color:var(--user-message);color:var(--user-text)}.message-meta{font-size:12px;color:var(--text-secondary);padding:0 8px}.typing-message{opacity:.7}.typing-indicator{display:flex;gap:4px;padding:12px 16px;border-radius:var(--border-radius);background-color:var(--ai-message);width:fit-content}.typing-dot{width:8px;height:8px;border-radius:50%;background-color:var(--text-secondary);animation:typing 1.5s infinite ease-in-out}.typing-dot:nth-child(1){animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.3s}.typing-dot:nth-child(3){animation-delay:.6s}@keyframes typing{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.input-container{padding:16px 24px;border-top:1px solid var(--border);background-color:var(--bg)}.input-wrapper{background-color:var(--input-bg);border-radius:var(--input-radius);display:flex;flex-direction:column;box-shadow:var(--shadow);transition:var(--transition);overflow:hidden;max-height:200px}.input-field{border:none;outline:none;padding:16px;background:transparent;color:var(--text);font-size:16px;resize:none;max-height:150px;line-height:1.5}.input-field::placeholder{color:var(--text-secondary)}.input-actions{display:flex;gap:8px}.input-button{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;width:36px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:50%;transition:var(--transition)}.input-button:hover{background-color:var(--hover);color:var(--primary)}.send-button{margin-left:auto;background-color:var(--primary);color:#fff}.send-button:hover{opacity:.9;color:#fff}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:90;visibility:hidden;opacity:0;transition:opacity .3s ease}.overlay.active{visibility:visible;opacity:1}@media (max-width: 576px){.message{max-width:95%}.chat-container{padding:16px}.input-container{padding:12px 16px}}