.chat-card{display:flex;flex-direction:column;width:100%;height:100%;border-radius:12px;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,.15);transform:translateY(0);transition:transform .3s ease,box-shadow .3s ease}.chat-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.2)}.chat-body{flex:1;overflow-y:auto;padding:1rem;background:linear-gradient(135deg,#fdfdfd,#f7f7f7)}.chat-footer{flex-shrink:0;background-color:#f1f1f1;padding:.75rem;border-top:1px solid #ddd}.chat-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.chat-messages-container{display:flex;flex-direction:column;gap:.25rem}.chat-bubble{max-width:220px;padding:.5rem .75rem;margin-bottom:5px;font-size:1rem;line-height:1.3;border-radius:15px;white-space:pre-line;animation:fadeSlideIn .3s ease forwards;transition:transform .2s ease,background-color .2s ease}.chat-bubble-user{background-color:#007bff;color:#fff;align-self:flex-end;border-top-right-radius:0}.chat-bubble-ai{background-color:#e2e2e2;color:#333;align-self:flex-start;border-top-left-radius:0}.chat-bubble:hover{transform:scale(1.03)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.btn-close{background:transparent;border:none;font-size:1.25rem;cursor:pointer;outline:none;color:#555;transition:color .2s ease}.btn-close:hover{color:#000}