:root{--bs-primary:#10a37f;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;height:auto;min-height:100%;background-color:#000}.sidebar{background-color:#202123;color:white;border-right:1px solid #4d4d4f;height:100vh;width:280px;position:fixed;top:0;left:-280px;z-index:1050;transition:left .3s ease}.sidebar.show{left:0}@media (min-width:768px){.sidebar{position:relative;left:0;width:280px;flex-shrink:0;background-color:#171717}}.sidebar .nav-link{color:#ececec;border-radius:8px;margin-bottom:8px;padding:12px 16px;transition:background-color .2s}.sidebar .nav-link:hover{background-color:#2a2b32;color:white}.sidebar .nav-link.active{background-color:#343541;color:white}.chat-container{height:100vh;display:flex;flex-direction:column;flex:1 1;background-color:#000}@media (min-width:768px){.chat-container{background-color:#212121}}.messages-container{flex:1 1;overflow-y:auto;padding:20px;background-color:#000}@media (min-width:768px){.messages-container{background-color:#212121}}.message{margin-bottom:20px;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{display:flex;justify-content:flex-end}.message.assistant{display:flex;justify-content:flex-start}.message-content{max-width:70%;padding:12px 16px;border-radius:18px;line-height:1.4}.message.user .message-content{background-color:#10a37f;color:white}.message.assistant .message-content{background-color:#444654;color:#ececec}.input-container{padding:20px;background-color:#000;border-top:1px solid #4d4d4f;position:relative}@media (min-width:768px){.input-container{background-color:#212121;border-top:none}}.desktop-input-group{max-width:768px;padding:0;box-shadow:0 0 0 1px rgba(255,255,255,.1)}.desktop-input-group,.input-group{margin:0 auto;position:relative;display:flex;align-items:center;background-color:#2f2f2f;border-radius:25px}.input-group{max-width:800px;padding:8px 16px}@media (min-width:768px){.input-group{background-color:transparent;padding:0}}.form-control{background-color:transparent;border:1px solid #4d4d4f;color:white;border-radius:12px;padding:12px 16px;resize:none;min-height:50px;flex:1 1}@media (max-width:767px){.form-control{border:none;padding:8px 12px;min-height:auto;background-color:transparent}}@media (min-width:768px){.form-control{background-color:#2f2f2f;border:none;border-radius:25px;padding:16px 20px;min-height:52px;font-size:16px}}.form-control:focus{background-color:transparent;border-color:#10a37f;color:white;box-shadow:0 0 0 .2rem rgba(16,163,127,.25)}@media (min-width:768px){.form-control:focus{background-color:#2f2f2f;box-shadow:0 0 0 2px rgba(255,255,255,.1)}}@media (max-width:767px){.form-control:focus{border:none;box-shadow:none}}.form-control::placeholder{color:#8e8ea0}.btn-primary{background-color:#10a37f;border-color:#10a37f;border-radius:8px;padding:8px 16px}@media (min-width:768px){.btn-primary{border-radius:12px;padding:12px 20px;font-weight:500;margin-left:8px}}.btn-primary:hover{background-color:#0d8a6b;border-color:#0d8a6b}.btn-outline-secondary{color:#ececec;border-color:#4d4d4f;border-radius:8px}.btn-outline-secondary:hover{background-color:#2a2b32;border-color:#4d4d4f;color:white}.new-chat-btn{background-color:transparent;border:1px solid #4d4d4f;color:#ececec;border-radius:8px;padding:10px 16px;width:100%;margin-bottom:20px;transition:all .2s}@media (min-width:768px){.new-chat-btn{background-color:transparent;border:1px solid #4d4d4f;color:#ececec;border-radius:12px;padding:12px 16px;font-size:14px;font-weight:500}}.new-chat-btn:hover{background-color:#2a2b32;border-color:#565869}.conversation-item{background:transparent;border:none;color:#ececec;text-align:left;width:100%;padding:12px 16px;border-radius:8px;margin-bottom:8px;transition:background-color .2s;cursor:pointer}.conversation-item:hover{background-color:#2a2b32}.conversation-item.active{background-color:#343541}@media (min-width:768px){.conversation-item{border-radius:12px;padding:12px 16px;margin-bottom:4px;font-size:14px}.conversation-item.active,.conversation-item:hover{background-color:#2a2b32}}.typing-indicator{display:flex;align-items:center;gap:8px;color:#8e8ea0;font-style:italic}.typing-dots{display:flex;gap:4px}.typing-dots span{width:6px;height:6px;background-color:#8e8ea0;border-radius:50%;animation:typing 1.4s infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.mobile-header{justify-content:space-between;padding:16px 20px;background-color:#000;border-bottom:1px solid #333}.mobile-header,.mobile-title{display:flex;align-items:center}.mobile-title{background-color:#6366f1;color:white;padding:8px 16px;border-radius:20px;font-weight:500;gap:8px}.plus-icon{font-size:18px;font-weight:700}.btn-icon{background:transparent;border:none;color:#fff;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer}.btn-icon:hover{background-color:rgba(255,255,255,.1)}.refresh-icon{font-size:20px;transform:scaleX(-1)}.mobile-sidebar-header{display:flex;align-items:center;padding:16px 20px;gap:12px;border-bottom:1px solid #333}.search-container{flex:1 1;display:flex;align-items:center;background-color:#333;border-radius:20px;padding:8px 16px;gap:12px}.search-input{background:transparent;border:none;color:white;flex:1 1;outline:none}.search-input::placeholder{color:#888}.mobile-nav-items{margin-bottom:20px}.nav-item{display:flex;align-items:center;gap:16px;padding:16px 0;color:#fff;font-size:16px;border-bottom:1px solid #333;cursor:pointer}.nav-item:hover{background-color:rgba(255,255,255,.05)}.mobile-user-profile{position:absolute;bottom:20px;left:20px;right:20px;display:flex;align-items:center;gap:12px;padding:12px;background-color:#333;border-radius:12px}.user-avatar{width:32px;height:32px;background-color:#0ea5e9;border-radius:50%;color:white;font-weight:700}.user-avatar,.welcome-screen{display:flex;align-items:center;justify-content:center}.welcome-screen{flex-direction:column;height:100%;padding:20px}.desktop-welcome{max-width:768px}.desktop-welcome,.mobile-welcome{text-align:center;width:100%}.welcome-title{color:white;font-size:2rem;font-weight:400;margin-bottom:3rem;line-height:1.2}@media (min-width:768px){.welcome-title{font-size:2.5rem;font-weight:300;margin-bottom:4rem}}.suggestion-buttons{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;max-width:400px;margin:0 auto}.desktop-suggestions{grid-template-columns:repeat(4,1fr);max-width:768px;gap:12px}.suggestion-btn{background-color:transparent;border:1px solid #333;color:#fff;padding:16px 20px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:all .2s;text-align:center}@media (min-width:768px){.suggestion-btn{padding:12px 16px;border-radius:12px;font-size:13px;border:1px solid #4d4d4f;background-color:transparent;min-height:44px}}.suggestion-btn:hover{background-color:rgba(255,255,255,.05);border-color:#555}@media (min-width:768px){.suggestion-btn:hover{background-color:#2a2b32;border-color:#565869}}.btn-outline-success{border-color:#10b981}.btn-outline-success:hover{background-color:rgba(16,185,129,.1);border-color:#10b981}.btn-outline-primary{border-color:#6366f1}.btn-outline-primary:hover{background-color:rgba(99,102,241,.1);border-color:#6366f1}.btn-outline-warning{border-color:#f59e0b}.btn-outline-warning:hover{background-color:rgba(245,158,11,.1);border-color:#f59e0b}.btn-outline-secondary{border-color:#6b7280}.btn-outline-secondary:hover{background-color:rgba(107,114,128,.1);border-color:#6b7280}.input-icon-left,.input-icon-right{color:#888;padding:4px}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}@media (max-width:767px){.messages-container{padding:15px}.message-content{max-width:85%}.input-container{padding:15px}.suggestion-buttons{grid-template-columns:1fr 1fr}.welcome-title{font-size:1.75rem}.input-container{position:-webkit-sticky;position:sticky;bottom:0;left:0;right:0;z-index:1000;background-color:#000;padding:12px 16px;border-top:1px solid #4d4d4f}.messages-container{padding-bottom:90px}}.messages-container{scroll-behavior:smooth}