@charset "UTF-8";:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #1d282e;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media(prefers-color-scheme:dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.4;font-family:Google Sans,Helvetica Neue,sans-serif,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media(hover:hover){a:hover{background-color:#00bd7e33}}.modal-content__wrapper{border-radius:16px;background-color:#fff;position:relative;margin:0 16px}.modal-content__wrapper .inner-scroll{padding:0 20px 20px;min-height:100px}.modal-content__wrapper.no-padding .inner-scroll{padding:0}.modal-content__wrapper .modal-footer{padding:14px 20px;border-top:1px solid rgba(90,90,90,.1)}.modal-content__wrapper .modal-header{padding:12px 20px}.modal-content__wrapper .modal-header .btn-header-color{cursor:pointer;padding:4px;background:transparent;outline:0;border:0}.modal-content__wrapper .modal-header .btn-header-color svg{color:#a0a0a080}.modal-content__wrapper .modal-header .btn-header-color:hover svg{color:#a0a0a0}.modal-content__wrapper .modal-header .title{font-size:18px;font-weight:600}.modal-content__wrapper .modal-header .title .sub-title{font-size:14px;font-weight:400;color:#0006;margin-left:8px}.modal-content__wrapper.fixed-header .modal-header{position:absolute;top:0;right:0;left:0;z-index:1;background-color:#2d2d3066;color:#fff}.group-container{margin-bottom:16px}.group-container .n-card__content{padding:8px!important}.group-container .group-name{font-size:15px;font-weight:600;margin-top:8px;margin-bottom:3px}.group-container .sub-menu-item{display:block;padding:6px 12px;border-radius:3px;color:#000c;text-decoration:none;transition:all .2s ease-in-out;cursor:pointer;-webkit-user-select:none;user-select:none;-moz-user-focus:normal;font-size:14px}.group-container .sub-menu-item:hover{background-color:#0000000d}.user-avatar-char{width:32px;height:32px;border-radius:50%;background-color:#dfdfdf;color:#7e7e7e;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.call-device-page{background:radial-gradient(circle at -40% 30%,#f1f6f1e6,#42a5f500 60%),linear-gradient(135deg,#0ae462,#30bc76 40%,#1fb2b7);box-shadow:0 0 20px #2d2d304d;width:300px;height:400px;position:fixed;border-radius:18px}.call-device-page .header{position:absolute;left:50%;transform:translate(-50%);top:10%;text-align:center;display:flex;flex-direction:column;align-items:center;width:90%}.call-device-page .avatar{width:180px;height:180px;line-height:180px;text-align:center;position:relative;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;-moz-user-focus:ignore}.call-device-page .avatar img,.call-device-page .avatar .img{width:100px;height:100px;border-radius:50%;overflow:hidden;z-index:1;background-size:cover;background-position:center}.call-device-page .pulse{position:absolute;width:180px;height:180px;border-radius:50%;background:#ffffff1a;animation:pulse 2s infinite;z-index:0}.call-device-page .pulse:nth-child(1){animation-delay:0s}.call-device-page .pulse:nth-child(2){animation-delay:1s}.call-device-page .status-connect-call{color:#fff;font-size:15px}.call-device-page .name-connect{color:#fff;font-size:16px;font-weight:700;margin-top:10px}.call-device-page .footer{display:flex;gap:25px;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}.call-device-page .action-device{width:60px;height:60px;border-radius:50%;background:#fff3;display:flex;justify-content:center;align-items:center;cursor:pointer;position:relative}.call-device-page .action-device svg{width:20px;height:20px;color:#fff}.call-device-page .action-device.disabled:after{content:"";position:absolute;width:50%;height:1.5px;background-color:#fff;z-index:1;rotate:135deg;border-radius:2px}.call-device-page .action-device.action-device__cancel{background-color:#e32f2f}.call-device-page .action-device.action-device__cancel .svg-icon{transform:rotate(135deg)}.call-device-page .action-device.action-device__success{background-color:#4ddc62;margin-left:60px}.call-device-page .actions{position:absolute;top:10px;right:10px;z-index:10}.call-device-page .action-header{width:20px;height:20px;line-height:20px;border-radius:50%;position:relative;cursor:pointer;padding:0;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center}.call-device-page .action-header.action-minus{color:#fff}.call-device-page .action-header.action-minus i{font-size:16px;font-weight:700}.call-device-page .action-header.action-minus:hover{color:orange}.call-device-page .action-header.action-no-minus{background-color:#2daf61;display:none}.call-device-page .action-header.action-no-minus i{font-size:12px;font-weight:700}.call-device-page.minimized{width:180px;height:150px;top:inherit;left:inherit;border-radius:12px}.call-device-page.minimized .avatar{width:60px!important;height:60px!important;line-height:60px!important}.call-device-page.minimized .avatar img,.call-device-page.minimized .avatar .img{width:50px;height:50px}.call-device-page.minimized .pulse{width:60px;height:60px}.call-device-page.minimized .action-device{width:30px;height:30px}.call-device-page.minimized .action-minus{display:none}.call-device-page.minimized .action-no-minus{display:inline-block}.call-device-page.minimized .header{width:100%}.call-device-page.minimized .status-connect-call{font-size:12px}.call-device-page.minimized .name-connect{font-size:12px;display:none}.call-device-page.minimized .footer{bottom:0}@keyframes pulse{0%{transform:scale(.7);opacity:.8}to{transform:scale(1.6);opacity:0}}.file-picker{display:none}.user-card>div{padding:10px!important}.user-card>div>div{padding:0!important}.user-card .name{font-weight:700;font-size:14px}.user-card .name .role{font-size:12px;color:#888;margin-left:8px}.user-card .email{color:#666}.reminder-item{position:relative;color:#363636}.reminder-item .n-divider{margin:12px 0!important}.reminder-item .vr-calendar{width:100px;border:.5px solid rgba(45,45,48,.1);border-radius:4px;overflow:hidden;color:#363636}.reminder-item .vr-calendar .title{background-color:#009a73;color:#fff;text-align:center;padding:4px;position:relative;font-size:13px;font-weight:500}.reminder-item .vr-calendar .title .dot{width:8px;height:8px;border-radius:12px;position:absolute;background-color:#2d2d301a;top:40%;transform:translateY(-50%)}.reminder-item .vr-calendar .title .dot.left{left:12px}.reminder-item .vr-calendar .title .dot.right{right:12px}.reminder-item .vr-calendar .content{text-align:center;padding:8px 0}.reminder-item .vr-calendar .content .date{font-size:46px;font-weight:700}.reminder-item .vr-calendar .content .month{font-size:13px;color:#2d2d3080}.reminder-item .remind-content{margin-top:12px;font-size:14px;font-style:italic;text-align:left}.reminder-item .btn-close{position:absolute;right:0;top:0;border:0;outline:0;display:flex;align-items:center;justify-content:center;cursor:pointer;background:transparent}.reminder-item .remind-time{font-size:13px;color:gray}.reminder-item .remind-title{font-weight:500;font-size:16px;margin-bottom:4px;text-align:left}.reminder-item.small .n-divider{display:none}.reminder-item.small .vr-calendar{width:80px}.reminder-item.small .vr-calendar .title{font-size:11px}.reminder-item.small .vr-calendar .title .dot{width:6px;height:6px}.reminder-item.small .vr-calendar .content .date{font-size:22px}.reminder-item.small .vr-calendar .content .month{font-size:11px}.reminder-item.small .remind-title{font-size:14px}.reminder-item.small .remind-time{font-size:11px}.reminder-item.small .remind-content{font-size:12px}@keyframes shake-effect{0%,to{transform:translateY(0) rotate(0) translate(0)}10%{transform:translateY(-14px) rotate(-12deg) translate(-1px)}20%{transform:translateY(-14px) rotate(12deg) translate(1px)}30%{transform:translateY(-14px) rotate(-14deg) translate(-.5px)}40%{transform:translateY(-14px) rotate(14deg) translate(.5px)}50%{transform:translateY(-14px) rotate(-14deg) translate(-.5px)}60%{transform:translateY(-14px) rotate(14deg) translate(.5px)}70%{transform:translateY(-14px) rotate(-12deg) translate(-1px)}80%{transform:translateY(-14px) rotate(12deg) translate(1px)}90%{transform:translateY(-8px) rotate(-8deg) translate(-.5px)}}.reminder-stack__container{position:fixed;right:10px;background-color:#fff;border-radius:4px;padding:10px;bottom:12px;transition:all .2s ease-in-out;z-index:1;box-shadow:0 2px 8px #00000026;width:360px;max-width:calc(100vw - 20px);min-width:200px}.reminder-stack__container .ring{position:absolute;right:0;top:30px;border-radius:50vh;width:40px;height:40px;display:flex;z-index:1;align-items:center;justify-content:center;animation:shake-effect 2s infinite}.reminder-stack__container.multi{bottom:20px}.reminder-stack__container .n-carousel__dots{position:fixed;left:unset!important;top:unset!important;transform:unset!important;right:12px!important;bottom:4px!important}.reminder-stack__container .n-carousel__dots .n-carousel__dot{background-color:#d4d1d1!important;height:9px!important;width:7px!important;border-radius:2px!important}.reminder-stack__container .n-carousel__dots .n-carousel__dot.n-carousel__dot--active{background-color:#009a73!important}.background-task__container .background-task__item{border:.5px solid rgba(0,0,0,.1);padding:3px 8px;border-radius:5px;margin-bottom:5px}.background-task__container .background-task__item:last-child{margin-bottom:0}.background-task__container .background-task__item .name{border:0;padding:0!important;font-weight:500!important}.background-task__container .background-task__item .time{font-size:12px;color:gray}.router-child-popover .name{font-weight:700;font-size:14px;padding:8px 12px}.router-child-popover .route-container .group{margin-bottom:32px}.router-child-popover .route-container .group .group-name{margin-top:12px;font-size:12px;font-weight:600}.router-child-popover .route-container .route-item{display:block;padding:6px 12px;font-size:14px;border-radius:6px;text-decoration:none;color:#363636;margin:4px 0;min-width:200px}.router-child-popover .route-container .route-item:hover,.router-child-popover .route-container .route-item.active,.router-child-popover .route-container .route-item.router-link-exact-active{background-color:#009a7312!important;color:#009a73!important}.router-child-popover .route-container .route-item n-flex{gap:8px;align-items:center}.router-child-popover a{font-size:13px}.router-child-popover a:hover{color:#009a73!important}.main-layout{gap:0!important}.main-layout .app-version{font-size:11px;color:gray;text-align:center}.main-layout .current-user{width:38px;height:38px;border-radius:50px;position:relative}.main-layout .current-user:after{content:"";width:10px;height:10px;border-radius:50%;background-color:#4caf50;border:2px solid #fff}.main-layout .main-route{display:flex;align-items:center;justify-content:center;margin-top:2px;border-radius:4px;color:#f5f5f5;width:100%;padding:12px 0;position:relative}.main-layout .main-route .dot.highlight{position:absolute;top:15px;right:15px;width:6px;height:6px;border-radius:50vh;background-color:#6dfff8}.main-layout .main-route .name{margin-top:4px;font-size:11px}.main-layout .main-route:hover,.main-layout .main-route.router-link-exact-active,.main-layout .main-route.active{color:#009a73;background-color:#1e1e1e80}.main-layout .left-sidebar{width:80px;min-height:100vh}.main-layout .view-content{max-height:100vh;height:100vh;flex:1;background-color:#fff;min-height:100vh;color:#363636;border-radius:16px 0 0 16px}.main-layout.mobile .left-sidebar{display:none}.main-layout.mobile .view-content{border-radius:0}.component__wrap-element{position:relative;margin-top:16px;width:100%!important}.component__wrap-element .n-input .n-input__input-el{padding-top:12px!important;padding-left:4px;height:50px!important}.component__wrap-element .n-input .n-input__placeholder{display:none!important}.component__wrap-element>label{position:absolute;z-index:1;left:16px;top:15px;opacity:.8;font-weight:500;color:#2e2e2e;font-size:13px!important;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.component__wrap-element.border{-webkit-border-radius:6px!important;-moz-border-radius:6px!important;border-radius:6px!important;background-color:#fefefe}.component__wrap-element.border>label{top:18px}.component__wrap-element.active>label,.component__wrap-element.has-value>label{top:6px;font-weight:500;font-size:11px!important;color:#273f43;opacity:.9}.component__wrap-element.active>label{color:#009a73!important}.component__wrap-element .el-select .el-input__inner{height:unset!important}.component__wrap-element .wrap_content{padding-top:28px;padding-left:18px;padding-bottom:3px}.component__wrap-element .el-input-number .el-input__inner{text-align:left!important}@keyframes background{0%{background:radial-gradient(circle at center,#d6d0d0,#a8b8ef)}to{background:radial-gradient(circle at center,#08163e,#3446dca1)}}.sign-in{min-height:100vh;transition:all .3s linear;display:flex}.sign-in .btn-toggle-type{position:absolute;bottom:0;right:10px;cursor:pointer;color:#0006;padding:6px;-webkit-user-select:none;user-select:none}.sign-in .form-container{padding:45px 32px;width:380px;border-radius:16px;min-height:100px;transition:all .3s ease-in-out;background-color:#fff;box-shadow:0 0 0 1px #0000001a,0 2px 4px #0000001a}.sign-in .form-container .form-header{margin-bottom:30px}.full-w[data-v-0b885b84]{width:100%}.item-support-chat[data-v-0b885b84]{display:flex;position:relative;width:100%;cursor:pointer;padding:8px 12px;border-bottom:.5px solid #f5f5f5}.item-support-chat[data-v-0b885b84]:hover{background-color:#ccc3}.item-support-chat.active[data-v-0b885b84]{background-color:#d6f0e7}.item-support-chat.active .chat-name[data-v-0b885b84]{color:#009a73}.avatar-block img[data-v-0b885b84]{width:42px;height:42px;border-radius:50%;object-fit:cover;outline:3px solid rgba(255,255,255,.2);background-color:#f5f5f5}.content-block[data-v-0b885b84]{flex:1}.content-block .header-block[data-v-0b885b84]{vertical-align:top}.content-block .chat-name[data-v-0b885b84]{font-weight:500;margin-right:10px;white-space:nowrap;color:#363636;overflow:hidden;text-overflow:ellipsis;font-size:14px;flex:1}.content-block .chat-content[data-v-0b885b84]{font-size:13px;color:#5a5a5a;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;flex:1}.content-block .chat-content.is-bold[data-v-0b885b84]{font-weight:700;color:#555}.widget-block .chat-time[data-v-0b885b84]{font-size:12px;color:#999}.count-unread-message[data-v-0b885b84]{display:inline-block;font-size:12px;color:#fff;background:linear-gradient(to bottom right,gray,#9f9999);height:18px;line-height:18px;padding:0 5.5px;border-radius:10px;margin-left:10px}.emoji-popup{padding:0!important}.popup-more-action{border-radius:8px}.editor{position:absolute;width:100%;bottom:0;font-size:16px;background:#fff;z-index:1;padding:16px}.input-message{position:relative;width:calc(100% - 60px);background-color:#f5f5f5;border-radius:8px;display:flex;align-items:center;padding:6px 10px;color:#333}.smile-icon{padding-left:6px;line-height:1;padding-top:2px;padding-right:3px}.smile-icon .svg-icon{font-size:20px}.rich{width:100%;outline:none;cursor:text;font-size:13px;max-height:100px;padding:6px 12px;overflow-y:auto}.rich:empty:before{color:#aaa;content:attr(placehoder)}.rich::-webkit-scrollbar{width:0;height:0}.send{position:absolute;right:10px;top:7px;cursor:pointer;font-size:25px;opacity:1;background-color:#fff;color:#009a73}.send.disabled{opacity:.3;pointer-events:none}.author-avatar{display:none}.item{padding:0}.line{font-size:12px;margin:0 1em}.action-editor{display:flex;margin-bottom:10px}.upload-action{font-size:22px;color:#000;cursor:pointer;margin-right:12px;border-radius:4px;transition:all .2s ease-in-out;position:relative;display:inline-block;padding:1px 4px}.upload-action:hover{color:#009a73;background-color:#f5f5f5}.upload-action:after{content:"";position:absolute;right:-5px;top:5px;height:20px;border-right:.5px solid #d8d8d8}.more-action i{color:#000;line-height:33px}.list-file-upload{margin-left:10px;margin-right:10px;display:flex;gap:12px;padding:8px 0 6px}.list-file-upload .file-upload__item{position:relative;border-radius:10px;display:inline-block;height:48px;object-fit:cover}.list-file-upload .file-upload__item .file-preview{overflow:hidden;position:relative;border-radius:10px;border:.5px solid #eee}.list-file-upload .file-upload__item .file-other{display:flex;align-items:center;justify-content:center;background-color:#cbd8e5;overflow:hidden;height:48px;padding:5px 12px;box-shadow:none}.list-file-upload .file-upload__item .file-other i{color:#5c5c5c;font-weight:500;font-size:22px}.list-file-upload .file-upload__item .file-other span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;margin-left:5px;font-size:13px;color:#333;max-width:100px;line-height:1.1;font-weight:600}.list-file-upload img,.list-file-upload video{width:48px;height:48px}.list-file-upload .video-preview{position:relative}.list-file-upload .video-preview .overlay-action{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;background-color:#0006;border-radius:24px;display:flex;align-items:center;justify-content:center}.list-file-upload .video-preview .overlay-action i{color:#fff;font-size:16px}.list-file-upload .action-close{position:absolute;top:-8px;right:-8px;padding:5px;border-radius:50%;line-height:1;cursor:pointer;z-index:2;color:#f12222}.list-file-upload .action-close:hover{color:#ff4500}.list-file-upload .action-close i{font-size:16px;color:#000}.reply-message{padding:5px 0;position:relative;border-top:1px solid #eee}.reply-message .object-reply-message{font-weight:700;font-size:13px}.reply-message .action-close-reply-message{position:absolute;right:10px;top:10px}.reply-message .action-close-reply-message i{font-size:20px;font-weight:700}.list-emoji-icon{display:grid;grid-template-columns:repeat(10,minmax(0,1fr))}.list-emoji-icon>div{font-size:24px;text-align:center;cursor:pointer;user-focus:none;-webkit-user-select:none;user-select:none;transition:all .2s ease-in-out;border-radius:4px}.list-emoji-icon>div:hover{background-color:#5a5a5a}.input-block{margin-top:6px;position:relative}.progress-bar{width:100%;height:6px;background-color:#eee;overflow:hidden;position:absolute;bottom:0;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.progress-bar-fill{height:100%;background-color:#1379ff;width:0%;transition:width .3s ease}.error-upload{position:absolute;top:0;width:100%;height:100%;line-height:48px;text-align:center;background-color:#fff6;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.content-reply-message{max-height:150px;font-size:13px;border:.5px solid rgba(45,45,48,.1);display:inline-block;padding:6px 12px;border-radius:12px;margin-top:3px;overflow:auto}.files-content__item[data-v-e1831b6e]{display:inline-block;cursor:pointer;transition:all .2s ease-in-out;position:relative;max-width:180px}.files-content__item .image-preview__error[data-v-e1831b6e]{border-radius:4px;position:relative;display:none;border-color:#fff!important}.files-content__item .image-preview__error>div[data-v-e1831b6e]{height:120px!important;width:180px!important;background-color:#f5f5f5}.files-content__item .image-preview__error .download-button[data-v-e1831b6e]{position:absolute;bottom:5px;right:5px}.files-content__item.images[data-v-e1831b6e]{width:200px}.files-content__item .bg-img[data-v-e1831b6e]{transform-origin:bottom center;display:inline-block;margin-right:5px}.files-content__item .bg-img>div[data-v-e1831b6e]{width:50px;height:50px;border-radius:4px;background-size:cover;background-position:center}.files-content__item img[data-v-e1831b6e]{border-radius:6px;width:100%}.video-preview[data-v-3a5881bb]{display:inline!important}.video-preview .files-content__item[data-v-3a5881bb]{max-width:230px;position:relative}.video-preview .files-content__item video[data-v-3a5881bb]{width:100%;border-radius:6px;border:3px solid white;position:relative}.video-preview .files-content__item .overlay-action[data-v-3a5881bb]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;border-radius:24px;display:flex;align-items:center;justify-content:center;z-index:1;color:#fff}.file-preview__content[data-v-35e7ed09]{display:inline-block;width:100%}.files-content__item[data-v-35e7ed09]{display:flex;align-items:center;background-color:#f0f0f0;border-radius:10px}.files-content__item i[data-v-35e7ed09]{background-color:#e4e4e4;border-radius:50%;padding:8px;color:#333;margin-left:10px}.files-content__item span[data-v-35e7ed09]{padding:12px;font-size:14px;word-break:auto-phrase}.files-content__item[data-v-35e7ed09]:not(:first-child){margin-top:8px}@use "@/styles/global" as global;.audio-multi-player{width:100%;border-radius:8px;padding:8px;border:1px solid #f5f5f5;margin-bottom:5px}.player-controls{display:flex;flex-direction:column;gap:16px}.control-buttons{display:flex;gap:8px;justify-content:center;align-items:center;position:relative}.control-buttons button{border:0;background-color:transparent;cursor:pointer;border-radius:3px;padding:4px;display:flex;align-items:center}.control-buttons button:hover{background-color:#f5f5f5;color:global.$color-primary}.btn-control{padding:10px 24px;font-size:16px;border:none;border-radius:6px;color:#fff;cursor:pointer;transition:all .2s;min-width:120px}.btn-control.stopped,.btn-control.paused{background:#28a745}.btn-control.stopped:hover:not(:disabled),.btn-control.paused:hover:not(:disabled){background:#218838}.btn-control.playing{background:#ffc107;color:#000}.btn-control.playing:hover:not(:disabled){background:#e0a800}.btn-control:disabled{background:#6c757d;cursor:not-allowed;opacity:.5}.btn-stop-small{padding:10px 16px;font-size:16px;border:none;border-radius:6px;background:#dc3545;color:#fff;cursor:pointer;transition:background .2s}.btn-stop-small:hover:not(:disabled){background:#c82333}.btn-stop-small:disabled{background:#6c757d;cursor:not-allowed;opacity:.5}.progress-container{flex:1;display:flex;align-items:center;gap:12px}.progress-bar{flex:1;height:6px;-webkit-appearance:none;appearance:none;background:#ddd;border-radius:3px;outline:none;cursor:pointer;position:relative}.progress-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#00633a;border-radius:50%;cursor:pointer}.progress-bar::-moz-range-thumb{width:16px;height:16px;background:#00633a;border-radius:50%;cursor:pointer;border:none}.progress-bar:disabled{opacity:.5;cursor:not-allowed}.time-display{font-family:monospace;font-size:12px;color:#333;text-align:center}.loading-status{text-align:center;padding:12px;background:#fff3cd;border-radius:6px;color:#856404;font-size:14px}.error-messages{display:flex;flex-direction:column;gap:8px}.error-item{padding:10px;background:#f8d7da;color:#721c24;border-radius:4px;font-size:13px}.popup-video-component[data-v-77ca6066]{position:fixed;width:100%;height:100%;top:0;left:0;opacity:1;transition:all .5ms ease-in-out;background-color:#1a1a1acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.popup-video-component .action-popup-video[data-v-77ca6066]{position:absolute;top:10px;right:20px;display:flex;align-items:center}.popup-video-component .action-popup-video i[data-v-77ca6066]{font-size:25px;color:#fff}.popup-video-component .action-popup-video>div[data-v-77ca6066]{padding:5px;border-radius:50%;position:static;margin-left:15px;line-height:1}.popup-video-component .action-popup-video>div[data-v-77ca6066]:hover{background-color:#ccc9}.popup-video-component .body-popup-video[data-v-77ca6066]{width:100%;height:100%;padding:60px 20px}.popup-video-component .body-popup-video .video-body[data-v-77ca6066]{width:100%;height:100%}.popup-image-component[data-v-b05a8e15]{position:fixed;width:100%;height:100%;top:0;left:0;opacity:1;transition:all .5ms ease-in-out;background-color:#1a1a1acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.popup-image-component .action-popup-image[data-v-b05a8e15]{position:absolute;top:10px;right:20px;display:flex;align-items:center}.popup-image-component .action-popup-image i[data-v-b05a8e15]{font-size:25px;color:#fff}.popup-image-component .action-popup-image>div[data-v-b05a8e15]{padding:5px;border-radius:50%;position:static;margin-left:15px;line-height:1}.popup-image-component .action-popup-image>div[data-v-b05a8e15]:hover{background-color:#ccc9}.popup-image-component .body-popup-image[data-v-b05a8e15]{width:100%;height:100%;padding:60px 20px 100px}.popup-image-component .body-popup-image .image-body[data-v-b05a8e15]{width:100%;height:100%;position:relative}.popup-image-component .body-popup-image img[data-v-b05a8e15]{object-fit:contain;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%;height:auto;width:auto}.popup-image-component .bottom-popup-image[data-v-b05a8e15]{position:absolute;left:0;bottom:0;width:100%;height:80px;padding-bottom:10px;text-align:center}.popup-image-component .bottom-popup-image .item-image-slider[data-v-b05a8e15]{width:60px;height:60px;border-radius:16px;background-size:cover;background-position:center;display:inline-block;margin:0 0 10px 10px;position:relative;overflow:hidden}.popup-image-component .bottom-popup-image .item-image-slider[data-v-b05a8e15]:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:#00000080}.popup-image-component .bottom-popup-image .item-image-slider.active[data-v-b05a8e15]:before{display:none}.popup-image-component .action-prev[data-v-b05a8e15]{position:absolute;width:96%;top:50%;left:50%;transform:translate(-50%,-50%)}.popup-image-component .action-prev>div[data-v-b05a8e15]{width:40px;height:40px;border-radius:50%;position:absolute;background-color:#4b4c4f;transition:all .2s ease-in-out}.popup-image-component .action-prev>div.action-prev-left[data-v-b05a8e15]{left:10px}.popup-image-component .action-prev>div.action-prev-right[data-v-b05a8e15]{right:10px}.popup-image-component .action-prev>div i[data-v-b05a8e15]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px;color:#fff;font-weight:600}.popup-image-component .action-prev>div[data-v-b05a8e15]:hover{background-color:#65696a}.full-w{width:100%}@keyframes slideInRight{0%{transform:translate(10%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-10%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes highlight-effect{0%{background-color:#c500e480}50%{background-color:#b408fb}to{background-color:#c500e480}}.appointment-item{padding:10px;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none;-moz-user-focus:normal;transition:all .2s ease-in-out}.appointment-item .action{display:none}.appointment-item:hover .action{display:inline-block}.appointment-item .appointment-item__title{font-size:14px;font-weight:600;color:var(--text-color-message)}.appointment-item .appointment-item__content{margin-top:3px;font-size:12px;color:var(--text-color-message);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.appointment-item .appointment-item__time{font-size:11px;color:var(--text-color-message)}.appointment-item:nth-child(2n){background-color:#f5f5f5}.appointment-item:hover,.appointment-item:hover .appointment-item__title{color:#009a73}:root{--main-chat-color: #0560A6;--second-chat-color: #F5F5F5;--bg-message-color-1: #fff;--bg-message-color-2: rgb(219 234 255);--bg-reply-message-color-1: rgb(150 150 150 / 35%);--bg-reply-message-color-2: rgb(126, 126, 126);--border-reply-message-1: #6a0dad;--border-reply-message-2: rgb(166, 228, 76);--text-color-message: #080808;--bg-chat-box: #ebecf0;--text-color-creater: #000000}.current-user-popover .menu-item{padding:8px 12px;font-size:14px;cursor:pointer;transition:all .2s ease-in-out;border-radius:4px;-webkit-user-select:none;user-select:none}.current-user-popover .menu-item.hello span{font-weight:600}.current-user-popover .menu-item:hover{background-color:#ffffff0a}.n-split__resize-trigger-wrapper{background-color:#fff;width:0!important}.n-split__resize-trigger-wrapper .resize-trigger-vertical{width:4px;position:absolute;z-index:1}.n-split__resize-trigger-wrapper:hover .resize-trigger-vertical{background-color:violet!important}.popover-appointment-calendar .title{font-size:13px;font-weight:500;margin-bottom:8px;border-bottom:.5px solid #e0e0e0;padding:8px 12px}.appointment-container{width:360px}.appointment-container.mobile{width:calc(100vw - 100px);height:calc(100vh - 30px)}.support-chat-container{height:100%;display:flex;gap:8px;background-size:cover;background-color:#fff}.support-chat-container .license-message{position:absolute;top:0;left:0;right:0;background-color:#ffffc7db;padding:12px;color:#363636;font-size:13px}.support-chat-container .left-tab .n-tabs-pane-wrapper{display:none}.support-chat-container .n-tabs-tab-pad{width:12px!important}.support-chat-container .n-tabs-tab__label{font-size:13px;font-weight:500;padding:0 8px}.support-chat-container .n-tabs-tab__label .count{margin-left:8px;font-size:11px;background-color:#009a73;color:#fff;padding:1px 6px;border-radius:12px}.support-chat-container .list-support-chat{width:100%;height:100%;display:inline-block;border-radius:0 12px 12px 0;animation:slideInLeft .3s ease-in-out;background-size:cover}.support-chat-container .header-list-support-chat{margin:12px;position:relative}.support-chat-container .header-list-support-chat .title-header{font-size:22px;font-weight:700;padding:10px 0}.support-chat-container .search-chat{position:absolute;top:50%;right:0;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;background-color:var(--second-chat-color);display:inline-flex;align-items:center;justify-content:center}.support-chat-container .search-chat i{font-size:16px;font-weight:700}.support-chat-container .popup-search-chat{position:absolute;width:100%;height:100%;z-index:1;top:0;left:0;scale:0;opacity:0;transition:all .2s ease-in-out}.support-chat-container .popup-search-chat.show{scale:1;opacity:1}.support-chat-container .popup-search-chat .el-input__inner{border-radius:12px;height:48px;line-height:48px}.support-chat-container .popup-search-chat .el-input__suffix-inner{height:48px;line-height:48px}.support-chat-container .popup-search-chat .el-input__suffix-inner i{font-size:18px;font-weight:600}.support-chat-container .tab-support-chat{display:flex;gap:10px;padding:10px;white-space:nowrap;margin-bottom:10px}.support-chat-container .tab-support-chat .tab-item{padding:4px 10px;border-radius:12px;cursor:pointer;transition:all .2s ease-in-out;background-color:var(--second-chat-color);position:relative;color:#363636;font-size:12px;font-weight:600;width:fit-content}.support-chat-container .tab-support-chat .tab-item.active{background-color:#0560a626;color:var(--main-chat-color)}.support-chat-container .tab-support-chat .tab-item .count{position:absolute;top:-8px;right:-8px;color:#fff;background-color:#e81c1c;padding:2px 6px;border-radius:12px;font-size:11px}.support-chat-container .content-support-chat{height:calc(100% - 154px)}.support-chat-container.mobile .n-split__resize-trigger-wrapper{display:none!important;width:0!important}.support-chat-container.mobile .right-panel .n-split-pane-1{flex:0 0 100%!important}.support-chat-container.mobile .right-panel.open .n-split-pane-1{flex:unset!important}.stream-item{display:flex;align-items:center;max-width:100%;border-radius:8px;transition:all .2s ease-in-out}.stream-item:last-child{margin-bottom:20px!important}@media(max-width:640px){.stream-item{padding:.5em}}.stream-item.creator{flex-direction:row-reverse}.stream-item.active{background-color:#0560a626;transition:all .3s ease}.n-scrollbar-rail__scrollbar{background-color:#009a73!important}.list-support-chat .stream,.list-support-chat .empty{position:relative;width:100%;height:100%;overflow-y:auto;display:flex;flex-direction:column}@media(max-width:640px){.list-support-chat .stream,.list-support-chat .empty{height:430px}}.list-support-chat .stream.overflow,.list-support-chat .empty.overflow{flex-direction:column}.list-support-chat .empty .wrapper{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#bfbfbf}.list-support-chat .empty i{font-size:40px}.list-support-chat .empty .icon{width:70px;height:70px;background-size:cover;background-image:url("data:image/svg+xml,%3Csvg t='1587779561352' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='1970' width='200' height='200'%3E%3Cpath d='M915.90919 428.28025l40.909735 6.785543 1.77339-10.488889 8.708336-12.93766-103.649662-69.574588-7.776104-5.219885-7.837502-2.918469L552.61093 223.932142l-6.92676-2.579755-6.962575 2.308579-347.57209 115.214045-8.804527 2.14792-5.704932 4.046153L53.550637 432.126858l9.832949 13.854543 4.493338 11.238972 39.739073-16.353456L75.734892 485.09114l96.368838 54.05001 0.107447 199.534476-2.349511 4.28356 2.352581 1.310855 0.001023 2.709715 4.859681 0 281.95872 157.194158 7.696286 4.260024 2.344395 1.277086 2.635013 1.726318 9.41851-3.080152 8.748245-3.419889 388.69979-159.572322 0.031722-9.44307L878.607632 546.373879l92.490507-35.759435L915.90919 428.28025zM561.218982 260.057921l245.843174 91.538833-245.843174 92.115977L561.218982 260.057921zM121.002888 475.127208l40.684608-56.45171 5.983271-8.358365 23.439852-32.558533 262.998903 123.622552L411.290297 637.993552 121.002888 475.127208zM203.051579 726.133985l-0.100284-169.629375 226.371704 126.989229 28.646434-91.38636 0.893346 276.69688L203.051579 726.133985zM473.818399 476.500485 225.704508 359.870184l304.674071-100.980879 0 196.376553L473.818399 476.500485zM847.766207 724.616422 489.771743 871.571379l-0.955768-301.186643 45.281299 109.166305 313.667909-121.215736L847.765183 724.616422zM551.061644 639.889739l-57.241702-137.940652 347.098299-130.082684 83.064834 123.892705L551.061644 639.889739z' p-id='1971' fill='%23bfbfbf'%3E%3C/path%3E%3C/svg%3E")}.footer{padding:.5em}.footer .finished{font-size:14px;text-align:center;color:#bfbfbf}.right-panel{width:100%;height:100vh;overflow:hidden;animation:slideInRight .3s ease-in-out;background-color:#d8d8d8;color:#363636;background-image:url(/assets/bg_chat-D9kDCLHJ.png)}.detail-support-chat{height:100%;position:relative;overflow:hidden;border-left:.5px solid rgba(45,45,48,.1);border-right:.5px solid rgba(45,45,48,.1)}.detail-support-chat.empty{background-color:#fff}.detail-support-chat .header-chat-box{position:relative;padding:10px 12px;background-color:#fff}.detail-support-chat .action-top-bar{position:absolute;top:50%;transform:translateY(-50%);right:12px;color:#fff;display:flex;flex-wrap:wrap;gap:20px;align-items:center}.detail-support-chat .action-top-bar>div{cursor:pointer;padding:5px 5px 0}.detail-support-chat .action-top-bar>div i{font-size:22px}.detail-support-chat .action-top-bar .action-search{color:#aaa}.detail-support-chat .action-top-bar .action-call{color:#1d2036;transition:all .2s ease-in-out;border-radius:3px}.detail-support-chat .action-top-bar .action-call:hover{background-color:#2d2d301a}.detail-support-chat .action-top-bar .action-camera{color:#0560a6}.detail-support-chat .action-top-bar .action-more{background-color:#eee;width:30px;height:30px;border-radius:50%;text-align:center;display:none}.detail-support-chat .action-top-bar .action-more.show{display:inline-block}.detail-support-chat .action-top-bar .action-more i{color:#000;line-height:30px}.detail-support-chat .title-top-bar{text-align:left}.detail-support-chat .title-top-bar .name{padding-right:100px;font-size:16px;color:#363636;font-weight:700}.detail-support-chat .body-chat-box{height:calc(100% - 47px);color:#000;background-color:#f5f5f5}.detail-support-chat .accept-conversation{position:absolute;z-index:999;top:16px;left:30px;right:30px;text-align:center}.detail-support-chat .accept-conversation>div{padding-left:16px!important;background-color:#fffffff5;padding:6px 8px;box-shadow:0 0 8px #0000000d;border-radius:50vh;display:inline-block}.detail-support-chat .stream{position:relative;width:100%;height:100%;overflow-y:auto;display:flex;flex-direction:column-reverse;background:linear-gradient(to bottom left,#454c3942 50%,#22678524)}@media(max-width:640px){.detail-support-chat .stream{height:430px}}.detail-support-chat .stream::-webkit-scrollbar{background-color:transparent;padding:12px;width:8px}.detail-support-chat .stream::-webkit-scrollbar-thumb{background-color:#2d2d3033;border-radius:3px}.detail-support-chat .stream::-webkit-scrollbar-thumb:hover{background-color:#009a73}.detail-support-chat .stream.overflow{flex-direction:column}.detail-support-chat .stream .stream-item{display:flex;align-items:center;padding:10px;width:100%}.detail-support-chat .stream .stream-item.remove-padding-top{padding-top:1px}.detail-support-chat .stream .stream-item.remove-padding-top .name{display:none}.detail-support-chat .stream .stream-item.remove-padding-top .content{border-top-left-radius:6px}.detail-support-chat .stream .stream-item.remove-padding-bottom{padding-bottom:1px;margin-bottom:0!important}.detail-support-chat .stream .stream-item.remove-padding-bottom .chat-content-arrow:before{display:none}.detail-support-chat .stream .stream-item.remove-padding-bottom .chat-content-arrow:after{display:none}.detail-support-chat .stream .stream-item.remove-padding-bottom .content{border-bottom-left-radius:6px;padding-top:10px}.detail-support-chat .stream .stream-item.remove-padding-bottom .avatar{visibility:hidden;margin-bottom:0}@media(max-width:640px){.detail-support-chat .stream .stream-item{padding:.5em}}.detail-support-chat .stream .stream-item.creator{flex-direction:row-reverse}.detail-support-chat .stream .stream-item.creator .avatar{display:none}.detail-support-chat .stream .stream-item.creator .body{padding-right:0!important;margin-right:0!important}.detail-support-chat .stream .stream-item.creator.remove-padding-top{padding-top:1px}.detail-support-chat .stream .stream-item.creator.remove-padding-top .content{border-top-left-radius:16px;border-top-right-radius:6px}.detail-support-chat .stream .stream-item.creator.remove-padding-bottom{padding-bottom:1px}.detail-support-chat .stream .stream-item.creator.remove-padding-bottom .item-detail{padding-bottom:0!important}.detail-support-chat .stream .stream-item.creator.remove-padding-bottom .name{display:none}.detail-support-chat .stream .stream-item.creator.remove-padding-bottom .content{border-bottom-left-radius:16px;border-bottom-right-radius:6px}.detail-support-chat .empty{position:absolute;width:100%;height:100%;top:0;background-color:#fff3;z-index:1}.detail-support-chat .empty .wrapper{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#bfbfbf}.detail-support-chat .empty .icon{width:70px;height:70px;background-size:cover;background-image:url("data:image/svg+xml,%3Csvg t='1587779561352' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='1970' width='200' height='200'%3E%3Cpath d='M915.90919 428.28025l40.909735 6.785543 1.77339-10.488889 8.708336-12.93766-103.649662-69.574588-7.776104-5.219885-7.837502-2.918469L552.61093 223.932142l-6.92676-2.579755-6.962575 2.308579-347.57209 115.214045-8.804527 2.14792-5.704932 4.046153L53.550637 432.126858l9.832949 13.854543 4.493338 11.238972 39.739073-16.353456L75.734892 485.09114l96.368838 54.05001 0.107447 199.534476-2.349511 4.28356 2.352581 1.310855 0.001023 2.709715 4.859681 0 281.95872 157.194158 7.696286 4.260024 2.344395 1.277086 2.635013 1.726318 9.41851-3.080152 8.748245-3.419889 388.69979-159.572322 0.031722-9.44307L878.607632 546.373879l92.490507-35.759435L915.90919 428.28025zM561.218982 260.057921l245.843174 91.538833-245.843174 92.115977L561.218982 260.057921zM121.002888 475.127208l40.684608-56.45171 5.983271-8.358365 23.439852-32.558533 262.998903 123.622552L411.290297 637.993552 121.002888 475.127208zM203.051579 726.133985l-0.100284-169.629375 226.371704 126.989229 28.646434-91.38636 0.893346 276.69688L203.051579 726.133985zM473.818399 476.500485 225.704508 359.870184l304.674071-100.980879 0 196.376553L473.818399 476.500485zM847.766207 724.616422 489.771743 871.571379l-0.955768-301.186643 45.281299 109.166305 313.667909-121.215736L847.765183 724.616422zM551.061644 639.889739l-57.241702-137.940652 347.098299-130.082684 83.064834 123.892705L551.061644 639.889739z' p-id='1971' fill='%23bfbfbf'%3E%3C/path%3E%3C/svg%3E")}.detail-support-chat.mobile .accept-conversation{left:0;top:0;right:0}.detail-support-chat.mobile .accept-conversation>div{border-radius:0!important;box-shadow:unset;background-color:#fffc;font-size:12px}.info-chat-container{height:100vh;position:relative;overflow:hidden;text-align:center;background:#fff;padding-top:2px;animation:slideInRight .3s ease-in-out}.info-chat-container .n-table td,.info-chat-container .n-table th{font-size:13px}.info-chat-container .user-info{overflow:hidden}.info-chat-container .user-info .avatar{width:56px;height:56px;border-radius:50vh;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#f5f5f5}.info-chat-container .user-info .info .name{font-size:14px;font-weight:700}.info-chat-container .user-info .info .role{text-align:left;font-size:13px;color:gray}.info-chat-container .action-block>button{border:none;padding:8px 20px}.info-chat-container .action-block .connect-btn{color:#0560a6;background-color:#0560a61a}.info-chat-container .action-block .disconnect-btn{color:#f83d23;background-color:#f83d231a}.header{padding:.5em}.header .finished{font-size:14px;text-align:center;color:#bfbfbf}.empty-detail-support-chat{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.empty-detail-support-chat img{width:120px}.empty-detail-support-chat .empty-title{color:#aaa}.dot-wave{display:flex;align-items:center;gap:5px;padding:10px 10px 8px;border-radius:16px;min-width:60px}.dot-wave span{width:5px;height:5px;background-color:#aaa;border-radius:50%;animation:dotWave 1.5s infinite ease-in-out}.dot-wave span:nth-child(1){animation-delay:0s}.dot-wave span:nth-child(2){animation-delay:.2s}.dot-wave span:nth-child(3){animation-delay:.4s}.dot-wave span:nth-child(4){animation-delay:.6s}.dot-wave span:nth-child(5){animation-delay:.8s}@keyframes dotWave{0%,to{transform:translateY(0);opacity:.3}50%{transform:translateY(-8px);opacity:1}}@keyframes zoom-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.action-to-bottom{position:absolute;cursor:pointer;right:15px;transform:translate(-50%)}.action-to-bottom>div{width:30px;height:30px;line-height:35px;padding:0 7px;border-radius:50%;background-color:#fff;color:#1c9cff;position:relative;box-shadow:#64646f33 0 7px 29px;animation:zoom-in .3s ease-in-out}.action-to-bottom>div i{font-weight:700;font-size:16px}.spinner{text-align:center}.spinner i{font-size:22px}.footer-detail{padding:12px;display:flex}.item-detail .appointment-remind{background-color:#fff;padding:16px;border-radius:12px;margin:16px 0}.item-detail .appointment-remind .title{font-size:14px;font-weight:500;color:#363636}.item-detail .appointment-remind .time{font-size:12px;color:gray}.item-detail .appointment-remind .remind-content{margin-top:2px;font-size:13px;color:gray}.item-detail .avatar{width:20px}.item-detail .avatar img{width:30px;height:30px}.item-detail.highlight-effect .content{animation:highlight-effect 2s ease-in-out;animation-iteration-count:infinite;z-index:9}.item-detail.highlight-effect .content:before,.item-detail.highlight-effect .content:after{display:none}.stream .item-detail{position:relative;width:100%}.stream .item-detail .chat-content-arrow:before{content:"";position:absolute;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:12px solid white;bottom:3px;margin-left:-17px}.stream .item-detail .start-conversion-message{margin-top:5px;text-align:center;width:100%;margin-bottom:20px;color:#363636;font-size:13px;font-weight:500}.stream .item-detail .avatar{width:30px;height:30px;border-radius:50%;background:#ffc0cb33}@media(max-width:640px){.stream .item-detail .avatar{width:30px;height:30px}}.stream .item-detail .avatar img{display:block;width:30px;height:30px;object-fit:cover;border-radius:50%}.stream .item-detail .body{font-size:16px;max-width:100%;word-break:break-word;margin:0 12px}@media(max-width:640px){.stream .item-detail .body{font-size:14px;max-width:unset}}.stream .item-detail .body .content{position:relative;background-color:var(--bg-message-color-1);border-radius:16px;padding:6px 12px;min-height:40px;display:inline-block;max-width:calc(100% - 165px);min-width:70px;text-align:left}.stream .item-detail .body .content.typing{border-radius:20px 20px 20px 15px!important}.stream .item-detail .body .content hr{margin:10px 0;border:.5px dashed rgba(45,45,48,.1)}.stream .item-detail .supporter{padding:12px;text-align:center}.stream .item-detail .status-active{font-size:14px;font-weight:500;margin-bottom:10px;color:gray;position:relative;display:inline-block;padding:0 20px}.stream .item-detail .status-active:before{content:"";width:8px;height:8px;border-radius:50%;position:absolute;left:0;top:50%;transform:translateY(-50%);background-color:#45bf5a}.stream .item-detail .user-active{display:flex;align-items:center;justify-content:center}.stream .item-detail .user-active img{width:35px;height:35px;border-radius:50%}.stream .item-detail .user-active .name-supporter{font-size:16px;font-weight:500;color:var(--text-color-message)}.stream .item-detail .actions-message{position:absolute;bottom:0;right:-30px;opacity:0;visibility:hidden;transition:all .2ms ease-in-out}.stream .item-detail .actions-message>div{cursor:pointer}.stream .item-detail .actions-message>div:hover{color:#08af5d}.stream .item-detail .text{color:var(--text-color-message)}.stream .item-detail .name{font-size:13px;font-weight:700;color:#008e4c;margin-bottom:5px}.stream .item-detail .name.SUPPORTER{color:#1759e6}.stream .item-detail .name.LEADER{color:#ba059d}.stream .item-detail .name.SYSTEM{color:#d10808}.stream .item-detail .time-message{color:#636363;font-size:12px}.stream .item-detail.item-other .item-data-message{flex-direction:row-reverse;margin-right:auto}.stream .item-detail .reply-content{position:relative;border-radius:12px;min-height:40px;display:inline-block;overflow:hidden;padding:6px 20px 6px 6px;color:#fff;font-size:13px}.stream .item-detail .reply-content:after{content:"";position:absolute;width:3px;height:70%;top:10px;right:10px;border-radius:10px}.stream .item-detail .reply-content .files-content__images img{max-width:140px}.stream .item-detail .reply-content .user-reply-content{color:#fff;font-size:13px}.stream .item-detail .reply-content .files-content span{font-size:14px}.stream .item-detail.item-creator .chat-content-arrow:before{all:unset!important}.stream .item-detail.item-creator .chat-content-arrow:after{content:"";width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #61dd90;bottom:5px;margin-right:-5px;right:0;position:absolute}.stream .item-detail.item-creator .item-data-message{margin-left:auto;text-align:right;flex-direction:row-reverse!important}.stream .item-detail.item-creator .bg-img,.stream .item-detail.item-creator .files-content__item img,.stream .item-detail.item-creator .video-preview__content video{border-color:#ffffff4d!important}.stream .item-detail.item-creator .files-content{text-align:right}.stream .item-detail.item-creator .files-content>div{display:inline-block;margin-top:8px;width:100%}.stream .item-detail.item-creator .files-content>div:not(:first-child){margin-top:8px}.stream .item-detail.item-creator .content{background-image:linear-gradient(to right,#42cfab,#61dd90);background-size:100% 500px;background-position:center 50%;background-repeat:no-repeat;transition:background-position .2s}.stream .item-detail.item-creator .actions-message{left:-30px;right:unset}.stream .item-detail.item-creator .reply-content{background-color:var(--bg-reply-message-color-2)}.stream .item-detail.item-creator .reply-content:after{background-color:var(--border-reply-message-2)}.stream .item-detail.item-creator .text,.stream .item-detail.item-creator .name,.stream .item-detail.item-creator .time-message{color:var(--text-color-creater)}.stream .item-detail .unread-message{text-align:center;width:100%;color:#000;margin-bottom:13px;font-size:13px}.stream .item-detail .text{font-size:13px}.stream .item-detail.item-other .reply-content{background-color:var(--bg-reply-message-color-1)}.stream .item-detail.item-other .reply-content:after{background-color:var(--border-reply-message-1)}.stream .item-detail.item-other .reply-content .files-content span{color:var(--text-color-message)}.stream .item-detail:hover .actions-message{opacity:1;visibility:visible}.stream.mobile .item-detail .body .content{max-width:calc(100% - 50px)}.markdown-content a{color:#007bff}.markdown-content ul{padding-left:.9rem;margin-bottom:10px}.markdown-content img{max-width:100%}.markdown-content pre{padding:1rem;overflow:auto;font-size:85%;line-height:1.45;color:#1f2328;background-color:#f6f8fa;border-radius:6px}.markdown-content pre code{background-color:transparent;padding:0;color:inherit;overflow-x:auto}.markdown-content h1{font-size:20px}.markdown-content h2{font-size:18px;font-weight:600}.markdown-content h3{font-size:16px;font-weight:600}.markdown-content h4{font-size:14px;font-weight:600}.markdown-content h5{font-size:12px;font-weight:600}.markdown-content h6{font-size:10px;font-weight:600}.markdown-content blockquote{border-left:4px solid #ccc;padding-left:1em;margin:1em 0;color:#555;font-style:italic;font-size:13px}.markdown-content table{border-collapse:collapse;width:100%;margin:1em 0;font-size:14px}.markdown-content table th,.markdown-content table td{border:1px solid #ddd;padding:8px}.markdown-content table th{background-color:#f4f4f4;text-align:left;font-weight:700}.markdown-content.text-call:not(.text-call__ended) .svg-icon{color:red}.markdown-content.text-call.text-call__ended .svg-icon{color:#2daf61}.markdown-content.text-call .svg-icon{font-size:15px}.creator .markdown-content a{color:#fff;text-decoration:underline}.not-is-chrome{background-color:#af0000;color:#fff;padding:80px 50px;position:relative;border-radius:12px}.not-is-chrome .title{font-size:18px;font-weight:700;text-align:center}.not-is-chrome .desc{text-align:center;margin-top:10px;font-size:14px}.status-connect{position:absolute;bottom:100px;right:50%;-webkit-transform:translateX(50%);transform:translate(50%);padding:5px 10px;color:#fff;font-size:12px;z-index:1;border-radius:4px;opacity:0;transition:all .3s ease-in-out;background-color:#1f81cc}.status-connect.show{opacity:1}.status-connect.error{background-color:#ff4500db}.status-connect.warning{background-color:#ffb300}.status-view-message{margin-top:3px;font-size:13px}.status-view-message.status-seen>span{background-color:#036cf6cc}.status-view-message>span{background-color:#aaa;color:#fff;padding:2px 4px;border-radius:12px;font-size:12px}.status-view-message>span i{font-size:13px;margin-right:2px}.coming-soon{padding:calc(50vh - 300px) 0}.coming-soon .title{font-size:24px;font-weight:600;margin-top:16px;text-align:center}.coming-soon .content{font-size:14px;color:var(--text-color-secondary);margin-top:8px;text-align:center}strong{font-weight:bolder}body{background-color:#1d282e}.n-data-table td,.n-data-table th{font-size:13px}.n-modal{box-shadow:unset!important}.max-lines-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.a-page{padding:16px}.no-padding,.n-form-item-label{padding:0!important}.n-form-item-feedback-wrapper{min-height:unset!important}.field-label,.n-form-item-label__text{font-size:12px;color:#333;margin-top:15px;font-weight:500;margin-bottom:4px}:is(.field-label,.n-form-item-label__text) .text-danger{color:red}:is(.field-label,.n-form-item-label__text).no-margin{margin-top:0!important}.n-switch__button{font-size:13px}.single-line-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.n-form-item-label__asterisk{padding-top:12px}.text-right{text-align:right!important}.model-login-require{width:440px;background-color:#fff;border-radius:12px;overflow:hidden}.model-login-require .title{font-size:20px;font-weight:600}.model-login-require .desc{font-size:14px}.vue-advanced-cropper{text-align:center;position:relative;-webkit-user-select:none;user-select:none;max-height:100%;max-width:100%;direction:ltr}.vue-advanced-cropper__stretcher{pointer-events:none;position:relative;max-width:100%;max-height:100%}.vue-advanced-cropper__image{-webkit-user-select:none;user-select:none;position:absolute;transform-origin:center;max-width:none!important}.vue-advanced-cropper__background,.vue-advanced-cropper__foreground{opacity:1;background:#000;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%}.vue-advanced-cropper__foreground{opacity:.5}.vue-advanced-cropper__boundaries{opacity:1;transform:translate(-50%,-50%);position:absolute;left:50%;top:50%}.vue-advanced-cropper__cropper-wrapper{width:100%;height:100%}.vue-advanced-cropper__image-wrapper{overflow:hidden;position:absolute;width:100%;height:100%}.vue-advanced-cropper__stencil-wrapper{position:absolute}.vue-simple-handler{display:block;background:#fff;height:10px;width:10px}.vue-handler-wrapper{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px}.vue-handler-wrapper__draggable{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.vue-handler-wrapper--west-north{cursor:nw-resize}.vue-handler-wrapper--north{cursor:n-resize}.vue-handler-wrapper--east-north{cursor:ne-resize}.vue-handler-wrapper--east{cursor:e-resize}.vue-handler-wrapper--east-south{cursor:se-resize}.vue-handler-wrapper--south{cursor:s-resize}.vue-handler-wrapper--west-south{cursor:sw-resize}.vue-handler-wrapper--west{cursor:w-resize}.vue-handler-wrapper--disabled{cursor:auto}.vue-line-wrapper{background:none;position:absolute;display:flex;align-items:center;justify-content:center}.vue-line-wrapper--north,.vue-line-wrapper--south{height:12px;width:100%;left:0;transform:translateY(-50%)}.vue-line-wrapper--north{top:0;cursor:n-resize}.vue-line-wrapper--south{top:100%;cursor:s-resize}.vue-line-wrapper--east,.vue-line-wrapper--west{width:12px;height:100%;transform:translate(-50%);top:0}.vue-line-wrapper--east{left:100%;cursor:e-resize}.vue-line-wrapper--west{left:0;cursor:w-resize}.vue-line-wrapper--disabled{cursor:auto}.vue-bounding-box{position:relative;height:100%;width:100%}.vue-bounding-box__handler{position:absolute}.vue-bounding-box__handler--west-north{left:0;top:0}.vue-bounding-box__handler--north{left:50%;top:0}.vue-bounding-box__handler--east-north{left:100%;top:0}.vue-bounding-box__handler--east{left:100%;top:50%}.vue-bounding-box__handler--east-south{left:100%;top:100%}.vue-bounding-box__handler--south{left:50%;top:100%}.vue-bounding-box__handler--west-south{left:0;top:100%}.vue-bounding-box__handler--west{left:0;top:50%}.vue-draggable-area{position:relative}.vue-preview-result{overflow:hidden;box-sizing:border-box;position:absolute;height:100%;width:100%}.vue-preview-result__wrapper{position:absolute}.vue-preview-result__image{pointer-events:none;position:relative;-webkit-user-select:none;user-select:none;transform-origin:center;max-width:none!important}.vue-rectangle-stencil{position:absolute;height:100%;width:100%;box-sizing:border-box}.vue-rectangle-stencil__preview{position:absolute;width:100%;height:100%}.vue-rectangle-stencil--movable{cursor:move}.vue-circle-stencil{position:absolute;height:100%;width:100%;box-sizing:content-box;cursor:move}.vue-circle-stencil__preview{border-radius:50%;position:absolute;width:100%;height:100%}.vue-circle-stencil--movable{cursor:move}.vue-preview{overflow:hidden;box-sizing:border-box;position:relative}.vue-preview--fill{width:100%;height:100%;position:absolute}.vue-preview__wrapper{position:absolute;height:100%;width:100%}.vue-preview__image{pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;transform-origin:center;max-width:none!important}.vue-simple-line{background:none;transition:border .5s;border-color:#ffffff4d;border-width:0;border-style:solid}.vue-simple-line--south,.vue-simple-line--north{height:0;width:100%}.vue-simple-line--east,.vue-simple-line--west{height:100%;width:0}.vue-simple-line--east{border-right-width:1px}.vue-simple-line--west{border-left-width:1px}.vue-simple-line--south{border-bottom-width:1px}.vue-simple-line--north{border-top-width:1px}.vue-simple-line--hover{opacity:1;border-color:#fff}