:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%}textarea:focus-visible,input:focus-visible{outline:0}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.spinnermain{width:100%;height:100px;display:flex;position:relative;justify-content:center;margin-top:30px;padding-top:40px}.spinner{position:absolute;width:9px;height:9px}.spinner div{position:absolute;width:50%;height:150%;background:#474bff;transform:rotate(calc(var(--rotation) * 1deg)) translateY(calc(var(--translation) * 1%));animation:spinner-fzua35 1s calc(var(--delay) * 1s) infinite ease}.spinner div:nth-child(1){--delay: .1;--rotation: 36;--translation: 150}.spinner div:nth-child(2){--delay: .2;--rotation: 72;--translation: 150}.spinner div:nth-child(3){--delay: .3;--rotation: 108;--translation: 150}.spinner div:nth-child(4){--delay: .4;--rotation: 144;--translation: 150}.spinner div:nth-child(5){--delay: .5;--rotation: 180;--translation: 150}.spinner div:nth-child(6){--delay: .6;--rotation: 216;--translation: 150}.spinner div:nth-child(7){--delay: .7;--rotation: 252;--translation: 150}.spinner div:nth-child(8){--delay: .8;--rotation: 288;--translation: 150}.spinner div:nth-child(9){--delay: .9;--rotation: 324;--translation: 150}.spinner div:nth-child(10){--delay: 1;--rotation: 360;--translation: 150}@keyframes spinner-fzua35{0%,10%,20%,30%,50%,60%,70%,80%,90%,to{transform:rotate(calc(var(--rotation) * 1deg)) translateY(calc(var(--translation) * 1%))}50%{transform:rotate(calc(var(--rotation) * 1deg)) translateY(calc(var(--translation) * 1.5%))}}.scroll-y{height:100vh;overflow-y:scroll}.chat{display:flex;width:100%;height:100vh}.chat-sidebar{flex-basis:30%;flex-shrink:0;border-right:1px solid #f2f2f2}.chat-main{flex-basis:70%;flex-grow:1;background-color:#fffcf6;display:flex;flex-direction:column;justify-content:space-between}.chat-header{padding:0 20px;border-bottom:1px solid #f2f2f2;background-color:#fff;height:65px;display:flex;align-items:center}.chat-header h4{margin:0}.chat-sidebar-content .chat-card{display:flex;gap:10px;align-items:center;border:0px;cursor:pointer;padding:10px 15px;background-color:#fff;border-radius:0;text-align:left;width:100%}.chat-sidebar-content .chat-card:hover,.chat-sidebar-content .chat-card:focus,.chat-sidebar-content .chat-card:focus-visible,.chat-sidebar-content .chat-card.active{border:0;background-color:#faf5f5;outline:0}.card-image{width:60px;height:60px;flex-basis:60px;flex-shrink:0;background-color:#f2f2f2;border-radius:50%;display:flex;justify-content:center;align-items:center}.card-content{overflow:hidden;width:100%}.card-content p,.card-content h4{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;color:#555}.chat-messages{padding:0 20px}.chat-messages p{margin:0}.chat-input{padding:0 20px;border-top:1px solid #f2f2f2;display:flex;gap:10px;height:70px;background-color:#fff}.chat-input textarea{width:100%;border:0;margin-top:10px;margin-bottom:10px}.chat-input button{margin-top:10px;margin-bottom:10px}.chat-messages{max-height:calc(100vh - 137px);overflow-y:scroll}.chat-bubble{display:flex;align-items:flex-end;margin:10px 0}.chat-bubble.sender{justify-content:flex-end}.chat-bubble.recipient{justify-content:flex-start}.chat-bubble-avatar{width:30px;height:30px;border-radius:50%;overflow:hidden;margin-right:10px}.chat-bubble-avatar img{width:100%;height:100%;object-fit:cover}.chat-bubble-content{max-width:70%;padding:10px;border-radius:10px;background-color:#f1f1f1;position:relative}.chat-bubble-content.sender{background-color:#d1e7dd}.chat-bubble-content.recipient{background-color:#f8d7da}.chat-bubble-name{margin-bottom:5px;font-size:14px;color:#c6c6c6}.chat-bubble-text{margin:0;font-size:14px}.chat-name-time{display:inline-flex;justify-content:space-between;align-items:center;gap:15px;width:100%}.chat-bubble.sender .chat-bubble-content,.chat-bubble.sender .chat-bubble-time{background-color:#535bf2;color:#fff}.chat-bubble-time{font-size:12px;color:#888}.chat-bubble-time.sender{left:10px}.chat-bubble-time.recipient{right:10px}.chat-info-content{height:calc(100vh - 66px);display:flex;justify-content:center;align-items:center;flex-direction:column}.chat-info-content h2,.chat-info-content h4{margin:0}.d-flex{display:flex;justify-content:space-between}.unread-count{background-color:#545bf2;width:20px;height:20px;color:#fff!important;border-radius:50%;flex:none;font-size:10px;justify-content:center;align-items:center;display:flex}