@import url(https://fonts.googleapis.com/css?family=Nunito+Sans:400,700);.user{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:background-color .1s}.user:hover{background-color:#f5f6f6}.user__avatar{width:49px;height:49px;margin-right:15px}.user__avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.user__info{flex:1 1;overflow:hidden}.user__name{font-weight:500;font-size:16px;color:#111b21;margin-bottom:4px}.user__last-message{font-size:14px;color:#667781;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user__time{font-size:12px;color:#667781;margin-left:8px}.sidebar{width:100%;background-color:#fff;height:100vh;display:flex;flex-direction:column;overflow-y:hidden}.sidebar__header{background-color:#f0f2f5;padding:16px;border-bottom:1px solid #e9edef;flex-shrink:0}.sidebar__brand{display:flex;align-items:center;justify-content:space-between;grid-gap:12px;gap:12px;margin-bottom:12px}.sidebar__menu{position:relative}.sidebar__menu-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#54656f;padding:0;line-height:1}.sidebar__menu-btn:hover{color:#075e54}.sidebar__dropdown{position:absolute;top:30px;right:0;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:1000;min-width:120px}.sidebar__dropdown-item{display:block;width:100%;padding:10px 16px;background:none;border:none;text-align:left;cursor:pointer;font-size:14px;color:#111b21}.sidebar__dropdown-item:hover{background-color:#f5f6f6}.sidebar__title{font-size:20px;font-weight:700;color:#075e54;margin:0}.sidebar__search-input{width:100%;padding:8px 12px;border:none;border-radius:20px;background-color:#fff;font-size:14px;outline:none}.sidebar__content{flex:1 1;overflow-y:auto;padding:0}.sidebar__placeholder{padding:20px;text-align:center;color:#667781;font-size:14px}.sidebar__footer{justify-content:space-around;background-color:#f0f2f5;border-top:1px solid #e9edef;padding:8px 0;flex-shrink:0}.sidebar__footer,.sidebar__tab{display:flex;align-items:center}.sidebar__tab{flex-direction:column;grid-gap:4px;gap:4px;background:none;border:none;cursor:pointer;padding:6px 12px;border-radius:8px;transition:background-color .1s}.sidebar__tab:hover{background-color:rgba(0,0,0,.05)}.sidebar__tab--active{color:#075e54}.sidebar__tab-icon{font-size:20px}.sidebar__tab-label{font-size:12px;font-weight:500}.header{display:flex;align-items:center;padding:10px 16px;background-color:#f0f2f5;border-bottom:1px solid #e0e0e0;height:60px}.header__avatar{width:40px;height:40px;margin-right:15px}.header__avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.header__info{flex:1 1}.header__name{font-weight:500;font-size:16px;color:#111b21}.header__status{font-size:13px;color:#667781}.header__placeholder{color:#667781;padding:20px;text-align:center}.chats{flex:1 1;overflow-y:auto;padding:15px 20px;display:flex;flex-direction:column;background-color:#efeae2;background-image:url(/bg.png);background-repeat:repeat}.chats__date-separator{display:flex;justify-content:center;align-items:center;margin:20px 0;font-size:12px;font-weight:500;color:#667781}.chats__date-separator:after,.chats__date-separator:before{content:"";flex:1 1;height:1px;background-color:#e9edef}.chats__date-separator:before{margin-right:10px}.chats__date-separator:after{margin-left:10px}.chats__chat{margin:4px 0;max-width:65%;padding:8px 12px;border-radius:8px;font-size:14px;line-height:1.4;word-wrap:break-word;position:relative;display:flex;flex-direction:column}.chats__chat--user{background-color:#d9fdd3;align-self:flex-end;border-bottom-right-radius:2px}.chats__chat--other{background-color:#fff;align-self:flex-start;border-bottom-left-radius:2px;box-shadow:0 1px .5px rgba(0,0,0,.13)}.chats__text{font-size:14px;color:#111b21;margin-bottom:4px}.chats__timestamp{font-size:10px;color:#667781;text-align:right;margin-top:2px}.chats__close{position:absolute;top:-10px;left:-10px;background:#075e54;color:#fff;border-radius:50%;width:20px;height:20px;display:none;align-items:center;justify-content:center;font-size:12px;cursor:pointer;z-index:1}.chats__chat--user:hover .chats__close{display:flex}.message-input{display:flex;align-items:center;background-color:#f0f2f5;padding:8px 16px;border-top:1px solid #e0e0e0;grid-gap:10px;gap:10px}.message-input__field{flex:1 1;padding:9px 12px;border:none;border-radius:20px;background-color:#fff;font-size:15px;outline:none}.message-input__send{display:flex;justify-content:center;align-items:center;width:30px;height:30px;background:#075e54;border:none;border-radius:50%;font-size:8px;cursor:pointer;color:#fff;transition:color .2s}.message-input__send:hover{color:#075e54;background:#fff}.message-input__send-icon{width:20px;height:20px;display:block;position:relative;transform:rotate(45deg);top:12%;right:10%}.chat-window{display:flex;flex-direction:column;height:100vh;background-color:#efeae2;background-image:url(/bg.png);background-repeat:repeat}.chat-window__header{display:flex;align-items:center;background-color:#f0f2f5;border-bottom:1px solid #e0e0e0}.chat-window__back-btn{background:none;border:none;font-size:24px;margin-left:10px;cursor:pointer;color:#54656f}.chat-window__back-btn:hover{color:#075e54}.chat-window__placeholder{height:100vh;font-size:18px;color:#667781}.chat-window__placeholder,.login{display:flex;justify-content:center;align-items:center}.login{min-height:100vh;background-color:#f0f2f5;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.login__card{background:#fff;width:400px;max-width:90%;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:40px 32px;text-align:center}.login__header{margin-bottom:32px}.login__logo{width:48px;height:48px;margin-bottom:16px}.login__title{color:#41525d;font-weight:400;font-size:1.5rem;margin:0}.login__form{display:flex;flex-direction:column;grid-gap:20px;gap:20px}.login__input-group{width:100%}.login__input{width:100%;padding:12px;border:1px solid #e0e0e0;border-radius:8px;font-size:1rem;outline:none;transition:border-color .2s;box-sizing:border-box}.login__input:focus{border-color:#075e54}.login__button{background-color:#075e54;color:#fff;border:none;padding:12px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s}.login__button:hover:not(:disabled){background-color:#20b859}.login__button:disabled{background-color:#b3e0c0;cursor:not-allowed}.login__error{color:#d32f2f;font-size:.875rem;margin-top:8px}.login__footer{margin-top:24px;border-top:1px solid #f0f2f5;padding-top:24px}.login__footer p{color:#7b8c9e;font-size:.875rem}.login__link{color:#075e54;text-decoration:none;font-weight:600}.login__link:hover{text-decoration:underline}.register{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f0f2f5;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.register__card{background:#fff;width:400px;max-width:90%;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:40px 32px;text-align:center}.register__header{margin-bottom:32px}.register__logo{width:48px;height:48px;margin-bottom:16px}.register__title{color:#41525d;font-weight:400;font-size:1.5rem;margin:0}.register__form{display:flex;flex-direction:column;grid-gap:20px;gap:20px}.register__input-group{width:100%}.register__input{width:100%;padding:12px;border:1px solid #e0e0e0;border-radius:8px;font-size:1rem;outline:none;transition:border-color .2s;box-sizing:border-box}.register__input:focus{border-color:#075e54}.register__button{background-color:#075e54;color:#fff;border:none;padding:12px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s}.register__button:hover:not(:disabled){background-color:#20b859}.register__button:disabled{background-color:#b3e0c0;cursor:not-allowed}.register__error{color:#d32f2f;font-size:.875rem;margin-top:8px}.register__footer{margin-top:24px;border-top:1px solid #f0f2f5;padding-top:24px}.register__footer p{color:#7b8c9e;font-size:.875rem}.register__link{color:#075e54;text-decoration:none;font-weight:600}.register__link:hover{text-decoration:underline}.App{height:100%;display:flex;color:#bdbdc0;font-weight:400;font-family:Nunito Sans,sans-serif}*{box-sizing:border-box}#root{height:100vh}body{margin:0;padding:0;font-family:Tahoma,sans-serif;background:#fff}
/*# sourceMappingURL=main.b076a7ce.chunk.css.map */