*{padding:0}*,body{margin:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}html{--bg-main:#dde1e0;--bg-sidebar:#f0f2f0;--bg-sidebar-header:#f0f2f0;--bg-sidebar-search:#d9dbd9;--bg-sidebar-input:#fff;--bg-sidebarchat-hover:#e8ebe8;--bg-chat-header:#f0f2f0;--bg-chat-input:#f0f2f0;--bg-reply-banner:#e8ebe8;--bg-msg-received:#fff;--bg-msg-sent:#d9fdd3;--bg-select:#f8f9fa;--color-header-bar:#128c7e;--color-text-primary:#111b21;--color-text-secondary:#667781;--color-border:#e9edef;--color-icon:#54656f;--color-input-text:#111b21;--color-sidebarchat-bg:#f0f2f0;--color-accent:#128c7e;--color-sent-bubble:#d9fdd3;--shadow-card:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.08);--shadow-app:0 4px 24px rgba(0,0,0,0.18);--radius-bubble:12px}html.dark{--bg-main:#0b1014;--bg-sidebar:#111b21;--bg-sidebar-header:#202c33;--bg-sidebar-search:#111b21;--bg-sidebar-input:#2a3942;--bg-sidebarchat-hover:#2a3942;--bg-chat-header:#202c33;--bg-chat-input:#202c33;--bg-reply-banner:#2a3942;--bg-msg-received:#202c33;--bg-msg-sent:#005c4b;--bg-select:#111b21;--color-header-bar:#202c33;--color-text-primary:#e9edef;--color-text-secondary:#8696a0;--color-border:#2a3942;--color-icon:#aebac1;--color-input-text:#e9edef;--color-sidebarchat-bg:#111b21;--color-accent:#00a884;--color-sent-bubble:#005c4b;--shadow-card:0 1px 3px rgba(0,0,0,0.4);--shadow-app:0 4px 24px rgba(0,0,0,0.5)}.imessage{display:grid;place-items:center;height:100vh;background-color:#dde1e0;background-color:var(--bg-main);background-image:radial-gradient(ellipse at top,rgba(18,140,126,.08) 0,transparent 60%)}.imessage__header{position:absolute;top:0;height:18vh;width:100%;background-color:#128c7e;background-color:var(--color-header-bar);z-index:100}.imessage__body{display:-webkit-flex;display:flex;z-index:999;height:95vh;width:90vw;box-shadow:0 4px 24px rgba(0,0,0,.18);box-shadow:var(--shadow-app);border-radius:12px;overflow:hidden}.sidebar{background-color:#f0f2f0!important;background-color:var(--bg-sidebar)!important;border-right-color:#e9edef!important;border-right-color:var(--color-border)!important}.sidebar__header{background:#f0f2f0!important;background:var(--bg-sidebar-header)!important;border-bottom:1px solid #e9edef!important;border-bottom:1px solid var(--color-border)!important;box-shadow:0 1px 3px rgba(0,0,0,.06)}.sidebar__header .MuiSvgIcon-root{color:#54656f!important;color:var(--color-icon)!important}.sidebar__search{background-color:#d9dbd9!important;background-color:var(--bg-sidebar-search)!important;padding:8px 12px!important}.sidebar__input{background-color:#fff!important;background-color:var(--bg-sidebar-input)!important;border-radius:10px!important;box-shadow:0 1px 2px rgba(0,0,0,.06)}.sidebar__input input{background-color:transparent!important;color:#111b21!important;color:var(--color-text-primary)!important;font-family:"Inter",sans-serif!important;font-size:14px!important}.sidebar__input input::-webkit-input-placeholder{color:#667781!important;color:var(--color-text-secondary)!important}.sidebar__input input:-ms-input-placeholder{color:#667781!important;color:var(--color-text-secondary)!important}.sidebar__input input::placeholder{color:#667781!important;color:var(--color-text-secondary)!important}.sidebar__input .MuiSvgIcon-root{color:#667781!important;color:var(--color-text-secondary)!important}.sidebar__chats,.sidebarchat{background-color:#f0f2f0!important;background-color:var(--bg-sidebar)!important}.sidebarchat{border-bottom:1px solid #e9edef!important;border-bottom:1px solid var(--color-border)!important;transition:background-color .15s ease!important}.sidebarchat:hover{background-color:#e8ebe8!important;background-color:var(--bg-sidebarchat-hover)!important}.sidebarchat__info h2,.sidebarchat__info h3{color:#111b21!important;color:var(--color-text-primary)!important;font-family:"Inter",sans-serif!important;font-weight:500!important;font-size:15px!important}.sidebarchat__info p{font-size:13px!important;font-family:"Inter",sans-serif!important}.sidebarchat__info p,.sidebarchat__info small{color:#667781!important;color:var(--color-text-secondary)!important}.sidebarchat__info small{font-size:11px!important}.chat{background-color:#f0f2f0!important;background-color:var(--bg-sidebar)!important}.chat__header{background-color:#f0f2f0!important;background-color:var(--bg-chat-header)!important;border-bottom:1px solid #e9edef!important;border-bottom:1px solid var(--color-border)!important;box-shadow:0 1px 3px rgba(0,0,0,.06)}.chat__header h4{color:#667781!important;color:var(--color-text-secondary)!important;font-family:"Inter",sans-serif!important;font-weight:400!important;font-size:14px!important}.chat__name{color:#111b21!important;color:var(--color-text-primary)!important;font-weight:600!important}.chat__header .MuiSvgIcon-root{color:#54656f!important;color:var(--color-icon)!important}.chat__input{background-color:#f0f2f0!important;background-color:var(--bg-chat-input)!important;border-top:1px solid #e9edef!important;border-top:1px solid var(--color-border)!important}.chat__input .MuiSvgIcon-root{color:#54656f!important;color:var(--color-icon)!important}.chat__input form input{background-color:#fff!important;background-color:var(--bg-sidebar-input)!important;color:#111b21!important;color:var(--color-input-text)!important;border:1px solid #e9edef!important;border:1px solid var(--color-border)!important;font-family:"Inter",sans-serif!important;font-size:14px!important;transition:border-color .2s ease,box-shadow .2s ease!important}.chat__input form input:focus{border-color:#128c7e!important;border-color:var(--color-accent)!important;box-shadow:0 0 0 2px rgba(18,140,126,.12)!important;outline:none!important}.chat__input form input::-webkit-input-placeholder{color:#667781!important;color:var(--color-text-secondary)!important}.chat__input form input:-ms-input-placeholder{color:#667781!important;color:var(--color-text-secondary)!important}.chat__input form input::placeholder{color:#667781!important;color:var(--color-text-secondary)!important}.chat__replyBanner{background-color:#e8ebe8!important;background-color:var(--bg-reply-banner)!important;border-top:1px solid #e9edef!important;border-top:1px solid var(--color-border)!important}.chat__replyBannerName{color:#128c7e!important;color:var(--color-accent)!important}.chat__replyBannerText{color:#667781!important;color:var(--color-text-secondary)!important}.chat__typingIndicator{background-color:#f0f2f0!important;background-color:var(--bg-chat-input)!important;border-top:1px solid #e9edef!important;border-top:1px solid var(--color-border)!important}.chat__typingText{color:#667781!important;color:var(--color-text-secondary)!important}html.dark .chat__body{background-color:rgba(11,20,26,.85)!important;background-blend-mode:multiply!important}.message__content>p{background-color:#fff!important;background-color:var(--bg-msg-received)!important;font-family:"Inter",sans-serif!important;font-size:14px!important;box-shadow:0 1px 2px rgba(0,0,0,.08)!important}.message__content>p,.message__sender .message__content>p{color:#111b21!important;color:var(--color-text-primary)!important}.message__sender .message__content>p{background-color:#d9fdd3!important;background-color:var(--bg-msg-sent)!important}.message>small,.message__sender>small{color:#667781!important;color:var(--color-text-secondary)!important;font-family:"Inter",sans-serif!important}@media (max-width:768px){.imessage{height:100dvh;background-image:none}.imessage__header{display:none}.imessage__body{width:100vw;height:100dvh;border-radius:0;box-shadow:none;position:relative;overflow:hidden}.sidebar,.sidebarprofile{-webkit-flex:none;flex:none;width:100%;min-width:100%;border-right:none}.chat,.selectchatgroup{position:absolute;inset:0;width:100%;-webkit-flex:none;flex:none;-webkit-transform:translateX(100%);transform:translateX(100%);transition:-webkit-transform .28s cubic-bezier(.4,0,.2,1);transition:transform .28s cubic-bezier(.4,0,.2,1);transition:transform .28s cubic-bezier(.4,0,.2,1),-webkit-transform .28s cubic-bezier(.4,0,.2,1);z-index:10}.imessage__chatOpen .chat,.imessage__chatOpen .selectchatgroup{-webkit-transform:translateX(0);transform:translateX(0)}.imessage__chatOpen .sidebar,.imessage__chatOpen .sidebarprofile{display:none}.chat__mobileBack{display:-webkit-inline-flex!important;display:inline-flex!important;color:#54656f!important;color:var(--color-icon,#54656f)!important;margin-right:4px}.message{max-width:88%}.message__actionBtn{padding:8px!important}.chat__emojiPicker .emoji-picker-react{height:320px!important}.sidebar__input input{font-size:13px!important}.chat__input{padding:6px 8px}.pinoverlay__box{width:90vw}.sidebarprofile__center>img{width:120px;height:120px}}@media (min-width:769px) and (max-width:1024px){.imessage__body{width:98vw;height:98vh}.sidebar,.sidebarprofile{-webkit-flex:0.38 1;flex:0.38 1}.chat{-webkit-flex:0.62 1;flex:0.62 1}.message{max-width:80%}}.message__actions{background:#fff!important;background:var(--bg-msg-received,#fff)!important}.selectchatgroup{background-color:#f8f9fa!important;background-color:var(--bg-select)!important}.darkmode__btn{color:#54656f!important;color:var(--color-icon)!important}.sidebar{-webkit-flex:0.3 1;flex:0.3 1;-webkit-flex-direction:column;flex-direction:column;height:100%;border-right:1px solid #d3d3d3;border-right:1px solid var(--color-border,#d3d3d3);background-color:#f0f2f0;background-color:var(--bg-sidebar,#f0f2f0)}.sidebar,.sidebar__header{display:-webkit-flex;display:flex}.sidebar__header{-webkit-align-items:center;align-items:center;padding:10px 14px;height:56px;border-bottom:1px solid #d3d3d3;border-bottom:1px solid var(--color-border,#d3d3d3);-webkit-justify-content:space-between;justify-content:space-between;background:#f0f2f0;background:var(--bg-sidebar-header,#f0f2f0)}.sidebar__avatar{margin:4px;cursor:pointer;transition:opacity .15s ease}.sidebar__avatar:hover{opacity:.85}.sidebar__search{background-color:#d9dbd9;background-color:var(--bg-sidebar-search,#d9dbd9);padding:8px 12px}.sidebar__input{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex:1 1;flex:1 1;background-color:#fff;background-color:var(--bg-sidebar-input,#fff);border-radius:10px;padding:6px 10px;grid-gap:6px;gap:6px}.sidebar__input,.sidebar__input>.MuiSvgIcon-root{color:grey;color:var(--color-text-secondary,grey)}.sidebar__input>.MuiSvgIcon-root{font-size:18px!important}.sidebar__input>input{-webkit-flex:1 1;flex:1 1;border:none;outline:none;background-color:transparent;font-size:14px;color:#111;color:var(--color-text-primary,#111)}.sidebar__chats{overflow-y:auto;-webkit-flex:1 1;flex:1 1;background-color:#f0f2f0;background-color:var(--bg-sidebar,#f0f2f0)}.sidebar__chats::-webkit-scrollbar{width:5px}.sidebar__chats::-webkit-scrollbar-track{background:transparent}.sidebar__chats::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.15);border-radius:10px}.sidebar__icons{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;grid-gap:2px;gap:2px}.sidebar__icons .MuiIconButton-root{padding:8px;border-radius:50%;transition:background-color .15s ease}.sidebar__icons .MuiBadge-colorSecondary{background-color:#128c7e!important;background-color:var(--color-accent,#128c7e)!important}.sidebar__searchResults{background-color:#f0f2f0;background-color:var(--bg-sidebar,#f0f2f0);border-bottom:1px solid #e9edef;border-bottom:1px solid var(--color-border,#e9edef);max-height:280px;overflow-y:auto}.sidebar__searchHint{padding:14px 16px;font-size:13px;color:grey;color:var(--color-text-secondary,grey);text-align:center;font-family:"Inter",sans-serif}.sidebar__searchItem{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:10px 14px;grid-gap:12px;gap:12px;border-bottom:1px solid #e9edef;border-bottom:1px solid var(--color-border,#e9edef);transition:background-color .15s ease}.sidebar__searchItem:hover{background-color:#e8ebe8;background-color:var(--bg-sidebarchat-hover,#e8ebe8)}.sidebar__searchInfo{-webkit-flex:1 1;flex:1 1;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;overflow:hidden}.sidebar__searchName{font-size:14px;font-weight:500;color:#111;color:var(--color-text-primary,#111)}.sidebar__searchEmail,.sidebar__searchName{font-family:"Inter",sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__searchEmail{font-size:12px;color:grey;color:var(--color-text-secondary,grey)}.sidebar__sendRequest{background:#128c7e;background:var(--color-accent,#128c7e);color:#fff;border:none;border-radius:16px;padding:5px 14px;cursor:pointer;font-size:12px;font-weight:600;font-family:"Inter",sans-serif;white-space:nowrap;transition:background-color .15s ease}.sidebar__sendRequest:hover{background:#0f7568}.sidebar__requestTag{font-size:11px;padding:4px 10px;border-radius:12px;font-family:"Inter",sans-serif;white-space:nowrap;font-weight:500}.sidebar__requestTag--contact{background:#e8f5e9;color:#128c7e}.sidebar__requestTag--pending{background:#fff3e0;color:#e65100}.sidebar__requests{background-color:#f0f2f0;background-color:var(--bg-reply-banner,#f0f2f0);border-bottom:2px solid #128c7e;border-bottom:2px solid var(--color-accent,#128c7e)}.sidebar__requestsTitle{padding:8px 16px;font-size:11px;font-weight:600;color:#128c7e;color:var(--color-accent,#128c7e);font-family:"Inter",sans-serif;text-transform:uppercase;letter-spacing:.05em}.sidebar__requestItem{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:8px 14px;grid-gap:12px;gap:12px;border-bottom:1px solid #e9edef;border-bottom:1px solid var(--color-border,#e9edef)}.sidebar__requestBtns{display:-webkit-flex;display:flex;grid-gap:2px;gap:2px}.sidebar__acceptBtn .MuiSvgIcon-root{color:#128c7e!important}.sidebarchat{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:15px;border-bottom:1px solid #d3d3d3;cursor:pointer}.sidebarchat:hover{background-color:#ebebeb}.sidebarchat__info{margin-left:15px;position:relative;width:100%}.sidebarchat__info>h3{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;grid-gap:6px;gap:6px;width:190px;overflow:hidden!important;text-overflow:ellipsis}.sidebarchat__info>small{position:absolute;right:0;top:5px}.sidebarchat__info>.MuiSvgIcon-root{position:absolute;right:0;bottom:-3px;display:none}.sidebarchat:hover>.sidebarchat__info>.MuiSvgIcon-root{display:inline;color:grey}.sidebarchat__avatarWrapper{position:relative;-webkit-flex-shrink:0;flex-shrink:0}.sidebarchat__onlineDot{position:absolute;bottom:1px;right:1px;width:11px;height:11px;border-radius:50%;background-color:#25d366;border:2px solid #f0f2f0;border:2px solid var(--bg-sidebar,#f0f2f0)}.sidebarchat__badge{position:absolute;right:0;bottom:0;background-color:#128c7e;background-color:var(--color-accent,#128c7e);color:#fff;font-size:11px;font-weight:700;font-family:"Inter",sans-serif;min-width:20px;height:20px;border-radius:10px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;padding:0 5px;line-height:1;box-sizing:border-box;-webkit-animation:badgePop .2s ease;animation:badgePop .2s ease}@-webkit-keyframes badgePop{0%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15)}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes badgePop{0%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15)}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.sidebarchat__lockIcon{color:#8696a0;font-size:14px!important;-webkit-flex-shrink:0;flex-shrink:0}.pinoverlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:99999;-webkit-justify-content:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.pinoverlay,.pinoverlay__box{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.pinoverlay__box{background:#fff;background:var(--bg-sidebar-header,#fff);border-radius:16px;padding:32px 28px 24px;width:320px;box-shadow:0 8px 32px rgba(0,0,0,.25);-webkit-flex-direction:column;flex-direction:column;grid-gap:8px;gap:8px}.pinoverlay__icon{font-size:40px;margin-bottom:4px}.pinoverlay__title{font-size:18px;font-weight:600;color:#111;color:var(--color-text-primary,#111);margin:0}.pinoverlay__subtitle{font-size:13px;color:grey;color:var(--color-text-secondary,grey);text-align:center;margin:0 0 8px}.pinoverlay__input{width:100%;padding:10px 14px;border-radius:8px;border:1.5px solid #d3d3d3;border:1.5px solid var(--color-border,#d3d3d3);background:#fff;background:var(--bg-sidebar-input,#fff);color:#000;color:var(--color-input-text,#000);font-size:18px;letter-spacing:4px;text-align:center;outline:none;box-sizing:border-box;transition:border-color .2s}.pinoverlay__input:focus{border-color:#128c7e}.pinoverlay__input--error{border-color:#e53935!important;-webkit-animation:pinShake .3s ease;animation:pinShake .3s ease}@-webkit-keyframes pinShake{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}75%{-webkit-transform:translateX(6px);transform:translateX(6px)}}@keyframes pinShake{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}75%{-webkit-transform:translateX(6px);transform:translateX(6px)}}.pinoverlay__error{color:#e53935;font-size:12px;margin:0}.pinoverlay__btn{width:100%;padding:10px;border-radius:8px;border:none;font-size:15px;font-weight:600;cursor:pointer;background:#128c7e;color:#fff;margin-top:8px;transition:background .2s}.pinoverlay__btn:hover{background:#0f7568}.pinoverlay__btn--cancel{background:transparent;color:grey;color:var(--color-text-secondary,grey);border:1.5px solid #d3d3d3;border:1.5px solid var(--color-border,#d3d3d3);margin-top:4px}.pinoverlay__btn--cancel:hover{background:#f0f0f0;background:var(--bg-sidebarchat-hover,#f0f0f0)}.message{-webkit-align-items:flex-end;align-items:flex-end;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:70%;position:relative;margin:4px 16px 6px;isolation:isolate}.message,.message__content{display:-webkit-flex;display:flex}.message__content{-webkit-flex-direction:column;flex-direction:column}.message__content>p>img{height:200px;width:100%;object-fit:cover;border-radius:8px;display:block}.message__content>p{font-size:14px;font-family:"Inter",sans-serif;line-height:1.5;padding:8px 12px;margin:2px 10px;border-radius:0 12px 12px 12px;background-color:#fff;background-color:var(--bg-msg-received,#fff);color:#111b21;color:var(--color-text-primary,#111b21);box-shadow:0 1px 2px rgba(0,0,0,.1);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;position:relative;transition:background-color .2s;word-break:break-word;-webkit-align-self:flex-start;align-self:flex-start;max-width:100%}.message__sender{margin-left:auto}.message__sender>.message__photo{-webkit-order:2;order:2;margin:0 0 0 8px;-webkit-align-self:center;align-self:center}.message__photo{margin:0 8px 0 0;-webkit-align-self:center;align-self:center;-webkit-flex-shrink:0;flex-shrink:0}.message__sender .message__content>p{background-color:#d9fdd3;background-color:var(--bg-msg-sent,#d9fdd3);border-radius:12px 0 12px 12px;-webkit-align-self:flex-end;align-self:flex-end}.message__meta{font-size:10px;color:grey;color:var(--color-text-secondary,grey);font-family:"Inter",sans-serif;white-space:nowrap;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;grid-gap:3px;gap:3px;align-self:flex-end;margin:2px 10px 0;opacity:.85}.message__tick{font-size:13px!important;color:#8696a0;color:var(--color-text-secondary,#8696a0);display:-webkit-inline-flex;display:inline-flex;-webkit-flex-shrink:0;flex-shrink:0}.message__tick--read{color:#53bdeb;transition:color .3s ease}.message__actions{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;grid-gap:2px;gap:2px;opacity:0;pointer-events:none;transition:opacity .18s ease,-webkit-transform .18s ease;transition:opacity .18s ease,transform .18s ease;transition:opacity .18s ease,transform .18s ease,-webkit-transform .18s ease;-webkit-transform:scale(.75);transform:scale(.75);align-self:center;-webkit-order:1;order:1;margin:0 6px;background:#fff;background:var(--bg-msg-received,#fff);border-radius:24px;padding:4px 3px;box-shadow:0 2px 12px rgba(0,0,0,.18);z-index:10}.message:hover .message__actions{opacity:1;pointer-events:auto;-webkit-transform:scale(1);transform:scale(1)}.message__actions--sender{-webkit-order:-1;order:-1}.message__actionBtn{color:#54656f!important;color:var(--color-icon,#54656f)!important;padding:5px!important;border-radius:50%!important;transition:background-color .15s ease,color .15s ease!important}.message__actionBtn:hover{background-color:rgba(0,0,0,.06)!important}.message__actionBtn--delete:hover{color:#e53935!important;background-color:rgba(229,57,53,.08)!important}.message__likeCount{font-size:11px;margin-left:12px;color:#e0245e;font-family:"Inter",sans-serif}.message__likeCount--sender{margin-left:0;margin-right:12px;text-align:right}.message__editRow{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;grid-gap:4px;gap:4px;width:100%}.message__editInput{-webkit-flex:1 1;flex:1 1;outline:none;background:transparent;font-size:14px;font-family:"Inter",sans-serif;color:inherit;border:none;border-bottom:1.5px solid #128c7e;padding:2px 0;min-width:100px}.message__editBtns{display:-webkit-flex;display:flex;grid-gap:2px;gap:2px;-webkit-flex-shrink:0;flex-shrink:0}.message__editedTag{font-size:10px;color:grey;color:var(--color-text-secondary,grey);font-style:italic;margin-left:6px;font-family:"Inter",sans-serif}.message__reactionOverlay{position:fixed;inset:0;z-index:99}.message__reactionPicker{position:absolute;bottom:calc(100% + 10px);left:44px;background:#fff;background:var(--bg-sidebar-header,#fff);border-radius:28px;padding:6px 10px;display:-webkit-flex;display:flex;grid-gap:2px;gap:2px;box-shadow:0 4px 20px rgba(0,0,0,.22);z-index:100;-webkit-animation:reactionPickerIn .15s ease;animation:reactionPickerIn .15s ease;white-space:nowrap;border:1px solid #e9edef;border:1px solid var(--color-border,#e9edef)}.message__reactionPicker--sender{left:auto;right:44px}@-webkit-keyframes reactionPickerIn{0%{opacity:0;-webkit-transform:scale(.7) translateY(6px);transform:scale(.7) translateY(6px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes reactionPickerIn{0%{opacity:0;-webkit-transform:scale(.7) translateY(6px);transform:scale(.7) translateY(6px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}.message__reactionOption{background:none;border:none;cursor:pointer;font-size:22px;padding:4px;border-radius:50%;transition:background-color .12s ease,-webkit-transform .12s ease;transition:transform .12s ease,background-color .12s ease;transition:transform .12s ease,background-color .12s ease,-webkit-transform .12s ease;line-height:1;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.message__reactionOption:hover{-webkit-transform:scale(1.35);transform:scale(1.35);background-color:rgba(0,0,0,.06)}.message__reactionOption--active{background-color:rgba(18,140,126,.12)}.message__reactions{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;grid-gap:4px;gap:4px;margin:4px 10px 0;padding:0}.message__reactions--sender{-webkit-justify-content:flex-end;justify-content:flex-end}.message__reactionBubble{background:#f0f2f0;background:var(--bg-sidebar,#f0f2f0);border:1.5px solid #e9edef;border:1.5px solid var(--color-border,#e9edef);border-radius:12px;padding:2px 7px;font-size:14px;cursor:pointer;display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;grid-gap:3px;gap:3px;transition:all .15s ease;line-height:1.4;outline:none}.message__reactionBubble:hover{background:#e8ebe8;background:var(--bg-sidebarchat-hover,#e8ebe8);-webkit-transform:scale(1.08);transform:scale(1.08)}.message__reactionBubble--mine{background:rgba(18,140,126,.14);border-color:#128c7e;border-color:var(--color-accent,#128c7e)}.message__reactionCount{font-size:11px;color:grey;color:var(--color-text-secondary,grey);font-family:"Inter",sans-serif;font-weight:600}.message__replyPreview{background-color:rgba(0,0,0,.06);border-left:3px solid #128c7e;border-left:3px solid var(--color-accent,#128c7e);padding:5px 10px;border-radius:6px;margin-bottom:4px;overflow:hidden}.message__replyName{color:#128c7e;color:var(--color-accent,#128c7e);font-weight:600;font-size:11px;margin-bottom:2px}.message__replyName,.message__replyText{display:block;font-family:"Inter",sans-serif}.message__replyText{color:grey;color:var(--color-text-secondary,grey);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.chat{-webkit-flex:0.70 1;flex:0.70 1;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;background-color:#f0f2f0;background-color:var(--bg-sidebar,#f0f2f0);height:100%}.chat__header{-webkit-justify-content:space-between;justify-content:space-between;border-bottom:1px solid #d3d3d3;border-bottom:1px solid var(--color-border,#d3d3d3);background-color:#f0f2f0;background-color:var(--bg-chat-header,#f0f2f0);padding:10px 16px;height:56px}.chat__header,.chat__headericons{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.chat__headericons{grid-gap:2px;gap:2px}.chat__mobileBack{display:none!important}.chat__header>h4{font-weight:400;color:grey;color:var(--color-text-secondary,grey);font-size:14px;letter-spacing:.01em}.chat__name{color:#111b21;color:var(--color-text-primary,#111b21);font-weight:600}.chat__body{-webkit-flex:1 1;flex:1 1;overflow-y:auto;background-color:#efeae2;background-image:url(https://user-images.githubusercontent.com/15075759/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png);background-size:400px;padding:8px 0}.chat__body::-webkit-scrollbar{width:5px}.chat__body::-webkit-scrollbar-track{background:transparent}.chat__body::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.15);border-radius:10px}.chat__input{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:8px 16px;grid-gap:4px;gap:4px;border-top:1px solid #d3d3d3;border-top:1px solid var(--color-border,#d3d3d3);background-color:#f0f2f0;background-color:var(--bg-chat-input,#f0f2f0)}.chat__input .MuiBadge-colorError{background-color:#128c7e!important;background-color:var(--color-accent,#128c7e)!important}.chat__input>form{-webkit-flex:1 1;flex:1 1;display:-webkit-flex;display:flex}.chat__input>form>input{outline:none;padding:10px 16px;border-radius:24px;border:1px solid #d3d3d3;border:1px solid var(--color-border,#d3d3d3);background-color:#fff;background-color:var(--bg-sidebar-input,#fff);color:#111;color:var(--color-input-text,#111);-webkit-flex:1 1;flex:1 1;font-size:14px;font-family:"Inter",sans-serif;transition:border-color .2s,box-shadow .2s}.chat__input>form>input:focus{border-color:#128c7e;border-color:var(--color-accent,#128c7e);box-shadow:0 0 0 2px rgba(18,140,126,.12)}.chat__input>form>button{display:none}.input__file{opacity:0;position:absolute;z-index:-1}.chat__emojiPicker{position:relative;border-top:1px solid #d3d3d3;border-top:1px solid var(--color-border,#d3d3d3)}.chat__emojiPicker .emoji-picker-react{width:100%!important;border-radius:0!important;border:none!important;box-shadow:none!important;background-color:#f0f2f0!important;background-color:var(--bg-chat-input,#f0f2f0)!important}.chat__dateSeparator{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;margin:12px 0 8px;pointer-events:none}.chat__dateSeparator>span{background-color:#fff;background-color:var(--bg-msg-received,#fff);color:grey;color:var(--color-text-secondary,grey);font-size:11px;font-family:"Inter",sans-serif;font-weight:500;padding:4px 12px;border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.1);letter-spacing:.02em}.chat__typingIndicator{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;grid-gap:8px;gap:8px;padding:5px 16px;background-color:#f0f2f0;background-color:var(--bg-chat-input,#f0f2f0);border-top:1px solid #d3d3d3;border-top:1px solid var(--color-border,#d3d3d3)}.chat__typingText{font-size:12px;color:grey;color:var(--color-text-secondary,grey);font-style:italic;font-family:"Inter",sans-serif}.chat__typingDots{display:-webkit-flex;display:flex;grid-gap:3px;gap:3px;-webkit-align-items:center;align-items:center}.chat__typingDots span{width:6px;height:6px;border-radius:50%;background-color:#128c7e;background-color:var(--color-accent,#128c7e);display:inline-block;-webkit-animation:typingBounce 1.2s ease-in-out infinite;animation:typingBounce 1.2s ease-in-out infinite}.chat__typingDots span:first-child{-webkit-animation-delay:0s;animation-delay:0s}.chat__typingDots span:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.chat__typingDots span:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}@-webkit-keyframes typingBounce{0%,60%,to{-webkit-transform:translateY(0);transform:translateY(0);opacity:.4}30%{-webkit-transform:translateY(-5px);transform:translateY(-5px);opacity:1}}@keyframes typingBounce{0%,60%,to{-webkit-transform:translateY(0);transform:translateY(0);opacity:.4}30%{-webkit-transform:translateY(-5px);transform:translateY(-5px);opacity:1}}.chat__replyBanner{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;background-color:#e8ebe8;background-color:var(--bg-reply-banner,#e8ebe8);border-left:4px solid #128c7e;border-left:4px solid var(--color-accent,#128c7e);padding:6px 12px;border-top:1px solid #d3d3d3;border-top:1px solid var(--color-border,#d3d3d3)}.chat__replyBannerContent{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;overflow:hidden}.chat__replyBannerName{color:#128c7e;color:var(--color-accent,#128c7e);font-weight:600;font-size:12px;font-family:"Inter",sans-serif}.chat__replyBannerText{color:grey;color:var(--color-text-secondary,grey);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px;font-family:"Inter",sans-serif}.chat__loadMore{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;padding:8px 0}.chat__loadMore button{background:none;border:1px solid #128c7e;color:#128c7e;border-radius:16px;padding:4px 16px;font-size:12px;cursor:pointer}.chat__loadMore button:hover{background-color:#128c7e;color:#fff}.chat__imagePreview{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;grid-gap:10px;gap:10px;padding:8px 12px;background-color:#fff;background-color:var(--bg-sidebar,#fff);border-top:1px solid rgba(0,0,0,.08)}.chat__imagePreview img{width:48px;height:48px;object-fit:cover;border-radius:6px}.chat__imagePreviewName{font-size:13px;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat__imagePreviewName,.webcamcapture{-webkit-flex:1 1;flex:1 1}.webcamcapture__header{background-color:#00bfa5;padding:5px 10px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:40px}.webcamcapture__close{color:#fff;cursor:pointer}.webcamcapture__header>h3{color:#fff;margin-left:8px;font-weight:700}.webcamcapture__body{position:relative;width:80%;margin:0 auto;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.webcamcapture__cameraicon{margin-top:-25px!important}.selectchatgroup{-webkit-flex:0.70 1;flex:0.70 1;background-color:var(--selectchatgroup-backgroundcolor);display:grid;place-items:center}.selectchatgroup__box{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.selectchatgroup__box>img{object-fit:contain;height:356px;border-radius:1000px;width:356px}.selectchatgroup__box>h3{font-size:36px;font-weight:300;text-align:center;color:#525252}.selectchatgroup__box>p{margin-top:20px;color:rgba(0,0,0,.45);font-size:14px;line-height:20px;text-align:center}.selectchatgroup__box>p>span{color:#07bc4c;cursor:pointer}.selectchatgroup__box>hr{margin-top:20px;height:1px;background-color:#eaebeb;width:100%}.sidebarprofile{-webkit-flex:0.3 1;flex:0.3 1;height:100%;border-right:1px solid #d3d3d3;border-right:1px solid var(--color-border,#d3d3d3);background-color:#f5f5f5;background-color:var(--bg-sidebar,#f5f5f5);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.sidebarprofile__header{-webkit-flex:0.163 1;flex:0.163 1;background-color:#128c7e;background-color:var(--color-header-bar,#128c7e);-webkit-justify-content:space-between;justify-content:space-between}.sidebarprofile__header,.sidebarprofile__headerprofile{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.sidebarprofile__headerprofile{padding:10px}.sidebarprofile__headericon .MuiSvgIcon-root{color:#fff}.sidebarprofile__headerprofile>h3{color:#fff;margin-left:10px;font-family:"Inter",sans-serif;font-weight:500}.sidebarprofile__center{-webkit-flex:0.4 1;flex:0.4 1;display:grid;place-items:center;background-color:#f5f5f5;background-color:var(--bg-sidebar,#f5f5f5)}.sidebarprofile__center>img{border-radius:999px;border:3px solid #d3d3d3;border:3px solid var(--color-border,#d3d3d3)}.sidebarprofile__bottom{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex:0.4 1;flex:0.4 1}.sidebarprofile__bottomheader{background-color:#fff;background-color:var(--bg-sidebar-input,#fff);border-bottom:1px solid #d3d3d3;border-bottom:1px solid var(--color-border,#d3d3d3)}.sidebarprofile__bottomheader>h4{padding:10px 20px;color:#128c7e;color:var(--color-accent,#128c7e);font-weight:400;font-size:13px;font-family:"Inter",sans-serif}.sidebarprofile__bottomheader>h3{padding:8px 20px 12px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;font-weight:500;color:#111;color:var(--color-text-primary,#111);font-family:"Inter",sans-serif;font-size:15px}.sidebarprofile__bottomcenter>p{padding:10px 20px 20px;color:grey;color:var(--color-text-secondary,grey);font-size:13px;font-family:"Inter",sans-serif;background-color:#f5f5f5;background-color:var(--bg-sidebar,#f5f5f5)}.sidebarprofile__bottombottom{background-color:#fff;background-color:var(--bg-sidebar-input,#fff);border-top:1px solid #d3d3d3;border-top:1px solid var(--color-border,#d3d3d3);margin-top:8px}.sidebarprofile__bottombottom>h4{padding:10px 20px;color:#128c7e;color:var(--color-accent,#128c7e);font-weight:400;font-size:13px;font-family:"Inter",sans-serif}.sidebarprofile__bottombottom>h3{padding:8px 20px 12px;-webkit-justify-content:space-between;justify-content:space-between;font-weight:500;color:#111;color:var(--color-text-primary,#111);font-family:"Inter",sans-serif;font-size:15px}.sidebarprofile__bottombottom>h3,.sidebarprofile__editRow{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.sidebarprofile__editRow{padding:6px 20px 10px;grid-gap:8px;gap:8px;border-bottom:2px solid #128c7e;border-bottom:2px solid var(--color-accent,#128c7e);background-color:#fff;background-color:var(--bg-sidebar-input,#fff)}.sidebarprofile__input{-webkit-flex:1 1;flex:1 1;border:none;outline:none;font-size:15px;font-family:"Inter",sans-serif;background:transparent;color:#111;color:var(--color-text-primary,#111);padding:4px 0}.sidebarprofile__editActions{display:-webkit-flex;display:flex;grid-gap:2px;gap:2px}.sidebarprofile__saveBtn .MuiSvgIcon-root{color:#128c7e!important;color:var(--color-accent,#128c7e)!important}.sidebarprofile__editIcon{cursor:pointer;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.sidebarprofile__editIcon .MuiSvgIcon-root{color:#919191;color:var(--color-icon,#919191);transition:color .15s}.sidebarprofile__editIcon:hover .MuiSvgIcon-root{color:#128c7e;color:var(--color-accent,#128c7e)}.login{display:grid;place-items:center;height:100vh;width:100%;background-color:#f0f2f0;background-image:radial-gradient(ellipse at top,rgba(18,140,126,.12) 0,transparent 60%)}.login__header{width:100%;height:28%;position:absolute;top:0;background:linear-gradient(135deg,#128c7e,#075e54)}.login__header,.login__header>h2{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.login__header>h2{margin-left:140px;color:#fff;font-size:22px;font-weight:500;font-family:"Inter",sans-serif;grid-gap:10px;gap:10px;letter-spacing:.02em}.login__header>h2>img{width:36px;height:36px;object-fit:contain}.login__main{width:60%;max-width:820px;background-color:#fff;z-index:100;margin-top:120px;margin-bottom:30px;border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,.12);overflow:hidden}.login__upper{display:-webkit-flex;display:flex;padding:48px 52px;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;grid-gap:32px;gap:32px}.login__left>h1{margin-bottom:36px;font-size:26px;font-weight:300;line-height:1.3;color:#3c3c3c;font-family:"Inter",sans-serif;letter-spacing:-.01em}.login__left>ol{padding:0 0 0 22px}.login__left>ol>li{font-size:16px;line-height:1.7;color:#555;margin-top:14px;font-family:"Inter",sans-serif}.login__right>img{width:260px;height:260px;border-radius:50%;border:2px solid #e9edef;cursor:pointer;transition:box-shadow .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease}.login__right>img:hover{-webkit-transform:scale(1.03);transform:scale(1.03);box-shadow:0 8px 24px rgba(18,140,126,.2)}.login__left>p{margin-top:36px;color:#128c7e;color:var(--color-accent,#128c7e);cursor:pointer;font-size:14px;font-family:"Inter",sans-serif;font-weight:500;transition:opacity .15s}.login__left>p:hover{opacity:.8}.login__down{background-color:#f9fafa;border-top:1px solid #e9edef;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding:40px}.login__down>img{height:260px;width:440px;object-fit:contain}*,:after,:before{box-sizing:border-box;margin:0;padding:0}.app,body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.status{background-color:#000;height:100vh;width:100%;display:grid;place-items:center}.status__body{height:95vh;width:90vw}.status__body,.statussidebar{display:-webkit-flex;display:flex}.statussidebar{background-color:#141414;height:100%;-webkit-flex:0.3 1;flex:0.3 1;-webkit-flex-direction:column;flex-direction:column}.statussidebar__header{padding:50px 10px 20px;-webkit-justify-content:space-between;justify-content:space-between}.statussidebar__header,.statussidebar__headerleft{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.statussidebar__headerleft{grid-gap:8px;gap:8px}.statussidebar__backBtn .MuiSvgIcon-root{color:#fff}.statussidebar__uploadstatus>.MuiIconButton-label>.MuiSvgIcon-root{cursor:pointer!important;color:grey!important}.statussidebar__info{margin-left:15px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.statussidebar__info>h4{color:#fff;font-size:16px}.statussidebar__info>p{color:grey;font-weight:400;font-size:13px}.statussidebar__status{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex:1 1;flex:1 1;overflow-y:scroll}.statussidebar__status::-webkit-scrollbar{width:6px!important;height:6px!important}.statussidebar__status::-webkit-scrollbar-thumb{background-color:#323232}.statussidebar__status::-webkit-scrollbar-track{background-color:#141414}.line{padding-left:15px!important;padding-right:15px}.line>hr{border:1px solid #202020;margin-top:15px;margin-bottom:15px}.line>p{font-size:13px;color:grey}.statussidebarstatus{display:-webkit-flex;display:flex;padding:12px;-webkit-align-items:center;align-items:center;cursor:pointer}.statussidebarstatus:hover{background-color:#262626}.statussidebarstatus__info{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin-left:15px}.statussidebarstatus__info>h3{font-size:17px;font-weight:400;color:#fff}.statussidebarstatus__info>p{color:grey;font-size:13px;line-height:20px}.statussidebarstatus__avatar{border:3px solid #02897c}.statussidebarstatus__avatarviewed{border:3px solid #fff!important}.statusvideo{-webkit-flex:0.7 1;flex:0.7 1;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.statusvideo__header{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;padding:10px}.statusvideo__back,.statusvideo__close{color:#fff!important;cursor:pointer}.statusvideo__withoutvideo{-webkit-flex:1 1;flex:1 1;display:grid;place-items:center}.statusvideo__video{-webkit-flex:1 1;flex:1 1}.statusvideo__videoimage{width:70%;height:100%;margin:0 auto;overflow:hidden;position:relative}.statusvideo__timer{position:absolute;top:0;right:5px;display:none}.statusvideo__videoimage>img{width:100%;height:100%;object-fit:contain}.statusvideo__center{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.statusvideo__withoutvideo>.statusvideo__center>h3{line-height:24px;text-align:center;color:grey;font-weight:400}.statusvideo__donuticon{color:grey!important;font-size:120px!important;margin-bottom:40px}.statusvideo__progress .MuiLinearProgress-colorPrimary{background-color:#d6dbd9!important}.statusvideo__progress .MuiLinearProgress-barColorPrimary{background-color:#009688!important}
/*# sourceMappingURL=main.f6d9842c.chunk.css.map */