: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:40%;flex-shrink:0;border-right:1px solid #f2f2f2}.chat-main{flex-basis:60%;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:#a9ace4;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;align-items:center;background-color:#fff;position:relative}.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-popup{width:90%;position:absolute;bottom:73px;background:#f0f8ff;padding:10px}.chat-popup-hide{width:90%;position:absolute;bottom:73px;background:#f0f8ff;padding:10px;display:none}.mt-chatbox{background:#8a2be2;color:#fff;font-size:12px;margin:10px;font-weight:500}.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}.pagination-container{display:flex;justify-content:center;align-items:center;padding:10px;position:absolute;bottom:0;height:50px;background-color:#fff}.page-nav,.page-item{background:none;border:1px solid #ccc;padding:8px 12px;margin:0 4px;cursor:pointer;border-radius:4px}.page-item.active{background-color:#007bff;color:#fff;border-color:#007bff}.ellipsis{margin:0 8px;color:#666}.chat-sidebar-content{height:calc(100vh - 135px);overflow-y:scroll}.copy-text{font-size:12px;border:1px solid #f4e8e8;padding:2px 5px;background-color:#f4e8e8;border-radius:10px;text-transform:uppercase}button.chat-card.active .copy-text{border:1px solid #fff;background-color:#fff}.template-popup{position:absolute;bottom:60px;right:20px;width:280px;max-height:350px;background:#fff;border-radius:12px;box-shadow:0 8px 25px #00000026;padding:12px;z-index:1000;display:flex;flex-direction:column;animation:fadeIn .2s ease-in-out}.template-popup.hide{display:none}.template-popup.show{display:flex;overflow-y:scroll}.template-title{font-size:15px;font-weight:600;margin-bottom:10px;color:#333;border-bottom:1px solid #eee;padding-bottom:5px}.template-list{width:100%;position:relative;overflow-y:auto;overflow-x:hidden;flex:1}.template-btn{width:100%;background:#f7f9fc;border:none;border-radius:8px;padding:8px 10px;margin-bottom:6px;cursor:pointer;text-align:left;transition:all .2s ease}.template-btn:hover{background:#e8f0ff;transform:translate(2px)}.template-name{display:block;font-weight:600;font-size:13px;color:#1a1a1a}.template-preview{display:block;font-size:11px;color:#666;margin-top:2px}.send-button-template{width:30px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:5px;font-size:10px;background:#000;color:#fff;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.template-popup{position:absolute;bottom:60px;right:20px;width:280px;height:350px;background:#fff;border-radius:12px;box-shadow:0 8px 25px #00000026;padding:12px;z-index:1000;display:flex;flex-direction:column;animation:fadeIn .2s ease-in-out}.chat-template{max-width:280px;background:linear-gradient(135deg,#f8fafc,#eef2ff);border-radius:14px;padding:14px;border:1px solid #dbeafe;box-shadow:0 4px 10px #00000014;font-family:Segoe UI,sans-serif;animation:popIn .2s ease}.chat-title{font-size:15px;font-weight:600;color:#1e293b;margin-bottom:6px}.chat-message{font-size:13px;color:#334155;line-height:1.5;margin-bottom:12px}.chat-btn{display:block;text-align:center;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:9px;border-radius:8px;text-decoration:none;font-size:13px;font-weight:500;transition:all .25s ease;margin-top:10px}.chat-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:scale(1.03)}