body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.sidebar{width:25%}.add-contact-popup{animation:fadeIn .3s ease-in-out;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0003;left:50%;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}.add-contact-popup input{border:1px solid #ddd;border-radius:8px;font-size:14px;margin-bottom:10px;padding:10px;width:100%}.add-contact-popup button{background-color:#075e54;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .2s}.add-contact-popup button:hover{background-color:#128c7e}.message-input{border-radius:0 0 8px 0}.message-input input{border:1px solid #ddd;border-radius:20px;flex:1 1;font-size:14px;margin-right:8px;padding:10px}.search-box{background-color:#fff;border-bottom:1px solid #ddd;padding:16px}.search-box input{border:1px solid #ddd;border-radius:20px;font-size:14px;outline:none;padding:10px;width:100%}.search-box input:focus{border-color:#075e54}body{background-color:#f0f2f5;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;margin:0;overflow:hidden}h2,h3{margin:0;padding:0}.chat-app{background-color:#fff;display:flex;height:100vh;width:100vw}.sidebar{background-color:#f8f9fa;border-right:1px solid #ddd;overflow-y:auto;position:relative;width:30%}.sidebar h3{background-color:#075e54;border-radius:8px 8px 0 0;color:#fff;font-size:18px;padding:16px}.contacts-list{list-style:none;margin:0;padding:0}.contacts-list li{border-bottom:1px solid #ddd;border-radius:8px;cursor:pointer;margin:8px;padding:12px 16px;transition:background-color .3s}.contacts-list li:hover{background-color:#e9ebee}.add-contact-button{align-items:center;background-color:#075e54;border:none;border-radius:50%;bottom:20px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;position:absolute;right:20px;transition:transform .2s,background-color .2s;width:50px}.add-contact-button:hover{background-color:#128c7e;transform:scale(1.1)}.chat-window{background-color:#e5ddd5;display:flex;flex:1 1;flex-direction:column;padding:16px}.chat-header{background-color:#075e54;border-radius:0 8px 0 0;color:#fff;font-size:18px;padding:16px}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message strong{color:#666;display:block;font-size:12px;margin-bottom:4px}.message img{margin-top:8px;max-width:200px}.message-input{background-color:#f0f0f0;border-top:1px solid #ddd;display:flex;gap:8px;padding:16px}.message-input input[type=text]{width:70%}.message-input input[type=file],.message-input input[type=text]{border:1px solid #ddd;border-radius:20px;font-size:14px;outline:none;padding:10px}.message-input input[type=file]{width:20%}.message-input button{background-color:#075e54;border:none;border-radius:20px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .2s}.message-input button:hover{background-color:#128c7e}.image-popup{align-items:center;background-color:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.image-popup img{border-radius:8px;max-height:90%;max-width:90%}.message img{max-height:150px;max-width:150px}.message p{word-wrap:break-word;background-color:#f0f0f0;border-radius:8px;margin:0;max-width:80%;padding:8px}.message img{border-radius:8px;cursor:pointer;max-height:200px;max-width:100%;transition:transform .2s}.message img:hover{transform:scale(1.05)}.message{margin-bottom:12px}.chat-history{background-color:#e5ddd5;display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px}.message{word-wrap:break-word;animation:slideIn .3s ease-in-out;border-radius:12px;display:inline-block;max-width:70%;padding:10px 15px;position:relative}.message.you{background-color:#dcf8c6;margin-left:auto;text-align:right}.message.other{background-color:#fff;margin-right:auto;text-align:left}
/*# sourceMappingURL=main.7c427ebb.css.map*/