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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;background-position:50%;background-size:cover;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.app-title{color:#404459;font-family:Arial,sans-serif;font-size:3rem}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{overflow:hidden}.landing-container{background:linear-gradient(135deg,#4caf50,#075e54);flex-direction:column;font-family:Arial,sans-serif;min-height:100vh}.landing-container,.landing-header{align-items:center;color:#fff;display:flex;justify-content:space-between;width:100%}.landing-header{padding:20px}.landing-header .logo{color:#fff;font-size:24px;font-weight:700;text-shadow:2px 2px 4px #0000004d}.landing-header nav{display:flex;gap:15px}.nav-link{border-radius:20px;font-size:16px;padding:10px 20px;text-decoration:none;transition:background-color .3s,color .3s}.nav-link:hover{color:#4caf50}.landing-content{align-items:center;background-color:#ffffff1a;border-radius:10px;box-shadow:0 4px 12px #0000004d;display:flex;flex-direction:column;margin-bottom:auto;margin-top:auto;max-width:600px;padding:20px;text-align:center}.landing-content h1{font-size:3em;font-weight:700;line-height:1.2;margin-bottom:10px;text-shadow:3px 3px 6px #0003}.landing-content p{color:#f0f0f0;font-size:1.2em;line-height:1.5;margin-bottom:20px}.nav-link{background-color:initial;border:2px solid #fff;border-radius:25px;color:#fff;font-size:18px;margin:10px;padding:10px 25px;transition:all .3s ease}.nav-link:hover{background-color:#fff;color:#075e54}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.landing-content h1,.landing-content p,.nav-link{animation:fadeInUp 1s ease forwards;opacity:0}.landing-content h1{animation-delay:.3s}.landing-content p{animation-delay:.5s}.nav-link{animation-delay:.7s}.logo{align-items:center;color:#fff;display:flex;font-size:24px;font-weight:700;gap:10px;text-shadow:2px 2px 4px #0000004d}.logo-image{height:40px;object-fit:contain;width:40px}body,html{background-image:linear-gradient(#91db61cc,#12c14cb3),url(/static/media/background.7e28d7ca9c11fddfa030.png);background-position:50%;background-repeat:repeat;font-family:Arial,sans-serif;height:100%;margin:0;padding:0}.auth-container{align-items:center;display:flex;height:100vh;justify-content:center}.auth-form{background-color:#fff;border-radius:30px;box-shadow:0 8px 16px #0003;max-width:450px;padding:50px;width:100%}.auth-form h1{color:#075e54;font-size:28px;font-weight:700;margin-bottom:30px;text-align:center}.auth-form label{color:#333;display:block;font-size:16px;margin-bottom:10px}.auth-form input{border:1px solid #ddd;border-radius:5px;font-size:16px;margin-bottom:20px;outline-color:#4caf50;padding:12px;width:100%}.auth-form .auth-button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:background-color .3s;width:100%}.auth-form .auth-button:hover{background-color:#075e54}.auth-form .google-button{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:5px;color:#333;cursor:pointer;display:flex;font-size:16px;justify-content:center;margin-top:15px;padding:12px;transition:box-shadow .3s;width:100%}.auth-form .google-button img{height:auto;margin-right:10px;width:20px}.auth-form .google-button:hover{box-shadow:0 0 10px #0000001a}.auth-form .or-divider{margin:20px 0;position:relative;text-align:center}.auth-form .or-divider:after,.auth-form .or-divider:before{background:#ddd;content:"";height:1px;position:absolute;top:50%;width:40%}.auth-form .or-divider:before{left:0}.auth-form .or-divider:after{right:0}.auth-form .or-divider span{background-color:#fff;padding:0 10px}.auth-form .create-account-button{background-color:#075e54;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:background-color .3s;width:100%}.auth-form .create-account-button:hover{background-color:#004c3f}.auth-form .error-message{color:#d11010;font-size:14px;margin-bottom:10px;text-align:center}.auth-form .toggle-auth{margin-top:15px;text-align:center}.auth-form .toggle-auth span{color:#007bff;cursor:pointer}.success-message{color:#4caf50}.error-message,.success-message{font-size:16px;margin-bottom:15px;text-align:center}.error-message{color:#d11010}.chat-main{background-color:#21b20e;box-sizing:border-box;overflow-y:auto;padding:0}.chat-header{box-sizing:border-box;color:#ab1818;font-size:18px;height:60px;padding:0 20px}.chat-message-container{display:flex;flex-direction:column;gap:15px;overflow-y:auto;padding:20px}.chat-message{margin:7px 0}.from-other{background-color:#1bc02f}.attached-files{margin-bottom:5px}.image-file{border-radius:5px;height:auto;width:100%}.media-container{margin-bottom:8px}.chat-message{word-wrap:break-word;border-radius:8px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;font-family:Arial,sans-serif;max-width:60%;overflow-wrap:break-word;padding:10px}.from-user{align-self:flex-end;background-color:#dcf8c6;border-radius:8px 8px 0 8px;text-align:right}.from-other,.from-user{color:#333;max-width:80vw}.from-other{align-self:flex-start;background-color:#f2ffef;border-radius:8px 8px 8px 0;text-align:left}.attached-files{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.image-cont{border-radius:5px;cursor:pointer;max-height:120px;max-width:120px;overflow:hidden;transition:transform .2s}.image-cont:hover{transform:scale(1.05)}.message-text{color:#333;font-size:14px;line-height:1.4;word-break:break-word}.message-date{color:#888;font-size:12px;margin-top:5px;text-align:right}.media-file{border-radius:8px;margin-top:8px;max-height:300px;max-width:100%}.modal-content{background:#fff;border-radius:8px;max-height:90%;max-width:90%;padding:20px}.modal-image{display:block;margin:0 auto 20px;max-height:100%;max-width:100%}.modal-buttons{align-items:baseline;display:flex;gap:15px;justify-content:center}.close-button,.download-button{align-items:center;background:#333;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;padding:10px 20px;text-decoration:none;width:120px}.close-button:hover,.download-button:hover{background:#555}.chat-container{background-color:#e5ddd5;overflow:hidden}.chat-sidebar{overflow-y:hidden}.chat-sidebar-header{box-sizing:border-box;height:60px;padding:15px 20px}.chat-sidebar-header .profile-pic{border:2px solid #fff}.chat-sidebar-header .chat-search-bar{color:#333;padding:8px 12px}.three-dots{font-size:20px}.dropdown-menu{border-radius:5px;color:#333;display:flex;flex-direction:column;padding:10px;right:20px;top:60px;z-index:1}.dropdown-menu p{padding:8px}.dropdown-menu p:hover{border-radius:5px}.recent-chats{flex-grow:1;overflow-y:auto}.recent-chat{background-color:#075e54;padding:10px 20px;transition:background-color .2s}.recent-chat-avatar{border-radius:50%;height:30px;margin-right:10px;width:30px}.recent-chat:hover{background-color:#f1f1f1}.chat-sidebar-footer{background-color:#075e54;display:flex;justify-content:center;padding:20px}.settings-button img{height:30px;width:30px}.modal-overlay{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:linear-gradient(135deg,#a1aad0,#a1a6ca);border-radius:12px;box-shadow:0 8px 15px #0000004d;color:#e0e0e0;padding:30px;position:relative;text-align:center;width:350px}.profile-modal-avatar{border:4px solid #4caf50;border-radius:50%;height:100px;margin:0 auto 20px;object-fit:cover;width:100px}.profile-name{color:#f5f5f5;font-size:1.8rem;font-weight:700;margin:0 0 10px}.profile-email{color:#000;font-size:1rem;margin:0 0 20px}.close-button{background:#4caf50;border:none;border-radius:25px;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:700;margin-left:auto;margin-right:auto;margin-top:20px;padding:10px 20px;transition:background .3s,transform .2s}.close-button:hover{background:#66bb6a;transform:scale(1.05)}.modal-content{animation:fadeIn .4s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.chat-container{background-color:#f0f0f0;display:flex;font-family:Arial,sans-serif;height:100vh;width:100vw}.chat-sidebar{background-color:#fff;box-shadow:2px 0 5px #0000001a;display:flex;flex-direction:column;height:100vh;width:300px}.chat-sidebar-header{align-items:center;background-color:#075e54;color:#fff;display:flex;justify-content:space-between;padding:15px}.chat-sidebar-header .profile-pic{border-radius:50%;height:40px;margin-right:10px;width:40px}.chat-sidebar-header .chat-search-bar{background-color:#f0f0f0;border:none;border-radius:20px;flex-grow:1;font-size:14px;margin-left:15px;outline:none;padding:10px}.chat-main{background-color:#ece5dd;display:flex;flex-direction:column;flex-grow:1}.chat-header{background-color:#075e54;color:#fff;justify-content:space-between;padding:20px}.chat-header,.left-header{align-items:center;display:flex}.chat-user-avatar{border-radius:50%;height:40px;margin-right:10px;width:40px}.right-header{align-items:center;display:flex}.chat-user-info h3{color:#fff;font-size:16px;font-weight:700;margin:0}.menu i{cursor:pointer}.message-container{background-color:#e5ddd5;background-position:50%;background-size:cover;flex-grow:1;overflow-y:auto;padding:20px}.message-input{align-items:center;background-color:#fff;border-top:1px solid #ddd;display:flex;padding:15px}.message-input input[type=text]{border:1px solid #ddd;border-radius:20px;flex-grow:1;font-size:14px;margin-right:10px;outline:none;padding:12px}.message-input label{background-color:#34b7f1;border-radius:50%;color:#fff;cursor:pointer;padding:10px 15px}.message-input button{background-color:#075e54;border:none;border-radius:20px;color:#fff;cursor:pointer;padding:12px 20px;transition:background-color .3s}.message-input button:hover{background-color:#128c7e}.three-dots{color:#fff;cursor:pointer;font-size:24px;margin-left:10px;position:relative}.dropdown-menu{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;position:absolute;right:0;top:40px;width:120px;z-index:10}.dropdown-menu p{color:#075e54;cursor:pointer;font-size:14px;margin:0;padding:10px;text-align:center;transition:background-color .3s}.dropdown-menu p:hover{background-color:#f0f0f0}.attachment-preview-modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:20}.attachment-preview-content{background:#fff;border-radius:8px;max-width:400px;padding:20px;text-align:center}.preview-image-container{margin:10px 0}.preview-image{border-radius:8px;max-width:100%}.cancel-button,.send-button{border:none;border-radius:5px;cursor:pointer;font-size:14px;margin:10px;padding:10px 20px}.send-button{background-color:#4caf50;color:#fff}.cancel-button{background-color:#f44336;color:#fff}.send-button:hover{background-color:#43a047}.cancel-button:hover{background-color:#d32f2f}.recent-chat{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;padding:15px;transition:background-color .3s}.recent-chat:hover{background-color:#a5a3a3}.recent-chat p{color:#fff;font-size:14px;margin:0}.recent-chat .username{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/*# sourceMappingURL=main.401cb23b.css.map*/