body{font-family:Arial,sans-serif;margin:0;padding:0;box-sizing:border-box}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.header{background-color:#075e54;color:#fff;padding:10px;text-align:center;font-weight:700}.main{display:flex;flex:1;overflow-y:hidden}.chat-list{min-width:400px;max-width:400px;background-color:#f0f0f0;border-right:1px solid #ddd;overflow-y:auto;overflow-x:hidden;height:100vh}.active-chat{flex:1;display:flex;flex-direction:column;background-color:#e5ddd5;overflow-y:hidden;height:100vh}.chat-header{display:flex;align-items:center;padding:10px;background-color:#075e54;color:#fff;border-bottom:1px solid #ddd}.contact-info{display:flex;align-items:center;gap:10px}.non-profile-pic{width:40px;height:40px;border-radius:50%;background-color:#25d366;display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700}.profile-pic{width:40px;height:40px;border-radius:50%;object-fit:cover}.contact-details h3{margin:0;font-size:16px}.contact-details p{margin:0;font-size:12px;color:#c1c1c1}.messages{flex:1;padding:10px;overflow-y:scroll;display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 120px);white-space:pre-wrap;word-wrap:break-word}.message-input{display:flex;align-items:center;padding:10px;background-color:#fff;border-top:1px solid #ddd;gap:10px}.message-input textarea{flex:1;padding:10px;border:1px solid #ddd;border-radius:8px;resize:none;outline:none;font-size:14px;line-height:1.5;max-height:150px;overflow-y:auto}.message-input button{padding:10px 20px;background-color:#075e54;color:#fff;border:none;border-radius:8px;cursor:pointer}.message-input button:hover{background-color:#128c7e}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:pointer}.modal-content{max-width:100%;max-height:100%;cursor:default}.modal-content img{max-width:90%;max-height:100vh;border-radius:8px}.links{margin-top:5px;display:flex;flex-direction:column;gap:5px}.link{color:#007bff;text-decoration:none;font-weight:500}.link:hover{text-decoration:underline}.search-bar{width:100%;margin:5px;display:flex;justify-content:center}.search-bar input{width:90%;padding:8px;border:1px solid #ccc;border-radius:5px;font-size:16px}