@keyframes shimmer-gradient{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton{position:relative;overflow:hidden}.skeleton:before{content:"";position:absolute;top:0;left:-150%;height:100%;width:150%;background:linear-gradient(165deg,#fff0,#ffffff4d,#fff0);animation:shimmer-gradient 1.5s infinite}.sidebar-skeleton{height:100%;background-color:#e5e7eb;padding:1rem;display:flex;flex-direction:column;gap:1rem}.sidebar-skeleton .header{height:2.5rem;width:100%;background:#f0f0f0;border-radius:.5rem;margin-bottom:1rem}.sidebar-skeleton .chat-item{height:2.5rem;width:100%;background:#f0f0f0;border-radius:.5rem}.main-chat-skeleton{flex:1;padding:2rem;display:flex;flex-direction:column;gap:1rem;background-color:#f3f4f6}.main-chat-skeleton .message{height:2rem;width:70%;background:#e5e7eb;border-radius:1rem}.main-chat-skeleton .message.large{width:90%}.message-flex-end{align-self:flex-end}.message-loader{width:1.5rem;height:1.5rem;border:4px solid #ced4e0;border-top-color:#9ca3af;border-radius:50%;animation:spin 1s infinite linear}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html,body{height:100%}