.ActiveNotification{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:532px;background:#FFFFFF;outline:none;border-radius:8px}.ActiveNotification_Header{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding:16px 24px;border-bottom:1px solid #F2F2F2;margin-bottom:12px}.ActiveNotification_Text{text-align:center}.ActiveNotification_Text h3{font-size:24px;font-weight:700px;line-height:32px;color:#333;margin-bottom:4px}.ActiveNotification_Text p{font-size:14px;font-weight:500px;line-height:24px;color:#656464;margin-bottom:12px}.ActiveNotification_Image{display:flex;justify-content:center;align-items:center;width:100%;height:100%;margin-bottom:24px}.AddContactList,.AddContactList .css-1t1j96h-MuiPaper-root-MuiDialog-paper{width:532px;margin:0 auto}.AddContactList .css-hz1bth-MuiDialog-container,.AddContactList .css-1t1j96h-MuiPaper-root-MuiDialog-paper{margin:0;padding:0;min-width:532px}.AddContactList .css-1t1j96h-MuiPaper-root-MuiDialog-paper{background:#FAFAFA;position:relative}.AddContactList .css-uhb5lp{width:532px;margin:0}.AddContactList_head{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #F2F2F2;position:sticky;top:0;background:#FAFAFA}.AddContactList_body{background:#ffffff;display:flex;flex-direction:column;align-items:flex-start;padding:12px 24px;gap:12px}.AddContactList_bodyStepper{width:100%;display:flex;align-items:flex-start;justify-content:center;gap:12px}.AddContactList_bodyStepper .step{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:60px}.AddContactList_bodyStepper .step .circle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;border:1px solid #B3B3B3;border-radius:32px;width:32px;height:32px}.AddContactList_bodyStepper .step .circle p{color:#b3b3b3;font-weight:500;font-size:14px;line-height:24px;letter-spacing:-.01em}.AddContactList_bodyStepper .step p{color:#b3b3b3;font-weight:600;font-size:10px;line-height:18px;letter-spacing:-.01em;text-align:center}.AddContactList_bodyStepper .step-active .circle,.AddContactList_bodyStepper .step-active .circle p,.AddContactList_bodyStepper .step-active p{color:#817ee6;border-color:#817ee6}.AddContactList_bodyStepper .step-passed .circle{background:#817EE6;border-color:#817ee6}.AddContactList_bodyStepper .step-passed .circle p{color:#fff}.AddContactList_bodyStepper .step-passed p{color:#817ee6}.AddContactList_bodyStepper .line{border:1px solid #B3B3B3;width:80px;margin-top:16px}.AddContactList_bodyStepper .line-passed{border-color:#817ee6}.AddContactList_bodyStepOne .top{padding:12px 0}.AddContactList_bodyStepOne .top .text{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#656565}.AddContactList_bodyStepOne .top .download{margin-top:8px;display:flex;align-items:center;padding:4px;gap:12px;border:.5px dashed #B3B3B3;border-radius:4px;max-width:271px}.AddContactList_bodyStepOne .top .download img{width:20px;height:20px}.AddContactList_bodyStepOne .top .download p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#656565;text-decoration:none}.AddContactList_bodyStepOne .center{padding:12px 0}.AddContactList_bodyStepOne .center .text{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#000}.AddContactList_bodyStepOne .center .img{max-width:484px;overflow:scroll}.AddContactList_bodyStepOne .center .img img{margin-top:4px;height:100px;width:min-content;overflow-x:scroll}.AddContactList_bodyStepOne .bottom{margin-top:12px;border:1px dashed #6562DF;border-radius:4px}.AddContactList_bodyStepOne .bottom label{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px 12px;gap:8px}.AddContactList_bodyStepOne .bottom .info{font-weight:700;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333}.AddContactList_bodyStepOne .bottom .info span{color:#5c5acc}.AddContactList_bodyStepOne .bottom .size{margin-top:-8px;font-weight:300;font-size:10px;line-height:18px;color:#b3b3b3}.AddContactList_bodyStepTwo .top{padding:12px 0}.AddContactList_bodyStepTwo .top .text{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#656565}.AddContactList_bodyStepTwo .top .download{margin-top:8px;display:flex;align-items:center;padding:4px;gap:12px;border:.5px dashed #B3B3B3;border-radius:4px;max-width:271px}.AddContactList_bodyStepTwo .top .download img{width:20px;height:20px}.AddContactList_bodyStepTwo .top .download p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#656565;text-decoration:none}.AddContactList_bodyStepTwo .center .file{display:flex;justify-content:space-between;align-items:center;padding:4px;background:#FAFAFA;border-radius:4px}.AddContactList_bodyStepTwo .center .file div{display:flex;align-items:center;gap:12px}.AddContactList_bodyStepTwo .center .file div img{width:24px;height:24px}.AddContactList_bodyStepTwo .center .file div p{font-weight:500;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333}.AddContactList_bodyStepTwo .center .file .delete{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#df6262;padding:8px}.AddContactList_bodyStepTwo .center .file .change{display:flex;height:36px;padding:0 8px;justify-content:center;align-items:center;gap:8px;border-radius:4px;border:1px solid #5C5ACC;color:#6562df;background:#FAFAFA;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.AddContactList_bodyStepTwo .big_data_warn{display:flex;padding:4px 8px;align-items:center;gap:8px;align-self:stretch;border-radius:4px;background:rgba(51,51,51,.75)}.AddContactList_bodyStepTwo .big_data_warn p{flex:1 0 0;color:var(--Background-White, #FFF);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.AddContactList_bodyStepTwo .progress{display:flex;justify-content:flex-end;align-items:center;gap:4px}.AddContactList_bodyStepTwo .MuiCircularProgress-root{width:24px!important;height:24px!important;color:#e5e4e4}.AddContactList_bodyStepTwo .wrongUploadData{display:flex;padding:4px 8px;align-items:center;gap:8px;align-self:stretch;background:#ffffff!important;box-shadow:none;text-transform:none;text-align:left;margin-top:12px}.AddContactList_bodyStepTwo .wrongUploadData p{flex:1;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;color:#df6262}.AddContactList_bodyStepTwo .wrongUploadData:hover,.AddContactList_bodyStepTwo .wrongUploadData:focus,.AddContactList_bodyStepTwo .wrongUploadData:active{box-shadow:none;background:#DF626226!important;border:none;outline:none}.AddContactList_bodyStepThree{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:12px 24px;gap:8px;width:calc(100% - 48px)}.AddContactList_bodyStepThree img{width:240px;height:240px}.AddContactList_bodyStepThree p{font-weight:600;font-size:16px;line-height:24px;color:#000}.AddContactList_bodyStepThree h2{font-weight:600;font-size:32px;line-height:40px;letter-spacing:-.02em;color:#6562df}.AddContactList_action{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.AddContactList_action .btn{display:flex;justify-content:center;align-items:center;border-radius:4px;cursor:pointer;padding:12px;gap:12px}.AddContactList_action .btn p{font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.AddContactList_action .btn-cancel p{color:#df6262}.AddContactList_action .btn-next{background:#656464}.AddContactList_action .btn-next2{background:#5C5ACC}.AddContactList_action .btn-disabled{background:#656464}.AddContactList_action .btn-disabled p,.AddContactList_action .btn-next p,.AddContactList_action .btn-next2 p{color:#fafafa}.WrongData{border-radius:4px;border:1px solid var(--neutral-color-neutral-500, #B3B3B3);width:456px;min-height:fit-content;max-height:150px;overflow:scroll}.WrongData table{border-spacing:0;border-collapse:separate}.WrongData table thead{position:sticky;top:0;left:0}.WrongData table thead tr,.WrongData table tbody tr{display:flex}.WrongData table thead tr th{background:var(--neutral-color-neutral-200, #F2F2F2)}.WrongData table tbody tr th{background:var(--background-white, #FFF)}.WrongData table thead tr th,.WrongData table tbody tr th{display:flex;width:114px;height:18px;padding:8px;justify-content:space-between;align-items:center}.WrongData table thead tr th p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px}.WrongData table tbody tr th p{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px}.WrongData table tbody tr .contact p{color:var(--neutral-color-neutral-800, #DF6262)}.WrongData table tbody tr .Tag{display:flex;width:114px;height:18px;padding:8px;justify-content:flex-start;gap:4px;align-items:center;overflow-y:scroll}.WrongData table tbody tr .Tag .TagItem{display:flex;padding:2px 4px;align-items:center;gap:8px;height:8px;min-width:fit-content;max-width:200px;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #F2F2F2);background:var(--neutral-color-neutral-100, #FAFAFA);color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:10px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.ContactOverwrite{display:flex;padding:12px 24px;flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;align-self:stretch;border-bottom:1px solid var(--neutral-color-neutral-100, #FAFAFA);background:var(--background-white, #FFF)}.ContactOverwrite_Body{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.ContactOverwrite_Body .Title{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.ContactOverwrite_Body .Table_Wrapper{overflow:scroll;width:484px;min-height:fit-content;max-height:250px;border-radius:4px;border:1px solid var(--neutral-color-neutral-500, #B3B3B3)}.ContactOverwrite_Body .Table_Wrapper table{width:100%;border-spacing:0;border-collapse:separate}.ContactOverwrite_Body .Table_Wrapper table thead{background:var(--primary-color-primary-100, #DADAF2);position:sticky;top:0;left:0;z-index:2}.ContactOverwrite_Body .Table_Wrapper table tbody{background:var(--background-white, #FFF)}.ContactOverwrite_Body .Table_Wrapper table thead tr,.ContactOverwrite_Body .Table_Wrapper table tbody tr{display:flex}.ContactOverwrite_Body .Table_Wrapper table thead tr .No,.ContactOverwrite_Body .Table_Wrapper table tbody tr .No{display:flex;height:34px;width:52px;padding:0 4px;align-items:center;gap:4px;align-self:stretch;position:sticky;left:0}.ContactOverwrite_Body .Table_Wrapper table thead tr .No{background:var(--primary-color-primary-100, #DADAF2)}.ContactOverwrite_Body .Table_Wrapper table tbody tr .No{background:var(--background-white, #FFF)}.ContactOverwrite_Body .Table_Wrapper table thead tr .No img,.ContactOverwrite_Body .Table_Wrapper table tbody tr .No img{width:8px;height:8px;cursor:pointer}.ContactOverwrite_Body .Table_Wrapper table thead tr .Contact,.ContactOverwrite_Body .Table_Wrapper table tbody tr .Contact{display:flex;width:124px;height:18px;padding:8px;justify-content:space-between;align-items:center;position:sticky;left:60px}.ContactOverwrite_Body .Table_Wrapper table thead tr .Contact{background:var(--primary-color-primary-100, #DADAF2)}.ContactOverwrite_Body .Table_Wrapper table tbody tr .Contact{background:var(--background-white, #FFF)}.ContactOverwrite_Body .Table_Wrapper table tbody .detail>th{background:#FAFAFA!important}.ContactOverwrite_Body .Table_Wrapper table thead tr .Contact p,.ContactOverwrite_Body .Table_Wrapper table tbody tr .Contact p{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px}.ContactOverwrite_Body .Table_Wrapper table thead tr .Field,.ContactOverwrite_Body .Table_Wrapper table tbody tr .Field{display:flex;width:114px;height:18px;padding:8px;justify-content:space-between;align-items:center}.ContactOverwrite_Body .Table_Wrapper table thead tr .Field p,.ContactOverwrite_Body .Table_Wrapper table tbody tr .Field p{font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px}.ContactOverwrite_Body .Table_Wrapper table thead tr .Field p{color:var(--neutral-color-neutral-4, #333)}.ContactOverwrite_Body .Table_Wrapper table tbody tr .Field p{color:var(--neutral-color-neutral-800, #656565)}.ContactOverwrite_Body .Table_Wrapper table thead tr .From,.ContactOverwrite_Body .Table_Wrapper table tbody tr .From{display:flex;width:184px;height:18px;padding:8px;justify-content:space-between;align-items:center}.ContactOverwrite_Body .Table_Wrapper table thead tr .From p,.ContactOverwrite_Body .Table_Wrapper table tbody tr .From p{font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px}.ContactOverwrite_Body .Table_Wrapper table thead tr .From p{color:var(--neutral-color-neutral-4, #333)}.ContactOverwrite_Body .Table_Wrapper table tbody tr .From p{color:var(--neutral-color-neutral-800, #656565)}.ContactOverwrite_Body .Table_Wrapper table thead tr .To,.ContactOverwrite_Body .Table_Wrapper table tbody tr .To{display:flex;width:184px;height:18px;padding:8px;justify-content:space-between;align-items:center}.ContactOverwrite_Body .Table_Wrapper table thead tr .To p,.ContactOverwrite_Body .Table_Wrapper table tbody tr .To p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px}.ContactOverwrite_Body .InfoOverwrite{display:flex;padding:4px 8px;align-items:center;gap:8px;align-self:stretch}.ContactOverwrite_Body .InfoOverwrite p{flex:1;color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.ContactOverwrite_Body .InfoWarn{display:flex;width:420px;padding:0 16px;flex-direction:column;align-items:center;gap:4px}.ContactOverwrite_Body .InfoWarn .Title{color:var(--Neutral-Color-Neutral4, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;text-transform:capitalize}.ContactOverwrite_Body .InfoWarn .Subtitle{align-self:stretch;color:var(--Neutral-Color-Neutral3, #656464);text-align:center;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.ContactOverwrite_Action{display:flex;align-items:flex-start;gap:8px;align-self:stretch}.ContactOverwrite_Action button{outline:none;border:none;background:none;border-radius:4px;display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:8px;flex:1 0 0}.ContactOverwrite_Action button p{font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.ContactOverwrite_Action .Skip p{color:var(--neutral-color-neutral-800, #656565)}.ContactOverwrite_Action .Yes{background:var(--primary-color-primary-900, #5C5ACC);transition:all .3s ease}.ContactOverwrite_Action .Yes:hover{background:var(--primary-color-primary-900, #23224D)}.ContactOverwrite_Action .Yes p{color:var(--background-white, #FFF)}.ContactOverwrite_ActionBig{display:flex;flex-direction:column;align-items:flex-start}.ContactOverwrite_ActionBig .item{display:flex;gap:8px;align-items:center;width:100%;cursor:pointer}.ContactOverwrite_ActionBig .item .PrivateSwitchBase-input{color:#6562df}.ContactOverwrite_ActionBig .item .radio_active .MuiSvgIcon-root{fill:#6562df}.ContactOverwrite_ActionBig .item .radio_notactive .MuiSvgIcon-root{fill:#bdbdbd}.ContactOverwrite_ActionBig .item .detail{display:flex;flex-direction:column;gap:0px;width:100%;p {margin: 0;}}.ContactOverwrite_ActionBig .border-select{outline:1px solid #6562DF;border-radius:4px}.ContactOverwrite_ActionBig_btn{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:12px}.ContactOverwrite_ActionBig_btn :is(.btn-cancel,.btn-save){display:flex;justify-content:center;align-items:center;gap:12px;border-radius:4px;cursor:pointer;padding:12px}.ContactOverwrite_ActionBig_btn .btn-cancel{p {color: #DF6262;}}.ContactOverwrite_ActionBig_btn .btn-save{background:#5C5ACC;p {color: #FAFAFA;}}.ContactUploadOverwrite{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 12px;gap:12px}.ContactUploadOverwrite .progress{width:200px;height:5px;border-radius:5px;background:#F2F2F2;position:relative}.ContactUploadOverwrite .progress .progress-send{position:absolute;border-radius:5px;height:5px;background:#6562DF}.ContactUploadOverwrite .info-dont-close{font-weight:700;font-size:14px;line-height:20px;color:#333;text-align:center;max-width:388px;margin-bottom:24px}.AddLabelPopup,.AddLabelPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{width:420px;margin:0 auto}.AddLabelPopup .css-hz1bth-MuiDialog-container,.AddLabelPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{margin:0;padding:0;min-width:420px}.AddLabelPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{background:#FAFAFA;position:relative}.AddLabelPopup .css-ekeie0{width:420px}.AddLabelPopup .css-uhb5lp{margin:0;width:420px}.AddLabelPopup_head{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #F2F2F2;position:sticky;top:0;background:#FAFAFA}.AddLabelPopup_body{background:#ffffff;display:flex;flex-direction:column;align-items:flex-start;padding:12px 16px;gap:12px}.AddLabelPopup_bodyTitle{display:flex;flex-direction:row;align-items:center;padding:0;gap:8px}.AddLabelPopup_bodyTitle p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#333}.AddLabelPopup_bodyMain .input{width:100%;border:1px solid #656464;border-radius:4px;padding:12px;width:364px}.AddLabelPopup_bodyMain .input input{width:100%;font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#23224d}.AddLabelPopup_bodyMain .input input::placeholder{color:#656464}.AddLabelPopup_bodyMain .inputIcon{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.AddLabelPopup_bodyMain .inputIcon .icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px}.AddLabelPopup_bodyMain .inputIcon .icon-active{background:#6562DF;border-radius:4px}.AddLabelPopup_bodyMain .inputIcon .color-active{border:2px solid #6562DF;border-radius:4px}.AddLabelPopup_bodyMain .inputIcon .colorBox{display:flex;justify-content:center;align-items:center;width:32px;height:32px;border-radius:4px}.AddLabelPopup_bodyMain .inputIcon .colorBox .color{background:#FFE9B3;width:24px;height:24px;border-radius:30px;border:2px solid #FFCB47}.AddLabelPopup_bodyStepper{width:100%;display:flex;align-items:center;gap:12px}.AddLabelPopup_bodyStepper .step{height:5px;width:100%;max-width:126.67px;flex:1;border-radius:5px;background:#F2F2F2}.AddLabelPopup_bodyStepper .step-active{background:#817EE6}.AddLabelPopup_action{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.AddLabelPopup_action .left{display:flex;align-items:center;gap:12px}.AddLabelPopup_action .left .btn{display:flex;justify-content:center;align-items:center;width:32px;height:36px;cursor:pointer}.AddLabelPopup_action .right{display:flex;align-items:center;gap:12px}.AddLabelPopup_action .right .btn{display:flex;justify-content:center;align-items:center;min-width:47px;max-width:max-content;height:36px;border-radius:4px;cursor:pointer;padding:0 12px}.AddLabelPopup_action .right .btn p{font-weight:600;font-size:12px;line-height:20px}.AddLabelPopup_action .right .btn-cancel p{color:#df6262}.AddLabelPopup_action .right .btn-next{background:#5C5ACC}.AddLabelPopup_action .right .btn-next p{color:#fafafa}.HeaderPopup{display:flex;justify-content:space-between;align-items:center;background:#fff;width:calc(100% - 24px);padding:12px;border-radius:8px 8px 0 0}.HeaderPopup .WrapperTitleHeader{display:flex;align-items:center;gap:8px}.HeaderPopup .text-1{color:var(--Neutral-Color-Neutral4, #333);font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.BodyPopup{display:flex;flex-direction:column;justify-content:start;background:#fff;width:calc(100% - 24px);padding:12px}.FooterPopup{display:flex;justify-content:space-between;align-items:center;width:calc(100% - 24px);padding:12px;background:#fff;border-radius:0 0 8px 8px;button{border: none; outline: none; background: none;}}.ConfirmPopup{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:0;position:absolute;width:420px;height:fit-content;left:calc(50% - 210px);top:calc(50% - 150px);background:#FFFFFF;box-shadow:0 0 10px #0000001a;border-radius:8px;z-index:150}.ConfirmPopup .Header{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding:12px 16px;gap:4px;width:calc(100% - 32px)}.ConfirmPopup .Body{display:flex;flex-direction:column;align-items:center;padding:0;gap:4px;width:100%}.ConfirmPopup .Body img{width:225px;height:150px}.ConfirmPopup .Body .Desc{display:flex;flex-direction:column;align-items:center;padding:0 16px;gap:4px;width:calc(100% - 32px)}.ConfirmPopup .Body .Desc p{text-align:center}.ConfirmPopup .Footer{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;padding:12px 16px;gap:12px}.ConfirmPopup .Footer button{background:none;border:none;outline:none;cursor:pointer}.ConfirmPopup .Footer .Cancel{flex-direction:row;justify-content:center;padding:8px;gap:8px;font-weight:600;font-size:12px;line-height:20px;display:flex;align-items:center;letter-spacing:.02em;color:#333}.ConfirmPopup .Footer .Yes{flex-direction:row;justify-content:center;padding:8px 12px;gap:8px;background:#DF6262;border-radius:4px;font-weight:600;font-size:12px;line-height:20px;display:flex;align-items:center;letter-spacing:.02em;color:#fafafa;transition:.3s}.ConfirmPopup .Footer .Yes:hover{background:#80392F}.BlackBackground{position:fixed;z-index:100;display:flex;justify-content:center;align-items:center}.ProcessingData{display:flex;width:420px;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;background:var(--Background-White, #FFF);box-shadow:0 0 10px #0000001a}.ProcessingData .H{display:flex;padding:12px 16px;justify-content:flex-end;align-items:center;gap:4px;align-self:stretch}.ProcessingData .B{display:flex;padding-bottom:24px;flex-direction:column;align-items:center;gap:4px;align-self:stretch}.ProcessingData .B p{align-self:stretch;color:var(--Neutral-Color-Neutral4, #333);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;text-transform:capitalize}.second_popup{display:flex;flex-direction:column;background:#FFFFFF;border-radius:8px;width:420px}.second_popup .head{display:flex;justify-content:flex-end;padding:12px 16px}.second_popup .body{display:flex;flex-direction:column;align-items:center;padding:0;gap:4px;width:100%;height:100%;img{width: 150px;}}.second_popup .body .info{display:flex;flex-direction:column;align-items:center;padding:0 16px;gap:4px;width:calc(100% - 32px);text-align:center}.second_popup .body .info .text{font-weight:700;font-size:14px;line-height:20px;color:#333}.second_popup .body .info .subtext{font-weight:400;font-size:12px;line-height:22px;color:#656464}.second_popup .bottom{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;padding:12px 16px;gap:12px;button{background: none; border: none; outline: none; cursor: pointer; padding: 8px 12px; width: 120px;} .Cancel{display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 8px; font-weight: 600; font-size: 12px; line-height: 20px; display: flex; align-items: center; letter-spacing: .02em; color: #333333;} .Yes{display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 8px; background: #6562DF; border-radius: 4px; font-weight: 600; font-size: 12px; line-height: 20px; display: flex; align-items: center; letter-spacing: .02em; color: #FAFAFA; transition: .3s;} .Yes:hover{background: #23224D;}}.third_popup{display:flex;flex-direction:column;background:#FFFFFF;border-radius:8px;width:420px}.third_popup .head{display:flex;justify-content:flex-end;padding:12px 16px}.third_popup .body{display:flex;flex-direction:column;align-items:center;padding:0;gap:4px;width:100%;img{width: 150px;}}.third_popup .body .info{display:flex;flex-direction:column;align-items:center;padding:0 16px;gap:4px;width:calc(100% - 32px);text-align:center}.third_popup .body .info .text{font-weight:700;font-size:14px;line-height:20px;color:#333}.third_popup .body .info .subtext{font-weight:400;font-size:12px;line-height:22px;color:#656464}.third_popup .bottom{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;padding:12px 16px;gap:12px;button{background: none; border: none; outline: none; cursor: pointer; padding: 8px 12px; width: 120px;} .Cancel{display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 8px; font-weight: 600; font-size: 12px; line-height: 20px; display: flex; align-items: center; letter-spacing: .02em; color: #333333;} .Yes{display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 8px; background: #6562DF; border-radius: 4px; font-weight: 600; font-size: 12px; line-height: 20px; display: flex; align-items: center; letter-spacing: .02em; color: #FAFAFA; transition: .3s;} .Yes:hover{background: #23224D;}}.ExternalLinkPopup{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:0;position:absolute;width:420px;height:fit-content;left:calc(50% - 210px);top:calc(50% - 150px);background:#FFFFFF;box-shadow:0 0 10px #0000001a;border-radius:8px;z-index:150}.ExternalLinkPopup .Header{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding:12px 16px;gap:4px;width:calc(100% - 32px)}.ExternalLinkPopup .Body{display:flex;flex-direction:column;align-items:center;padding:0;gap:4px;width:100%}.ExternalLinkPopup .Body img{width:225px;height:150px}.ExternalLinkPopup .Body .Desc{display:flex;flex-direction:column;align-items:center;padding:0 16px;gap:4px;width:calc(100% - 32px)}.ExternalLinkPopup .Body .Desc p{text-align:center}.ExternalLinkPopup .Footer{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 16px;gap:7px}.ExternalLinkPopup .Footer button{background:none;border:none;outline:none;cursor:pointer}.ExternalLinkPopup .Footer .Cancel{flex-direction:row;justify-content:center;padding:8px;gap:8px;font-weight:600;font-size:12px;line-height:20px;display:flex;align-items:center;letter-spacing:.02em;color:#333}.ExternalLinkPopup .Footer .Yes{flex-direction:row;justify-content:center;padding:8px 12px;gap:8px;background:#DF6262;border-radius:4px;font-weight:600;font-size:12px;line-height:20px;display:flex;align-items:center;letter-spacing:.02em;color:#fafafa;transition:.3s}.ExternalLinkPopup .Footer:hover{opacity:.8}.ExternalLinkPopup .Footer .pointer{cursor:pointer}.ExternalLinkPopup .Footer .small_bold_link{font-weight:600;font-size:12px;line-height:20px;display:flex;align-items:center;letter-spacing:.02em;color:#5c5acc;cursor:pointer}.ExternalLinkPopup .Footer .Yes:hover{background:#80392F}.add_tag_simulator{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;width:500px}.BgBlackAddUserManagement{position:fixed;top:72px;left:320px;width:calc(100% - 320px);height:calc(100% - 72px);background-color:#00000050;z-index:100}.BgBlackAddUserManagement .AddUserManagement{display:flex;width:500px;flex-direction:column;justify-content:center;align-items:center;position:absolute;left:calc(50% - 250px);top:calc(50% - 242px);border-radius:8px;box-shadow:0 0 10px #0000001a;background:#FFFFFF}.BgBlackAddUserManagement .AddUserManagement .Header{display:flex;padding:16px;justify-content:space-between;align-items:center;align-self:stretch;border-radius:8px 8px 0 0;border-bottom:1px solid var(--neutral-color-neutral-200, #F2F2F2);background:var(--neutral-color-neutral-100, #FAFAFA)}.BgBlackAddUserManagement .AddUserManagement .Footer{width:calc(100% - 32px);display:flex;padding:16px;justify-content:space-between;align-items:center;align-self:stretch;border-radius:0 0 8px 8px;background:var(--background-white, #FFF);box-shadow:0 -5px 5px #0000000d}.BgBlackAddUserManagement .AddUserManagement .Footer .Cancel{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;outline:none;border:none;cursor:pointer;background:#FFF}.BgBlackAddUserManagement .AddUserManagement .Footer .Cancel p{color:#df6262;font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.BgBlackAddUserManagement .AddUserManagement .Footer .Send{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;outline:none;border:none;min-width:120px;max-width:200px}.BgBlackAddUserManagement .AddUserManagement .Footer .AbleSend{background:var(--neutral-color-neutral-3, #5C5ACC)}.BgBlackAddUserManagement .AddUserManagement .Footer .DisableSend{background:var(--neutral-color-neutral-3, #656464)}.BgBlackAddUserManagement .AddUserManagement .Footer .Send p{color:var(--neutral-color-neutral-100, #FAFAFA);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.BgBlackAddUserManagement .AddUserManagement .Body{display:flex;max-height:400px;padding-bottom:0;flex-direction:column;justify-content:flex-start;align-items:flex-start;align-self:stretch;overflow:scroll}.BgBlackAddUserManagement .AddUserManagement .Body .Email_Part{display:flex;padding:12px 16px;align-items:center;gap:24px;align-self:stretch;border-bottom:1px solid var(--neutral-color-neutral-100, #FAFAFA);background:var(--background-white, #FFF)}.BgBlackAddUserManagement .AddUserManagement .Body .Email_Part .Content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;flex:1 0 0}.BgBlackAddUserManagement .AddUserManagement .Body .Email_Part .Content label{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.BgBlackAddUserManagement .AddUserManagement .Body .Email_Part .Content label span{color:red}.BgBlackAddUserManagement .AddUserManagement .Body .Email_Part .Content input{display:flex;padding:12px;align-items:flex-start;gap:4px;align-self:stretch;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #F2F2F2)}.BgBlackAddUserManagement .AddUserManagement .Body .AccordionUserInfo{width:100%;box-shadow:none;border-top:1px solid var(--neutral-color-neutral-200, #F2F2F2);border-bottom:1px solid var(--neutral-color-neutral-100, #F2F2F2)}.BgBlackAddUserManagement .AddUserManagement .Body .AccordionUserInfo:before{display:none}.BgBlackAddUserManagement .AddUserManagement .Body .AccordionUserInfo .AccordionHeaderUser,.BgBlackAddUserManagement .AddUserManagement .Body .AccordionUserInfo .AccordionHeaderUser p{display:flex;align-items:center;gap:8px}.BgBlackAddUserManagement .AddUserManagement .Body .AccordionUserInfo .AccordionHeaderUser p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.BgBlackAddUserManagement .AddUserManagement .Body .AccordionUserInfo .AccordionHeaderUser .Icon{display:flex;align-items:center;gap:8px}.BgBlackAddUserManagement .AddUserManagement .Body .AccordionUserInfo .AccordionBodyUser .Info{display:flex;padding:8px;align-items:center;gap:8px;align-self:stretch;border-radius:8px;background:#FAFAFA}.BgBlackAddUserManagement .AddUserManagement .Body .AccordionUserInfo .AccordionBodyUser .Info p{flex:1;color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px}.BgBlackAddUserManagement .AddUserManagement .Body .AccordionUserInfo .AccordionBodyUser .Input{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1 0 0}.BgBlackAddUserManagement .AddUserManagement .Body .AccordionUserInfo .AccordionBodyUser .Input label{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.BgBlackAddUserManagement .AddUserManagement .Body .AccordionUserInfo .AccordionBodyUser .Input .Input_Field{display:flex;padding:12px;align-items:flex-start;gap:4px;align-self:stretch;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #F2F2F2)}.BgBlackAddUserManagement .AddUserManagement .Body .AccordionUserInfo .AccordionBodyUser .Input .birthDate{width:calc(100% - 24px)}.AddUserManagement .Body .AccordionUserInfo .AccordionBodyUser .Input .Select_Field{width:100%}.AddUserManagement .Body .AccordionUserInfo .AccordionBodyUser .MuiPaper-elevation{margin-bottom:24px}.AddUserManagement .Body .AccordionUserInfo .AccordionBodyUser .Input .MultiSelectTag{width:100%}.BgBlackAddUserManagement .AddUserManagement .Body .AccordionUserInfo .AccordionBodyUser .PhoneWrapper{flex:1 1 0;display:flex;align-items:flex-start;gap:4px;align-self:stretch}.BgBlackAddUserManagement .AddUserManagement .Body .AccordionUserInfo .AccordionBodyUser .PhoneWrapper .ColumnPhone{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1 0 0;align-self:stretch;width:100%}.BgBlackAddUserManagement .AddUserManagement .Body .AccordionUserInfo .AccordionBodyUser .PhoneWrapper .ColumnPhone .Left{display:flex;flex-direction:row;align-items:center;width:100%;gap:4px}.BgBlackAddUserManagement .AddUserManagement .Body .AccordionUserInfo .AccordionBodyUser .PhoneWrapper .ColumnPhone .Left .btnChange{display:flex;flex-direction:row;align-items:center;padding:12px;gap:4px;background:#FFF;border:1px solid #333333;border-radius:4px;height:48px;outline:none}.BgBlackAddUserManagement .AddUserManagement .Body .AccordionUserInfo .AccordionBodyUser .PhoneWrapper .ColumnPhone .Left .btnChange:hover{border:1px solid #6562DF;background:#FAFAFA}.BgBlackAddUserManagement .AddUserManagement .Body .AccordionUserInfo .AccordionBodyUser .PhoneWrapper .ColumnPhone .Left .btnChange .flag{width:24px;height:24px;border-radius:50%;overflow:hidden}.BgBlackAddUserManagement .AddUserManagement .Body .AccordionUserInfo .AccordionBodyUser .PhoneWrapper .ColumnPhone .Left .btnChange p{font-weight:600;font-size:16px;line-height:24px;color:#333}.BgBlackAddUserManagement .AddUserManagement .Body .AccordionUserInfo .AccordionBodyUser .PhoneWrapper .ColumnPhone .Left .input{width:calc(100% - 24px)}.BgBlackAddUserManagement .AddUserManagement .Body .AccordionUserInfo .AccordionBodyUser .PhoneWrapper .ColumnPhone .Left .input input{display:flex;padding:12px;align-items:flex-start;gap:4px;align-self:stretch;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #F2F2F2);width:calc(100% - 24px)}.BgBlackAddUserManagement .AddUserManagement .Body .AccordionUserInfo .AccordionBodyUser .PhoneWrapper .ColumnPhone .Left .input .active{border-radius:4px;outline:1px solid #817EE5!important}.BgBlackAddUserManagement .AddUserManagement .Body .AccordionUserInfo .AccordionBodyUser .PhoneWrapper .ColumnPhone .Left .input .inactive{border-radius:4px;outline:1px solid #333333}.AddWaNumberPopup,.AddWaNumberPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{width:680px;margin:0 auto}.AddWaNumberPopup .css-hz1bth-MuiDialog-container,.AddWaNumberPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{margin:0;padding:0;min-width:680px}.AddWaNumberPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{background:#FFF;position:relative}.AddWaNumberPopup_head{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #F2F2F2;position:sticky;top:0;background:#FAFAFA;z-index:1}.AddWaNumberPopup_photo{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}.AddWaNumberPopup_photo p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.AddWaNumberPopup_photo .photo{position:relative}.AddWaNumberPopup_photo .avatar{width:200px;height:200px;border-radius:50%}.AddWaNumberPopup_photo .hoverText{position:absolute;display:flex;justify-content:center;align-items:center;padding:12px;gap:12px;top:0;left:0;width:180px;height:180px;background:rgba(51,51,51,.8);border-radius:50%;opacity:0}.AddWaNumberPopup_photo .photo:hover .hoverText{opacity:1}.AddWaNumberPopup_photo .hoverText p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fff}.AddWaNumberPopup_photo .hoverText input{display:none}.AddWaNumberPopup_formInput{display:flex;flex-direction:column;align-items:flex-start;padding:12px 24px}.AddWaNumberPopup_formInput label{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464;margin:0}.AddWaNumberPopup_formInput .css-b62m3t-container{width:100%}.AddWaNumberPopup_formInput label span{color:#df6262}.AddWaNumberPopup_formInput input{padding:0 12px;height:48px;width:calc(100% - 24px);border:1px solid #F2F2F2;border-radius:4px;color:#656464;margin-top:8px}.AddWaNumberPopup_formInput textarea{flex-direction:row;align-items:flex-start;padding:12px;gap:10px;width:calc(100% - 24px);background:#FAFAFA;border:1px solid #F2F2F2;border-radius:4px;font-weight:400;font-size:12px;line-height:22px;display:flex;align-items:center;letter-spacing:.01em;color:#828282}.AddWaNumberPopup_formInput .inputWaNumber{display:flex;align-items:center;gap:8px;margin-top:8px;width:100%}.AddWaNumberPopup_formInput .inputWaNumber input{margin-top:0}.AddWaNumberPopup_formInput .inputWaNumber .country{display:flex;align-items:center;justify-content:center}.AddWaNumberPopup_formInput .inputWaNumber .country .btnChange{display:flex;flex-direction:row;align-items:center;padding:12px;gap:4px;background:#FFF;border:1px solid #333333;border-radius:4px}.AddWaNumberPopup_formInput .inputWaNumber .country .btnChange:hover{border:1px solid #6562DF;background:#FAFAFA}.AddWaNumberPopup_formInput .inputWaNumber .country .btnChange .flag{width:24px;height:24px;border-radius:50%;overflow:hidden}.AddWaNumberPopup_formInput .inputWaNumber .country p{font-weight:600;font-size:16px;line-height:24px;display:flex;align-items:center;color:#333}.AddWaNumberPopup_formInput .css-vamk89-MuiFormControl-root{width:100%;margin:8px 0 0;height:48px}.AddWaNumberPopup_formInput .selectTagWa{height:48px}.AddWaNumberPopup_footer{height:78px;position:sticky;bottom:0;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding:0 16px;gap:4px;background:#FFFFFF;border-bottom:1px solid #F2F2F2;box-shadow:0 0 10px #0000001a}.AddWaNumberPopup_footer .cancel{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px;gap:12px;width:76px;height:46px;border-radius:4px;cursor:pointer}.AddWaNumberPopup_footer .cancel p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#df6262}.AddWaNumberPopup_footer .cancel img{width:16px;height:16px}.AddWaNumberPopup_footer .add{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px;gap:12px;background:#5C5ACC;border-radius:4px;cursor:pointer}.AddWaNumberPopup_footer .add p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fafafa}.AddWaNumberPopup_footer .add img{width:16px;height:16px}.AskToOffline,.AskToOffline .css-1t1j96h-MuiPaper-root-MuiDialog-paper{width:680px;margin:0 auto}.AskToOffline .css-hz1bth-MuiDialog-container,.AskToOffline .css-1t1j96h-MuiPaper-root-MuiDialog-paper{margin:0;padding:0;min-width:680px}.AskToOffline .css-1t1j96h-MuiPaper-root-MuiDialog-paper{background:#FAFAFA;position:relative}.AskToOffline_head{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #F2F2F2;position:sticky;top:0;background:#FAFAFA}.AskToOffline_head h4{line-height:32px;font-weight:700;font-size:24px}.AskToOffline_formInput{display:flex;flex-direction:column;align-items:flex-start;padding:12px 24px}.AskToOffline_formInput label{font-weight:700;font-size:14px;line-height:20px;letter-spacing:.01em;color:#333;margin:0}.AskToOffline_formInput label span{color:#df6262}.AskToOffline_formInput .inputs{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%}.AskToOffline_formInput .input,.AskToOffline_formInput .inputs .input{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;max-width:608px;width:100%;padding:0 12px;border:1px solid #F2F2F2}.AskToOffline_formInput input{height:48px;border-radius:4px;color:#656464;margin-top:8px;width:100%}.AskToOffline_formInput textarea{width:608px;height:120px;border:1px solid #F2F2F2;border-radius:4px;padding:12px;color:#656464;font-family:Inter}.AskToOffline_formInput .inputWaNumber{display:flex;align-items:center;gap:8px;margin-top:8px}.AskToOffline_formInput .inputWaNumber input{width:520px;margin-top:0}.AskToOffline_formInput .inputWaNumber .flag{display:flex;align-items:center;justify-content:center;gap:4px;width:80px;height:48px;border:1px solid #656464;border-radius:4px}.AskToOffline_formInput .inputWaNumber .flag p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#23224d}.AskToOffline_formInput .css-vamk89-MuiFormControl-root{width:100%;margin:8px 0 0;height:48px}.AskToOffline_footer{display:flex;justify-content:flex-end;align-items:center;padding:16px 24px;gap:12px;margin-top:12px;position:sticky;bottom:0;background:#FAFAFA}.AskToOffline_footer .cancel{display:flex;justify-content:center;align-items:center;gap:8px;width:86px;height:36px;border:1px solid #DF6262;border-radius:4px;cursor:pointer}.AskToOffline_footer .cancel p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#df6262}.AskToOffline_footer .cancel img{width:16px;height:16px}.AskToOffline_footer .add{display:flex;justify-content:center;align-items:center;gap:8px;width:132px;height:36px;background:#5C5ACC;border-radius:4px;cursor:pointer}.AskToOffline_footer .add p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.02em;color:#fff}.AskToOffline_footer .add img{width:16px;height:16px}.ConnectWaPopup{width:680px;margin:0 auto}.ConnectWaPopup{margin:0;padding:0;min-width:680px}.ConnectWaPopup{background:#ffffff;position:relative}.ConnectWaPopup_head{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #f2f2f2;position:sticky;top:0;background:#fafafa;z-index:50000}.ConnectWaPopup_head h4{font-weight:600;font-size:16px;line-height:24px;color:#333}.ConnectWaPopup_formInput{display:flex;flex-direction:column;align-items:flex-start;padding:12px 24px}.ConnectWaPopup_formInput label{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464;margin:0}.ConnectWaPopup_step{display:flex;align-items:center;padding:12px 24px;gap:8px}.ConnectWaPopup_step p{font-weight:400;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#656464}.ConnectWaPopup_step p:first-child{font-weight:500}.ConnectWaPopup_step code{display:flex;align-items:center;padding:4px 8px;gap:8px;background:#fafafa;border:1px solid #f2f2f2;border-radius:4px;font-family:Inter;font-style:normal;font-weight:500;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#656464}.ConnectWaPopup .Connect_Success{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:12px 0;gap:12px}.ConnectWaPopup .Connect_Success .Title{font-weight:700;font-size:24px;line-height:32px;display:flex;align-items:center;letter-spacing:-.02em;color:#333;margin-bottom:4px;max-width:99%}.DeleteContactListPopup .css-uhb5lp{margin:0}.DeleteChat{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:0;position:absolute;width:420px;left:calc(50% - 210px);top:calc(50% - 150px);background:#FFFFFF;box-shadow:0 0 10px #0000001a;border-radius:8px}.DeleteChat .Header{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding:12px 16px;gap:4px;width:calc(100% - 32px)}.DeleteChat .Body{display:flex;flex-direction:column;align-items:center;padding:0;gap:4px;width:100%}.DeleteChat .Body .Warn{font-family:Inter;font-weight:700;font-size:14px;line-height:20px;letter-spacing:-.01em;text-transform:capitalize;color:#333}.DeleteChat .Body .Desc{font-family:Inter;font-weight:400;font-size:12px;line-height:22px;text-align:center;letter-spacing:.01em;color:#656464}.DeleteChat .Action{display:flex;justify-content:center;align-items:flex-start;padding:12px 16px;gap:12px}.DeleteChat .Action button{border:none;outline:none;cursor:pointer}.DeleteChat .Action .No{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px;gap:8px;background:#FFFFFF}.DeleteChat .Action .Yes{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 12px;gap:8px;background:#DF6262;border-radius:4px;color:#fff!important}.DeleteRobo{display:flex;width:420px;flex-direction:column;justify-content:center;align-items:center;border-radius:8px}.DeleteRoboZindex{z-index:301}.DeleteRobo .Header{display:flex;padding:12px 16px;justify-content:flex-end;align-items:center;gap:4px;align-self:stretch;background:var(--Background-White, #fff);border-radius:8px 8px 0 0}.DeleteRobo .Body{display:flex;flex-direction:column;align-items:center;gap:4px;align-self:stretch}.DeleteRobo .Body{display:flex;flex-direction:column;align-items:center;gap:4px;align-self:stretch;background-color:#fff}.DeleteRobo .Body .Info .Title{color:var(--neutral-color-neutral-4, #333);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.DeleteRobo .Body .Info .SubTitle{color:var(--neutral-color-neutral-3, #656464);text-align:center;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.DeleteRobo .Footer{display:flex;padding:12px 16px;justify-content:center;align-items:flex-start;gap:12px;align-self:stretch;background:var(--Background-White, #fff);border-radius:0 0 8px 8px}.DeleteRobo .Footer button{border:none;outline:none;background:none;font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.DeleteRobo .Footer .Cancel{color:var(--Neutral-Color-Neutral900, #333)}.DeleteRobo .Footer .Yes{color:#fafafa;display:flex;width:120px;height:36px;padding:8px 12px;justify-content:center;align-items:center;gap:8px;border-radius:4px;background:var(--Info-Color-Danger, #df6262)}.DeleteRobo .Footer .Yes:hover{background:#80392f}.BlackBgSession{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000050;z-index:100}.BlackBgSession .DetailChatSession{display:flex;flex-direction:column;align-items:flex-start;padding:0;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:500px;background:#FFFFFF;box-shadow:5px 5px 5px #6562df26;border-radius:8px;z-index:101}.BlackBgSession .DetailChatSession .Header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:16px 24px;gap:12px;width:calc(100% - 48px);border-bottom:1px solid #F2F2F2}.BlackBgSession .DetailChatSession .Header .Left{display:flex;flex-direction:row;align-items:center;padding:0;gap:12px}.BlackBgSession .DetailChatSession .Header .Title{font-weight:700;font-size:24px;line-height:32px;display:flex;align-items:center;letter-spacing:-.02em;color:#333}.BlackBgSession .DetailChatSession .Header .Session{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:4px 8px;gap:8px;border:1px solid #DF6262;border-radius:4px;font-weight:600;font-size:10px;line-height:18px;letter-spacing:-.01em;color:#df6262}.BlackBgSession .DetailChatSession .Information{display:flex;flex-direction:column;align-items:flex-start;padding:12px 16px 16px;gap:8px;width:calc(100% - 32px)}.BlackBgSession .DetailChatSession .Information .Info{display:flex;flex-direction:row;align-items:center;padding:0;gap:4px;width:100%}.BlackBgSession .DetailChatSession .Information .Info p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333}.BlackBgSession .DetailChatSession .Information .Info .Left{width:140px;font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#656464}.BlackBgSession .DetailChatSession .Information .Info .RightContact{display:flex;align-items:flex-start;padding:0;gap:12px}.BlackBgSession .DetailChatSession .Information .Info .RightContact .Contact{display:flex;flex-direction:row;align-items:center;padding:0;gap:4px}.BlackBgSession .DetailChatSession .Information .Info .RightContact .Contact img{width:20px;height:20px;border-radius:50%}.BlackBgSession .DetailChatSession .Information .Info .RightContact .Contact p{font-weight:400;font-size:12px;line-height:22px;display:flex;align-items:center;letter-spacing:.01em}.BlackBgSession .DetailChatSession .Information .Info .RightContact .Contact .Green{color:#219655}.BlackBgSession .DetailChatSession .Information .Info .RightUser{display:flex;align-items:center;gap:4px}.BlackBgSession .DetailChatSession .Information .Info .RightUser img{width:20px;height:20px;border-radius:50%}.BlackBgSession .DetailChatSession .Information .Info .RightUser .Green{color:#219655}.BlackBgSession .DetailChatSession .Information .InfoUsername{display:flex;align-items:flex-start;gap:4px;align-self:stretch}.BlackBgSession .DetailChatSession .Information .InfoUsername .Left{width:140px;font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#656464}.BlackBgSession .DetailChatSession .Information .InfoUsername .RightPart{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px}.BlackBgSession .DetailChatSession .Information .InfoUsername .RightUser{display:flex;align-items:center;gap:4px}.BlackBgSession .DetailChatSession .Information .InfoUsername .RightUser img{width:20px;height:20px;border-radius:50%}.BlackBgSession .DetailChatSession .Information .InfoUsername .RightUser p{color:var(--Neutral-Color-Neutral900, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.BlackBgSession .DetailChatSession .Information .InfoUsername .RightUser .Green{color:#219655}.BlackBgSession .DetailChatSession .Body{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:12px 16px 16px;gap:12px;isolation:isolate;width:calc(100% - 32px);max-height:200px;overflow-y:scroll;background:#FAFAFA;border-radius:0 0 8px 8px}.BlackBgSession .DetailChatSession .Body .ChatLeft{display:flex;flex-direction:column;align-items:flex-start;padding:4px 8px;isolation:isolate;min-width:136px;background:#fff;border-radius:0 4px 4px;position:relative;margin-left:16px}.BlackBgSession .DetailChatSession .Body .ChatLeft .triangle{position:absolute;top:0;left:-16px;width:17px;height:17px}.BlackBgSession .DetailChatSession .Body .ChatLeft .name{font-weight:600;font-size:10px;line-height:18px;letter-spacing:-.01em;color:#656565}.BlackBgSession .DetailChatSession .Body .ChatLeft .text{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333}.BlackBgSession .DetailChatSession .Body .ChatLeft .time{font-weight:300;font-size:10px;line-height:18px;display:flex;align-items:center;justify-content:flex-end;color:#656464;width:100%}.BlackBgSession .DetailChatSession .Body .ChatRight{align-self:flex-end;display:flex;flex-direction:column;align-items:flex-start;padding:4px 8px;isolation:isolate;min-width:136px;background:#CECEE5;border-radius:0 4px 4px;position:relative;margin-right:16px}.BlackBgSession .DetailChatSession .Body .ChatRight .triangle{position:absolute;top:0;right:-15px;width:17px;height:17px}.BlackBgSession .DetailChatSession .Body .ChatRight .name{font-weight:600;font-size:10px;line-height:18px;letter-spacing:-.01em;color:#656565}.BlackBgSession .DetailChatSession .Body .ChatRight .text{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333}.BlackBgSession .DetailChatSession .Body .ChatRight .time{font-weight:300;font-size:10px;line-height:18px;display:flex;align-items:center;justify-content:flex-end;color:#656464;width:100%}.DetailChatSession .Body .ChatLeft .url{display:flex;flex-direction:row;align-items:center;padding:4px;gap:8px;background:#dadaf2;border:1px solid #6562df;border-radius:8px;cursor:pointer}.DetailChatSession .Body .ChatLeft .url .urlContent{display:flex;flex-direction:row;align-items:center;padding:0;gap:8px}.DetailChatSession .Body .ChatLeft .url .urlContent img{width:60px;height:60px;border-radius:4px}.DetailChatSession .Body .ChatLeft .url .urlContent .info{display:flex;flex-direction:column;align-items:flex-start;padding:0}.DetailChatSession .Body .ChatLeft .url .urlContent .info .title{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333;white-space:nowrap;width:200px;overflow:hidden;text-overflow:ellipsis}.DetailChatSession .Body .ChatLeft .url .urlContent .info .desc-wrapper{width:100%}.DetailChatSession .Body .ChatLeft .url .urlContent .info .desc-wrapper .desc{font-weight:300;font-size:10px;line-height:18px;color:#656565;white-space:nowrap;width:200px;overflow:hidden;text-overflow:ellipsis}.DetailChatSession .Body .ChatLeft .url .urlContent .info .domain{font-weight:300;font-size:10px;line-height:16px;display:flex;align-items:center;letter-spacing:.01em;color:#b3b3b3}.DetailChatSession .Body .ChatLeft .image,.DetailChatSession .Body .ChatRight .image{position:relative}.DetailChatSession .Body .ChatLeft .image img,.DetailChatSession .Body .ChatRight .image img,.DetailChatSession .Body .ChatLeft .image video,.DetailChatSession .Body .ChatRight .image video{width:100%;height:100%;max-height:300px;border-radius:4px;object-fit:contain}.DetailChatSession .Body .ChatLeft .image .mediaPlayer,.DetailChatSession .Body .ChatRight .image .mediaPlayer{position:absolute;top:50%;left:50%;cursor:pointer}.DetailChatSession .Body .ChatLeft .document,.DetailChatSession .Body .ChatRight .document{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:4px 8px;gap:4px;border-radius:4px;cursor:pointer;background:rgba(255,255,255,.5);box-shadow:0 0 10px #0000001a;width:calc(100% + -0px)}.DetailChatSession .Body .ChatLeft .document img,.DetailChatSession .Body .ChatRight .document img{width:32px;height:32px;border-radius:4px}.DetailChatSession .Body .ChatLeft .document .detail,.DetailChatSession .Body .ChatRight .document .detail{flex:1;max-width:calc(100% - 76px)}.DetailChatSession .Body .ChatLeft .document h2,.DetailChatSession .Body .ChatRight .document h2{font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px;color:#333}.DetailChatSession .Body .ChatLeft .document p,.DetailChatSession .Body .ChatRight .document p{font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px;color:#656565}.DetailChatSession .Body .ChatLeft .document .failed,.DetailChatSession .Body .ChatRight .document .failed{font-size:10px;font-style:normal;font-weight:300;line-height:18px;color:#656565}.DetailChatSession .Body .ChatRight .url{display:flex;flex-direction:row;align-items:center;padding:4px;gap:8px;background:#dadaf2;border:1px solid #6562df;border-radius:8px;cursor:pointer}.DetailChatSession .Body .ChatRight .url .urlContent{display:flex;flex-direction:row;align-items:center;padding:0;gap:8px}.DetailChatSession .Body .ChatRight .url .urlContent img{width:60px;height:60px;border-radius:4px}.DetailChatSession .Body .ChatRight .url .urlContent .info{display:flex;flex-direction:column;align-items:flex-start;padding:0}.DetailChatSession .Body .ChatRight .url .urlContent .info .title{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333;white-space:nowrap;width:200px;overflow:hidden;text-overflow:ellipsis}.DetailChatSession .Body .ChatRight .url .urlContent .info .desc-wrapper{width:100%}.DetailChatSession .Body .ChatRight .url .urlContent .info .desc-wrapper .desc{font-weight:300;font-size:10px;line-height:18px;color:#656565;white-space:nowrap;width:200px;overflow:hidden;text-overflow:ellipsis}.DetailChatSession .Body .ChatRight .url .urlContent .info .domain{font-weight:300;font-size:10px;line-height:16px;display:flex;align-items:center;letter-spacing:.01em;color:#b3b3b3}.DetailChatSession .Body .ChatRight .text{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333;word-wrap:break-word}.DetailChatSession .Body .ChatRight .time{font-weight:300;font-size:10px;line-height:18px;text-align:right;color:#656464;display:flex;justify-content:flex-end;align-items:center;gap:5.33px}.DetailChatSession .Body .ChatRight .img{width:16px;height:16px}.DetailChatSession .Body .EndSession_Other{width:100%}.BlackBgSessionMobile{position:fixed;top:0;left:0;height:100dvh;width:100dvw!important;border-radius:0!important;z-index:1200!important}.BlackBgSessionMobile :is(.DetailTagSession,.DetailChatSession){position:fixed;left:0;height:100dvh;width:100dvw!important;border-radius:0!important;z-index:1500!important}.BlackBgSessionMobile :is(.DetailTagSession,.DetailChatSession) .Header{padding:12px!important;width:calc(100% - 24px)!important;background:#FAFAFA;box-shadow:0 0 10px #0000001a}.BlackBgSessionMobile :is(.DetailTagSession,.DetailChatSession) .Body{width:calc(100% - 64px);height:calc(100% - 80px);max-height:100%;display:flex;padding:16px;margin:0 16px 16px;flex-direction:column;align-items:flex-start;gap:8px;flex:1 0 0;align-self:stretch;border:1px solid #B3B3B3;background:#FAFAFA}.BlackBgSessionMobile .DetailTagSession{padding:0;justify-content:flex-start}.BlackBgSessionMobile .DetailTagSession .Body{max-height:max-content!important}.BlackBgSessionMobile .footer2{display:flex;width:calc(100% - 24px);padding:12px;align-items:center;gap:4px;box-shadow:0 -5px 10px #0000000d}.BlackBgSessionMobile .footer2 .buttonCancel{display:flex;padding:12px 16px 12px 12px;justify-content:center;align-items:center;gap:8px;flex:1 0 0;border-radius:8px;background:none;p {color: #DF6262;}}.BlackBgSessionMobile .footer2 .buttonSave{display:flex;padding:12px 16px 12px 12px;justify-content:center;align-items:center;gap:8px;flex:1 0 0;border-radius:8px;background:#5C5ACC;p {color: #FAFAFA;}}.BlackBgSessionMobile .footer2 .buttonCollaborate{display:flex;padding:12px 16px 12px 12px;justify-content:center;align-items:center;gap:8px;flex:1 0 0;border-radius:8px;border:2px solid#656464;background:#F2F2F2;height:48px;p {color: #656464;}}.deactivate_email{display:flex;flex-direction:column;background:#fff;border-radius:16px;width:600px}.deactivate_email .header{display:flex;justify-content:end;padding:12px 16px}.deactivate_email .body{display:flex;flex-direction:column;align-items:center;gap:16px;padding:16px}.deactivate_email .body .info{display:flex;flex-direction:column;gap:12px;align-items:center}.deactivate_email .body .info .detail{color:#656565;font-weight:500;font-size:14px;line-height:20px;text-align:center}.deactivate_email .body .info .send{font-weight:400;color:#656565;font-size:12px;line-height:22px;span {color: #5C5ACC;}}.deactivate_email .footer{display:flex;justify-content:center;gap:16px;padding:12px 16px}.EditClassTeamPopup,.EditClassTeamPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{width:680px;margin:0 auto}.EditClassTeamPopup .css-hz1bth-MuiDialog-container,.EditClassTeamPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{margin:0;padding:0;min-width:680px}.EditClassTeamPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{background:#FAFAFA;position:relative}.EditClassTeamPopup_head{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #F2F2F2;position:sticky;top:0;background:#FAFAFA}.EditClassTeamPopup_formInput{display:flex;flex-direction:column;align-items:flex-start;padding:12px 24px}.EditClassTeamPopup_formInput label{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464;margin:0}.EditClassTeamPopup_formInput label span{color:#df6262}.EditClassTeamPopup_formInput input{padding:0 12px;height:48px;width:608px;border:1px solid #F2F2F2;border-radius:4px;color:#656464;margin-top:8px}.EditClassTeamPopup_formInput textarea{width:608px;height:120px;border:1px solid #F2F2F2;border-radius:4px;padding:12px;color:#656464;font-family:Inter}.EditClassTeamPopup_footer{display:flex;justify-content:flex-end;align-items:center;padding:16px 24px;gap:12px;margin-top:12px;position:sticky;bottom:0;background:#FAFAFA}.EditClassTeamPopup_footer .cancel{display:flex;justify-content:center;align-items:center;gap:8px;width:86px;height:36px;border:1px solid transparent;border-radius:4px;cursor:pointer}.EditClassTeamPopup_footer .cancel p{font-weight:700;font-size:12px;line-height:20px;letter-spacing:.02em;color:#df6262}.EditClassTeamPopup_footer .cancel img{width:16px;height:16px}.EditClassTeamPopup_footer .add{display:flex;justify-content:center;align-items:center;gap:8px;width:132px;height:36px;background:#5C5ACC;border-radius:4px;cursor:pointer}.EditClassTeamPopup_footer .add p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#fafafa}.EditClassTeamPopup_footer .add img{width:16px;height:16px}.BGAlertCannotEditContact{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000050;z-index:100}.BGAlertCannotEditContact .AlertCannotEditContact{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:0;position:absolute;width:420px;left:calc(50% - 210px);top:calc(50% - 64px);background:#ffffff;box-shadow:0 0 10px #0000001a;border-radius:8px}.BGAlertCannotEditContact .AlertCannotEditContact .Header{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding:12px 16px;gap:4px;width:calc(100% - 32px)}.BGAlertCannotEditContact .AlertCannotEditContact .Body{display:flex;flex-direction:column;align-items:center;padding:0;gap:4px;width:100%}.BGAlertCannotEditContact .AlertCannotEditContact .Body img{width:240px;height:150px}.BGAlertCannotEditContact .AlertCannotEditContact .Body h3{font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;text-transform:capitalize;color:#333}.BGAlertCannotEditContact .AlertCannotEditContact .Body p{font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;color:#656464;text-align:center;max-width:388px;margin-bottom:24px}.EditContactListPopup,.EditContactListPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{width:680px;margin:0 auto}.EditContactListPopup .css-hz1bth-MuiDialog-container,.EditContactListPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{margin:0;padding:0;min-width:680px}.EditContactListPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{background:#FAFAFA;position:relative}.EditContactListPopup_head{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #F2F2F2;position:sticky;top:0;background:#FAFAFA;z-index:3}.EditContactListPopup_formInput{display:flex;flex-direction:column;align-items:flex-start;padding:12px 24px;background:#fff}.EditContactListPopup_formInput label{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464;margin:0}.EditContactListPopup_formInput label span{color:#df6262}.EditContactListPopup_formInput .input{height:48px;width:100%;border-radius:4px;color:#656464;margin-top:8px;border:1px solid var(--neutral-color-neutral-3, #656464);padding:1px}.EditContactListPopup_formInput input{padding:0 12px;height:48px;width:calc(100% - 24px);color:#656464;color:var(--primary-color-primary-900, #23224D);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.EditContactListPopup_formInput .input-select{border:1px solid #817EE6;box-shadow:0 0 5px #5c5acc26;border-radius:4px;width:100%;height:48px;margin-top:8px}.EditContactListPopup_formInput .input-select .MuiFormControl-root{height:100%;padding:0}.EditContactListPopup_formInput .input-select .MuiFormControl-root .MuiInputBase-root{height:100%!important;padding:0}.EditContactListPopup_formInput .input-select .MuiFormControl-root .MuiInputBase-root input{height:100%;padding:0 12px;margin-top:0}.EditContactListPopup_formInput textarea{width:608px;height:120px;border:1px solid #F2F2F2;border-radius:4px;padding:12px;color:#656464;font-family:Inter}.EditContactListPopup_formInput .inputWaNumber{display:flex;align-items:center;gap:8px;margin-top:8px}.EditContactListPopup_formInput .inputWaNumber input{width:520px;margin-top:0}.EditContactListPopup_formInput .inputWaNumber .flag{display:flex;align-items:center;justify-content:center;gap:4px;width:80px;height:48px;border:1px solid #656464;border-radius:4px}.EditContactListPopup_formInput .inputWaNumber .flag p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#23224d}.EditContactListPopup_formInput .css-b62m3t-container{width:100%}.EditContactListPopup_formInput .select__control{width:100%;margin:0}.EditContactListPopup_formInput_disabled{display:flex;flex-direction:column;align-items:flex-start;padding:12px 24px;background:var(--background-white, #FFF)}.EditContactListPopup_formInput_disabled label{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464;margin:0}.EditContactListPopup_formInput_disabled label span{color:#df6262}.EditContactListPopup_formInput_disabled .input{height:48px;width:100%;border:1px solid #F2F2F2;color:#656464;margin-top:8px;border-radius:4px;border:1px solid var(--neutral-color-neutral-500, #B3B3B3);background:var(--neutral-color-neutral-100, #FAFAFA);padding:1px;background:#fff}.EditContactListPopup_formInput_disabled input{padding:0 12px;height:48px;width:calc(100% - 24px);color:#656464;background:var(--neutral-color-neutral-100, #FAFAFA);color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.EditContactListPopup_formInput_disabled .input-select{border:1px solid #817EE6;box-shadow:0 0 5px #5c5acc26;border-radius:4px;width:100%;height:48px;margin-top:8px}.EditContactListPopup_formInput_disabled .input-select .MuiFormControl-root,.EditContactListPopup_formInput_disabled .input-select .MuiFormControl-root .MuiInputBase-root{height:100%;padding:0}.EditContactListPopup_formInput_disabled .input-select .MuiFormControl-root .MuiInputBase-root input{height:100%;padding:0 12px;margin-top:0}.EditContactListPopup_formInput_disabled .focus{border-radius:4px;border:1px solid var(--primary-color-primary-400, #817EE5);background:#FFF;box-shadow:0 0 5px #5c5acc26}.EditContactListPopup_formInput_disabled .focus input{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px;caret-color:#5c5acc}.EditContactListPopup_footer{display:flex;justify-content:flex-end;align-items:center;padding:16px 24px;gap:12px;margin-top:12px;position:sticky;bottom:0;background:#FAFAFA}.EditContactListPopup_footer .cancel{display:flex;justify-content:center;align-items:center;gap:8px;width:86px;height:36px;border:1px solid transparent;border-radius:4px;cursor:pointer}.EditContactListPopup_footer .cancel p{font-weight:700;font-size:12px;line-height:20px;letter-spacing:.02em;color:#df6262}.EditContactListPopup_footer .cancel img{width:16px;height:16px}.EditContactListPopup_footer .add{display:flex;justify-content:center;align-items:center;gap:8px;width:132px;height:36px;background:#5C5ACC;border-radius:4px;cursor:pointer}.EditContactListPopup_footer .add p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#fafafa}.EditContactListPopup_footer .add img{width:16px;height:16px}.WarningEditContact{display:flex;height:30px;padding:0 24px;align-items:center;gap:8px;background:#fff;border-bottom:1px solid var(--neutral-color-neutral-100, #FAFAFA)}.WarningEditContact p{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.EditOneContactList_formInputWarning input{border-color:#df6262}.EditOneContactList_formWarningMsg{display:flex;padding:4px 8px 4px 32px;align-items:center;gap:8px;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;color:#df6262;background:#fff}.BlackBg_EditUser{position:fixed;top:72px;left:320px;width:calc(100% - 320px);height:calc(100% - 72px);background-color:#00000050;z-index:100}.EditUser{position:absolute;top:10px;right:9px;width:500px;max-height:calc(100dvh - 94px);background:#FFFFFF;overflow-y:scroll;animation:show .5s ease-in-out;border-radius:4px;box-shadow:0 0 10px #0000001a}.EditUser_head{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #F2F2F2;background:#FAFAFA;position:sticky;top:0;z-index:100}.EditUser_head h2{color:#333;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.EditUser_head svg{cursor:pointer}.EditUser_body{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px;gap:24px}.EditUser .Email_Part{display:flex;padding:12px 16px;align-items:center;gap:24px;align-self:stretch;border-bottom:1px solid var(--neutral-color-neutral-100, #FAFAFA);background:var(--background-white, #FFF)}.EditUser .Email_Part .Content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;flex:1 0 0}.EditUser .Email_Part .Content label{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.EditUser .Email_Part .Content label span{color:red}.EditUser .Email_Part .Content input{display:flex;padding:12px;align-items:flex-start;gap:4px;align-self:stretch;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #F2F2F2)}.EditUser .Email_Part .Content .DisableInput{border-radius:4px;border:1px solid var(--Neutral-Color-Neutral500, #B3B3B3);background:var(--Neutral-Color-Neutral100, #FAFAFA);color:var(--Neutral-Color-Neutral800, #656565);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.EditUser .Email_Part .Content .warn{display:flex;padding:4px 8px;align-items:center;gap:8px}.EditUser .Email_Part .Content .warn p{flex:1;color:var(--Info-Color-Danger, #DF6262);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.EditUser .Email_Part .Content .CustomEmail{display:flex;padding:12px;align-items:flex-start;gap:4px;align-self:stretch;border-radius:4px;border:1px solid var(--Neutral-Color-Neutral500, #B3B3B3);background:var(--Neutral-Color-Neutral100, #FAFAFA)}.EditUser .Email_Part .Content .CustomEmail p{color:var(--Neutral-Color-Neutral800, #656565);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.EditUser .AccordionUserInfo{width:100%;box-shadow:none;border-top:1px solid var(--neutral-color-neutral-200, #F2F2F2);border-bottom:1px solid var(--neutral-color-neutral-100, #F2F2F2)}.EditUser .AccordionUserInfo:before{display:none}.EditUser .AccordionUserInfo .AccordionHeaderUser,.EditUser .AccordionUserInfo .AccordionHeaderUser p{display:flex;align-items:center;gap:8px}.EditUser .AccordionUserInfo .AccordionHeaderUser p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.EditUser .AccordionUserInfo .AccordionHeaderUser .Icon{display:flex;align-items:center;gap:8px}.EditUser .AccordionUserInfo .AccordionBodyUser .Info{display:flex;padding:8px;align-items:center;gap:8px;align-self:stretch;border-radius:8px;background:var(--neutral-color-neutral-100, #FAFAFA)}.EditUser .AccordionUserInfo .AccordionBodyUser .Info p{flex:1;color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px}.EditUser .AccordionUserInfo .AccordionBodyUser .Input{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1 0 0}.EditUser .AccordionUserInfo .AccordionBodyUser .Input label{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.EditUser .AccordionUserInfo .AccordionBodyUser .Input .Input_Field{display:flex;padding:12px;align-items:flex-start;gap:4px;align-self:stretch;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #F2F2F2)}.EditUser .AccordionUserInfo .AccordionBodyUser .Input .DisableInput{border-radius:4px;border:1px solid var(--Neutral-Color-Neutral500, #B3B3B3);background:var(--Neutral-Color-Neutral100, #FAFAFA);color:var(--Neutral-Color-Neutral800, #656565);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.EditUser .AccordionUserInfo .AccordionBodyUser .Input .birthDate{width:calc(100% - 24px)}.EditUser .AccordionUserInfo .AccordionBodyUser .Input .Select_Field,.EditUser .AccordionUserInfo .AccordionBodyUser .Input .MultiSelectTag{width:100%}.EditUser .AccordionUserInfo .AccordionBodyUser .PhoneWrapper{flex:1 1 0;display:flex;align-items:flex-start;gap:4px;align-self:stretch}.EditUser .AccordionUserInfo .AccordionBodyUser .PhoneWrapper .ColumnPhone{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1 0 0;align-self:stretch;width:100%}.EditUser .AccordionUserInfo .AccordionBodyUser .PhoneWrapper .ColumnPhone .Left{display:flex;flex-direction:row;align-items:center;width:100%;gap:4px}.EditUser .AccordionUserInfo .AccordionBodyUser .PhoneWrapper .ColumnPhone .Left .btnChange{display:flex;flex-direction:row;align-items:center;padding:12px;gap:4px;background:#FFF;border:1px solid #333333;border-radius:4px;height:48px;outline:none}.EditUser .AccordionUserInfo .AccordionBodyUser .PhoneWrapper .ColumnPhone .Left .btnChange:hover{border:1px solid #6562DF;background:#FAFAFA}.EditUser .AccordionUserInfo .AccordionBodyUser .PhoneWrapper .ColumnPhone .Left .btnChange .flag{width:24px;height:24px;border-radius:50%;overflow:hidden}.EditUser .AccordionUserInfo .AccordionBodyUser .PhoneWrapper .ColumnPhone .Left .btnChange p{font-weight:600;font-size:16px;line-height:24px;color:#333}.EditUser .AccordionUserInfo .AccordionBodyUser .PhoneWrapper .ColumnPhone .Left .input{width:calc(100% - 24px)}.EditUser .AccordionUserInfo .AccordionBodyUser .PhoneWrapper .ColumnPhone .Left .input input{display:flex;padding:12px;align-items:flex-start;gap:4px;align-self:stretch;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #F2F2F2);width:calc(100% - 24px)}.EditUser .AccordionUserInfo .AccordionBodyUser .PhoneWrapper .ColumnPhone .Left .input .active{border-radius:4px;outline:1px solid #817EE5!important}.EditUser .AccordionUserInfo .AccordionBodyUser .PhoneWrapper .ColumnPhone .Left .input .inactive{border-radius:4px;outline:1px solid #333333}.EditUser .AccordionUserInfo .AccordionBodyUser .PhoneWrapper .ColumnPhone .Left .input .DisableInput{border-radius:4px;border:1px solid var(--Neutral-Color-Neutral500, #B3B3B3);background:var(--Neutral-Color-Neutral100, #FAFAFA);color:var(--Neutral-Color-Neutral800, #656565);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.EditUser .Team_Part{display:flex;padding:12px 16px;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;align-self:stretch}.EditUser .Team_Part .Title{display:flex;align-items:center;gap:8px;align-self:stretch}.EditUser .Team_Part .Title p{color:#333;font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.EditUser .Team_Part .Info{display:flex;padding:4px 8px;align-items:center;gap:8px;align-self:stretch;border-radius:4px;background:rgba(51,51,51,.75)}.EditUser .Team_Part .Info p{flex:1;color:#fff;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.EditUser .Team_Wrapper{display:flex;padding:12px 16px;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;align-self:stretch}.EditUser .Team_Wrapper .Team{display:flex;padding:12px;justify-content:space-between;align-items:center;align-self:stretch;border-radius:8px;border:1px solid var(--neutral-color-neutral-900, #333);background:var(--background-white, #FFF)}.EditUser .Team_Wrapper .Team .Left{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.EditUser .Team_Wrapper .Team .Left .Title{color:#333;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.EditUser .Team_Wrapper .Team .Left .Member{color:#656565;font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px}.EditUser .Team_Wrapper .Team .Right{display:flex;justify-content:center;align-items:center;padding:8px}.EditUser .Team_Wrapper .Team .Right:hover{border-radius:4px;background:var(--primary-color-primary-100, #DADAF2)}.EditUser .Team_Wrapper .Add_Team{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:8px;border:none;outline:none;background:#FFF;border-radius:4px}.EditUser .Team_Wrapper .Add_Team .icon{color:#5c5acc}.EditUser .Team_Wrapper .Add_Team:hover{background:#DADAF2}.EditUser .Team_Wrapper .Add_Team p{color:#5c5acc;font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.EditUser .Team_Wrapper .Add_Team:hover p,.EditUser .Team_Wrapper .Add_Team:hover .icon{color:var(--primary-color-primary-900, #23224D)}.EditUser_form{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:12px 24px;gap:12px}.EditUser_form label{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em}.EditUser_form label span{color:#df6262}.EditUser_form input{display:flex;align-items:center;padding:12px;gap:4px;border:1px solid #656464;border-radius:4px;font-weight:500;font-size:14px;line-height:24px;color:#23224d;width:100%;max-width:296px}.EditUser_form input::placeholder{color:#656464}.EditUser_form input:focus{outline:none}.EditUser_form .inputPassword{display:flex;align-items:center;padding:12px;gap:4px;border:1px solid #656464;border-radius:4px;width:100%;max-width:296px}.EditUser_form .inputPassword input{font-weight:500;font-size:14px;line-height:24px;color:#23224d;width:100%;padding:0;border:none}.EditUser_action{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;gap:4px;position:sticky;bottom:0;background:#FAFAFA;box-shadow:0 -5px 5px #0000000d}.EditUser_action .btnCancel{display:flex;justify-content:center;align-items:center;padding:12px;gap:12px;cursor:pointer}.EditUser_action .btnCancel p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#df6262}.EditUser_action .btnSave{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:var(--primary-color-primary-600, #5C5ACC);cursor:pointer}.EditUser_action .disBtnSave{background:var(--Neutral-Color-Neutral3, #656464)}.EditUser_action .btnSave p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fff}.WarningExpired{position:sticky;bottom:94px;left:20px;border-radius:8px;background:var(--info-color-danger, #DF6262);box-shadow:0 0 10px #0000001a;display:flex;width:446px;padding:4px 8px;align-items:center;gap:8px}.WarningExpired p{flex:1;color:var(--background-white, #FFF);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.AddAnotherTeam{position:absolute;bottom:10px;right:9px;width:500px;max-height:calc(100dvh - 94px);background:#FFFFFF;overflow-y:scroll;animation:show .5s ease-in-out;border-radius:4px;box-shadow:0 0 10px #0000001a}.AddAnotherTeam_head{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #F2F2F2;background:#FAFAFA;position:sticky;top:0;z-index:100}.AddAnotherTeam_head h2{color:#333;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.AddAnotherTeam_head svg{cursor:pointer}.AddAnotherTeam_body{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px;gap:24px}.AddAnotherTeam .Body_Part{display:flex;height:400px;flex-direction:column;align-items:flex-start;align-self:stretch}.AddAnotherTeam .Body_Part .InfoPart{display:flex;padding:4px 8px;align-items:center;gap:12px;align-self:stretch}.AddAnotherTeam .Body_Part .InfoPart .Content{display:flex;padding:4px 8px;align-items:center;gap:8px;flex:1 0 0}.AddAnotherTeam .Body_Part .InfoPart .Content p{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.AddAnotherTeam .Body_Part .Input{display:flex;padding:12px 16px;align-items:center;gap:12px;align-self:stretch;border-bottom:1px solid var(--neutral-color-neutral-100, #FAFAFA)}.AddAnotherTeam .Body_Part .Input .Wrapper{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;flex:1 0 0}.AddAnotherTeam .Body_Part .Input .Wrapper label{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px}.AddAnotherTeam .Body_Part .Input .Wrapper .Select_Field{width:100%}.AddAnotherTeam_action{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;gap:4px;position:sticky;bottom:0;background:#FAFAFA;box-shadow:0 -5px 5px #0000000d}.AddAnotherTeam_action .btnCancel{display:flex;justify-content:center;align-items:center;padding:12px;gap:12px;cursor:pointer}.AddAnotherTeam_action .btnCancel p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#df6262}.AddAnotherTeam_action .btnSave{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:var(--primary-color-primary-600, #5C5ACC);cursor:pointer}.AddAnotherTeam_action .btnSave p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fff}.editUser_formWarningMsg{display:flex;padding:4px 8px;align-items:center;gap:8px;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;color:#df6262}.warningAddAnotherTeam{display:flex;padding:4px 8px;align-items:center;gap:8px}.warningAddAnotherTeam p{font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;color:#df6262}.exit_robo{display:flex;flex-direction:column;background:#fff;border-radius:16px;width:440px}.exit_robo .header{display:flex;justify-content:end;padding:12px 16px}.exit_robo .body{display:flex;flex-direction:column;align-items:center;gap:4px}.exit_robo .body .info .title{color:var(--neutral-color-neutral-4, #333);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.exit_robo .body .info .subtitle{color:var(--neutral-color-neutral-3, #656464);text-align:center;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.exit_robo .footer{display:flex;justify-content:center;gap:16px;padding:12px 16px}.exit_robo .footer .no_save{padding:8px 12px;border-radius:4px;font-weight:600;font-size:12px;color:#333;min-width:120px;background:none}.exit_robo .footer .save{background:#6562DF;padding:8px 12px;border-radius:4px;min-width:120px}.exit_robo .footer .save:hover{background:#23224D}.exit_robo .footer .save p{font-weight:600;font-size:12px;color:#fff}.exit_robo .footer .savedisable{background:#cccccc;padding:8px 12px;border-radius:4px;min-width:120px}.exit_robo .footer .savedisable:hover{background:#cccccc}.exit_robo .footer .savedisable p{font-weight:600;font-size:12px;color:#fff}.FilterChat{box-shadow:0 0 10px #00000026;position:fixed;width:400px;border-radius:8px;background-color:#fff;max-height:70vh;min-height:70vh;overflow-y:scroll}.FilterChat_header{display:flex;justify-content:space-between;align-items:center;padding:16px 12px;background-color:#fafafa;position:sticky;top:0;z-index:1}.FilterChat_content{max-height:70vh;min-height:70vh;overflow-y:scroll}.FilterChat_footer{display:flex;justify-content:space-between;align-items:center;padding:16px 12px;position:sticky;bottom:0;background:var(--background-white, #FFF)}.FilterChat_footer .Reset{border:none;color:#df6262;font-size:12px;font-weight:600;line-height:20px;padding:8px;background:none}.FilterChat_footer .Apply{border:none;color:#fff;font-size:12px;font-weight:600;line-height:20px;padding:8px 12px;background:#23224D;border-radius:4px}.FilterChat_footer .Apply:hover{color:#fff;background:#23224D}.SessionFilterCHat{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%}.SessionFilterCHat .Input{flex-direction:row;padding:0;gap:4px;font-weight:400;font-size:12px;line-height:22px;display:flex;align-items:center;letter-spacing:.01em;cursor:pointer}.FilterTabs_headSelect{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.FilterTabs_headSelectAll,.FilterTabs_headUnSelectAll{display:flex;padding:8px;align-items:center;gap:8px;cursor:pointer}.FilterTabs_headSelectAll p,.FilterTabs_headUnSelectAll p{font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px;color:#5c5acc}.FilterTabs_headUnSelectAll p{color:#656565}.FilterChat .MuiAutocomplete-listbox{width:calc(100% - 24px)}@media (max-width: 500px){.FilterChat{position:relative}}.MintaBantuanPopup,.MintaBantuanPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{width:680px;margin:0 auto}.MintaBantuanPopup .css-hz1bth-MuiDialog-container,.MintaBantuanPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{margin:0;padding:0;min-width:680px}.MintaBantuanPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{background:#FAFAFA;position:relative}.MintaBantuanPopup_head{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #F2F2F2;position:sticky;top:0;background:#FAFAFA}.MintaBantuanPopup_formInput{display:flex;flex-direction:column;align-items:flex-start;padding:12px 24px}.MintaBantuanPopup_formInput label{font-weight:700;font-size:14px;line-height:20px;letter-spacing:.01em;color:#333;margin:0}.MintaBantuanPopup_formInput label span{color:#df6262}.MintaBantuanPopup_formInput .input{display:flex;height:48px;width:608px;border:1px solid #F2F2F2;border-radius:4px;margin-top:8px;background:#fff;padding:0 12px;gap:10px}.MintaBantuanPopup_formInput input{color:#656464;width:100%}.MintaBantuanPopup_formInput textarea{width:608px;height:120px;border:1px solid #F2F2F2;border-radius:4px;padding:12px;color:#656464;font-family:Inter}.MintaBantuanPopup_formInput .select__control{width:632px;margin:8px 0 0;height:48px}.MintaBantuanPopup_footer{display:flex;justify-content:flex-end;align-items:center;padding:16px 24px;gap:12px;margin-top:12px;position:sticky;bottom:0;background:#FAFAFA}.MintaBantuanPopup_footer .cancel{display:flex;justify-content:center;align-items:center;gap:8px;width:86px;height:36px;border:1px solid #DF6262;border-radius:4px;cursor:pointer}.MintaBantuanPopup_footer .cancel p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#df6262}.MintaBantuanPopup_footer .cancel img{width:16px;height:16px}.MintaBantuanPopup_footer .add{display:flex;justify-content:center;align-items:center;gap:8px;width:132px;height:36px;background:#5C5ACC;border-radius:4px;cursor:pointer}.MintaBantuanPopup_footer .add p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#fafafa}.NotifPopup{width:532px;background:white;position:absolute;border-radius:8px}.NotifPopupHeader{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #f2f2f2}.NotifPopupHeader .closeNotifPopup:hover{cursor:pointer}.NotifPopupHeader p{font-size:24px;font-weight:700;color:#333;line-height:32px}.NotifPopupBodyItem{padding:12px 24px}.NotifPopupBodyItem .PopupBodyItemContainer{height:100%;width:100%;display:flex;align-items:center;position:relative}.NotifPopupBodyItem .PopupBodyItemContainer .read{width:12px;height:12px;border-radius:50%;background:#5c5acc;position:absolute;top:0;right:0}.NotifPopupBodyItem .avatar{align-self:flex-start;height:100%;margin-right:12px}.NotifPopupBodyItem .avatar img{width:40px;height:40px;border-radius:50%;object-fit:cover}.NotifPopupBodyItem .content{height:100%;width:100%;position:relative}.NotifPopupBodyItem .contentTitle{font-size:14px;font-weight:700;line-height:20px;letter-spacing:-.01em;text-align:left;margin-bottom:8px}.NotifPopupBodyItem .contentDate{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.NotifPopupBodyItem .contentDetailButton{margin-bottom:4px}.NotifPopupBodyItem .contentDetailButton button{padding:0;border:none;background:none;font-size:12px;font-weight:400;line-height:22px;letter-spacing:.01em;color:#656464}.NotifPopupBodyItem .contentDate p{color:#656464;font-size:12px;font-weight:400;line-height:22px;letter-spacing:.01em}.NotifPopupBodyItem .content .confirmButton{display:flex;align-items:center;justify-content:start}.NotifPopupBodyItem .content .confirmButton button{background:none;border:none;padding:8px;border-radius:4px;font-style:semi-bold;font-size:12px;line-height:20px;display:flex;align-items:center;justify-content:start}.NotifPopupBodyItem .content .confirmButton .reject{border:1px solid #df6262;color:#df6262;margin-right:8px}.NotifPopupBodyItem .content .confirmButton .accept{border:1px solid #5c5acc;color:#fff;background:#5c5acc}.NotifPopupBodyItem .content .confirmButton .reject .button,.NotifPopupBodyItem .content .confirmButton .accept .button{margin-left:6px;margin-top:4px}.NotifPopupBodyItem .content .contentText{padding:8px;border-radius:4px;border:1px solid #f2f2f2;margin-bottom:8px}.NotifPopupBodyItem .content .contentText p{font-size:12px;font-weight:400;line-height:22px;letter-spacing:.01em;color:#333}.NotifPopupBodyItem_reallocate{display:flex;padding:12px 16px;align-items:flex-start;gap:12px;align-self:stretch}.NotifPopupBodyItem_reallocate .left img{width:40px;height:40px;border-radius:50px}.NotifPopupBodyItem_reallocate .right{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1 0 0}.NotifPopupBodyItem_reallocate .right .top{display:flex;justify-content:space-between;align-items:flex-start;align-self:stretch}.NotifPopupBodyItem_reallocate .right .bottom{display:flex;padding:8px;flex-direction:column;align-self:stretch;border-radius:4px;border:1px solid #b3b3b3;background:#fafafa}.NotifPopupBodyItem_reallocate .right .bottom .info{display:flex;padding:4px 0;justify-content:space-between;align-items:center;align-self:stretch;width:100%}.NotifPopupBodyItem_reallocate .right .bottom .info .left,.NotifPopupBodyItem_reallocate .right .bottom .info .right{display:flex;align-items:center;flex-direction:row;gap:4px;flex:1 0 0}.NotifPopupBodyItem_reallocate .right .bottom .info .right{justify-content:flex-end}.NotifPopupBodyItem_reallocate .right .bottom .info .left img{width:20px;height:20px;border-radius:50px}.NotifPopupBodyItem_reallocate .right .bottom .info .right img{width:16px;height:16px;border-radius:50px}.NotifPopupBodyItem_reallocate .right .bottom .info .right p{color:#219655}.NotifPopupBodyItem_reallocate .right .bottom .reason{display:flex;padding:8px;align-items:center;gap:10px;flex:1 0 0;border-radius:4px;border:1px solid #f2f2f2}.NotifPopupBodyItem_reallocate .right .bottom2{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}.NotifPopupBodyItem_reallocate .right .bottom2 input{display:flex;padding:8px;align-items:flex-start;gap:10px;align-self:stretch;border-radius:4px;border:1px solid #e5e4e4;background:#ffffff;font-size:10px;font-style:normal;font-weight:300;line-height:18px;color:#333}.NotifPopupBodyItem_reallocate .right .bottom2 input::placeholder{color:gray}.NotifPopupBodyItem_reallocate .right .btn-group{display:flex;align-items:center;gap:8px;align-self:stretch}.NotifPopupBodyItem_reallocate .right .btn-group .btn-reject{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:8px;border-radius:4px;border:1px solid #df6262}.NotifPopupBodyItem_reallocate .right .btn-group .btn-reject:disabled{border:1px solid #808080;background-color:#ececec}.NotifPopupBodyItem_reallocate .right .btn-group .btn-reject p{font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px;color:#df6262}.NotifPopupBodyItem_reallocate .right .btn-group .btn-reject:disabled p{color:gray}.NotifPopupBodyItem_reallocate .right .btn-group .btn-accept{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:8px;border-radius:4px;background:#5c5acc}.NotifPopupBodyItem_reallocate .right .btn-group .btn-accept:disabled{background:#808080}.NotifPopupBodyItem_reallocate .right .btn-group .btn-accept p{font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px;color:#fafafa}.NotifPopupBodyItem_reallocate .right .btn-group .btn-accept:disabled{background:#656464}.NotifPopupBodyItem_reallocate .commentReject{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}.NotifPopupBodyItem_reallocate .commentReject .title{font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px;color:#333}.NotifPopupBodyItem_reallocate .commentReject .main{display:flex;padding:8px;align-items:flex-start;gap:10px;align-self:stretch;border-radius:4px;border:1px solid var(--neutral-color-neutral-900, #333);background:var(--background-white, #fff);font-size:10px;font-style:normal;font-weight:300;line-height:18px;color:#333}.NotifPopupBodyItem_reallocate .closeSessionCancel{font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;color:#656565}.BlackBgMultiTag{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000050;z-index:100}.BlackBgMultiTag .MTag{display:flex;flex-direction:column;align-items:flex-start;padding:0;position:absolute;width:532px;left:calc(50% - 266px);overflow-y:scroll;filter:drop-shadow(0px 0px 10px rgba(0,0,0,.1));border-radius:8px;z-index:101;background:#FFFFFF;position:relative}.BlackBgMultiTag .MTag .Header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:16px 24px;gap:12px;border-bottom:1px solid #F2F2F2;width:calc(100% - 48px)}.BlackBgMultiTag .MTag .Header .Left{display:flex;flex-direction:row;align-items:center;padding:0;gap:4px}.BlackBgMultiTag .MTag .Header .Left h3{font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em;color:#333}.BlackBgMultiTag .MTag .Body{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:12px 24px;gap:16px;border-bottom:1px solid #FAFAFA;width:calc(100% - 48px)}.BlackBgMultiTag .MTag .Body .Number{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:4px}.BlackBgMultiTag .MTag .Body .Number .Total{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#333}.BlackBgMultiTag .MTag .Body .Number .Desc{font-weight:300;font-size:10px;line-height:18px;display:flex;align-items:center;color:#656565}.BlackBgMultiTag .MTag .Body .Tag{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:4px;width:100%}.BlackBgMultiTag .MTag .Body .Tag .MultiSelectTag{width:100%}.BlackBgMultiTag .MTag .Body .Desc{display:flex;flex-direction:column;align-items:center;padding:0;gap:4px;width:100%}.BlackBgMultiTag .MTag .Footer{display:flex;flex-direction:row;justify-content:flex-end;width:calc(100% - 48px);align-items:center;padding:16px 24px;gap:8px}.BlackBgMultiTag .MTag .FooterLong{position:absolute;bottom:0}.BlackBgMultiTag .MTag .Footer button{border:none;background:none;cursor:pointer;outline:none}.BlackBgMultiTag .MTag .Footer .Cancel{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px;gap:12px;font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#df6262}.BlackBgMultiTag .MTag .Footer .Add{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px;gap:12px;background:#5C5ACC;border-radius:4px;font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fafafa}.BlackBgMultiTag .css-1nmdiq5-menu,.BlackBgMultiTag .css-1nmdiq5-menu div{color:#213547}.BlackBgMultiTag .css-1p3m7a8-multiValue .css-12a83d4-MultiValueRemove svg{fill:#213547}.BlackBgMultiTag .css-b62m3t-container .css-1nmdiq5-menu,.BlackBgMultiTag .css-b62m3t-container .css-1nmdiq5-menu>div{min-height:fit-content;max-height:220px}.BlackBgMultiNote{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000050;z-index:100}.BlackBgMultiNote .MNote{display:flex;flex-direction:column;align-items:flex-start;padding:0;position:absolute;width:532px;height:min-content;top:calc(50% - 274px);left:calc(50% - 266px);overflow-y:scroll;filter:drop-shadow(0px 0px 10px rgba(0,0,0,.1));border-radius:8px;z-index:101;background:#FFFFFF}.BlackBgMultiNote .MNote .Header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:16px 24px;gap:12px;border-bottom:1px solid #F2F2F2;width:calc(100% - 48px)}.BlackBgMultiNote .MNote .Header .Left{display:flex;flex-direction:row;align-items:center;padding:0;gap:4px}.BlackBgMultiNote .MNote .Header .Left h3{font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em;color:#333}.BlackBgMultiNote .MNote .Body{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:12px 24px;gap:16px;border-bottom:1px solid #FAFAFA;width:calc(100% - 48px)}.BlackBgMultiNote .MNote .Body .Number{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:4px}.BlackBgMultiNote .MNote .Body .Number .Total{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#333}.BlackBgMultiNote .MNote .Body .Number .Desc{font-weight:300;font-size:10px;line-height:18px;display:flex;align-items:center;color:#656565}.BlackBgMultiNote .MNote .Body .Note{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:4px;width:100%}.BlackBgMultiNote .MNote .Body .Note .Input{display:flex;flex-direction:row;align-items:flex-start;padding:12px;gap:10px;background:#FAFAFA;border:1px solid #F2F2F2;border-radius:4px;width:calc(100% - 24px);position:relative}.BlackBgMultiNote .MNote .Body .Note .Input .emoji{position:absolute;top:12px;right:12px}.BlackBgMultiNote .MNote .Body .Note .Input textarea{background:#FAFAFA;width:90%;resize:none;border:none}.BlackBgMultiNote .MNote .Body .Note .Important{display:flex;flex-direction:row;align-items:center;padding:0;gap:4px}.BlackBgMultiNote .MNote .Footer{display:flex;flex-direction:row;justify-content:flex-end;width:calc(100% - 48px);align-items:center;padding:16px 24px;gap:8px}.BlackBgMultiNote .MNote .Footer button{border:none;background:none;cursor:pointer;outline:none}.BlackBgMultiNote .MNote .Footer .Cancel{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px;gap:12px;font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#df6262}.BlackBgMultiNote .MNote .Footer .Add{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px;gap:12px;background:#5C5ACC;border-radius:4px;font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fafafa}.BlackBgMultiNote .MNote .BodyWarn{display:flex;flex-direction:column;align-items:center;padding:0;gap:4px;width:100%}.BlackBgMultiNote .MNote .BodyWarn img{width:225px}.BlackBgMultiNote .MNote .BodyWarn p{font-weight:700;font-size:14px;line-height:20px;text-align:center;letter-spacing:-.01em;text-transform:capitalize;color:#333;width:70%}.BlackBgMultiNote .MNote .FooterWarn{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;padding:12px 16px;gap:12px;width:calc(100% - 32px)}.BlackBgMultiNote .MNote .FooterWarn button{border:none;background:none;cursor:pointer;outline:none}.BlackBgMultiNote .MNote .FooterWarn .Cancel{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px;gap:8px;font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#df6262}.BlackBgMultiNote .MNote .FooterWarn .Rewrite{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 12px;gap:8px;background:#5C5ACC;border-radius:4px;font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#fafafa}.BlackBgMultiNote .MNote .BodySuccess{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:12px 24px;gap:16px;width:calc(100% - 48px)}.BlackBgMultiNote .MNote .BodySuccess p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.BlackBgMultiNote .MNote .BodySuccess img{width:280px}.BlackBgChatTabs{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000050;z-index:100}.BlackBgChatTabs .ChatTabs{display:flex;flex-direction:column;align-items:flex-start;padding:0;position:absolute;width:400px;height:min-content;left:calc(50% - 200px);top:calc(50% - 254px);border-radius:8px;flex:none;order:0;flex-grow:0;z-index:7;background:#FFFFFF}.BlackBgChatTabs .ChatTabs .Header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:12px 16px;gap:10px;background:#FAFAFA;width:calc(100% - 32px);border-radius:8px 8px 0 0}.BlackBgChatTabs .ChatTabs .Body{display:flex;flex-direction:column;align-items:center;padding:0;width:100%;height:400px;overflow-y:scroll}.BlackBgChatTabs .ChatTabs .Body .Name{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:12px 16px;gap:16px;width:calc(100% - 32px);height:100px;border-bottom:1px solid #FAFAFA}.BlackBgChatTabs .ChatTabs .Body .Name .Input{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:4px;width:100%}.BlackBgChatTabs .ChatTabs .Body .Name .Input .MuiAutocomplete-root .MuiOutlinedInput-root{height:60px!important}.BlackBgChatTabs .ChatTabs .Body .Name .Input input{width:calc(100% - 24px);display:flex;flex-direction:row;align-items:flex-start;padding:12px;gap:4px;border:1px solid #F2F2F2;border-radius:4px}.BlackBgChatTabs .ChatTabs .Body .Session{display:flex;flex-direction:column;align-items:flex-start;padding:16px;gap:12px;width:calc(100% - 32px)}.BlackBgChatTabs .ChatTabs .Body .Session .Input{flex-direction:row;padding:0;gap:4px;font-weight:400;font-size:12px;line-height:22px;display:flex;align-items:center;letter-spacing:.01em;cursor:pointer}.BlackBgChatTabs .ChatTabs .Body .Input{width:calc(100% - 24px)}.BlackBgChatTabs .ChatTabs .Body .Input .Wrapper_Important{display:flex;justify-content:space-between;align-items:center;padding:16px 0}.BlackBgChatTabs .ChatTabs .Footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:12px 16px;gap:8px;width:calc(100% - 32px)}.BlackBgChatTabs .ChatTabs .Footer button{border:none;background:none;cursor:pointer}.BlackBgChatTabs .ChatTabs .Footer .Cancel{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px;gap:8px;font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#df6262}.BlackBgChatTabs .ChatTabs .Footer .Create{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 12px;gap:8px;background:#5C5ACC;border-radius:4px}.BlackBgChatTabs .ChatTabs .Footer .Create p{font-weight:600;font-size:12px;line-height:20px;display:flex;align-items:center;letter-spacing:.02em;color:#fafafa}.ChatTabs_headSelect{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.ChatTabs_headSelectAll,.ChatTabs_headUnSelectAll{display:flex;padding:8px;align-items:center;gap:8px;cursor:pointer}.ChatTabs_headSelectAll p,.ChatTabs_headUnSelectAll p{font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px;color:#5c5acc}.ChatTabs_headUnSelectAll p{color:#656565}.BlackBgEditChatTabs{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000050;z-index:100}.BlackBgEditChatTabs .EditChatTabs{display:flex;flex-direction:column;align-items:flex-start;padding:0;position:absolute;width:400px;height:min-content;left:calc(50% - 200px);top:calc(50% - 254px);border-radius:8px;flex:none;order:0;flex-grow:0;z-index:7;background:#FFFFFF}.BlackBgEditChatTabs .EditChatTabs .Header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:12px 16px;gap:10px;background:#FAFAFA;width:calc(100% - 32px);border-radius:8px 8px 0 0}.BlackBgEditChatTabs .EditChatTabs .Body{display:flex;flex-direction:column;align-items:center;padding:0;width:100%;height:400px;overflow-y:scroll}.BlackBgEditChatTabs .EditChatTabs .Body .Name{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:12px 16px;gap:16px;width:calc(100% - 32px);height:100px;border-bottom:1px solid #FAFAFA}.BlackBgEditChatTabs .EditChatTabs .Body .Name .Input{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:4px;width:100%}.BlackBgEditChatTabs .EditChatTabs .Body .Name .Input input{width:calc(100% - 24px);display:flex;flex-direction:row;align-items:flex-start;padding:12px;gap:4px;border:1px solid #F2F2F2;border-radius:4px}.BlackBgEditChatTabs .EditChatTabs .Body .Session{display:flex;flex-direction:column;align-items:flex-start;padding:16px;gap:12px;width:calc(100% - 32px)}.BlackBgEditChatTabs .EditChatTabs .Body .Session .Input{flex-direction:row;padding:0;gap:4px;font-weight:400;font-size:12px;line-height:22px;display:flex;align-items:center;letter-spacing:.01em;cursor:pointer}.BlackBgEditChatTabs .EditChatTabs .Body .Input{width:calc(100% - 24px)}.BlackBgEditChatTabs .EditChatTabs .Body .Input .Wrapper_Important{display:flex;justify-content:space-between;align-items:center;padding:16px 0}.BlackBgEditChatTabs .EditChatTabs .Footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:12px 16px;gap:8px;width:calc(100% - 32px)}.BlackBgEditChatTabs .EditChatTabs .Footer button{border:none;background:none;cursor:pointer}.BlackBgEditChatTabs .EditChatTabs .Footer .Cancel{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px;gap:8px;font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#df6262}.BlackBgEditChatTabs .EditChatTabs .Footer .Create{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 12px;gap:8px;background:#5C5ACC;border-radius:4px}.BlackBgEditChatTabs .EditChatTabs .Footer .Create p{font-weight:600;font-size:12px;line-height:20px;display:flex;align-items:center;letter-spacing:.02em;color:#fafafa}.BgNoteRecord{position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;z-index:100}.BgNoteRecord .NoteRecord{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:12px;gap:12px;position:absolute;width:420px;left:calc(50% - 210px);top:176px;background:rgba(255,255,255,.95);box-shadow:0 0 10px #33333326;border-radius:4px;z-index:101}.BgNoteRecord .NoteRecord .Header{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:0;gap:12px;width:100%}.BgNoteRecord .NoteRecord .Header .Left{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:0;gap:12px}.BgNoteRecord .NoteRecord .User{display:flex;flex-direction:row;align-items:center;padding:8px 4px;gap:8px;isolation:isolate}.BgNoteRecord .NoteRecord .User img{width:32px;height:32px;border-radius:200px}.BgNoteRecord .NoteRecord .User .Info{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.BgNoteRecord .NoteRecord .User .Info .name{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.BgNoteRecord .NoteRecord .User .Info .desc{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.BgNoteRecord .NoteRecord .Note{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;border-radius:4px;border:1px solid var(--neutral-color-neutral-500, #B3B3B3)}.BgNoteRecord .NoteRecord .Note .WrapperHeader{display:flex;align-items:flex-start;align-self:stretch;background:var(--primary-color-primary-100, #DADAF2)}.BgNoteRecord .NoteRecord .Note .WrapperHeader .HeaderItem{display:flex;padding:8px;justify-content:space-between;align-items:center;flex:1 0 0}.BgNoteRecord .NoteRecord .Note .WrapperHeader .HeaderItem p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px}.BgNoteRecord .NoteRecord .Note .WrapperBody{display:flex;align-items:flex-start;align-self:stretch;border-top:1px solid #FAFAFA;border-bottom:1px solid #FAFAFA;background:#FFF;height:100%}.BgNoteRecord .NoteRecord .Note .WrapperBody .Left{display:flex;padding:8px;align-items:center;gap:10px;flex:1 0 0;background:#FAFAFA}.BgNoteRecord .NoteRecord .Note .WrapperBody .Left p{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px}.BgNoteRecord .NoteRecord .Note .WrapperBody .Right{display:flex;padding:8px;align-items:center;gap:10px;flex:1 0 0;overflow:auto;background:#FFF}.BgNoteRecord .NoteRecord .Note .WrapperBody .Right p{font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px}.BgNoteRecord .NoteRecord .Note .Wrapper .From{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656565}.BgNoteRecord .NoteRecord .Note .Wrapper .ContentLeft{display:flex;flex-direction:row;align-items:flex-start;padding:8px 12px;gap:10px;box-shadow:0 0 5px #5c5acc26;border-radius:4px;width:calc(100% - 24px);font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em}.BgNoteRecord .NoteRecord .Note .Wrapper .ContentRight{display:flex;flex-direction:row;align-items:flex-start;padding:8px 12px;gap:10px;background:#FFFFFF;border:1px solid #6562DF;box-shadow:0 0 5px #5c5acc26;border-radius:4px;width:calc(100% - 24px);font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#5c5acc}.BgContactRecord{position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;z-index:100}.BgContactRecord .ContactRecord{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:12px;gap:12px;position:absolute;width:400px;height:min-content;left:calc(50% - 200px);top:calc(50% - 140px);background:rgba(255,255,255,.95);box-shadow:0 0 10px #33333326;border-radius:4px;z-index:101}.BgContactRecord .ContactRecord .Header{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:0;gap:12px;width:100%}.BgContactRecord .ContactRecord .Header .Left{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:0;gap:12px}.BgContactRecord .ContactRecord .User{display:flex;flex-direction:row;align-items:center;padding:4px;gap:8px;isolation:isolate}.BgContactRecord .ContactRecord .User img{width:32px;height:32px;border-radius:200px}.BgContactRecord .ContactRecord .User .Info{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.BgContactRecord .ContactRecord .Table{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:190px;border:1px solid #B3B3B3;border-radius:4px;position:relative;height:min-content;padding:0!important}.BgContactRecord .ContactRecord .Table .Header{position:sticky;top:0;left:0;z-index:2;display:flex;flex-direction:row;align-items:flex-start;padding:0;width:100%;height:44px;gap:0;background:#DADAF2;box-shadow:0 0 10px #0000001a}.BgContactRecord .ContactRecord .Table .Header .Left{display:flex;flex-direction:row;align-items:center;padding:12px 8px;gap:4px;height:calc(100% - 24px);flex:1}.BgContactRecord .ContactRecord .Table .Header .Center,.BgContactRecord .ContactRecord .Table .Header .Right{flex:1;display:flex;flex-direction:row;align-items:center;padding:12px 8px;gap:4px;background:#F2F2F2;height:calc(100% - 24px)}.BgContactRecord .ContactRecord .Table .Body{position:relative;top:1px;display:flex;flex-direction:column;align-items:flex-start;padding:0 0 1px;width:100%;max-height:200px;overflow-y:scroll}.BgContactRecord .ContactRecord .Table .Body .Item{display:flex;flex-direction:row;align-items:flex-start;padding:0;width:376px;height:46px;gap:0;background:#FFFFFF;width:100%}.BgContactRecord .ContactRecord .Table .Body .Left{flex-direction:row;padding:12px 8px;gap:10px;height:calc(100% - 24px);flex:1;background:#DADAF2;font-weight:500;font-size:14px;line-height:20px;display:flex;align-items:center;letter-spacing:-.01em;color:#656565}.BgContactRecord .ContactRecord .Table .Body .Center,.BgContactRecord .ContactRecord .Table .Body .Right{flex:1;display:flex;flex-direction:row;align-items:center;padding:12px 8px;gap:10px;height:calc(100% - 24px)}.BgContactRecord .ContactRecord .Table .Body .Center{font-weight:400;font-size:12px;line-height:22px;display:flex;align-items:center;letter-spacing:.01em;color:#656565}.BgContactRecord .ContactRecord .Table .Body .Right{font-weight:400;font-size:12px;line-height:22px;display:flex;align-items:center;letter-spacing:.01em;color:#333}.ContactInfoWrapper{display:flex;flex-direction:row;align-items:center;gap:4px}.ContactInfoWrapper .imgInfo{width:16px;height:16px}.ContactInformationInfo{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px}.ContactInformationInfo span{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px}.SuccessSetPassword{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 0 12px;position:absolute;width:420px;left:calc(50% - 210px);top:calc(50% - 147px);background:#FFFFFF;border-radius:8px}.SuccessSetPassword .HeaderSuccess{display:flex;flex-direction:row;justify-content:flex-end!important;align-items:center;padding:12px 16px;gap:4px;height:24px!important;width:calc(100% - 32px)}.SuccessSetPassword .Body{display:flex;flex-direction:column;align-items:center;padding:0;gap:4px;width:100%}.SuccessSetPassword .Body img{width:225px;height:150px}.SuccessSetPassword .Body .Desc{display:flex;flex-direction:column;align-items:center;padding:0 16px;gap:4px;width:calc(100% - 32px)}.SuccessSetPassword .Body .Desc .Title{font-weight:700;font-size:14px;line-height:20px;display:flex;align-items:center;letter-spacing:-.01em;text-transform:capitalize;color:#333}.SuccessSetPassword .Body .Desc .SubTitle{font-weight:400;font-size:12px;line-height:22px;display:flex;align-items:center;text-align:center;letter-spacing:.01em;color:#656464}.ConfirmExport{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:0;position:absolute;width:420px;height:300px;left:calc(50% - 210px);top:calc(50% - 150px);background:#FFFFFF;box-shadow:0 0 10px #0000001a;border-radius:8px}.ConfirmExport .HeaderConfirmExport{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding:12px 16px;gap:4px;width:calc(100% - 32px)}.ConfirmExport .BodyCE{display:flex;flex-direction:column;align-items:center;padding:0;gap:4px}.ConfirmExport .BodyCE img{width:150px;height:150px}.ConfirmExport .BodyCE .Desc{display:flex;flex-direction:column;align-items:center;padding:0 16px;gap:4px}.ConfirmExport .BodyCE .Desc .Title{font-weight:700;font-size:14px;line-height:20px;display:flex;align-items:center;letter-spacing:-.01em;text-transform:capitalize;color:#333}.ConfirmExport .BodyCE .Desc .Subtitle{font-weight:400;font-size:12px;line-height:22px;display:flex;align-items:center;text-align:center;letter-spacing:.01em;color:#656464}.ConfirmExport .ConfirmAction{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;padding:12px 16px;gap:12px}.ConfirmExport .ConfirmAction button{border:none;outline:none;cursor:pointer;background:none}.ConfirmExport .ConfirmAction .No{flex-direction:row;justify-content:center;padding:8px;gap:8px;font-weight:600;font-size:12px;line-height:20px;display:flex;align-items:center;letter-spacing:.02em;color:#333}.ConfirmExport .ConfirmAction .Yes{flex-direction:row;justify-content:center;padding:8px 12px;gap:8px;background:#6562DF;border-radius:4px;font-weight:600;font-size:12px;line-height:20px;display:flex;align-items:center;letter-spacing:.02em;color:#fafafa}.BgMultiDeleteCL{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000050;z-index:100}.BgMultiDeleteCL .ConfirmMultiDeteleCL{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:0;position:absolute;width:420px;height:300px;left:calc(50% - 210px);top:calc(50% - 150px);background:#FFFFFF;box-shadow:0 0 10px #0000001a;border-radius:8px}.BgMultiDeleteCL .ConfirmMultiDeteleCL .Header{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding:12px 16px;gap:4px;width:calc(100% - 32px)}.BgMultiDeleteCL .ConfirmMultiDeteleCL .Body{display:flex;flex-direction:column;align-items:center;padding:0;gap:4px;width:100%}.BgMultiDeleteCL .ConfirmMultiDeteleCL .Body img{width:225px;height:150px}.BgMultiDeleteCL .ConfirmMultiDeteleCL .Body .Desc{display:flex;flex-direction:column;align-items:center;padding:0 16px;gap:4px;width:calc(100% - 32px)}.BgMultiDeleteCL .ConfirmMultiDeteleCL .Footer{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;padding:12px 16px;gap:12px}.BgMultiDeleteCL .ConfirmMultiDeteleCL .Footer button{background:none;border:none;outline:none;cursor:pointer}.BgMultiDeleteCL .ConfirmMultiDeteleCL .Footer .Cancel{flex-direction:row;justify-content:center;padding:8px;gap:8px;font-weight:600;font-size:12px;line-height:20px;display:flex;align-items:center;letter-spacing:.02em;color:#333}.BgMultiDeleteCL .ConfirmMultiDeteleCL .Footer .Yes{flex-direction:row;justify-content:center;padding:8px 12px;gap:8px;background:#DF6262;border-radius:4px;font-weight:600;font-size:12px;line-height:20px;display:flex;align-items:center;letter-spacing:.02em;color:#fafafa}.BgMultiEdit{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000050;z-index:100}.BgMultiEdit .ConfirmMultiEdit{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;position:absolute;width:600px;height:500px;left:calc(50% - 300px);top:calc(50% - 250px);background:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a}.ConfirmMultiEdit .Header{display:flex;padding:16px;justify-content:space-between;align-items:center;align-self:stretch;border-bottom:1px solid var(--neutral-color-neutral-200, #F2F2F2);background:var(--neutral-color-neutral-100, #FAFAFA);border-radius:8px 8px 0 0}.ConfirmMultiEdit .Header .Left{display:flex;align-items:center;gap:8px}.ConfirmMultiEdit .Header .Left p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.ConfirmMultiEdit .Body{display:flex;height:420px;flex-direction:column;align-items:flex-start;align-self:stretch;overflow-y:scroll}.ConfirmMultiEdit .Body ._{display:flex;padding:12px 24px;align-items:center;gap:24px;align-self:stretch}.ConfirmMultiEdit .Body ._ .Wrapper{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;flex:1 0 0}.ConfirmMultiEdit .Body ._ .Wrapper label{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.ConfirmMultiEdit .Body ._ .Wrapper .Input{display:flex;align-items:flex-start;gap:8px;align-self:stretch}.ConfirmMultiEdit .Body ._ .Wrapper .Input .Overwrite{display:flex;width:120px;padding:12px;gap:16px;justify-content:space-between;align-items:center;border-radius:4px;border:1px solid var(--neutral-color-neutral-3, #656464);background:#FFF;cursor:pointer}.ConfirmMultiEdit .Body ._ .Wrapper .Input .Overwrite p{color:var(--primary-color-primary-900, #23224D);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px;text-transform:capitalize}.ConfirmMultiEdit .Body ._ .Wrapper .Input .Right{display:flex;padding:12px;justify-content:space-between;align-items:center;flex:1 0 0;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #F2F2F2)}.ConfirmMultiEdit .Body ._ .Wrapper .Input .Focused{border:1px solid var(--primary-color-primary-400, #817EE5)}.ConfirmMultiEdit .Body ._ .Wrapper .Input .Filled{border:1px solid var(--neutral-color-neutral-3, #656464)}.ConfirmMultiEdit .Body ._ .Wrapper .Input .Right .react-datepicker-wrapper,.ConfirmMultiEdit .Body ._ .Wrapper .Input .Right input{flex:1 0 0}.ConfirmMultiEdit .Body ._ .Wrapper .Input .Right .datePicker{width:95%}.ConfirmMultiEdit .Body ._ .Wrapper .Input .ClearGeoField,.ConfirmMultiEdit .Body ._ .Wrapper .Input .Right p{color:var(--primary-color-primary-600, #656464);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px;cursor:pointer}.ConfirmMultiEdit .Body ._ .Wrapper .Input .ClearGeoField{visibility:initial}.ConfirmMultiEdit .Body ._ .Wrapper .Input .selectTagContact{flex:1}.ConfirmMultiEdit .Body ._ .Wrapper .Input .selectTagContact .css-13cymwt-control,.ConfirmMultiEdit .Body ._ .Wrapper .Input .selectTagContact .css-t3ipsp-control{height:50px}.ConfirmMultiEdit .Body ._ .Wrapper .Input .Right .Act{color:var(--primary-color-primary-600, #5C5ACC)}.ConfirmMultiEdit .Body ._ .Wrapper .Input .GeoField{flex:1}.ConfirmMultiEdit .Body ._ .Wrapper .Input .GeoField .MuiFormControl-root,.ConfirmMultiEdit .Body ._ .Wrapper .Input .GeoField .MuiInputBase-root{height:50px}.ConfirmMultiEdit .Footer{display:flex;padding:16px 24px;justify-content:space-between;align-items:center;align-self:stretch}.ConfirmMultiEdit .Footer button{border:none;outline:none;display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;background:none}.ConfirmMultiEdit .Footer button p{font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.ConfirmMultiEdit .Footer .Cancel p{color:var(--info-color-danger, #DF6262)}.ConfirmMultiEdit .Footer .Save{border-radius:4px;background:var(--primary-color-primary-600, #5C5ACC)}.ConfirmMultiEdit .Footer .Save p{color:var(--neutral-color-neutral-100, #FAFAFA)}.SetEditBulk{display:flex;width:136px;padding:4px;flex-direction:column;align-items:flex-start;gap:4px}.SetEditBulk_Add{display:flex;padding:8px 12px;align-items:flex-start;gap:10px;align-self:stretch;cursor:pointer}.SetEditBulk_Add:hover{background:var(--primary-color-primary-500, #6562DF)}.SetEditBulk_Add:hover p{color:var(--neutral-color-neutral-100, #FAFAFA)}.SetEditBulk_Add p{font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.SetEditBulk_Add p{color:var(--neutral-color-neutral-4, #333)}.BGWorkStatus{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000050;z-index:100}.BGWorkStatus .WorkStatus{display:flex;flex-direction:column;align-items:flex-start;padding:0;position:absolute;width:532px;left:calc(50% - 266px);top:calc(50% - 157px);overflow-y:scroll;background:#ffffff;filter:drop-shadow(0px 0px 10px rgba(0,0,0,.1));border-radius:8px}.BGWorkStatus .WorkStatus .Header{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding:16px 24px;gap:4px;width:calc(100% - 48px);background:#FFFFFF;border-bottom:1px solid #F2F2F2}.BGWorkStatus .WorkStatus .Body{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:12px 24px 24px;width:calc(100% - 48px);gap:12px}.BGWorkStatus .WorkStatus .Body .Desc{display:flex;flex-direction:column;align-items:center;padding:0;gap:4px}.BGWorkStatus .WorkStatus .Body img{width:240px;height:240px}.BGWorkStatus .WorkStatus .Body button{flex-direction:row;justify-content:center;padding:12px;gap:12px;background:#5C5ACC;border-radius:4px;outline:none;font-weight:700;font-size:14px;line-height:22px;display:flex;align-items:center;letter-spacing:.05em;color:#fafafa;width:calc(100% - 24px)}.BGConfirmOffline{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000050;z-index:100}.BGConfirmOffline .ConfirmOffline{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:0;position:absolute;width:420px;left:calc(50% - 210px);top:calc(50% - 64px);background:#FFFFFF;box-shadow:0 0 10px #0000001a;border-radius:8px}.BGConfirmOffline .ConfirmOffline .Header{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding:12px 16px;gap:4px;width:calc(100% - 32px)}.BGConfirmOffline .ConfirmOffline .Body{display:flex;flex-direction:column;align-items:center;padding:0;gap:4px;width:100%}.BGConfirmOffline .ConfirmOffline .Body p{font-weight:700;font-size:14px;line-height:20px;display:flex;align-items:center;text-align:center;letter-spacing:-.01em;text-transform:capitalize;color:#333}.BGConfirmOffline .ConfirmOffline img{width:150px;height:150px}.BGConfirmOffline .ConfirmOffline .Footer{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;padding:12px 16px;gap:12px;width:calc(100% - 32px)}.BGConfirmOffline .ConfirmOffline .Footer button{border:none}.BGConfirmOffline .ConfirmOffline .Footer .Cancel{flex-direction:row;justify-content:center;padding:8px;gap:8px;font-weight:600;font-size:12px;line-height:20px;display:flex;align-items:center;letter-spacing:.02em;color:#333;background:#FFFFFF}.BGConfirmOffline .ConfirmOffline .Footer .Yes{flex-direction:row;justify-content:center;padding:8px 12px;gap:8px;background:#6562DF;border-radius:4px;font-weight:600;font-size:12px;line-height:20px;display:flex;align-items:center;letter-spacing:.02em;color:#fafafa}.BlackBgEmailUnverified{position:fixed;top:0;left:0;height:100%;width:100%;display:flex;width:1280px;padding:179px 340px;justify-content:center;align-items:center;background:var(--neutral-color-neutral-100, #FAFAFA)}.PopupEmailUnverified{display:flex;width:600px;flex-direction:column;align-items:center;flex-shrink:0;border-radius:8px;border:1px solid var(--neutral-color-neutral-200, #F2F2F2);background:var(--background-white, #FFF);box-shadow:0 0 10px #0000001a;position:fixed;left:calc(50% - 300px);top:calc(50% - 237px)}.PopupEmailUnverified .Header{display:flex;padding:12px 16px;justify-content:flex-end;align-items:center;gap:4px;align-self:stretch}.PopupEmailUnverified .Body{display:flex;padding:16px;flex-direction:column;align-items:center;gap:16px;align-self:stretch}.PopupEmailUnverified .Body img{width:240px;height:240px}.PopupEmailUnverified .Desc{display:flex;flex-direction:column;align-items:center;gap:12px;align-self:stretch}.PopupEmailUnverified .Desc .title{color:var(--info-color-danger, #DF6262);font-size:24px;font-family:Inter;font-weight:700;line-height:32px;letter-spacing:-.48px}.PopupEmailUnverified .Desc .lead{color:var(--neutral-color-neutral-800, #656565);text-align:center;font-size:14px;font-family:Inter;font-weight:500;line-height:20px;letter-spacing:-.14px;display:flex;flex-direction:column;justify-content:center;align-self:stretch}.PopupEmailUnverified .Desc .text{color:#656565;font-size:12px;font-family:Inter;line-height:22px;letter-spacing:.12px}.PopupEmailUnverified .Desc .text span{color:#6562df;cursor:pointer}.BgBlackGroupUnverified{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000050;z-index:100}.PopupGroupUnverified{display:flex;width:500px;flex-direction:column;align-items:center;flex-shrink:0;position:fixed;left:calc(50% - 250px);top:calc(50% - 237px);border-radius:8px;border:1px solid var(--neutral-color-neutral-200, #F2F2F2);background:var(--background-white, #FFF);box-shadow:0 0 10px #0000001a}.PopupGroupUnverified .Header{display:flex;padding:12px 16px;justify-content:flex-end;align-items:center;gap:4px;align-self:stretch}.PopupGroupUnverified .Body{display:flex;width:500px;padding:16px;flex-direction:column;align-items:center;gap:16px}.PopupGroupUnverified .Body img{width:240px;height:240px}.PopupGroupUnverified .Body .desc{display:flex;flex-direction:column;align-items:center;gap:4px}.PopupGroupUnverified .Body .desc .lead{color:var(--neutral-color-neutral-800, #656565);text-align:center;font-size:14px;font-family:Inter;font-weight:500;line-height:20px;letter-spacing:-.14px}.PopupGroupUnverified .Body .desc .text{color:#656565;text-align:center;font-size:12px;font-family:Inter;line-height:22px;letter-spacing:.12px}.PopupGroupUnverified .Body .desc .text span{color:#6562df;cursor:pointer}.BgLastMember{position:fixed;left:320px;top:72px;width:calc(100dvw - 320px);height:calc(100dvh - 72px);background-color:#00000050;display:flex;justify-content:center;align-items:center;z-index:4}.LastMember{display:flex;width:420px;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;background:var(--background-white, #FFF)}.LastMember .Header{display:flex;padding:12px 16px;justify-content:flex-end;align-items:center;gap:4px;align-self:stretch}.LastMember .Body{display:flex;padding:0 16px;flex-direction:column;align-items:center;gap:4px;align-self:stretch}.LastMember .Body img{width:150px}.LastMember .Body p{color:var(--neutral-color-neutral-4, #333);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;text-transform:capitalize}.BgLastOperator{position:fixed;left:320px;top:72px;width:calc(100dvw - 320px);height:calc(100dvh - 72px);background-color:#00000050;display:flex;justify-content:center;align-items:center;z-index:4}.LastOperator{display:flex;width:420px;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;background:var(--background-white, #FFF)}.LastOperator .Header{display:flex;padding:12px 16px;justify-content:flex-end;align-items:center;gap:4px;align-self:stretch}.LastOperator .Body{display:flex;padding:0 16px;flex-direction:column;align-items:center;gap:4px;align-self:stretch}.LastOperator .Body img{width:150px}.LastOperator .Body .title{color:#333;font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;text-transform:capitalize;text-align:center}.LastOperator .Body .info{color:#656464;text-align:center;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.LastOperator .Footer{display:flex;padding:12px 16px;justify-content:center;align-items:flex-start;gap:12px;align-self:stretch}.LastOperator .Footer button{border:none;outline:none;background:none;display:flex;height:36px;padding:8px 12px;justify-content:center;align-items:center;gap:8px;font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.LastOperator .Footer #CancelRemoveLastOperator{padding:8px 24px;color:var(--Neutral-Color-Neutral100, #333)}.LastOperator .Footer #ConfirmRemoveLastOperator{color:var(--Neutral-Color-Neutral100, #FAFAFA);border-radius:4px;background:var(--Info-Color-Danger, #DF6262)}.BgRemoveMultiMemberTeam{position:fixed;left:320px;top:72px;width:calc(100dvw - 320px);height:calc(100dvh - 72px);background-color:#00000050;display:flex;justify-content:center;align-items:center}.RemoveMultiMemberTeam{display:flex;width:420px;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;background:var(--background-white, #FFF)}.RemoveMultiMemberTeam .Header{display:flex;padding:12px 16px;justify-content:flex-end;align-items:center;gap:4px;align-self:stretch}.RemoveMultiMemberTeam .Body{display:flex;padding:0 16px;flex-direction:column;align-items:center;gap:4px;align-self:stretch}.RemoveMultiMemberTeam .Body img{width:225px}.RemoveMultiMemberTeam .Body .title{color:var(--neutral-color-neutral-4, #333);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;text-transform:capitalize}.RemoveMultiMemberTeam .Body .info{color:#656464;text-align:center;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.RemoveMultiMemberTeam .Footer{display:flex;padding:12px 16px;justify-content:center;align-items:flex-start;gap:12px;align-self:stretch}.RemoveMultiMemberTeam .Footer button{border:none;outline:none;background:none;cursor:pointer}.RemoveMultiMemberTeam .Footer .Cancel{display:flex;padding:8px;justify-content:center;align-items:center;gap:8px;border-radius:4px;color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.RemoveMultiMemberTeam .Footer .Yes{display:flex;padding:8px 12px;justify-content:center;align-items:center;gap:8px;border-radius:4px;background:var(--info-color-danger, #DF6262);color:var(--neutral-color-neutral-100, #FAFAFA);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.EnlargePhoto{height:calc(100dvh - 72px);display:flex;flex-direction:column}.EnlargePhoto .Header{display:flex;padding:8px 16px;justify-content:space-between;align-items:center;background:var(--neutral-color-neutral-300, #e5e4e4);box-shadow:0 0 10px #0000001a;z-index:2}.EnlargePhoto .Header .Left{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px}.EnlargePhoto .Header .Left p{color:var(--neutral-color-neutral-900, #333);font-size:14px;font-family:Inter;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.EnlargePhoto .Header .Right{display:flex;align-items:flex-start;gap:8px}.EnlargePhoto .Header .Right .WrapperButton{padding:12px;display:flex;justify-content:center;align-items:center;cursor:pointer}.EnlargePhoto .Body{flex:1;height:100%;display:flex;height:612px;padding:12px 16px;justify-content:space-between;align-items:center;background:var(--neutral-color-neutral-300, #e5e4e4)}.EnlargePhoto .Body .Move{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;cursor:pointer}.EnlargePhoto .Body .Move img{width:24px;height:24px}.EnlargePhoto .Body .Main{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px}.EnlargePhoto .Body .Main img{max-height:500px;max-width:100%}.EnlargePhoto .Body .Main .Tag{display:flex;padding:4px 8px;align-items:center;gap:8px;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:rgba(51,51,51,.75);color:var(--background-white, #fff);font-size:12px;font-family:Inter;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.EnlargePhoto .Scroll{display:flex;padding:12px 16px;justify-content:center;align-items:center;gap:4px;background:#e5e3e3}.EnlargePhoto .Scroll img{width:60px;height:60px;cursor:pointer;object-fit:cover;border-radius:4px;background-color:#d3d3d3;background-position:50%;background-size:cover;background-repeat:no-repeat;border:1px solid var(--neutral-color-neutral-200, #f2f2f2)}.EnlargePhoto .Scroll .Active{border:3px solid var(--primary-color-primary-500, #6562df)}.EnlargePhoto_Menu ul{display:flex;width:120px;padding:4px;flex-direction:column;align-items:flex-start;gap:4px;border-radius:4px;background:#FFF;box-shadow:5px 5px 5px #6562df26}.EnlargePhoto_Menu li{display:flex;padding:8px 12px;align-items:flex-start;gap:10px;align-self:stretch;background:#FFFFFF}.EnlargePhoto_Menu li p{font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;color:#333}.BlackBgFreeze{position:fixed;top:72px;left:320px;width:calc(100% - 320px);height:calc(100% - 72px);background-color:#00000050;z-index:100}.BlackBgFreeze .FreezedLimit{display:flex;flex-direction:column;justify-content:center;align-items:center;width:420px;border-radius:8px;height:104px;z-index:101;position:absolute;left:calc(50% - 210px);top:calc(50% - 52px);background:var(--background-white, #FFF);box-shadow:0 0 10px #0000001a}.BlackBgFreeze .FreezedLimit .Header{display:flex;padding:12px 16px;justify-content:flex-end;align-items:center;gap:4px;align-self:stretch}.BlackBgFreeze .FreezedLimit .Body{display:flex;padding-bottom:0;flex-direction:column;align-items:center;gap:4px;align-self:stretch}.BlackBgFreeze .FreezedLimit .Body .Content{display:flex;padding:0 16px 24px;flex-direction:column;align-items:center;gap:4px}.BlackBgFreeze .FreezedLimit .Body .Content p{color:var(--neutral-color-neutral-800, #656565);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;text-transform:capitalize}.BgBlackDisableUser{position:fixed;top:72px;left:320px;width:calc(100% - 320px);height:calc(100% - 72px);background-color:#00000050;z-index:100}.DisableUser{display:flex;width:420px;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;background:var(--background-white, #FFF);position:absolute;left:calc(50% - 250px);top:calc(50% - 242px)}.DisableUser .Header{display:flex;padding:12px 16px;justify-content:flex-end;align-items:center;gap:4px;align-self:stretch}.DisableUser .Body{display:flex;flex-direction:column;align-items:center;gap:4px;align-self:stretch}.DisableUser .Body img{width:150px}.DisableUser .Body .Info{display:flex;width:420px;padding:0 16px;flex-direction:column;align-items:center;gap:4px}.DisableUser .Body .Info .Title{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;text-transform:capitalize}.DisableUser .Body .Info .Subtitle{color:var(--neutral-color-neutral-3, #656464);text-align:center;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.DisableUser .Footer{display:flex;padding:12px 16px;justify-content:center;align-items:flex-start;gap:12px;align-self:stretch}.DisableUser .Footer button{border:none;outline:none;display:flex;width:120px;height:36px;padding:8px;justify-content:center;align-items:center;gap:8px;border-radius:4px}.DisableUser .Footer .Yes{background:var(--info-color-danger, #DF6262);color:var(--neutral-color-neutral-100, #FAFAFA);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px;transition:.3s}.DisableUser .Footer .Yes:hover{background:#80392F}.DisableUser .Footer .Cancel{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px;background:#fff}.BlackBgUserDisabled{position:fixed;top:0;left:0;height:100%;width:100%;display:flex;justify-content:center;align-items:center;background:#FAFAFA}.UserDisabled{display:flex;width:600px;padding:16px 16px 24px;flex-direction:column;align-items:center;gap:16px;flex-shrink:0;border-radius:8px;border:1px solid var(--neutral-color-neutral-200, #F2F2F2);background:var(--background-white, #FFF);box-shadow:0 0 15px #7b61ff26}.UserDisabled .Body{display:flex;flex-direction:column;align-items:center;gap:4px}.UserDisabled .Body .Title{color:#df6262;font-family:Inter;font-size:24px;font-style:normal;font-weight:700;line-height:32px;letter-spacing:-.48px}.UserDisabled .Body .Subtitle{color:#656565;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px}.BgBlackDeleteUser{position:fixed;top:72px;left:320px;width:calc(100% - 320px);height:calc(100% - 72px);background-color:#00000050;z-index:100}.DeleteUser{display:flex;width:420px;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;background:var(--background-white, #FFF);position:absolute;left:calc(50% - 210px);top:calc(50% - 165px)}.DeleteUser .Header{display:flex;padding:12px 16px;justify-content:flex-end;align-items:center;gap:4px;align-self:stretch}.DeleteUser .Body{display:flex;flex-direction:column;align-items:center;gap:4px;align-self:stretch}.DeleteUser .Body img{width:225px}.DeleteUser .Body .Info{display:flex;width:calc(100% - 32px);padding:0 16px;flex-direction:column;align-items:center;gap:4px}.DeleteUser .Body .Info .Title{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;text-transform:capitalize}.DeleteUser .Body .Info .Subtitle{color:var(--neutral-color-neutral-3, #656464);text-align:center;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.DeleteUser .Footer{display:flex;padding:12px 16px;justify-content:center;align-items:flex-start;gap:12px;align-self:stretch}.DeleteUser .Footer button{border:none;background:none;outline:none}.DeleteUser .Footer button p{font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.DeleteUser .Footer .Cancel{display:flex;padding:8px;justify-content:center;align-items:center;gap:8px}.DeleteUser .Footer .Yes{display:flex;padding:8px 12px;justify-content:center;align-items:center;gap:8px;border-radius:4px;background:var(--info-color-danger, #DF6262)}.DeleteUser .Footer .Yes:hover{background:#80392F}.DeleteUser .Footer .Yes p{color:var(--neutral-color-neutral-100, #FAFAFA)}.DeleteUser .Footer .Cancel p{color:var(--neutral-color-neutral-900, #333)}.BlackBgConfirmExportContactLog{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000050;z-index:100}.BlackBgConfirmExportContactLog .ConfirmExportContactLog{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:0;position:absolute;width:420px;height:322px;left:calc(50% - 210px);top:calc(50% - 150px);background:#FFFFFF;box-shadow:0 0 10px #0000001a;border-radius:8px}.BlackBgConfirmExportContactLog .ConfirmExportContactLog .HeaderConfirmExportContactLog{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding:12px 16px;gap:4px;width:calc(100% - 32px)}.BlackBgConfirmExportContactLog .ConfirmExportContactLog .BodyCE{display:flex;flex-direction:column;align-items:center;padding:0;gap:4px}.BlackBgConfirmExportContactLog .ConfirmExportContactLog .BodyCE img{width:150px;height:150px}.BlackBgConfirmExportContactLog .ConfirmExportContactLog .BodyCE .Desc{display:flex;flex-direction:column;align-items:center;padding:0 16px;gap:4px}.BlackBgConfirmExportContactLog .ConfirmExportContactLog .BodyCE .Desc .Title{font-weight:700;font-size:14px;line-height:20px;display:flex;align-items:center;letter-spacing:-.01em;text-transform:capitalize;color:#333}.BlackBgConfirmExportContactLog .ConfirmExportContactLog .BodyCE .Desc .Subtitle{font-weight:400;font-size:12px;line-height:22px;display:flex;align-items:center;text-align:center;letter-spacing:.01em;color:#656464}.BlackBgConfirmExportContactLog .ConfirmExportContactLog .ConfirmAction{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;padding:12px 16px;gap:12px;width:calc(100% - 32px)}.BlackBgConfirmExportContactLog .ConfirmExportContactLog .ConfirmAction button{border:none;outline:none;cursor:pointer;background:none}.BlackBgConfirmExportContactLog .ConfirmExportContactLog .ConfirmAction .No{flex-direction:row;justify-content:center;padding:8px;gap:8px;font-weight:600;font-size:12px;line-height:20px;display:flex;align-items:center;letter-spacing:.02em;color:#333;min-width:104px}.BlackBgConfirmExportContactLog .ConfirmExportContactLog .ConfirmAction .Yes{flex-direction:row;justify-content:center;padding:8px 12px;gap:8px;background:#6562DF;border-radius:4px;font-weight:600;font-size:12px;line-height:20px;display:flex;align-items:center;letter-spacing:.02em;color:#fafafa;min-width:120px}.BlackBgConfirmExportContactLog .ConfirmExportContactLog .ConfirmAction .Yes:hover,.BlackBgConfirmExportContactLog .ConfirmExportContactLog .ConfirmAction .Yes:focus,.BlackBgConfirmExportContactLog .ConfirmExportContactLog .ConfirmAction .Yes:active{background:#23224D}.BgSuccessRemoveMultiMember{position:fixed;left:320px;top:72px;width:calc(100dvw - 320px);height:calc(100dvh - 72px);display:flex;justify-content:center;align-items:center;z-index:4}.SuccessRemoveMultiMember{display:flex;width:420px;flex-direction:column;justify-content:center;align-items:center;background:var(--background-white, #FFF);border-radius:8px;box-shadow:0 0 10px #0000001a}.SuccessRemoveMultiMember .Header{display:flex;padding:12px 16px;justify-content:flex-end;align-items:center;gap:4px;align-self:stretch}.SuccessRemoveMultiMember .Body{display:flex;padding:0 16px;flex-direction:column;align-items:center;gap:4px;align-self:stretch;margin-bottom:24px}.SuccessRemoveMultiMember .Body img{width:150px}.SuccessRemoveMultiMember .Body p{color:var(--neutral-color-neutral-4, #333);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;text-transform:capitalize}.BgBcFollowNote{position:absolute;top:72px;right:0;z-index:4;width:calc(100dvw - 320px);height:calc(100dvh - 72px)!important;background-color:#00000050;display:flex;justify-content:center;align-items:center}.BcFollowUpNoteAction{display:flex;width:615px;flex-direction:column;align-items:flex-start;border-radius:8px;box-shadow:0 0 10px #0000001a;background-color:#fff}.BcFollowUpNoteAction .Head{display:flex;padding:12px;justify-content:space-between;align-items:center;align-self:stretch;border-bottom:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--background-white, #fff);border-radius:8px 8px 0 0}.BcFollowUpNoteAction .Head .Left{display:flex;align-items:center;gap:8px}.BcFollowUpNoteAction .Head .Left p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:24px;font-style:normal;font-weight:700;line-height:32px;letter-spacing:-.48px}.BcFollowUpNoteAction .Body{overflow-y:scroll;display:flex;height:39.0625vh;width:calc(100% - 24px);padding:12px;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch;border-bottom:1px solid var(--neutral-color-neutral-100, #fafafa);background:var(--background-white, #fff)}.BcFollowUpNoteAction .Body .Timestamp{display:flex;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch}.BcFollowUpNoteAction .Body .Timestamp .Action{display:flex;align-items:center;align-content:center;gap:8px;flex-wrap:wrap}.BcFollowUpNoteAction .Body .Timestamp .Info{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:16px}.BcFollowUpNoteAction .Body .Timestamp .Input{display:flex;padding:12px;align-items:center;gap:10px;align-self:stretch;border-radius:4px;border:1px solid var(--neutral-color-neutral-3, #656464);background:#fff}.BcFollowUpNoteAction .Body .Timestamp .Act{border:1px solid var(--primary-color-primary-400, #817ee5)}.BcFollowUpNoteAction .Body .Timestamp .Input p{flex:1;color:var(--primary-color-primary-900, #23224d);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.BcFollowUpNoteAction .Body .Timestamp .TextInfo{display:flex;padding:4px 8px;align-items:center;gap:8px}.BcFollowUpNoteAction .Body .Timestamp .TextInfo p{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.BcFollowUpNoteAction .Body .WrapperTag{display:flex;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch}.BcFollowUpNoteAction .Body .WrapperTag .custom-input{display:flex;height:24px;padding:12px;align-items:center;gap:10px;width:calc(100% - 24px);border-radius:4px;border:1px solid #E5E4E4}.BcFollowUpNoteAction .Body .WrapperTag .WrapperTitleTimeStamp .title{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.BcFollowUpNoteAction .Body .WrapperTag .WrapperTitleTimeStamp{display:flex;align-items:center;gap:10px}.BcFollowUpNoteAction .Body .WrapperTag label{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.BcFollowUpNoteAction .Body .WrapperTag .InputTag{width:100%}.BcFollowUpNoteAction .Body .WrapperTag .text_area{display:flex;padding:12px;justify-content:space-between;align-items:center;align-self:stretch;border-radius:4px;background:var(--neutral-color-neutral-100, #fafafa);color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.BcFollowUpNoteAction .Body .WrapperGroup{display:flex;padding:4px;align-items:flex-start;gap:8px;align-self:stretch;border-radius:8px;background:var(--Neutral-Color-Neutral200, #F2F2F2);button{display: flex; min-width: 100px; padding: 8px; justify-content: center; align-items: center; gap: 8px; flex: 1 0 0; color: var(--Neutral-Color-Neutral800, #656565); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: -.14px; background: none;} .active{color: var(--Neutral-Color-Neutral800, #6562DF); border-radius: 4px; background: var(--Background-White, #FFF);}}.BcFollowUpNoteAction .Footer{display:flex;padding:12px;justify-content:space-between;align-items:center;align-self:stretch;background:var(--background-white, #fff);border-radius:0 0 8px 8px}.BcFollowUpNoteAction .Footer button{outline:none;background:none;border:none}.BcFollowUpNoteAction .Footer .Cancel{display:flex;padding:12px;justify-content:center;align-items:center}.BcFollowUpNoteAction .Footer .Cancel p{color:var(--info-color-danger, #df6262);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.BcFollowUpNoteAction .Footer .Add{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:var(--primary-color-primary-600, #5c5acc)}.BcFollowUpNoteAction .Footer .Add p{color:var(--neutral-color-neutral-100, #fafafa);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.BcFollowUpNoteAction .Footer .AddDisabled{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:var(--primary-color-primary-600, #808080)}.BcFollowUpNoteAction .Footer .AddDisabled p{color:var(--neutral-color-neutral-100, #fafafa);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.FollowUpTagActionOpt{display:flex;width:575px!important;padding:4px;flex-direction:column;align-items:flex-start;gap:4px}.BcFollowUpTagAction .Body .WrapperTag .custom-input{display:flex;height:24px;padding:12px;align-items:center;gap:10px;width:calc(100% - 24px);border-radius:4px;border:1px solid #E5E4E4}.BcFollowUpTagAction .Body .WrapperTag .WrapperTitleTimeStamp .title{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.BcFollowUpTagAction .Body .WrapperTag .WrapperTitleTimeStamp{display:flex;align-items:center;gap:10px}.BcFollowUpTagAction .Body .WrapperGroup{display:flex;padding:4px;align-items:flex-start;gap:8px;align-self:stretch;border-radius:8px;background:var(--Neutral-Color-Neutral200, #F2F2F2);button{display: flex; min-width: 100px; padding: 8px; justify-content: center; align-items: center; gap: 8px; flex: 1 0 0; color: var(--Neutral-Color-Neutral800, #656565); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: -.14px; background: none;} .active{color: var(--Neutral-Color-Neutral800, #6562DF); border-radius: 4px; background: var(--Background-White, #FFF);}}.BcFollowUpTagAction .Footer .AddDisabled{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:var(--primary-color-primary-600, #808080)}.BcFollowUpTagAction .Footer .Add p,.BcFollowUpTagAction .Footer .AddDisabled p{color:var(--neutral-color-neutral-100, #fafafa);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.FollowUpTagActionOpt{display:flex;padding:4px;flex-direction:column;align-items:flex-start;gap:4px}.Timestamp .WrapperTitleTimeStamp .title{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.Timestamp .WrapperTitleTimeStamp{display:flex;align-items:center;gap:10px}.BgGbDeletePopup{position:absolute;top:72px;right:0;z-index:4;width:calc(100dvw - 320px);height:calc(100dvh - 72px)!important;background-color:#00000050;display:flex;justify-content:center;align-items:center}.BgMainCardContent{display:flex;width:420px;flex-direction:column;align-items:flex-start;border-radius:8px;box-shadow:0 0 10px #0000001a;background-color:#fff}.BgMainCardContent .Head{display:flex;padding:12px;justify-content:flex-end;align-items:center;align-self:stretch;background:var(--background-white, #fff);border-radius:8px 8px 0 0}.BgMainCardContent .Head .Left{display:flex;align-items:center;gap:8px}.BgMainCardContent .Head .Left p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:24px;font-style:normal;font-weight:700;line-height:32px;letter-spacing:-.48px}.BgMainCardContent .Body{display:flex;height:max-content;min-height:200px;padding:12px;flex-direction:column;align-items:center;gap:4px;align-self:stretch;border-bottom:1px solid var(--neutral-color-neutral-100, #fafafa);background:var(--background-white, #fff)}.BgMainCardContent .Body img{width:225px;height:150px}.BgMainCardContent .Body .TypoTitle{color:var(--neutral-color-neutral-4, #333);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.BgMainCardContent .Body .TypoDescription{color:var(--neutral-color-neutral-3, #656464);text-align:center;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.BgMainCardContent .Footer{display:flex;padding:12px;gap:12px;justify-content:space-between;align-items:center;align-self:center;background:var(--background-white, #fff);border-radius:0 0 8px 8px}.BgMainCardContent .Footer button{outline:none;background:none;border:none}.BgMainCardContent .Footer .Cancel{display:flex;width:120px;height:36px;padding:8px;justify-content:center;align-items:center;gap:8px}.BgMainCardContent .Footer .Cancel p{color:#000;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.BgMainCardContent .Footer .Add{display:flex;width:120px;height:36px;padding:8px 12px;justify-content:center;align-items:center;gap:8px;border-radius:4px;background:var(--primary-color-primary-600, #df6262)}.BgMainCardContent .Footer .Add:hover{background:var(--primary-color-primary-600, #80392f)}.BgMainCardContent .Footer .Add p{color:#fafafa;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.BcFollowUpDeleteTagAction{display:flex;width:615px;flex-direction:column;align-items:flex-start;border-radius:8px;box-shadow:0 0 10px #0000001a;background-color:#fff}.BcFollowUpDeleteTagAction .Head{display:flex;padding:12px;justify-content:space-between;align-items:center;align-self:stretch;border-bottom:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--background-white, #fff);border-radius:8px 8px 0 0}.BcFollowUpDeleteTagAction .Head .Left{display:flex;align-items:center;gap:8px}.BcFollowUpDeleteTagAction .Head .Left p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:24px;font-style:normal;font-weight:700;line-height:32px;letter-spacing:-.48px}.BcFollowUpDeleteTagAction .Body{display:flex;height:39.0625vh;width:calc(100% - 24px);padding:12px;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch;border-bottom:1px solid var(--neutral-color-neutral-100, #fafafa);background:var(--background-white, #fff);overflow-y:scroll}.BcFollowUpDeleteTagAction .Body .WrapperGroup{display:flex;padding:4px;align-items:flex-start;gap:8px;align-self:stretch;border-radius:8px;background:var(--Neutral-Color-Neutral200, #F2F2F2);button{display: flex; min-width: 100px; padding: 8px; justify-content: center; align-items: center; gap: 8px; flex: 1 0 0; color: var(--Neutral-Color-Neutral800, #656565); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: -.14px; background: none;} .active{color: var(--Neutral-Color-Neutral800, #6562DF); border-radius: 4px; background: var(--Background-White, #FFF);}}.BcFollowUpDeleteTagAction .Body .Timestamp{display:flex;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch}.BcFollowUpDeleteTagAction .Body .Timestamp .Action{display:flex;align-items:center;align-content:center;gap:8px;flex-wrap:wrap}.BcFollowUpDeleteTagAction .Body .Timestamp .Info{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:16px}.BcFollowUpDeleteTagAction .Body .Timestamp .Input{display:flex;padding:12px;align-items:center;gap:10px;align-self:stretch;border-radius:4px;border:1px solid var(--neutral-color-neutral-3, #656464);background:#fff}.BcFollowUpDeleteTagAction .Body .Timestamp .Input p{flex:1;color:var(--primary-color-primary-900, #23224d);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.BcFollowUpDeleteTagAction .Body .Timestamp .TextInfo{display:flex;padding:4px 8px;align-items:center;gap:8px}.BcFollowUpDeleteTagAction .Body .Timestamp .TextInfo p{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.BcFollowUpDeleteTagAction .Body .WrapperTag{display:flex;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch}.BcFollowUpDeleteTagAction .Body .WrapperTag .custom-input{display:flex;height:24px;padding:12px;align-items:center;gap:10px;width:calc(100% - 24px);border-radius:4px;border:1px solid #E5E4E4}.BcFollowUpDeleteTagAction .Body .WrapperTag label{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.BcFollowUpDeleteTagAction .Body .WrapperTag .InputTag{width:100%}.BcFollowUpDeleteTagAction .Body .WrapperTag .WrapperTitleTimeStamp .title{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.BcFollowUpDeleteTagAction .Body .WrapperTag .WrapperTitleTimeStamp{display:flex;align-items:center;gap:10px}.BcFollowUpDeleteTagAction .Footer{display:flex;padding:12px;justify-content:space-between;align-items:center;align-self:stretch;background:var(--background-white, #fff);border-radius:0 0 8px 8px}.BcFollowUpDeleteTagAction .Footer button{outline:none;background:none;border:none}.BcFollowUpDeleteTagAction .Footer .Cancel{display:flex;padding:12px;justify-content:center;align-items:center}.BcFollowUpDeleteTagAction .Footer .Cancel p{color:var(--info-color-danger, #df6262);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.BcFollowUpDeleteTagAction .Footer .Add{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:var(--primary-color-primary-600, #5c5acc)}.BcFollowUpDeleteTagAction .Footer .Add p{color:var(--neutral-color-neutral-100, #fafafa);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.BcFollowUpDeleteTagAction .Footer .AddDisabled{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:var(--primary-color-primary-600, #808080)}.BcFollowUpDeleteTagAction .Footer .AddDisabled p{color:var(--neutral-color-neutral-100, #fafafa);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.followUp_removeTag_options{display:flex;padding:8px 12px;align-items:flex-start;gap:10px;align-self:stretch;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.followUp_removeTag_options:hover,.followUp_removeTag_optionsSelected{background:#6562DF;color:#fafafa}.followUp_removeTag_value{display:flex;padding:4px 4px 4px 8px;align-items:center;gap:4px;border-radius:4px;border:1px solid #6562DF;background:#FFFFFF;margin-right:12px;cursor:pointer}.BcFollowUpTagAction .Body .WrapperSelectUpdate{display:flex;gap:4px;button {background: none; outline: none; border: none; font-weight: 600; font-size: 12px; line-height: 20px;} #select_all_update_contact{color: rgba(92,90,204,1);} #clear_update_contact{color: rgba(51,51,51,1);}}.InfoEditContactFollowAction{display:flex;align-items:center;justify-content:center;gap:7px}.TextInfoEditContactFollowAction{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.CheckboxEditContactFollowAction{display:flex;flex-direction:column;gap:10px;align-items:flex-start;width:100%}.WrapperCheckboxEditContact{display:flex;align-items:center;justify-content:center;gap:7px}.CheckboxEditContactTitle{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.activeCheckboxEditContact{display:flex;gap:10px;padding:2px 4px;border-radius:8px;border:1px solid var(--neutral-color-neutral-300, #e5e4e4);width:100%;align-items:center;justify-content:flex-start}.InputCheckBoxEditContact{background-color:"#5C5ACC"}.ContainerBuble{display:flex;width:calc(100% - 24px);padding:12px;flex-direction:column;align-items:flex-start;gap:12px;border-radius:8px;border:1px solid var(--primary-color-primary-500, #6562df);background:var(--background-white, #fff)}.BubleChatDocumentTitle{overflow:hidden;color:var(--primary-color-primary-900, #23224d);text-align:start;text-overflow:ellipsis;white-space:nowrap;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px;width:100px}.WrapperChatTemplateQuill .ql-container.ql-snow{border-radius:5px;border:1px solid black}.WrapperChatTemplateQuill .BubleTemplateWarning .ql-container.ql-snow{border-radius:5px;border:1px solid red}.WaitForRespondWrapper{display:flex;width:calc(100dvw - 700px);padding:4px 12px;justify-content:space-between;align-items:center;border-radius:8px;border:1px solid var(--neutral-color-neutral-500, #b3b3b3);background:var(--neutral-color-neutral-100, #fafafa);color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.WaitForRespondWrapper .left{display:flex;align-items:center;gap:4px}.WaitForRespondWrapper .left .inputWaitRespon{display:flex;width:40px;height:36px;padding:4px 8px;align-items:center;gap:4px;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--background-white, #fff);color:var(--Black-3, #828282);text-align:center;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.ChatContent_UserSend{padding:4px 8px;position:relative;width:336px;background:#ebfedd;box-shadow:2px 2px 5px #0000000d;border-radius:4px;margin-right:0;margin-top:8px;margin-left:10px}.ChatContent_UserSend .text{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333;word-wrap:break-word}.ChatContent_UserSend .time{font-weight:300;font-size:10px;line-height:18px;text-align:right;color:#656464}.GBMessageWrapper{display:flex;padding:12px 4px;flex-direction:column;align-items:flex-start;align-self:stretch;background:#efe6dd}.GBTemplateBody{display:flex;align-items:flex-start;flex:1 0 0;align-self:stretch}.GBTemplateBody .Left{display:flex;padding:8px 0 8px 16px;flex-direction:column;align-items:flex-start;gap:12px;flex:1 0 0;align-self:stretch}.GBTemplateBody .Left .SearchCreate{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;align-self:stretch}.GBTemplateBody .Left .SearchCreate label{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.GBTemplateBody .Left .SearchCreate ._{display:flex;align-items:center;gap:8px;align-self:stretch}.GBTemplateBody .Left .SearchCreate ._ .Input{display:flex;padding:12px;align-items:flex-start;gap:4px;flex:1 0 0;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2)}.GBTemplateBody .Left .SearchCreate ._ .Input input{flex:1;color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.GBTemplateBody .Left .SearchCreate ._ .btn{display:flex;padding:12px;justify-content:center;align-items:center;gap:8px;border-radius:4px;border:2px solid var(--primary-color-primary-600, #5c5acc)}.GBTemplateBody .Left .SearchCreate ._ .btn p{color:var(--primary-color-primary-600, #5c5acc);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px}.GBTemplateBody .Left .Top{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;align-self:stretch}.GBTemplateBody .Left .Top label{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.GBTemplateBody .Left .Top .Name{display:flex;padding:12px;align-items:flex-start;gap:4px;align-self:stretch;border-radius:4px;border:1px solid var(--neutral-color-neutral-3, #656464);background:#fff;color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.GBTemplateBody .Left .Top .Info{display:flex;padding:4px 8px;align-items:center;gap:8px;align-self:stretch}.GBTemplateBody .Left .Top .Info p{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.GBTemplateBody .Left .Middle{display:flex;flex-direction:column;align-items:flex-start;gap:12px;flex:1 0 0;align-self:stretch;overflow-y:scroll}.GBTemplateBody .Left .Middle .CTA{display:flex;align-items:center;gap:8px;align-self:stretch}.GBTemplateBody .Left .Middle .CTA button{border:none;outline:none;background:none;display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:4px;flex:1 0 0;border-radius:4px}.GBTemplateBody .Left .Middle .CTA p{font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.GBTemplateBody .Left .Middle .CTA .Add{background:var(--primary-color-primary-600, #5c5acc)}.GBTemplateBody .Left .Middle .CTA .Add p{color:var(--neutral-color-neutral-100, #fafafa)}.GBTemplateBody .Left .Middle .CTA .Wait{border:1px solid var(--primary-color-primary-600, #5c5acc);background:var(--background-white, #fff)}.GBTemplateBody .Left .Middle .CTA .Wait p{color:var(--primary-color-primary-500, #6562df)}.GBTemplateBody .Right{display:flex;padding:8px;flex-direction:column;align-items:flex-start;align-self:stretch;width:292px}.GBTemplateBody .Right ._{display:flex;width:calc(100% - 32px);padding:16px;flex-direction:column;align-items:flex-start;flex:1 0 0;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--background-white, #fff)}.GBTemplateBody .Right ._ .Preview{display:flex;flex-direction:column;align-items:flex-start;max-height:fit-content;flex:1 0 0;align-self:stretch}.GBTemplateBody .Right ._ .Preview .wrapperMessageList{max-height:calc(100dvh - 420px);min-height:calc(100dvh - 420px);overflow-y:scroll;width:100%;display:flex;flex-direction:column;margin-top:20px;border-radius:6px}.GBTemplateBody .Right ._ .Preview h3{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.GBTemplateBody .Right .UseTemplate{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;align-self:stretch;border-radius:4px;background:var(--primary-color-primary-600, #5c5acc);margin-top:8px}.GBTemplateBody .Right .UseTemplate:hover{background:#23224d;border-color:#23224d}.GBTemplateBody .Right .UseTemplate:disabled,.GBTemplateBody .Right .disabled{background-color:gray}.GBTemplateBody .Right .disabled:hover{background-color:gray}.GBTemplateBody .Right .UseTemplate p{color:var(--neutral-color-neutral-100, #fafafa);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.GBTemplateBody .Left .TableWrapper{width:100%;overflow:scroll;border-radius:4px;border:1px solid var(--neutral-color-neutral-300, #e5e4e4);flex:1 0 0}.warningnamenull{display:flex;justify-content:start;gap:8px;background-color:#fff;border-radius:4px;padding:5px;margin-top:10px}.warningnamenull p{color:#df6262;font-size:12px;font-weight:400;line-height:18px}.ContainerSM{display:flex;flex-direction:column!important;gap:10px}.ContainerSM .Result{gap:4px;display:flex;max-width:500px;padding:4px 12px;gap:48px;justify-content:flex-start;align-items:center}.ContainerSM .Result p{color:var(--neutral-color-neutral-800, #656565);font-size:14px;font-family:Inter;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.ContainerSM .Result button{display:flex;height:24px;padding:8px;justify-content:center;align-items:center;gap:8px;outline:none;border:none;background:#F7F5F5}.ContainerSM .Result button:hover{background:var(--primary-color-primary-100, #DADAF2)}.ContainerSM .Result button:hover p{color:#23224d}.ContainerSM .Result button p{color:var(--primary-color-primary-600, #5C5ACC);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.ContactListPage_head .Head_Wrapper .RightPart button{display:flex;padding:8px;justify-content:center;align-items:center;gap:8px;align-self:stretch;border:none;outline:none;background:none;border-radius:4px;border:1px solid var(--Primary-Color-Primary600, #5c5acc)}.ContactListPage_head .Head_Wrapper .RightPart button p{color:var(--Primary-Color-Primary500, #6562df);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.ContactListPage .right .Result .removeFilter,.ContactListPage .right .Result button{display:flex;height:24px;padding:8px;justify-content:center;align-items:center;gap:8px;outline:none;border:none;background:#f7f5f5}.ContactListPage .right .Result button:hover{background:var(--primary-color-primary-100, #dadaf2)}.ContactListPage .right .Result button p{color:var(--primary-color-primary-600, #5c5acc);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.ContactListPage_action .left .apply_filter{display:flex;padding:9.6px 12.8px 9.6px 9.6px;justify-content:center;align-items:center;gap:8px;height:50px;width:250px;border-radius:3.2px;background:var(--Primary-Color-Primary600, #5c5acc)}.ContactListPage_action .left .apply_filter p{color:var(--Neutral-Color-Neutral100, #fafafa);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.ContactListPage_action .left .apply_filter .bubble{display:flex;width:19.2px;height:19.2px;justify-content:center;align-items:center;gap:8px;border-radius:11.2px;background:var(--Background-White, #fff)}.ContactListPage_action .left .apply_filter .bubble p{color:var(--Primary-Color-Primary500, #6562df);text-align:center;font-family:Inter;font-size:10px;font-style:normal;font-weight:700;line-height:normal}.ContactListPage_action .left .apply_search{display:flex;padding:9.6px;justify-content:center;align-items:center;gap:8px;align-self:stretch;border-radius:3.2px;background:var(--Primary-Color-Primary600, #5c5acc)}.ContactListPage_action .btn-add-contact{display:flex;justify-content:center;align-items:center;padding:0 14px 0 10px;gap:12px;background:#5c5acc;border-radius:4px;cursor:pointer;height:52px}.ContactListPage_action .btn-add{display:flex;justify-content:center;align-items:center;gap:12px;border:2px solid #5c5acc;border-radius:4px;padding:12px 16px 12px 12px;cursor:pointer}.ContactListSM_data{max-width:calc((100dvw - 180px) * 2 / 3);max-height:30vh;overflow:scroll}.ContactListSM_data table{width:100%;border-spacing:0;position:relative}.ContactListSM_data thead{background:#ededff;max-width:calc((100dvw - 180px) * 2 / 3);width:100%;position:sticky;top:0;z-index:2}.ContactListSM_data .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root .css-i4bv87-MuiSvgIcon-root{fill:#820202}.ContactListSM_data .css-y8ay40-MuiTableCell-root{background:#ededff}.ContactListSM_data .css-1ex1afd-MuiTableCell-root,.ContactListSM_data .css-y8ay40-MuiTableCell-root,.ContactListSM_data .css-1ygcj2i-MuiTableCell-root{border:none}.ContactListSM_data thead th{font-weight:700;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333;text-align:start}.ContactListSM_data thead th button{min-width:16px;height:16px;padding:0;cursor:pointer;color:transparent;transition:none;outline:none}.ContactListSM_data thead th button:active{outline:none}.ContactListSM_data .checkbox{width:24px;padding:16px}.SelectAllWrapperPopover{display:flex;width:147px;padding:4px;flex-direction:column;align-items:flex-start;gap:4px;border-radius:4px;border:1px solid var(--neutral-color-neutral-900, #333);background:var(--background-white, #fff);box-shadow:5px 5px 5px #6562df26}.SelectAllWrapperPopover .Select:hover,.SelectAllWrapperPopover .Active{background:var(--primary-color-primary-500, #6562df);color:var(--background-white, #fafafa)}.SelectAllWrapperPopover .Inactive{color:var(--background-white, #6562df)}.ContactListSM_data .contact{min-width:168px;width:100%;max-width:168px;padding:16px}.ContactListSM_data .contact .noWaBtn{font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;color:#656565;padding:16px;margin:0;width:100%;height:100%;text-align:start;justify-content:flex-start;transition:none}.ContactListSM_data .contact .noWaBtn:focus{outline:none}.ContactListSM_data .contact .noWaBtn:active{background:rgba(223,98,98,.1)}.ContactListSM_data .freezed{background:#a2a1e5;position:absolute;bottom:0;left:0;width:100%;height:5px}.ContactListSM_data .birth{min-width:168px;width:100%;max-width:168px;padding:16px}.ContactListSM_data .country{min-width:168px;width:100%;max-width:168px!important;padding:16px}.ContactListSM_data .tag{min-width:268px;max-width:268px;padding:16px}.ContactListSM_data .column-freezed{min-width:168px;max-width:168px;padding:16px}.ContactListSM_data .label,.ContactListSM_data .notes{min-width:268px;padding:16px}.ContactListSM_data .notes input{width:100%}.ContactListSM_data .action{width:87px;padding:16px;display:flex;justify-content:center;align-items:center;gap:8px;position:sticky;right:0;background:#ffffff;border-left:1px solid #f2f2f2}.ContactListSM_data .actionData{width:87px;padding:25px 16px;display:flex;justify-content:center;gap:8px;position:sticky;right:0;background:#ffffff;border-left:1px solid #f2f2f2}.ContactListSM_data thead th div{display:flex;justify-content:space-between;align-items:center;gap:10px}.ContactListSM_data thead th div p{font-weight:700;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333}.ContactListSM_data thead th div p span{color:#df6262}.ContactListSM_data thead th div svg{cursor:pointer}.ContactListSM_data thead .action{background-color:#ededff;border-left:1px solid var(--neutral-color-neutral-200, #f2f2f2)}.ContactListSM_data tbody tr{background:#ffffff}.ContactListSM_data tbody tr td{max-height:32px;margin:0;color:#333;color-scheme:light}.ContactListSM_data tbody .name{font-weight:500;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333}.ContactListSM_data tbody .content{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.ContactListSM_data tbody .tag .tags,.ContactListSM_data tbody .column-freezed .tags{display:flex;justify-content:flex-start;align-items:center;gap:4px;overflow-x:scroll;margin:auto 0}.contactListTag{display:flex;padding:4px 8px;height:22px;min-width:fit-content;align-items:center;gap:8px;border-radius:4px;border:1px solid #f2f2f2;background:#fafafa}.ContactListSM_data tbody .action svg{cursor:pointer}.ContactListSM_data tbody .FilterResult{background:var(--neutral-color-neutral-100, #fafafa);box-shadow:0 0 10px #0000001a;z-index:2}.ContactListSM_data tbody .FilterResult .NumberData{position:sticky;left:0;top:74px;background:var(--neutral-color-neutral-100, #fafafa);display:flex;justify-content:center;align-items:center;color:var(--primary-color-primary-500, #6562df);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;height:100%;z-index:99999999999}.ContactListSM_data tbody .FilterResult .ContactResult{position:sticky;top:74px;left:74px;background:var(--neutral-color-neutral-100, #fafafa);box-shadow:0 0 10px #0000001a}.ContactListSM_data tbody .FilterResult .Content{display:flex;height:calc(100% - 8px);padding:4px 4px 4px 8px;justify-content:space-between;align-items:center;border-radius:4px;border:1px solid var(--primary-color-primary-500, #6562df);background:var(--background-white, #fff)}.ContactListSM_data tbody .FilterResult .Content p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.ContactListSM_data tbody .FilterResult .birthResult{width:200px}.ContactListSM_data tbody .FilterResult .remove{display:flex;justify-content:center;align-items:center;position:sticky;right:0;background:#fafafa;border-left:1px solid #f2f2f2;cursor:pointer}.ContactListSM_data tbody .FilterResult .remove p{color:#5c5acc;font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.contactListFilter .MuiPaper-root{display:flex;flex-direction:column;align-items:flex-start;padding:8px;gap:4px;width:238px;background:#ffffff;box-shadow:0 0 10px #0000001a;border-radius:4px;border:1px solid #6562df}.contactListFilter .sort-select{border:1px solid #6562df;border-radius:4px}.contactListFilter hr{border:1px solid #f2f2f2;height:.1px;width:100%;margin:0}.contactListFilter .searchValue{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:8px;gap:4px;border:1px solid #f2f2f2;border-radius:4px;width:calc(100% - 16px)}.contactListFilterInput{padding:8px;border:1px solid #f2f2f2;border-radius:4px;font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333;width:calc(100% - 16px);margin-top:4px}.contactListFilter .bottomAction{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:8px 12px;background:#fafafa;width:calc(100% - 8px);margin-left:-8px;margin-bottom:-8px}.contactListFilter .bottomAction .btn-apply{background:#5c5acc;border-radius:4px}.ContactListPage_addManualContact{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 8px 8px 12px;width:calc(100% - 16px);gap:8px;background:#5c5acc;border-radius:4px;cursor:pointer;margin-top:12px}.ContactListSM_data .openInChatRoom{display:flex;justify-content:flex-end;align-items:center;gap:3px}.ContactListSM_data .openInChatRoom .left{display:flex;align-items:center;padding:4px 8px;gap:8px;background:rgba(51,51,51,.25);border-radius:8px;width:116px}.ContactListSM_data .openInChatRoom .left p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333}.ContactListSM_data .openInChatRoom .right{background:#b3b3b3;border-radius:4px;max-width:20px;max-height:20px;display:flex;justify-content:center;align-items:center;padding:0}.Pagination_Component{display:flex;width:calc(100% - 24px);padding:8px 12px;justify-content:space-between;align-items:center;border-radius:4px;background:#fff}.Pagination_Component .Left_Part .DataView{display:flex;width:80px;height:36px;padding:8px 12px;justify-content:space-between;align-items:center;border-radius:4px;border:1px solid var(--primary-color-primary-500, #6562df);background:var(--background-white, #fff);outline:none;cursor:pointer}.Pagination_Component .Left_Part .DataView .Arrow{display:flex;width:16px;height:16px;justify-content:center;align-items:center;gap:10px;flex-shrink:0;border-radius:4px;background:var(--neutral-color-neutral-500, #b3b3b3)}.Pagination_Component .Right_Part .Action .Active{background:#5c5acc}.Pagination_Component .Right_Part .Page .InputWrapper{display:flex;padding:5px 12px;justify-content:center;align-items:center;border-radius:4px;border:1px solid #b3b3b3}.DataViewLimitWrapper{display:flex;width:72px;padding:4px;flex-direction:column;align-items:flex-start;gap:4px;border-radius:4px;border:1px solid #6562df;background:var(--background-white, #fff);box-shadow:5px 5px 5px #6562df26;margin-bottom:12px}.DataViewLimitWrapper .ItemOption{display:flex;padding:8px 12px;justify-content:center;align-items:center;gap:10px;align-self:stretch;background:var(--background-white, #fff);cursor:pointer}.DataViewLimitWrapper .ItemOption:hover{color:#fff;background:#5c5acc}.UseTemplateBtn{color:var(--Primary-Color-Primary600, #5c5acc);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;cursor:pointer}.specialQuilStyle{border:1px solid#E5E4E4;padding:12px;max-height:176px;max-width:100%;border-radius:4px}.specialQuilStyle .textTop{font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.specialQuilStyle .ql-container.ql-snow{border:none;padding:0}.specialQuilStyle .ql-container.ql-snow .ql-editor{padding:0}.specialQuilStyle .ql-container.ql-snow .ql-editor.ql-blank:before{right:0;left:0}.BgBcFollowSendMessage{position:absolute;top:72px;right:0;z-index:4;width:calc(100dvw - 140px);height:calc(100dvh - 72px);background-color:#00000050;display:flex;justify-content:center;align-items:center}.GbFollowUpSendMessageAction{display:flex;width:calc(100dvw - 180px);flex-direction:column;align-items:flex-start;border-radius:8px;box-shadow:0 0 10px #0000001a;background-color:#fff}.GbFollowUpSendMessageAction .Head{display:flex;padding:12px;justify-content:space-between;align-items:center;align-self:stretch;border-bottom:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--background-white, #fff);border-radius:8px 8px 0 0}.GbFollowUpSendMessageAction .Head .Left{display:flex;align-items:center;gap:8px}.GbFollowUpSendMessageAction .Head .Left p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:24px;font-style:normal;font-weight:700;line-height:32px;letter-spacing:-.48px}.GbFollowUpSendMessageAction .Body{display:flex;height:46.875vh;width:calc(100% - 24px);padding:12px;align-items:flex-start;gap:12px;align-self:stretch;border-bottom:1px solid var(--neutral-color-neutral-100, #fafafa);background:var(--background-white, #fff);flex-direction:column}.GbFollowUpSendMessageAction .Body .left{flex:2}.GbFollowUpSendMessageAction .Body .right{flex:1}.GbFollowUpSendMessageAction .Body .right .main_wrap{display:flex;flex-direction:column}.GbFollowUpSendMessageAction .Body .right .main_wrap .head{display:flex;align-items:center;justify-content:flex-start;gap:8px;p{font-size: 14px; font-weight: 700; line-height: 20px; color: black; cursor: pointer; position: relative;} .active{color: #5c5acc;} .active::after {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #5c5acc;}}.GbFollowUpSendMessageAction .Body .WrapperTag{display:flex;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch}.GbFollowUpSendMessageAction .Body .WrapperTag label{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.GbFollowUpSendMessageAction .Body .WrapperTag .InputTag{width:100%}.GbFollowUpSendMessageAction .Footer{display:flex;padding:12px;justify-content:space-between;align-items:center;align-self:stretch;background:var(--background-white, #fff);border-radius:0 0 8px 8px}.GbFollowUpSendMessageAction .Footer button{outline:none;background:none;border:none}.GbFollowUpSendMessageAction .Footer .Cancel{display:flex;padding:12px;justify-content:center;align-items:center}.GbFollowUpSendMessageAction .Footer .Cancel p{color:var(--info-color-danger, #df6262);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.GbFollowUpSendMessageAction .Footer .wrapperAction{display:flex;gap:10px;align-items:center}.GbFollowUpSendMessageAction .Footer .wrapperAction .count{color:var(--Neutral-Color-Neutral900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.GbFollowUpSendMessageAction .Footer .wrapperAction .Add{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:var(--primary-color-primary-600, #5c5acc)}.GbFollowUpSendMessageAction .Footer .wrapperAction .Add:disabled{background:#808080}.GbFollowUpSendMessageAction .Footer .wrapperAction .Add p{color:var(--neutral-color-neutral-100, #fafafa);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.ContainerSendMessageTemplate{display:flex;flex-direction:column;padding:12px 8px 12px 12px;border-radius:8px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--neutral-color-neutral-100, #fafafa);align-items:center;gap:4px;align-self:stretch}.ContainerSendMessageTemplate .title{display:flex;align-self:stretch;justify-content:space-between;align-items:center}.ContainerSendMessageTemplate .typoName{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.ContainerSendMessageTemplate .Name{display:flex;padding:12px;align-items:center;align-self:stretch;gap:10px;flex:1 0 0;border-radius:4px;border:1px solid var(--neutral-color-neutral-3, #656464);background:var(--background-white, #fff);color:#000}.ContainerSendMessageTemplate .Hotkey{display:flex;align-self:stretch;height:24px;padding:12px;align-items:center;gap:10px;border-radius:4px;border:1px solid var(--neutral-color-neutral-3, #656464);background:var(--background-white, #fff);overflow-x:scroll}.ContainerSendMessageTemplate .Hotkey typoHotkey{padding-top:12px;text-wrap:nowrap}.ContainerSendMessageTemplate .Action{display:flex;align-items:center;justify-content:center;padding:0;border:none;outline:none;background:none}.GbFollowUpSendMessageAction .WrapperGroup{display:flex;padding:4px;align-items:flex-start;gap:8px;align-self:stretch;border-radius:8px;background:var(--Neutral-Color-Neutral200, #F2F2F2);button{display: flex; min-width: 100px; padding: 8px; justify-content: center; align-items: center; gap: 8px; flex: 1 0 0; color: var(--Neutral-Color-Neutral800, #656565); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: -.14px; background: none;} .active{color: var(--Neutral-Color-Neutral800, #6562DF); border-radius: 4px; background: var(--Background-White, #FFF);}}.GbFollowUpSendMessageAction .WrapperGroupBody{display:flex;gap:8px;width:100%}.GbFollowUpSendMessageAction .WrapperGroupBody .WrapperPrompt{display:flex;flex-direction:column;gap:12px;width:100%}.GbFollowUpSendMessageAction .WrapperGroupBody .WrapperPrompt .wrap_time{display:flex;align-items:center;margin-bottom:4px;gap:4px;label{color: var(--Neutral-Color-Neutral900, #333); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 500; line-height: 24px; letter-spacing: .14px;} .input_time{display: flex; width: 120px; padding: 12px; align-items: center; gap: 10px; border-radius: 4px; border: 1px solid var(--Neutral-Color-Neutral3, #656464); background: #FFF;}}.GbFollowUpSendMessageAction .WrapperGroupBody .WrapperTitleTimeStamp .title{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.GbFollowUpSendMessageAction .WrapperGroupBody .WrapperTitleTimeStamp{display:flex;align-items:center;gap:10px}.GbFollowUpSendMessageAction .WrapperGroupBody .custom-input{display:flex;height:24px;padding:12px;align-items:center;gap:10px;width:calc(100% - 24px);border-radius:4px;border:1px solid #E5E4E4}.GbFollowUpSendMessageActionRobotLLm .Body{height:552px}.GbFollowUpSendMessageActionRobotLLm .Body :is(.WrapperGroupBody,.ContainerSM){height:100%}.GbFollowUpSendMessageActionRobotLLm .Body :is(.WrapperGroupBody,.ContainerSM) .ContactListSM_data{max-height:45vh}.GbFollowUpSendMessageActionRobotLLm .Body .mentionContactConfig{display:flex;padding:12px;flex-direction:column;align-items:flex-start;gap:16px;align-self:stretch;border-radius:8px;border:1px solid#6562DF;background:#FFF}.GbFollowUpSendMessageActionRobotLLm .Body .mentionContactConfig .mainSection{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.GbFollowUpSendMessageActionRobotLLm .Body .mentionContactConfig .mainSection .leftSection{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;flex:1 0 0}.GbFollowUpSendMessageActionRobotLLm .Body .ContainerBubleBroadcast{height:296px!important}.BGConfirmRemoveWaAccessTeam{position:fixed;top:72px;left:300px;width:calc(100% - 300px);height:calc(100% - 72px);background-color:#00000050;z-index:100}.BGConfirmRemoveWaAccessTeam .ConfirmRemoveWaAccessTeam{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:0;position:absolute;width:420px;left:calc(50% - 210px);top:183px;background:#FFFFFF;box-shadow:0 0 10px #0000001a;border-radius:8px}.BGConfirmRemoveWaAccessTeam .ConfirmRemoveWaAccessTeam .Header{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding:12px 16px;gap:4px;width:calc(100% - 32px)}.BGConfirmRemoveWaAccessTeam .ConfirmRemoveWaAccessTeam .Body{display:flex;flex-direction:column;align-items:center;padding:0;gap:4px;width:100%}.BGConfirmRemoveWaAccessTeam .ConfirmRemoveWaAccessTeam .Body .title{font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;text-transform:capitalize;color:#333;text-decoration:capitalize;text-align:center;max-width:338px}.BGConfirmRemoveWaAccessTeam .ConfirmRemoveWaAccessTeam .Body .detail{font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;color:#656464;margin-top:4px;text-align:center;max-width:338px}.BGConfirmRemoveWaAccessTeam .ConfirmRemoveWaAccessTeam img{width:240px;height:150px}.BGConfirmRemoveWaAccessTeam .ConfirmRemoveWaAccessTeam .Footer{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;padding:12px 16px;gap:12px;width:calc(100% - 32px)}.BGConfirmRemoveWaAccessTeam .ConfirmRemoveWaAccessTeam .Footer button{border:none}.BGConfirmRemoveWaAccessTeam .ConfirmRemoveWaAccessTeam .Footer .Cancel{flex-direction:row;justify-content:center;padding:8px;width:104px;gap:8px;font-weight:600;font-size:12px;line-height:20px;display:flex;align-items:center;letter-spacing:.02em;color:#333;background:#FFFFFF}.BGConfirmRemoveWaAccessTeam .ConfirmRemoveWaAccessTeam .Footer .Yes{flex-direction:row;justify-content:center;padding:8px 12px;gap:8px;background:#DF6262;border-radius:4px;font-weight:600;font-size:12px;line-height:20px;display:flex;align-items:center;letter-spacing:.02em;color:#fafafa}.CloseSession{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:0;position:absolute;width:420px;left:calc(50% - 210px);top:calc(50% - 150px);background:#FFFFFF;box-shadow:0 0 10px #0000001a;border-radius:8px}.CloseSession .Header{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding:12px 16px;gap:4px;width:calc(100% - 32px)}.CloseSession .Body{display:flex;flex-direction:column;align-items:center;padding:0;gap:4px;width:100%}.CloseSession .Body .DescTop{font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;color:#333;text-align:center}.CloseSession .Body .DescBottom{font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;color:#656464;text-align:center}.CloseSession .Action{display:flex;justify-content:center;align-items:flex-start;padding:12px 16px;gap:12px}.CloseSession .Action button{border:none;outline:none;cursor:pointer}.CloseSession .Action .No{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px;gap:8px;background:#FFFFFF;width:104px}.CloseSession .Action .Yes{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 12px;gap:8px;background:#5C5ACC;border-radius:4px;color:#fff!important;width:104px}.BlackBgInitiateChat{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000050;z-index:100;display:flex;justify-content:center;align-items:center}.InitiateChat{display:flex;width:41.5625dvw;flex-direction:column;align-items:flex-start;box-shadow:0 0 10px #0000001a;background:#fff;border-radius:8px}.InitiateChat .Header{display:flex;padding:16px;justify-content:space-between;align-items:center;align-self:stretch;border-bottom:1px solid var(--neutral-color-neutral-200, #F2F2F2);background:var(--background-white, #FFF);border-radius:8px 8px 0 0}.InitiateChat .Header .Left{display:flex;flex-direction:row;align-items:center;padding:0;gap:4px}.InitiateChat .Header .Left h3{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:24px;font-style:normal;font-weight:700;line-height:32px;letter-spacing:-.48px}.InitiateChat .Body{display:flex;padding:12px 16px;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;align-self:stretch;border-bottom:1px solid#FAFAFA;background:#FFF}.InitiateChat .Body .SearchPart{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;align-self:stretch;padding:0}.InitiateChat .Body .SearchPart .Input{display:flex;padding:12px;align-items:flex-start;gap:10px;align-self:stretch;border-radius:4px}.InitiateChat .Body .SearchPart .Focus{border-radius:4px;border:1px solid var(--primary-color-primary-400, #817EE5);background:#FFF;box-shadow:0 0 5px #5c5acc26;caret-color:#6562df}.InitiateChat .Body .SearchPart .WithInput{border:1px solid #656464}.InitiateChat .Body .SearchPart .NoInput{border:1px solid var(--neutral-color-neutral-200, #F2F2F2)}.InitiateChat .Body .SearchPart .Input input{flex:1}.InitiateChat .Body .SearchPart .Input button{display:flex;justify-content:center;align-items:center;border-radius:50%;padding:0;outline:none;border:none;transition:.3s}.InitiateChat .Body .SearchPart .Input button:hover{background:#B3B3B3}.InitiateChat .Body .SearchPart #clear_search_initiate_chat{fill:#fff}.InitiateChat .Body .ListPart{display:flex;flex-direction:column;align-items:flex-start;gap:4px;height:100%;width:100%;min-height:fit-content;max-height:250px!important;padding:1px;overflow-y:scroll}.InitiateChat .Body .ListPart .Active{border:1px solid var(--primary-color-primary-500, #6562DF)}.InitiateChat .Body .ListPart .Inactive{border:1px solid var(--primary-color-primary-500, #FFF)}.InitiateChat .Body .ListPart .WaItem{display:flex;padding:8px;justify-content:space-between;align-items:center;align-self:stretch;border-radius:4px;background:var(--background-white, #FFF);cursor:pointer}.InitiateChat .Body .ListPart .WaItem .Left{display:flex;align-items:center;gap:4px}.InitiateChat .Body .ListPart .WaItem .Left img{width:32px}.InitiateChat .Body .ListPart .WaItem .Left .name{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.InitiateChat .Body .ListPart .WaItem .Left .phone{color:var(--Green-1, #219655);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.InitiateChat .Body .ListPart .WaItem .Left .Radio-checked span{color:#6562df}.InitiateChat .Body .ListPart .WaItem .Left .Radio-unchecked span{color:#bdbdbd}.InitiateChat .Footer{display:flex;padding:8px 16px;justify-content:space-between;align-items:center;align-self:stretch}.InitiateChat .Footer button{border:none;outline:none}.InitiateChat .Footer .Cancel{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;background:none}.InitiateChat .Footer .Cancel p{color:var(--info-color-danger, #DF6262);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.InitiateChat .Footer .Start{display:flex;padding:12px 12px 12px 16px;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:var(--primary-color-primary-600, #5C5ACC);transition:.3s}.InitiateChat .Footer .Start:hover{background:var(--primary-color-primary-900, #23224D)}.InitiateChat .Footer .Start p{color:var(--background-white, #FFF);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.SessionRecord{display:flex;width:calc(100% - 32px);justify-content:center;align-items:center;gap:12px}.SessionRecord .Left,.SessionRecord .Right{height:1px;flex:1;background:#e5e4e4}.SessionRecord .Center{display:flex;align-items:flex-start;gap:4px}.SessionRecord .Center .Date{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px}.SessionRecord .Center .Type{color:#656565;font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px}.SessionRecord .Center .New{color:#656565}.SessionRecord .Center .Closed{color:#23224d}.SessionRecord .Center .Pending{color:#cca239}.SessionRecord .Center .Expired{color:#df6262}.SessionRecord .Center .minus{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px}.ChatContent_Other .BubleDateChat{display:flex;height:26px;padding:4px 16px;align-items:center;gap:4px;border-radius:28px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--neutral-color-neutral-100, #fafafa);color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px}.BlackBgMultiCloseSession{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000050;z-index:100}.MCloseSession{display:flex;flex-direction:column;align-items:flex-start;padding:0;position:absolute;width:532px;left:calc(50% - 266px);top:calc(50% - 148px);overflow-y:scroll;filter:drop-shadow(0px 0px 10px rgba(0,0,0,.1));border-radius:8px;z-index:101;background:#FFFFFF;position:relative}.MCloseSession .Header{display:flex;padding:12px 16px;justify-content:flex-end;align-items:center;gap:4px;align-self:stretch}.MCloseSession .Body{display:flex;flex-direction:column;align-items:center;gap:4px;align-self:stretch}.MCloseSession .Body img{width:200px}.MCloseSession .Body .Title{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.MCloseSession .Body .Subtitle{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.MCloseSession .Body .InfoSuccess{display:flex;padding:12px 16px;flex-direction:column;align-items:center;gap:4px}.MCloseSession .Body .InfoSuccess p{color:var(--neutral-color-neutral-4, #333);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.MCloseSession .Footer{display:flex;padding:12px 16px;justify-content:center;align-items:flex-start;gap:12px;align-self:stretch}.MCloseSession .Footer button{border:none;outline:none;background:none}.MCloseSession .Footer .Cancel{display:flex;padding:8px;justify-content:center;align-items:center;gap:8px;border-radius:4px;color:var(--info-color-danger, #DF6262);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.MCloseSession .Footer .Yes{display:flex;padding:8px 12px;justify-content:center;align-items:center;gap:8px;border-radius:4px;background:var(--primary-color-primary-600, #5C5ACC);color:var(--neutral-color-neutral-100, #FAFAFA);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}@media (max-width: 500px){.BlackBgMultiCloseSession{position:fixed!important;top:0;left:0;z-index:300}.BlackBgMultiCloseSession .MCloseSession{width:360px;left:calc(50% - 180px)}.BlackBgMultiCloseSession .MCloseSession .Body{p {text-align: center;}}}.BgDelBc{position:absolute;top:72px;right:0;z-index:4;width:calc(100dvw - 320px);height:calc(100dvh - 72px)!important;background-color:#00000050;display:flex;justify-content:center;align-items:center}.BgDelBc .Main{display:flex;width:420px;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;background:var(--background-white, #FFF);box-shadow:0 0 10px #0000001a}.BgDelBc .Main .Header{display:flex;padding:12px 16px;justify-content:flex-end;align-items:center;gap:4px;align-self:stretch;background:var(--background-white, #FFF);border-radius:8px 8px 0 0}.BgDelBc .Main .Body{display:flex;flex-direction:column;align-items:center;gap:4px;align-self:stretch}.BgDelBc .Main .Body .Info{display:flex;padding:0 16px;flex-direction:column;align-items:center;gap:4px}.BgDelBc .Main .Body .Info .Title{color:var(--neutral-color-neutral-4, #333);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.BgDelBc .Main .Body .Info .Subtitle{color:var(--neutral-color-neutral-3, #656464);text-align:center;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.BgDelBc .Main .Footer{display:flex;padding:12px 16px;justify-content:center;align-items:flex-start;gap:12px;align-self:stretch;background:var(--background-white, #FFF);border-radius:0 0 8px 8px}.BgDelBc .Main .Footer button{border:none;outline:none;background:none;display:flex;padding:8px 12px;justify-content:center;align-items:center;font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.BgDelBc .Main .Footer .Cancel{color:var(--neutral-color-neutral-900, #333)}.BgDelBc .Main .Footer .Yes{border-radius:4px;background:var(--info-color-danger, #DF6262);color:var(--neutral-color-neutral-100, #FAFAFA)}.BgRemoveBlockedAction{position:fixed;left:320px;top:72px;width:calc(100dvw - 320px);height:calc(100dvh - 72px);background-color:#00000050;display:flex;justify-content:center;align-items:center;z-index:7}.RemoveBlockedAction{display:flex;width:420px;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;background:var(--background-white, #fff)}.RemoveBlockedAction .Header{display:flex;padding:12px 16px;justify-content:flex-end;align-items:center;gap:4px;align-self:stretch;border-radius:8px!important}.RemoveBlockedAction .Body{display:flex;padding:0 16px;flex-direction:column;align-items:center;gap:4px;align-self:stretch}.RemoveBlockedAction .Body img{width:225px}.RemoveBlockedAction .Body .title{color:var(--neutral-color-neutral-4, #333);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;text-transform:capitalize}.RemoveBlockedAction .Body .info{color:#656464;text-align:center;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.RemoveBlockedAction .Footer{display:flex;padding:12px 16px;justify-content:center;align-items:flex-start;gap:12px;align-self:stretch}.RemoveBlockedAction .Footer button{border:none;outline:none;background:none;cursor:pointer}.RemoveBlockedAction .Footer .Cancel{display:flex;padding:8px;justify-content:center;align-items:center;gap:8px;border-radius:4px;color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.RemoveBlockedAction .Footer .Yes{display:flex;padding:8px 12px;justify-content:center;align-items:center;gap:8px;border-radius:4px;background:var(--info-color-danger, #df6262);color:var(--neutral-color-neutral-100, #fafafa);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.SetMultiOp{display:flex;width:800px;flex-direction:column;justify-content:flex-end;align-items:flex-start}.SetMultiOp .Header{display:flex;padding:16px;justify-content:space-between;align-items:center;align-self:stretch;border-bottom:1px solid var(--Neutral-Color-Neutral200, #F2F2F2);background:var(--Neutral-Color-Neutral100, #FAFAFA);border-radius:8px 8px 0 0}.SetMultiOp .Header .L{display:flex;align-items:center;gap:8px}.SetMultiOp .Header .L p{color:var(--Neutral-Color-Neutral4, #333);font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.SetMultiOp .Header .R{display:flex;align-items:center;justify-content:center;padding:0;border:none;outline:none;background:none}.SetMultiOp .Footer{display:flex;padding:16px 24px;justify-content:space-between;align-items:center;align-self:stretch;background:var(--Background-White, #FFF);box-shadow:0 -5px 5px #0000000d;border-radius:0 0 8px 8px}.SetMultiOp .Footer button{border:none;outline:none;background:none}.SetMultiOp .Footer .Cancel{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;color:var(--Info-Color-Danger, #DF6262);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.SetMultiOp .Footer .Yes{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:var(--Primary-Color-Primary600, #5C5ACC);color:var(--Neutral-Color-Neutral100, #FAFAFA);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.SetMultiOp .Footer .Remove{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:var(--Info-Color-Danger, #DF6262);color:var(--Neutral-Color-Neutral100, #FAFAFA);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.SetMultiOp ._{display:flex;height:480px;flex-direction:column;align-items:flex-start;align-self:stretch;background:var(--Background-White, #FFF);overflow:scroll}.SetMultiOp ._ .Body{display:flex;padding:12px 16px;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;align-self:stretch}.SetMultiOp ._ .Body .Title{color:var(--Neutral-Color-Neutral4, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.SetMultiOp .TableData{max-width:calc(100dvw - 352px);overflow:scroll;border-radius:8px;border:1px solid var(--Neutral-Color-Neutral300, #E5E4E4)}.SetMultiOp .TableData table{width:100%;border-spacing:0;border-collapse:collapse;overflow:scroll}.SetMultiOp .TableData thead,.SetMultiOp .TableData thead tr>*{background:#ededff}.SetMultiOp .TableData tbody,.SetMultiOp .TableData tbody td>*{background:#fff}.SetMultiOp .TableData thead tr,.SetMultiOp .TableData tbody tr{display:flex}.SetMultiOp .TableData tbody .disabled{background:#F2F2F2}.SetMultiOp .TableData tbody .checked{background:#E5E4E4}.SetMultiOp .TableData tbody .unchecked{background:#FFF}.SetMultiOp .TableData tbody tr *{background:transparent}.SetMultiOp .TableData thead tr th>button{padding:0;border:none;background:none;outline:none;display:flex;align-items:center;justify-content:center}.SetMultiOp .TableData thead tr>*{display:flex;height:32px;padding:8px;align-items:center}.SetMultiOp .TableData thead tr th>p{color:var(--Neutral-Color-Neutral4, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px}.SetMultiOp .TableData tbody tr>*{display:flex;height:56px;padding:8px;align-items:center}.SetMultiOp .TableData thead .Checkbox,.SetMultiOp .TableData tbody .Checkbox{width:48px;gap:4px;position:sticky;left:0}.SetMultiOp .TableData tbody .Checkbox p{color:var(--Neutral-Color-Neutral800, #656565);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.SetMultiOp .TableData thead .Number{width:164px;justify-content:space-between}.SetMultiOp .TableData tbody .Number{width:164px;gap:4px}.SetMultiOp .TableData tbody .Number img{width:24px;height:24px}.SetMultiOp .TableData tbody .Number p{color:var(--Green-1, #219655);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.SetMultiOp .TableData thead .Name{width:148px;justify-content:space-between;flex:1 0 0}.SetMultiOp .TableData tbody .Name{width:148px;flex:1 0 0}.SetMultiOp .TableData tbody .Name p{color:var(--Neutral-Color-Neutral900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.SetMultiOp .TableData thead .Tag{width:164px;justify-content:space-between}.SetMultiOp .TableData tbody .Tag{width:164px;gap:4px;overflow-y:scroll}.SetMultiOp .TableData tbody .WrapperTag{display:flex;padding:4px;align-items:center;gap:4px;border-radius:4px;border:1px solid var(--Neutral-Color-Neutral200, #F2F2F2);background:var(--Neutral-Color-Neutral100, #FAFAFA);color:var(--Neutral-Color-Neutral3, #656464);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px}.SetMultiOp .TableData thead .Team{width:164px;justify-content:space-between;align-self:stretch}.SetMultiOp .TableData tbody .Team{width:164px;overflow-y:scroll;gap:4px}.SetMultiOp .TableData tbody .WrapperTeam{display:flex;min-width:60px;max-width:100px;padding:4px 8px;align-items:center;gap:4px;border-radius:4px;border:1px solid var(--Primary-Color-Primary500, #6562DF);background:var(--Background-White, #FFF);overflow:hidden}.SetMultiOp .TableData tbody .WrapperTeam p{white-space:nowrap;overflow:hidden;color:var(--Neutral-Color-Neutral900, #333);text-overflow:ellipsis;font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px}.tooltipTeamDetail{color:var(--background-white, #FFF);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.EntireDB{display:flex;width:532px;height:600px;flex-direction:column;align-items:flex-start;border-radius:8px;box-shadow:0 0 10px #0000001a}.EntireDB .Head{display:flex;padding:16px;justify-content:space-between;align-items:center;align-self:stretch;border-bottom:1px solid var(--Neutral-Color-Neutral200, #F2F2F2);background:var(--Background-White, #FFF);border-radius:8px 8px 0 0}.EntireDB .Head p{color:var(--Neutral-Color-Neutral4, #333);font-family:Inter;font-size:24px;font-style:normal;font-weight:700;line-height:32px;letter-spacing:-.48px}.EntireDB .Body{display:flex;padding:12px 16px;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;flex:1 0 0;align-self:stretch;border-bottom:1px solid var(--Neutral-Color-Neutral100, #FAFAFA);background:var(--Background-White, #FFF);border-radius:0 0 8px 8px}.EntireDB .Body .Navpart{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;align-self:stretch}.EntireDB .Body .Navpart .Tabpart{display:flex;align-items:flex-start;gap:8px;align-self:stretch}.EntireDB .Body .Navpart .Tabpart .Item{display:flex;min-width:100px;max-width:180px;padding:8px;justify-content:center;align-items:center;gap:4px;flex:1 0 0;border-radius:4px;color:#b3b3b3;font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.EntireDB .Body .Navpart .Tabpart .Item span{color:var(--Neutral-Color-Neutral500, #B3B3B3);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.EntireDB .Body .Navpart .Tabpart .Item .active-span{color:var(--Background-White, #FFF)}.EntireDB .Body .Navpart .Tabpart .Active{background:var(--Primary-Color-Primary500, #6562DF);color:var(--Background-White, #FFF)}.EntireDB .Body .Navpart .Respart{display:flex;padding:4px 12px;align-items:center;gap:4px;align-self:stretch}.EntireDB .Body .Navpart .Respart p{color:var(--Neutral-Color-Neutral800, #656565);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.EntireDB .Body .Navpart .notFound{display:flex;padding:8px 12px;justify-content:center;align-items:center;gap:10px;align-self:stretch;background:var(--Neutral-Color-Neutral100, #FAFAFA);color:var(--Neutral-Color-Neutral3, #656464);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.EntireDB .Body .Navpart .Searchpart{display:flex;padding:12px;align-items:flex-start;gap:10px;align-self:stretch;border-radius:4px;border:1px solid var(--Neutral-Color-Neutral3, #656464);background:#FFF}.EntireDB .Body .Navpart .Searchpart input,.EntireDB .Body .Navpart .Searchpart p{flex:1 0 0;color:var(--Primary-Color-Primary900, #23224D);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.EntireDB .Body .WrapperEdb{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1 0 0;align-self:stretch;overflow-y:scroll}.EntireDB .Body .ChatItem{display:flex;padding:12px 16px;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;align-self:stretch;border-bottom:1px solid var(--Neutral-Color-Neutral200, #F2F2F2);background:var(--Background-White, #FFF)}.EntireDB .Body .WrapperEdb .Contact{display:flex;padding:12px 16px;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;align-self:stretch;border-bottom:1px solid var(--Neutral-Color-Neutral200, #F2F2F2);background:var(--Background-White, #FFF);cursor:pointer}.EntireDB .Body .WrapperEdb .Contact:hover{background:#cecee56d}.EntireDB .Body .WrapperEdb .Contact ._{display:flex;align-items:center;gap:12px;align-self:stretch}.EntireDB .Body .WrapperEdb .Contact ._ img{width:48px}.EntireDB .Body .WrapperEdb .Contact ._ .Info .no{color:var(--Neutral-Color-Neutral900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px}.EntireDB .Body .WrapperEdb .Contact ._ .Info .name{color:var(--Neutral-Color-Neutral800, #656565);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.EntireDB .Body .WrapperEdb .Message{display:flex;padding:12px 16px;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;align-self:stretch;background:var(--Background-White, #FFF);cursor:pointer}.EntireDB .Body .WrapperEdb .Message:hover{background:#cecee56d}.EntireDB .Body .WrapperEdb .Message .Top{flex-direction:column;align-items:flex-start;gap:4px;flex:1 0 0;width:100%}.EntireDB .Body .WrapperEdb .Message .Top .HeaderTop{display:flex;justify-content:space-between;align-items:center;align-self:stretch;border-bottom:none}.EntireDB .Body .WrapperEdb .Message .Top .HeaderTop .name{color:var(--Neutral-Color-Neutral900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px}.EntireDB .Body .WrapperEdb .Message .Top .HeaderTop .time{color:var(--Neutral-Color-Neutral800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px}.EntireDB .Body .WrapperEdb .Message .Top .BodyMessage{display:flex;gap:4px;border-bottom:none}.EntireDB .Body .WrapperEdb .Message .Top .BodyMessage p{color:var(--Neutral-Color-Neutral800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px}.EntireDB .Body .WrapperEdb .Message .Bottom{display:flex;height:26px;padding:0 4px;align-items:center;gap:12px;align-self:stretch;border-radius:30px}.EntireDB .Body .WrapperEdb .Message .Bottom p{font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px}.EntireDB .Body .WrapperEdb .Message .Bottom .Wa{display:flex;align-items:center;gap:4px}.EntireDB .Body .WrapperEdb .Message .Bottom .Wa p{color:var(--Green-1, #219655)}.EntireDB .Body .WrapperEdb .Message .Bottom .User{display:flex;align-items:center;gap:4px}.EntireDB .Body .WrapperEdb .Message .Bottom .User p{color:var(--Neutral-Color-Neutral3, #656464)}.EntireDB .Body .ContactField{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:8px;border:none;outline:none;background:none}.EntireDB .Body .ContactField_Active{border-radius:4px;background:var(--Primary-Color-Primary100, #DADAF2)}.EntireDB .Body .ContactField p{color:var(--Neutral-Color-Neutral900, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.PopoverContactField{display:flex;padding:4px;flex-direction:column;align-items:flex-start;gap:4px;border-radius:4px;border:1px solid var(--Neutral-Color-Neutral300, #E5E4E4);background:var(--Background-White, #FFF)}.PopoverContactField section{display:flex;padding:8px 12px;align-items:flex-start;gap:10px;align-self:stretch;background:var(--Background-White, #FFF);cursor:pointer}.PopoverContactField section p{color:var(--Neutral-Color-Neutral4, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.PopoverContactField section:hover{background:var(--Primary-Color-Primary500, #6562DF)}.PopoverContactField section:hover p{color:var(--Neutral-Color-Neutral100, #FAFAFA)}.EntireDB .Body .Navpart .new_chatroom{display:flex;padding:12px 16px;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;align-self:stretch;border-bottom:1px solid var(--Neutral-Color-Neutral200, #F2F2F2);background:var(--Primary-Color-Primary500, #6562DF);cursor:pointer}.EntireDB .Body .Navpart .new_chatroom p{color:var(--Background-White, #FFF);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px}.SidebarChat_Contact{padding:12px 16px;cursor:pointer;border-bottom:1px solid var(--neutral-color-neutral-200, #F2F2F2)}.SidebarChat_Contact:hover{background:#cecee56d}.SidebarChat_ContactActive{background:#CECEE5}.SidebarChat_Selected{background:#E5E4E4}.SidebarChat_Profile{display:flex;align-items:center;padding:0;gap:12px}.SidebarChat_Profile .AvatarContainer{width:48px;height:48px;position:relative}.SidebarChat_Profile .AvatarContainer .Action{position:absolute;width:24px;height:24px;left:0;top:0;background:rgba(255,255,255,.5);border-radius:4px;display:flex;align-items:center;justify-content:center}.SidebarChat_Profile .AvatarContainer .avatar-border-danger,.SidebarChat_Profile .AvatarContainer .avatar-border-warning,.SidebarChat_Profile .AvatarContainer .avatar-border-ongoing{border:2px solid #DF6262;border-radius:50px;padding:2px;width:42px;height:42px}.SidebarChat_Profile .AvatarContainer .avatar-border-warning{border-color:#e5b740}.SidebarChat_Profile .AvatarContainer .avatar-border-ongoing{border-color:#6562df}.SidebarChat_Profile .detail{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%}.SidebarChat_Profile .detailUser,.SidebarChat_Profile .detailChat{display:flex;justify-content:space-between;align-items:center;width:100%}.SidebarChat_Profile .detailUser h4{font-weight:500;font-size:14px;line-height:20px;letter-spacing:-.01em}.SidebarChat_Profile .detailUser .time{font-weight:300;font-size:10px;line-height:18px;color:#5c5acc;margin:0}.SidebarChat_Profile .detailChat p{font-weight:300;font-size:10px;line-height:18px;color:#333;margin:0;display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:270px}.SidebarChat_Profile .detailChat p:nth-child(2){text-wrap:nowrap;text-overflow:ellipsis}.SidebarChat_Profile .detailChat .circle{width:16px;height:16px;background:#5C5ACC;border:1px solid #FFFFFF;border-radius:14px;font-weight:700;font-size:8px;line-height:10px;color:#fff;display:flex;align-items:center;justify-content:center;margin:0}.SidebarChat_Number{display:flex;justify-content:space-between;align-items:flex-start}.SidebarChat_Number .detailUser,.SidebarChat_Number .detailUser .left,.SidebarChat_Number .detailUser .right{display:flex;align-items:center;padding:5px 4px;gap:4px}.SidebarChat_Number .detailUser .left p,.SidebarChat_Number .detailUser .right p{font-weight:600;font-size:10px;line-height:18px;color:#656464;letter-spacing:-.01em;margin:0}.SidebarChat_Number .detailUser .left p{color:#62df7d}.SidebarChat_Number .detailUser .left img{border-radius:0}.SidebarChat_Tag{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;padding:3px 4px;gap:4px;white-space:nowrap;max-width:100%}.SidebarChat_Tag>:first-child{margin-left:auto}.SidebarChat_Tag p{font-weight:300;font-size:10px;line-height:18px;color:#656464}.SidebarChat_Tag .tag{display:flex;align-items:center;padding:4px 8px;gap:4px;background:#fafafa;border:1px solid #f2f2f2;border-radius:4px;min-width:fit-content;max-width:70px}.SidebarChat_Tag .tag img{width:16px;height:16px}.SidebarChat_Tag .tag p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333}.SidebarChat_Label{display:flex;justify-content:flex-end;align-items:center;padding:0;gap:4px;margin-top:10px}.SidebarChat_Label img{width:24px;height:24px;border-radius:30px}.FilterWarn{display:flex;width:420px;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;background:var(--Background-White, #FFF);box-shadow:0 0 10px #0000001a}.FilterWarn .H{display:flex;padding:12px 16px;justify-content:flex-end;align-items:center;gap:4px;align-self:stretch}.FilterWarn .Body{display:flex;flex-direction:column;align-items:center;gap:4px;align-self:stretch}.FilterWarn .Body p{color:var(--Neutral-Color-Neutral4, #333);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;text-transform:capitalize}.FilterWarn .Action{display:flex;padding:12px 16px;justify-content:space-between;align-items:flex-start;align-self:stretch}.FilterWarn .Action button{border:none;outline:none;background:transparent}.FilterWarn .Action .Cancel{display:flex;height:36px;padding:8px 12px;justify-content:center;align-items:center;gap:8px;color:var(--Info-Color-Danger, #DF6262);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.FilterWarn .Action .Yes{display:flex;width:120px;height:36px;padding:8px 12px;justify-content:center;align-items:center;gap:8px;border-radius:4px;background:var(--Primary-Color-Primary500, #6562DF);color:var(--Neutral-Color-Neutral100, #FAFAFA);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.FilterWarn .Action .Yes:hover{background-color:#23224d}.ChatroomDeleteRequest{display:flex;width:532px;flex-direction:column;align-items:flex-start;border-radius:8px;box-shadow:0 0 10px #0000001a}.ChatroomDeleteRequest .Header{display:flex;padding:16px 24px;justify-content:space-between;align-items:center;align-self:stretch;border-bottom:1px solid var(--Neutral-Color-Neutral200, #F2F2F2);background:var(--Background-White, #FFF);border-radius:8px 8px 0 0}.ChatroomDeleteRequest .Header p{color:var(--Info-Color-Danger, #DF6262);font-family:Inter;font-size:24px;font-style:normal;font-weight:700;line-height:32px;letter-spacing:-.48px}.ChatroomDeleteRequest .Body{display:flex;padding:12px 24px;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;align-self:stretch;border-bottom:1px solid var(--Neutral-Color-Neutral100, #FAFAFA);background:var(--Background-White, #FFF)}.ChatroomDeleteRequest .Body ._{display:flex;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch}.ChatroomDeleteRequest .Body ._ p{color:var(--Neutral-Color-Neutral800, #656565);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px}.ChatroomDeleteRequest .Body ._ .Wrapper{display:flex;padding:12px;align-items:flex-start;gap:10px;align-self:stretch;border-radius:4px;border:1px solid var(--Neutral-Color-Neutral200, #F2F2F2);background:var(--Neutral-Color-Neutral100, #FAFAFA)}.ChatroomDeleteRequest .Body ._ .Wrapper input{background:transparent;flex:1 0 0;color:var(--Black-3, #828282);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.ChatroomDeleteRequest .Footer{display:flex;padding:8px 24px;justify-content:space-between;align-items:center;align-self:stretch;background:var(--Background-White, #FFF);border-radius:0 0 8px 8px}.ChatroomDeleteRequest .Footer button{background:none;border:none;outline:none}.ChatroomDeleteRequest .Footer .Cancel{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px}.ChatroomDeleteRequest .Footer .Cancel p{color:var(--Neutral-Color-Neutral800, #656565);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.ChatroomDeleteRequest .Footer .Delete{display:flex;padding:12px 12px 12px 16px;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:var(--Info-Color-Danger, #DF6262)}.ChatroomDeleteRequest .Footer .Delete p{color:var(--Background-White, #FFF);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.BlackBgEmailExpired{position:fixed;top:0;left:0;width:100dvw;height:100vh;display:flex;justify-content:center;align-items:center;background:var(--neutral-color-neutral-100, #FAFAFA)}.PopupEmailExpired{display:flex;width:600px;flex-direction:column;align-items:center;flex-shrink:0;border-radius:8px;border:1px solid var(--neutral-color-neutral-200, #F2F2F2);background:var(--background-white, #FFF);box-shadow:0 0 10px #0000001a}.PopupEmailExpired .Body{display:flex;padding:16px;flex-direction:column;align-items:center;gap:16px;align-self:stretch}.PopupEmailExpired .Body img{width:75px;height:60px}.PopupEmailExpired .Desc{display:flex;flex-direction:column;align-items:center;gap:12px;align-self:stretch}.PopupEmailExpired .Desc .title{color:var(--info-color-danger, #DF6262);font-size:24px;font-family:Inter;font-weight:700;line-height:32px;letter-spacing:-.48px}.PopupEmailExpired .Desc .lead{color:var(--neutral-color-neutral-800, #656565);text-align:center;font-size:14px;font-family:Inter;font-weight:500;line-height:20px;letter-spacing:-.14px;display:flex;flex-direction:column;justify-content:center;align-self:stretch}.PopupEmailExpired .Desc .text{color:#656565;font-size:12px;font-family:Inter;line-height:22px;letter-spacing:.12px}.PopupEmailExpired .Desc .text span{color:#6562df;cursor:pointer}.PopupEmailExpired .cta{display:flex;width:100%;padding:12px 12px 12px 16px;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:var(--Primary-Color-Primary600, #5C5ACC)}.PopupEmailExpired .cta p{color:var(--Neutral-Color-Neutral100, #FAFAFA);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.RoboChange{width:420px;margin:0;padding:0;min-width:420px;background:#FFFFFF;position:relative;border-radius:16px}.ChangeClassPopup_head{display:flex;justify-content:flex-end;align-items:center;padding:16px 24px;border-bottom:1px solid #F2F2F2;position:sticky;top:0;border-radius:16px 16px 0 0;background:#FFFFFF}.RoboChange .Banner{display:flex;justify-content:center;align-items:center;margin-bottom:4px}.RoboChange .Question{font-weight:700;font-size:14px;line-height:20px;display:flex;align-items:center;justify-content:center;letter-spacing:-.01em;text-transform:capitalize;color:#333;margin-bottom:4px}.RoboChange .Description{font-weight:400;font-size:12px;line-height:22px;display:flex;align-items:center;text-align:center;letter-spacing:.01em;color:#656464;padding:0 12px}.RoboChange .Action{display:flex;justify-content:center;align-items:flex-start;padding:12px 16px;gap:12px}.RoboChange .Action .No{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px;color:#df6262;background:none;border:none}.RoboChange .Action .Yes{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 12px;gap:8px;color:#fff;background:#5C5ACC;border-radius:4px}.BgTriggerVariation{position:absolute;top:0;right:320px;z-index:4;width:calc(100dvw - 640px);height:calc(100dvh - 72px)!important;background-color:#00000050;display:flex;justify-content:center;align-items:center}.BgTriggerVariation .TriggerVariation{display:flex;flex-direction:column;align-items:flex-start;width:615px;border-radius:8px;box-shadow:0 0 10px #0000001a;background-color:#fff}.BgTriggerVariation .TVHeader{display:flex;align-items:center;justify-content:space-between;padding:12px;width:calc(100% - 24px);border-bottom:1px solid #F2F2F2}.BgTriggerVariation .TVHeader h3{font-size:24px;line-height:32px;font-weight:700;color:#333}.BgTriggerVariation .TVBody{display:flex;flex-direction:column;align-items:flex-start;padding:12px;border-bottom:1px solid #FAFAFA;height:300px;width:calc(100% - 24px)}#TriggerVariationType{display:flex;flex-direction:row;gap:8px;padding:4px 8px;background:none;border:1px solid #6562DF}#TriggerVariationType p{font-weight:700;font-size:14px;line-height:20px;color:#656565}.BgTriggerVariation .TVBody .SentenceInput{background-color:#f2f2f2;border-radius:4px;margin-top:8px;margin-bottom:8px;width:100%}.BgTriggerVariation .TVBody .AdvCond{display:flex;justify-content:space-between;width:100%}.BgTriggerVariation .TVBody .AdvCond .LeftAdv{display:flex;gap:4px;justify-content:flex-start;align-items:center}.BgTriggerVariation .TVBody .AdvCond .LeftAdv p{color:#656565;font-weight:700;font-size:14px;line-height:20px}.BgTriggerVariation .TVBody .AdvCond .LeftAdv button{background:none;padding:0;align-self:center}.BgTriggerVariation .TVBody .blockFAQ{margin-top:8px;display:flex;gap:8px;justify-content:flex-start;align-items:center}.BgTriggerVariation .TVBody .blockFAQ p{color:#333;font-weight:500;font-size:14px}.BgTriggerVariation .TVBody .blockFAQ button{background:none;padding:0;align-self:flex-end}.BgTriggerVariation .TVBody .otherRes{margin-top:8px;border:1px solid #B3B3B3;width:calc(100% - 24px);background:#FAFAFA;padding:8px 12px;border-radius:4px}.BgTriggerVariation .TVBody .otherRes p{font-size:12px;color:#828282;line-height:18px;font-weight:400}.BgTriggerVariation .TVFooter{display:flex;align-items:center;justify-content:space-between;padding:12px;width:calc(100% - 24px)}.BgTriggerVariation .TVFooter button{border:none;outline:none;background:none;padding:12px;border-radius:4px;font-size:14px;font-weight:700;line-height:22px}.BgTriggerVariation .TVFooter #CancelTrigger{color:#df6262}.BgTriggerVariation .TVFooter #SaveTrigger{background-color:#5c5acc;color:#fafafa}.DeleteOneChat{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:0;position:absolute;width:420px;left:calc(50% - 210px);top:calc(50% - 150px);background:#FFFFFF;box-shadow:0 0 10px #0000001a;border-radius:8px}.DeleteOneChat .Header{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding:12px 16px;gap:4px;width:calc(100% - 32px)}.DeleteOneChat .Body{display:flex;flex-direction:column;align-items:center;padding:0;gap:4px;width:100%}.DeleteOneChat .Body .Warn{font-family:Inter;font-weight:700;font-size:14px;line-height:20px;letter-spacing:-.01em;text-transform:capitalize;color:#333}.DeleteOneChat .Body .Desc{font-family:Inter;font-weight:400;font-size:12px;line-height:22px;text-align:center;letter-spacing:.01em;color:#656464}.DeleteOneChat .Action{display:flex;justify-content:center;align-items:flex-start;padding:12px 16px;gap:12px}.DeleteOneChat .Action button{border:none;outline:none;cursor:pointer}.DeleteOneChat .Action .No{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px;gap:8px;background:#FFFFFF}.DeleteOneChat .Action .Yes{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 12px;gap:8px;background:#DF6262;border-radius:4px;color:#fff!important}._main_1xdjp_1{display:flex;flex-direction:column;background:white;border-radius:8px}._header_1xdjp_8{display:flex;align-items:center;justify-content:flex-end;padding:16px 12px}._body_1xdjp_15{display:flex;flex-direction:column;gap:4px;padding:16px 12px}._img_1xdjp_22{width:180px;align-self:center}._info_1xdjp_27{display:flex;flex-direction:column;gap:4px}._text_main_1xdjp_33{font-weight:700;font-size:14px;line-height:20px;color:#333}._text_submain_1xdjp_40{font-weight:400;font-size:12px;line-height:22px;color:#656464}._footer_1xdjp_47{display:flex;justify-content:center;align-items:center;padding:16px 12px}._btn_footer_1xdjp_55{border:none;outline:none;background:none;padding:8px;border-radius:4px;transition:.3s}._btn_footer_1xdjp_55:hover{background:#DADAF2}._footer_text_1xdjp_68{font-weight:600;text-decoration:underline;font-size:12px}.EditGbPopupWarning,.EditGbPopupWarning .css-1t1j96h-MuiPaper-root-MuiDialog-paper{width:500px;margin:0 auto}.EditGbPopupWarning .css-hz1bth-MuiDialog-container,.EditGbPopupWarning .css-1t1j96h-MuiPaper-root-MuiDialog-paper{margin:0;padding:0;min-width:500px}.EditGbPopupWarning .css-1t1j96h-MuiPaper-root-MuiDialog-paper{background:#FFF;position:relative}.EditGbPopupWarning_head{display:flex;justify-content:flex-end;align-items:center;padding:16px 24px 0;position:sticky;top:0;z-index:1}.EditGbPopupWarning_body{display:flex;flex-direction:column;align-items:center;padding:0 24px 24px;gap:8px}.EditGbPopupWarning_body img{height:180px;object-fit:contain}.EditGbPopupWarning_body h3{font-size:24px;font-weight:500;margin:0}.EditGbPopupWarning_body p{margin:4px 0 0;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;text-transform:capitalize}.BgPopupCreateRobo{position:absolute;top:72px;right:0;z-index:400;width:calc(100dvw - 320px);height:calc(100dvh - 72px)!important;background-color:#00000050;display:flex;justify-content:center;align-items:center}.PopupCreateRoboAction{display:flex;width:615px;flex-direction:column;align-items:flex-start;border-radius:8px;box-shadow:0 0 10px #0000001a;background-color:#fff}.PopupCreateRoboAction .Head{display:flex;padding:12px;justify-content:space-between;align-items:center;align-self:stretch;border-bottom:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--background-white, #fff);border-radius:8px 8px 0 0}.PopupCreateRoboAction .Head .Left{display:flex;align-items:center;gap:8px}.PopupCreateRoboAction .Head .Left p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:24px;font-style:normal;font-weight:700;line-height:32px;letter-spacing:-.48px}.PopupCreateRoboAction .Body{overflow-y:scroll;overflow-x:hidden;display:flex;height:39.0625vh;width:calc(100% - 24px);padding:12px;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch;border-bottom:1px solid var(--neutral-color-neutral-100, #fafafa);background:var(--background-white, #fff)}.PopupCreateRoboAction .Body .Timestamp{display:flex;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch}.PopupCreateRoboAction .Body .Timestamp .Action{display:flex;align-items:center;align-content:center;gap:8px;flex-wrap:wrap}.PopupCreateRoboAction .Body .Timestamp .Info{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:16px}.PopupCreateRoboAction .Body .Timestamp .Input{display:flex;padding:12px;align-items:center;gap:10px;align-self:stretch;border-radius:4px;border:1px solid var(--neutral-color-neutral-3, #656464);background:#fff}.PopupCreateRoboAction .Body .Timestamp .Act{border:1px solid var(--primary-color-primary-400, #817ee5)}.PopupCreateRoboAction .Body .Timestamp .Input p{flex:1;color:var(--primary-color-primary-900, #23224d);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.PopupCreateRoboAction .Body .Timestamp .TextInfo{display:flex;padding:4px 8px;align-items:center;gap:8px}.PopupCreateRoboAction .Body .Timestamp .TextInfo p{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.PopupCreateRoboAction .Body .WrapperTag{display:flex;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch}.PopupCreateRoboAction .Body .WrapperTag label{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.PopupCreateRoboAction .Body .WrapperTag .InputTag{width:100%}.PopupCreateRoboAction .Footer{display:flex;padding:12px;justify-content:space-between;align-items:center;align-self:stretch;background:var(--background-white, #fff);border-radius:0 0 8px 8px}.PopupCreateRoboAction .Footer button{outline:none;background:none;border:none}.PopupCreateRoboAction .Footer .Cancel{display:flex;padding:12px;justify-content:center;align-items:center}.PopupCreateRoboAction .Footer .Cancel p{color:var(--info-color-danger, #df6262);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.PopupCreateRoboAction .Footer .Add{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:var(--primary-color-primary-600, #5c5acc)}.PopupCreateRoboAction .Footer .Add:hover{background:var(--primary-color-primary-600, #23224d)}.PopupCreateRoboAction .Footer .Add p{color:var(--neutral-color-neutral-100, #fafafa);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.BgRemoveLastOperator{position:fixed;left:320px;top:72px;width:calc(100dvw - 320px);height:calc(100dvh - 72px);background-color:#00000050;display:flex;justify-content:center;align-items:center;z-index:7}.RemoveLastOperator{display:flex;width:420px;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;background:var(--background-white, #FFF)}.RemoveLastOperator .Header{display:flex;padding:12px 16px;justify-content:flex-end;align-items:center;gap:4px;align-self:stretch}.RemoveLastOperator .Body{display:flex;padding:0 16px;flex-direction:column;align-items:center;gap:4px;align-self:stretch}.RemoveLastOperator .Body img{width:225px}.RemoveLastOperator .Body .title{color:var(--neutral-color-neutral-4, #333);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;text-transform:capitalize}.RemoveLastOperator .Body .info{color:#656464;text-align:center;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.RemoveLastOperator .Footer{display:flex;padding:12px 16px;justify-content:center;align-items:flex-start;gap:12px;align-self:stretch}.RemoveLastOperator .Footer button{border:none;outline:none;background:none;cursor:pointer}.RemoveLastOperator .Footer .Cancel{display:flex;padding:8px;justify-content:center;align-items:center;gap:8px;border-radius:4px;color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.RemoveLastOperator .Footer .Yes{display:flex;padding:8px 12px;justify-content:center;align-items:center;gap:8px;border-radius:4px;background:var(--info-color-danger, #DF6262);color:var(--neutral-color-neutral-100, #FAFAFA);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.CreateFineTuningPopup,.CreateFineTuningPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{width:615px;margin:0 auto}.CreateFineTuningPopup .css-hz1bth-MuiDialog-container,.CreateFineTuningPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{margin:0;padding:0;min-width:615px;border-radius:8px}.CreateFineTuningPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{background:#FFF;position:relative}.CreateFineTuningPopup_head{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #F2F2F2;position:sticky;top:0;background:#FAFAFA;z-index:1}.CreateFineTuningPopup_photo{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}.CreateFineTuningPopup_photo p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.CreateFineTuningPopup_photo .photo{position:relative}.CreateFineTuningPopup_photo .avatar{width:200px;height:200px;border-radius:50%}.CreateFineTuningPopup_photo .hoverText{position:absolute;display:flex;justify-content:center;align-items:center;padding:12px;gap:12px;top:0;left:0;width:180px;height:180px;background:rgba(51,51,51,.8);border-radius:50%;opacity:0}.CreateFineTuningPopup_photo .photo:hover .hoverText{opacity:1}.CreateFineTuningPopup_photo .hoverText p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fff}.CreateFineTuningPopup_photo .hoverText input{display:none}.CreateFineTuningPopup_formInput{display:flex;flex-direction:column;align-items:flex-start;padding:12px;label {font-weight: 500; font-size: 14px; line-height: 24px; letter-spacing: .01em; color: #656464; margin: 0; span {color: #DF6262;}} .MuiInputBase-root {display: flex; height: 48px; padding: 4px 8px; align-items: center; gap: 4px; width: 100%; .MuiInputBase-input {padding: 0; text-transform: capitalize; font-size: 12px; font-style: normal; font-weight: 400; line-height: 18px;}} .info {display: flex; padding: 4px 8px; align-items: center; gap: 8px;} .MuiAutocomplete-root {width: 100%; input {padding: 0 !important; height: 28px; margin-top: 0; border: none;} .li_dataTrain {display: flex; padding: 4px 8px; justify-content: space-between; align-items: center; align-self: stretch; background: red;}}}.CreateFineTuningPopup_formInput .css-b62m3t-container{width:100%}.CreateFineTuningPopup_formInput input{padding:0 12px;height:48px;width:calc(100% - 24px);border:1px solid #F2F2F2;border-radius:4px;color:#656464;margin-top:8px}.CreateFineTuningPopup_formInput textarea{flex-direction:row;align-items:flex-start;padding:12px;gap:10px;width:calc(100% - 24px);background:#FAFAFA;border:1px solid #F2F2F2;border-radius:4px;font-weight:400;font-size:12px;line-height:22px;display:flex;align-items:center;letter-spacing:.01em;color:#828282}.CreateFineTuningPopup_formInput .inputWaNumber .country p{font-weight:600;font-size:16px;line-height:24px;display:flex;align-items:center;color:#333}.CreateFineTuningPopup_formInput .css-vamk89-MuiFormControl-root{width:100%;margin:8px 0 0;height:48px}.CreateFineTuningPopup_formInput .selectTagWa{height:48px}.CreateFineTuningPopup_footer{height:78px;position:sticky;bottom:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 16px;gap:4px;background:#FFFFFF}.CreateFineTuningPopup_footer .cancel{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px;gap:12px;width:76px;height:46px;border-radius:4px;cursor:pointer}.CreateFineTuningPopup_footer .cancel p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#df6262}.CreateFineTuningPopup_footer .cancel img{width:16px;height:16px}.CreateFineTuningPopup_footer .add,.CreateFineTuningPopup_footer .addDisbale{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px;gap:12px;background:#5C5ACC;border-radius:4px;cursor:pointer;p {font-weight: 700; font-size: 14px; line-height: 22px; letter-spacing: .05em; color: #FAFAFA;} img {width: 16px; height: 16px;}}.CreateFineTuningPopup_footer .addDisbale{background:#656464}.InputDataTrain{width:100%}.InputDataTrain .input{display:flex;height:22px;width:calc(100% - 26px);padding:12px;align-items:center;gap:4px;align-self:stretch;border-radius:4px;border:1px solid #F2F2F2;p {color: #23224D;} input {height: 22px; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px; border: none; margin-top: 0; flex: 1;}}.InputDataTrain .input-danger{border-color:#df6262}.InputDataTrain .data{display:flex;max-height:260px;overflow-y:scroll;padding:4px;flex-direction:column;align-items:flex-start;gap:4px;border-radius:4px;border:1px solid #B3B3B3;margin-top:8px}.InputDataTrain .data .itemData{display:flex;padding:4px 8px;justify-content:space-between;align-items:center;align-self:stretch;border-bottom:1px solid #F2F2F2}.InputDataTrain .data .itemData .name{display:flex;align-items:center;gap:4px;width:100%}.InputDataTrain .data .itemData .name .MuiCheckbox-root{padding:0;color:#ccc;svg {fill: #CCCCCC;}}.InputDataTrain .data .itemData .name .Mui-checked{color:#5c5acc;svg {fill: #5C5ACC;}}.InputDataTrain .data .itemData .name .rightDataName{display:flex;flex-direction:column;align-items:flex-start;width:100%}.InputDataTrain .data .itemData .openFolder{background:none;padding:0}.InputDataTrain .warning{display:flex;padding:4px 8px;align-items:center;gap:8px;margin-top:8px;p {color: #DF6262;}}.FolderFineTuningPopup,.FolderFineTuningPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{width:615px;margin:0 auto}.FolderFineTuningPopup .css-hz1bth-MuiDialog-container,.FolderFineTuningPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{margin:0;padding:0;min-width:615px;border-radius:8px}.FolderFineTuningPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{background:#FFF;position:relative}.FolderFineTuningPopup_form{padding:12px}.FolderFineTuningPopup_form .breadcrumbsFolder{display:flex;align-items:center;gap:4px;p:nth-child(1) {color: #656464; cursor: pointer;} p:nth-child(2) {color: #6562DF; cursor: pointer;}}.FolderFineTuningPopup_form .main{height:390px;overflow-y:scroll}.FolderFineTuningPopup_form .itemData{display:flex;height:32px;width:calc(100% - 24px);padding:8px 8px 8px 16px;justify-content:space-between;align-items:center;flex:1 0 0;background:#FFFFFF;border-bottom:.5px solid #B3B3B3;p,input {font-size: 12px; font-style: normal; font-weight: 700; line-height: 18px; color: #333333;} input {width: 100%;} div {display: flex; height: 32px; padding: 8px; justify-content: space-between; align-items: center;} .name {display: flex; align-items: center; gap: 4px; padding: 0;} .openFolder {display: flex; width: 120px; height: 48px; padding: 8px; justify-content: flex-end; align-items: center; gap: 8px; background: none; .box {display: flex; width: 24px; height: 24px; justify-content: center; align-items: center; flex-shrink: 0; padding: 0; background: none; border-radius: 4px;}}}.FolderFineTuningPopup_form .itemDataSelected{p {color: #B3B3B3;}}.FolderModulePopup,.FolderModulePopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{width:615px;margin:0 auto}.FolderModulePopup .css-hz1bth-MuiDialog-container,.FolderModulePopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{margin:0;padding:0;min-width:615px;border-radius:8px}.FolderModulePopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{background:#FFF;position:relative}.FolderFineTuningPopup_head{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #F2F2F2;position:sticky;top:0;background:#FAFAFA;z-index:1}.FolderFineTuningPopup_photo{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}.FolderFineTuningPopup_photo p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.FolderFineTuningPopup_photo .photo{position:relative}.FolderFineTuningPopup_photo .avatar{width:200px;height:200px;border-radius:50%}.FolderFineTuningPopup_photo .hoverText{position:absolute;display:flex;justify-content:center;align-items:center;padding:12px;gap:12px;top:0;left:0;width:180px;height:180px;background:rgba(51,51,51,.8);border-radius:50%;opacity:0}.FolderFineTuningPopup_photo .photo:hover .hoverText{opacity:1}.FolderFineTuningPopup_photo .hoverText p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fff}.FolderFineTuningPopup_photo .hoverText input{display:none}.FolderModulePopup_form{padding:12px}.FolderModulePopup_form .breadcrumbsFolder{display:flex;align-items:center;gap:4px;p:nth-child(1) {color: #656464; cursor: pointer;} p:nth-child(2) {color: #6562DF; cursor: pointer;}}.FolderModulePopup_form .main{height:390px;overflow-y:scroll}.FolderModulePopup_form .itemData{display:flex;height:32px;width:calc(100% - 24px);padding:8px 8px 8px 16px;justify-content:space-between;align-items:center;flex:1 0 0;background:#FFFFFF;border-bottom:.5px solid #B3B3B3;p,input {font-size: 12px; font-style: normal; font-weight: 700; line-height: 18px; color: #333333;} input {width: 100%;} div {display: flex; height: 32px; padding: 8px; justify-content: space-between; align-items: center;} .name,.name_module {display: flex; align-items: center; gap: 4px; padding: 0;} .name_module{p{color: #B3B3B3;}} .openFolder {display: flex; width: 120px; height: 48px; padding: 8px; justify-content: flex-end; align-items: center; gap: 8px; background: none; .box {display: flex; width: 24px; height: 24px; justify-content: center; align-items: center; flex-shrink: 0; padding: 0; border-radius: 4px;} .box:hover {background: #DADAF2;}}}.FolderModulePopup_form .itemData_selected .name{p{color: #B3B3B3;}}.FolderModulePopup_form .itemData_selected .openFolder{p{color: #B3B3B3;} .arr{color: #B3B3B3 !important;}}.FolderFineTuningPopup_footer{height:46px;position:sticky;bottom:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0;gap:4px;background:#FFFFFF}.FolderFineTuningPopup_footer .cancel{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px;gap:12px;width:76px;height:46px;border-radius:4px;cursor:pointer}.FolderFineTuningPopup_footer .cancel p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#df6262}.FolderFineTuningPopup_footer .cancel img{width:16px;height:16px}.FolderFineTuningPopup_footer .add{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px;gap:12px;background:#5C5ACC;border-radius:4px;cursor:pointer}.FolderFineTuningPopup_footer .add p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fafafa}.FolderFineTuningPopup_footer .add img{width:16px;height:16px}.UpdateFineTuningPopup,.UpdateFineTuningPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{width:800px;margin:0 auto}.UpdateFineTuningPopup .css-hz1bth-MuiDialog-container,.UpdateFineTuningPopup .MuiPaper-root,.UpdateFineTuningPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{margin:0;padding:0;min-width:800px;border-radius:8px}.UpdateFineTuningPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{background:#FFF;position:relative}.UpdateFineTuningPopup_head{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #F2F2F2;position:sticky;top:0;background:#FAFAFA;z-index:1}.UpdateFineTuningPopup_photo{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}.UpdateFineTuningPopup_photo p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.UpdateFineTuningPopup_photo .photo{position:relative}.UpdateFineTuningPopup_photo .avatar{width:200px;height:200px;border-radius:50%}.UpdateFineTuningPopup_photo .hoverText{position:absolute;display:flex;justify-content:center;align-items:center;padding:12px;gap:12px;top:0;left:0;width:180px;height:180px;background:rgba(51,51,51,.8);border-radius:50%;opacity:0}.UpdateFineTuningPopup_photo .photo:hover .hoverText{opacity:1}.UpdateFineTuningPopup_photo .hoverText p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fff}.UpdateFineTuningPopup_photo .hoverText input{display:none}.UpdateFineTuningPopup_data{padding:0 12px}.UpdateFineTuningPopup_data .info{display:flex;padding:4px 0;justify-content:flex-start;align-items:center;align-self:stretch;margin-bottom:12px;gap:4px;p {font-size: 14px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: -.14px; color: #000000;} .wrp_btn {padding: 0; background: none; display: flex; align-items: center;}}.UpdateFineTuningPopup_data :is(.header,.itemData){display:flex;align-items:center;align-self:stretch;border-bottom:.5px solid #656565;background:#DADAF2;border-radius:4px 4px 0 0}.UpdateFineTuningPopup_data :is(.header,.itemData) :is(.column,.action){display:flex;height:24px;padding:8px 8px 8px 16px;justify-content:space-between;align-items:center;flex:2;p {font-size: 12px; font-style: normal; font-weight: 700; line-height: 18px; color: #333333;}}.UpdateFineTuningPopup_data :is(.header,.itemData) .action{flex:1}.UpdateFineTuningPopup_data .itemData{background:#FFFFFF;border-bottom:.5px solid #B3B3B3;p {font-weight: 400 !important;} .special_text {font-size: 12px; font-style: normal; font-weight: 400 !important; line-height: 18px; text-decoration-line: underline; color: #6562DF !important;} .action {justify-content: flex-end; button {display: flex; height: 32px; padding: 4px 8px; justify-content: center; align-items: center; gap: 4px; border-radius: 4px; border: 1px solid #6562DF; background: none; p {font-size: 12px; font-style: normal; font-weight: 600 !important; line-height: 20px; color: #6562DF;}}}}.UpdateFineTuningPopup_formInput{display:flex;flex-direction:column;align-items:flex-start;padding:12px;label {font-weight: 500; font-size: 14px; line-height: 24px; letter-spacing: .01em; color: #656464; margin: 0; span {color: #DF6262;}} .MuiInputBase-root {display: flex; height: 48px; padding: 4px 8px; align-items: center; gap: 4px; width: 100%; .MuiInputBase-input {padding: 0; text-transform: capitalize; font-size: 12px; font-style: normal; font-weight: 400; line-height: 18px;}} .info {display: flex; padding: 4px 8px; align-items: center; gap: 8px;} .MuiAutocomplete-root {width: 100%; input {padding: 0 !important; height: 28px; margin-top: 0; border: none;} .li_dataTrain {display: flex; padding: 4px 8px; justify-content: space-between; align-items: center; align-self: stretch; background: red;}}}.UpdateFineTuningPopup_form #accordion_hyperparameter{padding:12px;min-width:calc(100% - 24px)}.li_dataTrainFineTuning{display:flex;gap:4px;padding:4px 8px;justify-content:flex-start;align-items:center;align-self:stretch}.li_dataTrainFineTuning .MuiCheckbox-root{padding:0;color:#ccc;svg {fill: #CCCCCC;}}.li_dataTrainFineTuning .Mui-checked{color:#5c5acc;svg {fill: #5C5ACC;}}.UpdateFineTuningPopup_formInput .css-b62m3t-container{width:100%}.CreateFineTuningAccordion{padding:12px;gap:8px;margin:0!important;box-shadow:none!important;width:calc(100% - 24px)}.CreateFineTuningAccordion:before{display:none}.CreateFineTuningAccordionHeader{display:flex;align-self:stretch;justify-content:space-between;padding:0!important;min-height:0!important}.CreateFineTuningAccordionHeader .MuiAccordionSummary-content{display:flex;align-items:center;justify-content:space-between;margin:0}.css-o4b71y-MuiAccordionSummary-content.Mui-expanded{margin:0!important}.CreateFineTuningAccordionHeader .Header{display:flex;align-items:center;gap:4px;p {color: var(--neutral-color-neutral-4, #333); font-family: Inter; font-size: 16px; font-style: normal; font-weight: 700; line-height: 24px;} .wrp_btn {background: none; padding: 0; margin-top: 2px; svg {height: 20px; width: 20px;}}}.CreateFineTuningAccordionBody{padding:0!important}.CreateFineTuningAccordionBody .Body .itemData{display:flex;justify-content:space-between;align-items:center;align-self:stretch;margin-top:12px;input {display: flex; width: 56px; height: 24px; padding: 12px; align-items: center; gap: 10px; border-radius: 4px; border: 1px solid #656464;}}.CreateFineTuningAccordionBody .Body .itemData .left{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px}.CreateFineTuningAccordionBody .Body .itemData .left .top{display:flex;align-items:center;gap:4px}.CreateFineTuningAccordionBody .Body .itemData .left .top .MuiCheckbox-root{padding:0;color:#ccc;svg {fill: #CCCCCC;}}.CreateFineTuningAccordionBody .Body .itemData .left .top .Mui-checked{color:#5c5acc;svg {fill: #5C5ACC;}}.CreateFineTuningAccordionBody .Body .itemData .left .top .wrp_btn{background:none;padding:0;margin-top:2px}.CreateFineTuningAccordionBody .Body .itemData .left .bottom{padding-left:24px}.UpdateFineTuningPopup_formInput input{padding:0 12px;height:48px;width:calc(100% - 24px);border:1px solid #F2F2F2;border-radius:4px;color:#656464;margin-top:8px}.UpdateFineTuningPopup_formInput textarea{flex-direction:row;align-items:flex-start;padding:12px;gap:10px;width:calc(100% - 24px);background:#FAFAFA;border:1px solid #F2F2F2;border-radius:4px;font-weight:400;font-size:12px;line-height:22px;display:flex;align-items:center;letter-spacing:.01em;color:#828282}.UpdateFineTuningPopup_footer{height:78px;position:sticky;bottom:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 16px;gap:4px;background:#FFFFFF}.UpdateFineTuningPopup_footer .cancel{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px;gap:12px;width:76px;height:46px;border-radius:4px;cursor:pointer}.UpdateFineTuningPopup_footer .cancel p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#df6262}.UpdateFineTuningPopup_footer .cancel img{width:16px;height:16px}.UpdateFineTuningPopup_footer .add{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px;gap:12px;background:#5C5ACC;border-radius:4px;cursor:pointer}.UpdateFineTuningPopup_footer .add p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fafafa}.UpdateFineTuningPopup_footer .add img{width:16px;height:16px}.UpdateFineTuningPopup_footer .addDisbale{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px;gap:12px;background:#656464;border-radius:4px;cursor:pointer;p {font-weight: 700; font-size: 14px; line-height: 22px; letter-spacing: .05em; color: #FAFAFA;} img {width: 16px; height: 16px;}}.UpdateFineTuningPopup_dataVersionLog .MuiPaper-root{width:438px;border-radius:8px;border:1px solid #B3B3B3;box-shadow:0 0 10px #0000001a}.UpdateFineTuningPopup_dataVersionLog .MuiPaper-root .header{display:flex;padding:8px 12px;justify-content:space-between;align-items:center;align-self:stretch;border-bottom:1px solid #F2F2F2}.UpdateFineTuningPopup_dataVersionLog .MuiPaper-root .body{display:flex;padding:12px;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch}.UpdateFineTuningPopup_dataVersionLog .MuiPaper-root .body .tab{display:flex;align-items:flex-start;gap:8px;align-self:stretch}.UpdateFineTuningPopup_dataVersionLog .MuiPaper-root .body .tab .button{display:flex;padding:8px;justify-content:center;align-items:center;gap:8px;flex:1 0 0;border-radius:4px;background:#FAFAFA;font-family:Inter;font-size:12px;font-style:normal;font-weight:700;line-height:18px;color:#b3b3b3}.UpdateFineTuningPopup_dataVersionLog .MuiPaper-root .body .tab .button-active{background:#6562DF;color:#fff}.UpdateFineTuningPopup_dataVersionLog .MuiPaper-root .body .data{width:calc(100% + -0px);overflow-x:hidden}.UpdateFineTuningPopup_dataVersionLog .MuiPaper-root .body .data :is(.header,.itemData){display:flex;align-items:center;background:#F2F2F2;height:20px;border-radius:4px 4px 0 0}.UpdateFineTuningPopup_dataVersionLog .MuiPaper-root .body .data :is(.header,.itemData) .left{flex:1;display:flex;justify-content:flex-start;align-items:center;padding:8px 8px 8px 12px;gap:4px}.UpdateFineTuningPopup_dataVersionLog .MuiPaper-root .body .data :is(.header,.itemData) .right{flex:2;display:flex;justify-content:flex-start;align-items:center;padding:8px 8px 8px 12px;gap:4px}.UpdateFineTuningPopup_dataVersionLog .MuiPaper-root .body .data .itemData{background:#FFFFFF;height:32px;width:calc(100% + 24px)}.UpdateFineTuningPopup_dataVersionLog .MuiPaper-root .body .data .itemList{overflow-y:scroll;overflow-x:hidden;height:186px}.UpdateFineTuningPopup_dataVersionLog .MuiPaper-root .body .dataConfig{display:flex;padding:12px;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch;border-radius:4px;background:#FAFAFA}.UpdateFineTuningPopup_dataVersionLog .MuiPaper-root .body .dataConfig .item{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.CloneFineTuningPopup,.CloneFineTuningPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{width:420px;margin:0 auto}.CloneFineTuningPopup .css-hz1bth-MuiDialog-container,.CloneFineTuningPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{margin:0;padding:0;min-width:420px;border-radius:8px}.CloneFineTuningPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{background:#FFF;position:relative}.CloneFineTuningPopup_head{display:flex;justify-content:flex-end;align-items:center;padding:16px 24px;position:sticky;top:0;z-index:1}.CloneFineTuningPopup_main{display:flex;flex-direction:column;align-items:center;gap:4px;align-self:stretch;padding:16px;p {text-align: center;}}.CloneFineTuningPopup .btn-list{display:flex;padding:12px 16px;justify-content:center;align-items:flex-start;gap:12px;align-self:stretch}.CloneFineTuningPopup .btn-list .cancel{display:flex;width:120px;height:36px;padding:8px;justify-content:center;align-items:center;gap:8px;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px;color:#333;background:none}.CloneFineTuningPopup .btn-list .create{display:flex;width:120px;height:36px;padding:8px;justify-content:center;align-items:center;gap:8px;border-radius:4px;background:#5C5ACC;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px;color:#fafafa}.DeleteFineTuningPopup,.DeleteFineTuningPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{width:420px;margin:0 auto}.DeleteFineTuningPopup .css-hz1bth-MuiDialog-container,.DeleteFineTuningPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{margin:0;padding:0;min-width:420px;border-radius:8px}.DeleteFineTuningPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{background:#FFF;position:relative}.ChangeFineTuningPopup,.ChangeFineTuningPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{width:580px;margin:0 auto}.ChangeFineTuningPopup .css-hz1bth-MuiDialog-container,.ChangeFineTuningPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{margin:0;padding:0;min-width:580px;border-radius:8px}.ChangeFineTuningPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{background:#FFF;position:relative}.DeleteFineTuningPopup_head{display:flex;justify-content:flex-end;align-items:center;padding:16px 24px;position:sticky;top:0;z-index:1}.DeleteFineTuningPopup_main{display:flex;flex-direction:column;align-items:center;gap:4px;align-self:stretch;padding:16px;p {text-align: center;}}.DeleteFineTuningPopup .btn-list{display:flex;padding:12px 16px;justify-content:center;align-items:flex-start;gap:12px;align-self:stretch}.DeleteFineTuningPopup .btn-list .cancel{display:flex;width:120px;height:36px;padding:8px;justify-content:center;align-items:center;gap:8px;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px;color:#333;background:none}.DeleteFineTuningPopup .btn-list .create{display:flex;width:120px;height:36px;padding:8px;justify-content:center;align-items:center;gap:8px;border-radius:4px;background:#DF6262;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px;color:#fafafa}.ChangeFineTuningPopup_head{display:flex;padding:12px;justify-content:space-between;align-items:center;align-self:stretch;border-bottom:1px solid #F2F2F2}.ChangeFineTuningPopup_body{display:flex;height:320px;padding:12px;flex-direction:column;align-items:flex-start;gap:20px;align-self:stretch;border-bottom:1px solid #FAFAFA;overflow-y:hidden;overflow-x:hidden}.ChangeFineTuningPopup_body .InputDataModel .data{max-height:160px}.ChangeFineTuningPopup_footer{display:flex;padding:12px;justify-content:space-between;align-items:center;align-self:stretch}.ChangeFineTuningPopup_footer .cancel{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;font-size:14px;font-style:normal;font-weight:700;line-height:22px;color:#df6262}.ChangeFineTuningPopup_footer .confirm{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:#5C5ACC;font-size:14px;font-style:normal;font-weight:700;line-height:22px;color:#fafafa}.listRobotAffectedDeleteFineTuning .MuiPaper-root{width:438px;border-radius:8px;border:1px solid #B3B3B3;box-shadow:0 0 10px #0000001a}.listRobotAffectedDeleteFineTuning .MuiPaper-root .header{display:flex;padding:8px 12px;justify-content:space-between;align-items:center;align-self:stretch;border-bottom:1px solid #F2F2F2}.listRobotAffectedDeleteFineTuning .MuiPaper-root .body{display:flex;padding:12px;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch}.listRobotAffectedDeleteFineTuning .MuiPaper-root .body .data{width:calc(100% + -0px);overflow-x:hidden}.listRobotAffectedDeleteFineTuning .MuiPaper-root .body .data :is(.header,.itemData){display:flex;align-items:center;background:#DADAF2;height:20px;border-radius:4px 4px 0 0}.listRobotAffectedDeleteFineTuning .MuiPaper-root .body .data :is(.header,.itemData) .left{flex:1;display:flex;justify-content:flex-start;align-items:center;padding:8px 8px 8px 12px;gap:4px}.listRobotAffectedDeleteFineTuning .MuiPaper-root .body .data :is(.header,.itemData) .right{flex:2;display:flex;justify-content:flex-start;align-items:center;padding:8px 8px 8px 12px;gap:4px}.listRobotAffectedDeleteFineTuning .MuiPaper-root .body .data .header{padding:8px 0}.listRobotAffectedDeleteFineTuning .MuiPaper-root .body .data .itemData{background:#FAFAFA;height:32px;width:calc(100% + 24px)}.listRobotAffectedDeleteFineTuning .MuiPaper-root .body .data .itemList{overflow-y:scroll;overflow-x:hidden;max-height:186px}.listRobotAffectedDeleteFineTuning .MuiPaper-root .body .data .itemList .right{padding-left:0}.InputPopupDataModel{width:100%}.InputPopupDataModel .input{display:flex;height:22px;width:calc(100% - 26px);padding:12px;align-items:center;gap:4px;align-self:stretch;border-radius:4px;border:1px solid #F2F2F2;p {color: #23224D; flex: 1; min-width: fit-content;} input {height: 22px; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px; border: none; margin-top: 0; flex: 1; min-width: 0px;}}.InputPopupDataModel .input-danger{border-color:#df6262}.InputPopupDataModel .data{display:flex;max-height:260px;overflow-y:scroll;padding:4px;flex-direction:column;align-items:flex-start;gap:4px;border-radius:4px;border:1px solid #B3B3B3;margin-top:8px}.InputPopupDataModel .data .itemData{display:flex;padding:4px 8px;justify-content:space-between;align-items:center;align-self:stretch;border-bottom:1px solid #F2F2F2;cursor:pointer;min-height:27px!important}.InputPopupDataModel .data .itemData .name{display:flex;align-items:center;gap:4px;width:100%}.InputPopupDataModel .data .itemData .name .MuiCheckbox-root{padding:0;color:#ccc;svg {fill: #CCCCCC;}}.InputPopupDataModel .data .itemData .name .Mui-checked{color:#5c5acc;svg {fill: #5C5ACC;}}.InputPopupDataModel .data .itemData .name .rightDataName{display:flex;flex-direction:column;align-items:flex-start;width:100%}.InputPopupDataModel .data .itemData .openFolder{background:none;padding:0}.InputPopupDataModel .data .itemDataSelected{background:#DADAF2;p {color: #333333;}}.InputPopupDataModel .warning{display:flex;padding:4px 8px;align-items:center;gap:8px;margin-top:8px;p {color: #DF6262;}}.delete_module{width:420px;background:#fff;border-radius:8px;display:flex;flex-direction:column}.delete_module .head{display:flex;justify-content:flex-end;padding:12px 16px}.delete_module .body{display:flex;flex-direction:column;gap:4px;align-items:center;img{width: 225px;} .info{display: flex; flex-direction: column; padding: 0 16px; gap: 4px; align-items: center; .text{font-weight: 700; font-size: 14px; line-height: 20px; color: #333333; text-align: center;} .subtext{font-weight: 400; font-size: 12px; line-height: 22px; color: #656464;}}}.delete_module .bottom{display:flex;justify-content:space-between;padding:12px 16px;button{background: none; outline: none; border: none; padding: 8px 12px; border-radius: 4px; font-weight: 600; font-size: 12px; line-height: 20px;} #delete_module {color: #333333;} #cancel_delete_module {color: #FAFAFA; background: #DF6262;}}.DeleteFolderFineTuningPopup,.DeleteFolderFineTuningPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{width:420px;margin:0 auto}.DeleteFolderFineTuningPopup .css-hz1bth-MuiDialog-container,.DeleteFolderFineTuningPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{margin:0;padding:0;min-width:420px;border-radius:8px}.DeleteFolderFineTuningPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{background:#FFF;position:relative}.DeleteFolderFineTuningPopup_head{display:flex;justify-content:flex-end;align-items:center;padding:16px 24px;position:sticky;top:0;z-index:1}.DeleteFolderFineTuningPopup_main{display:flex;flex-direction:column;align-items:center;gap:4px;align-self:stretch;padding:16px;p {text-align: center;}}.DeleteFolderFineTuningPopup .btn-list{display:flex;padding:12px 16px;justify-content:center;align-items:flex-start;gap:12px;align-self:stretch}.DeleteFolderFineTuningPopup .btn-list .cancel{display:flex;width:120px;height:36px;padding:8px;justify-content:center;align-items:center;gap:8px;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px;color:#333;background:none}.DeleteFolderFineTuningPopup .btn-list .create{display:flex;width:120px;height:36px;padding:8px;justify-content:center;align-items:center;gap:8px;border-radius:4px;background:#DF6262;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px;color:#fafafa}.FolderModelFineTuningPopup,.FolderModelFineTuningPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{width:615px;margin:0 auto}.FolderModelFineTuningPopup .css-hz1bth-MuiDialog-container,.FolderModelFineTuningPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{margin:0;padding:0;min-width:615px;border-radius:8px}.FolderModelFineTuningPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{background:#FFF;position:relative}.FolderModelFineTuningPopup_head{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #F2F2F2;position:sticky;top:0;background:#FAFAFA;z-index:1}.FolderModelFineTuningPopup_photo{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}.FolderModelFineTuningPopup_photo p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.FolderModelFineTuningPopup_photo .photo{position:relative}.FolderModelFineTuningPopup_photo .avatar{width:200px;height:200px;border-radius:50%}.FolderModelFineTuningPopup_photo .hoverText{position:absolute;display:flex;justify-content:center;align-items:center;padding:12px;gap:12px;top:0;left:0;width:180px;height:180px;background:rgba(51,51,51,.8);border-radius:50%;opacity:0}.FolderModelFineTuningPopup_photo .photo:hover .hoverText{opacity:1}.FolderModelFineTuningPopup_photo .hoverText p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fff}.FolderModelFineTuningPopup_photo .hoverText input{display:none}.FolderModelFineTuningPopup_form{padding:12px}.FolderModelFineTuningPopup_form .breadcrumbsFolder{display:flex;align-items:center;gap:4px;p:nth-child(1) {color: #656464; cursor: pointer;} p:nth-child(2) {color: #6562DF; cursor: pointer;}}.FolderModelFineTuningPopup_form .main{height:390px;overflow-y:scroll}.FolderModelFineTuningPopup_form .itemData{display:flex;height:32px;width:calc(100% - 24px);padding:8px 8px 8px 16px;justify-content:space-between;align-items:center;flex:1 0 0;background:#FFFFFF;border-bottom:.5px solid #B3B3B3;p,input {font-size: 12px; font-style: normal; font-weight: 700; line-height: 18px; color: #333333;} input {width: 100%;} div {display: flex; height: 32px; padding: 8px; justify-content: space-between; align-items: center;} .name {display: flex; align-items: center; gap: 4px; padding: 0; p {font-family: Inter; font-size: 12px; font-style: normal; font-weight: 400; line-height: 18px;} .caption_small {font-size: 12px; font-style: normal; font-weight: 400; line-height: 18px;}} .openFolder {display: flex; width: 120px; height: 48px; padding: 8px; justify-content: flex-end; align-items: center; gap: 8px; background: none; .box {display: flex; width: 24px; height: 24px; justify-content: center; align-items: center; flex-shrink: 0; padding: 0; border-radius: 4px;} .box:hover {background: #DADAF2;}}}.FolderModelFineTuningPopup_form .itemDataSelected{background:#DADAF2}.FolderModelFineTuningPopup_footer{height:46px;position:sticky;bottom:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0;gap:4px;background:#FFFFFF}.FolderModelFineTuningPopup_footer .cancel{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px;gap:12px;width:76px;height:46px;border-radius:4px;cursor:pointer}.FolderModelFineTuningPopup_footer .cancel p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#df6262}.FolderModelFineTuningPopup_footer .cancel img{width:16px;height:16px}.FolderModelFineTuningPopup_footer .add{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px;gap:12px;background:#5C5ACC;border-radius:4px;cursor:pointer}.FolderModelFineTuningPopup_footer .add p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fafafa}.FolderModelFineTuningPopup_footer .add img{width:16px;height:16px}.AddChatWidgetPopup,.AddChatWidgetPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{width:680px;margin:0 auto}.AddChatWidgetPopup .css-hz1bth-MuiDialog-container,.AddChatWidgetPopup .MuiPaper-root,.AddChatWidgetPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{margin:0;padding:0;min-width:680px}.AddChatWidgetPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{background:#FFF;position:relative}.AddChatWidgetPopup_head{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #F2F2F2;position:sticky;top:0;background:#FAFAFA;z-index:1}.AddChatWidgetPopup_photo{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:min-content}.AddChatWidgetPopup_photo p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.AddChatWidgetPopup_photo .photo{position:relative}.AddChatWidgetPopup_photo .avatar{width:200px;height:200px;border-radius:50%}.AddChatWidgetPopup_photo .hoverText{position:absolute;display:flex;justify-content:center;align-items:center;padding:12px;gap:12px;top:0;left:0;width:180px;height:180px;background:rgba(51,51,51,.8);border-radius:50%;opacity:0}.AddChatWidgetPopup_photo .photo:hover .hoverText{opacity:1}.AddChatWidgetPopup_photo .hoverText p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fff}.AddChatWidgetPopup_photo .hoverText input{display:none}.AddChatWidgetPopup_formInput{display:flex;flex-direction:column;align-items:flex-start;padding:12px 24px}.AddChatWidgetPopup_formInput label{font-size:14px;font-style:normal;font-weight:500;line-height:20px;color:#333;margin:0}.AddChatWidgetPopup_formInput .css-b62m3t-container{width:100%}.AddChatWidgetPopup_formInput label span{color:#df6262}.AddChatWidgetPopup_formInput input{padding:0 12px;height:48px;width:calc(100% - 24px);border:1px solid #F2F2F2;border-radius:4px;color:#656464;margin-top:8px}.AddChatWidgetPopup_formInput textarea{flex-direction:row;align-items:flex-start;padding:12px;gap:10px;width:calc(100% - 24px);border:1px solid #F2F2F2;border-radius:4px;font-weight:400;font-size:12px;line-height:22px;display:flex;align-items:center;letter-spacing:.01em;color:#828282}.AddChatWidgetPopup_formInput .inputWaNumber{display:flex;align-items:center;gap:8px;margin-top:8px;width:100%}.AddChatWidgetPopup_formInput .inputWaNumber input{margin-top:0}.AddChatWidgetPopup_formInput .inputWaNumber .country{display:flex;align-items:center;justify-content:center}.AddChatWidgetPopup_formInput .inputWaNumber .country .btnChange{display:flex;flex-direction:row;align-items:center;padding:12px;gap:4px;background:#FFF;border:1px solid #333333;border-radius:4px}.AddChatWidgetPopup_formInput .inputWaNumber .country .btnChange:hover{border:1px solid #6562DF;background:#FAFAFA}.AddChatWidgetPopup_formInput .inputWaNumber .country .btnChange .flag{width:24px;height:24px;border-radius:50%;overflow:hidden}.AddChatWidgetPopup_formInput .inputWaNumber .country p{font-weight:600;font-size:16px;line-height:24px;display:flex;align-items:center;color:#333}.AddChatWidgetPopup_formInput .css-vamk89-MuiFormControl-root{width:100%;margin:8px 0 0;height:48px}.AddChatWidgetPopup_formInput .selectTagWa{height:48px}.AddChatWidgetPopup_footer{position:sticky;bottom:0;display:flex;padding:16px;justify-content:space-between;align-items:center;align-self:stretch;box-shadow:0 0 10px #0000001a;background:#FFF}.AddChatWidgetPopup_footer .cancel{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;p {color: #DF6262;}}.AddChatWidgetPopup_footer .add{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:#5C5ACC;p {color: #FAFAFA;}}.AddChatWidgetPopup_formWidget{display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch;padding:12px 24px}.AddChatWidgetPopup_formWidget .top{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.AddChatWidgetPopup_formWidget .top .preview{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:4px;border-radius:4px;p {color: #6562DF;}}.AddChatWidgetPopup_formWidget .bottom{display:flex;align-items:center;gap:16px;align-self:stretch}.AddChatWidgetPopup_formWidget .bottom .inputImage{display:flex;width:132px;height:132px;padding:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;cursor:pointer;border-radius:4px;img {width: 100%; height: 100%; object-fit: contain;}}.AddChatWidgetPopup_formWidget .bottom .inputImage .bottom{display:flex;flex-direction:column;align-items:center;align-self:stretch;gap:0}.AddChatWidgetPopup_formWidget .bottom .inputImage .bottom .buttonAddImg{display:flex;height:24px;padding:8px;justify-content:center;align-items:center;gap:4px;align-self:stretch;border-radius:4px;p {color: #5C5ACC;}}.AddChatWidgetPopup_formWidget .bottom .inputImage .bottom .text_small_light{color:#b3b3b3}.AddChatWidgetPopup_formWidget .bottom .rightBottom{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:1 0 0}.AddChatWidgetPopup_formWidget .bottom .rightBottom .AddChatWidgetPopup_form{width:100%}.AddChatWidgetPopup_formWidget .bottom .rightBottom .AddChatWidgetPopup_form .AddChatWidgetPopup_formInput{padding:0}.UseChatWidgetPopup{width:680px;margin:0 auto}.UseChatWidgetPopup{margin:0;padding:0;min-width:680px}.UseChatWidgetPopup{background:#ffffff;position:relative}.UseChatWidgetPopup_head{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #f2f2f2;position:sticky;top:0;background:#fafafa;z-index:50000}.UseChatWidgetPopup_head h4{font-weight:600;font-size:16px;line-height:24px;color:#333}.UseChatWidgetPopup_formInput{display:flex;flex-direction:column;align-items:flex-start;padding:12px 24px}.UseChatWidgetPopup_formInput label{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464;margin:0}.UseChatWidgetPopup_step{display:flex;flex-direction:column;align-items:flex-start;padding:12px 24px;gap:8px}.UseChatWidgetPopup_step p{font-weight:400;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#656464}.UseChatWidgetPopup_step p:first-child{font-weight:500}.UseChatWidgetPopup_step pre{display:flex;align-items:center;padding:4px 8px;gap:8px;background:#fafafa;border:1px solid #f2f2f2;border-radius:4px;font-family:Inter;font-style:normal;font-weight:500;font-size:14px;text-wrap:wrap;line-height:20px;letter-spacing:-.01em;color:#656464;width:calc(100% - 32px)}.ConnetWaPopup_qr{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:12px 24px;gap:12px;background-color:#fafafa;background-clip:content-box}.ConnetWaPopup_qr p{color:var(--Neutral-Color-Neutral3, #656464);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.ConnetWaPopup_qr .qr{width:222px;height:226px}.ConnetWaPopup_qr h3{color:var(--Neutral-Color-Neutral3, #656464);font-family:Inter;font-size:16px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:.16px;text-align:center}.ConnetWaPopup_qr div{display:flex;flex-direction:column;align-items:center}.ConnetWaPopup_qr div svg{transform:scale(2.5);margin:20px 0}.ConnetWaPopup_qr div svg path{fill:#656464}.UseChatWidgetPopup .Connect_Success{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:12px 0;gap:12px}.UseChatWidgetPopup .Connect_Success .Title{font-weight:700;font-size:24px;line-height:32px;display:flex;align-items:center;letter-spacing:-.02em;color:#333;margin-bottom:4px;max-width:99%}.BgConnectWa{position:fixed;left:320px;top:72px;width:calc(100dvw - 320px);height:calc(100dvh - 72px);background-color:#00000050;display:flex;justify-content:center;align-items:center;z-index:4}.EditChatWidgetPopup,.EditChatWidgetPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{width:680px;margin:0 auto}.EditChatWidgetPopup .css-hz1bth-MuiDialog-container,.EditChatWidgetPopup .MuiPaper-root,.EditChatWidgetPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{margin:0;padding:0;min-width:680px}.EditChatWidgetPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{background:#FFF;position:relative}.EditChatWidgetPopup_head{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #F2F2F2;position:sticky;top:0;background:#FAFAFA;z-index:1}.EditChatWidgetPopup_photo{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:min-content}.EditChatWidgetPopup_photo p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.EditChatWidgetPopup_photo .photo{position:relative}.EditChatWidgetPopup_photo .avatar{width:200px;height:200px;border-radius:50%}.EditChatWidgetPopup_photo .hoverText{position:absolute;display:flex;justify-content:center;align-items:center;padding:12px;gap:12px;top:0;left:0;width:180px;height:180px;background:rgba(51,51,51,.8);border-radius:50%;opacity:0}.EditChatWidgetPopup_photo .photo:hover .hoverText{opacity:1}.EditChatWidgetPopup_photo .hoverText p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fff}.EditChatWidgetPopup_photo .hoverText input{display:none}.EditChatWidgetPopup_formInput{display:flex;flex-direction:column;align-items:flex-start;padding:12px 24px}.EditChatWidgetPopup_formInput label{font-size:14px;font-style:normal;font-weight:500;line-height:20px;color:#333;margin:0}.EditChatWidgetPopup_formInput .css-b62m3t-container{width:100%}.EditChatWidgetPopup_formInput label span{color:#df6262}.EditChatWidgetPopup_formInput input{padding:0 12px;height:48px;width:calc(100% - 24px);border:1px solid #F2F2F2;border-radius:4px;color:#656464;margin-top:8px}.EditChatWidgetPopup_formInput textarea{flex-direction:row;align-items:flex-start;padding:12px;gap:10px;width:calc(100% - 24px);border:1px solid #F2F2F2;border-radius:4px;font-weight:400;font-size:12px;line-height:22px;display:flex;align-items:center;letter-spacing:.01em;color:#828282}.EditChatWidgetPopup_formInput .inputWaNumber{display:flex;align-items:center;gap:8px;margin-top:8px;width:100%}.EditChatWidgetPopup_formInput .inputWaNumber input{margin-top:0}.EditChatWidgetPopup_formInput .inputWaNumber .country{display:flex;align-items:center;justify-content:center}.EditChatWidgetPopup_formInput .inputWaNumber .country .btnChange{display:flex;flex-direction:row;align-items:center;padding:12px;gap:4px;background:#FFF;border:1px solid #333333;border-radius:4px}.EditChatWidgetPopup_formInput .inputWaNumber .country .btnChange:hover{border:1px solid #6562DF;background:#FAFAFA}.EditChatWidgetPopup_formInput .inputWaNumber .country .btnChange .flag{width:24px;height:24px;border-radius:50%;overflow:hidden}.menuPopupWa ul{background:#FFFFFF;border:1px solid #333333;box-shadow:0 0 10px #0000001a;border-radius:4px;padding:4px}.menuPopupWa ul li{border-radius:4px}.menuPopupWa ul li:hover{background:#DADAF2}.menuItemPopupWa{display:flex;align-items:center;padding:8px 12px}.menuItemPopupWa:hover{background:red}.menuItemPopupWa img{width:24px;height:24px;border-radius:50%;overflow:hidden;margin-right:8px}.menuItemPopupWa_code{font-weight:600;font-size:16px;line-height:24px;margin-right:4px}.menuItemPopupWa_country{font-size:16px;line-height:24px}.EditChatWidgetPopup_formInput .inputWaNumber .country p{font-weight:600;font-size:16px;line-height:24px;display:flex;align-items:center;color:#333}.EditChatWidgetPopup_formInput .css-vamk89-MuiFormControl-root{width:100%;margin:8px 0 0;height:48px}.EditChatWidgetPopup_formInput .selectTagWa{height:48px}.EditChatWidgetPopup_footer{position:sticky;bottom:0;display:flex;padding:16px;justify-content:space-between;align-items:center;align-self:stretch;box-shadow:0 0 10px #0000001a;background:#FFF}.EditChatWidgetPopup_footer .cancel{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;p {color: #DF6262;}}.EditChatWidgetPopup_footer .add{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:#5C5ACC;p {color: #FAFAFA;}}.EditChatWidgetPopup_formWidget{display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch;padding:12px 24px}.EditChatWidgetPopup_formWidget .top{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.EditChatWidgetPopup_formWidget .top .preview{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:4px;border-radius:4px;p {color: #6562DF;}}.EditChatWidgetPopup_formWidget .bottom{display:flex;align-items:center;gap:16px;align-self:stretch}.EditChatWidgetPopup_formWidget .bottom .inputImage{display:flex;width:132px;height:132px;padding:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;cursor:pointer;border-radius:4px;img {width: 100%; height: 100%; object-fit: contain;}}.EditChatWidgetPopup_formWidget .bottom .inputImage .bottom{display:flex;flex-direction:column;align-items:center;align-self:stretch;gap:0}.EditChatWidgetPopup_formWidget .bottom .inputImage .bottom .buttonAddImg{display:flex;height:24px;padding:8px;justify-content:center;align-items:center;gap:4px;align-self:stretch;border-radius:4px;p {color: #5C5ACC;}}.EditChatWidgetPopup_formWidget .bottom .inputImage .bottom .text_small_light{color:#b3b3b3}.EditChatWidgetPopup_formWidget .bottom .rightBottom{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:1 0 0}.EditChatWidgetPopup_formWidget .bottom .rightBottom .EditChatWidgetPopup_form{width:100%}.EditChatWidgetPopup_formWidget .bottom .rightBottom .EditChatWidgetPopup_form .EditChatWidgetPopup_formInput{padding:0}.DeleteChatWidgetPopup,.DeleteChatWidgetPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{width:420px;margin:0 auto}.DeleteChatWidgetPopup .css-hz1bth-MuiDialog-container,.DeleteChatWidgetPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{margin:0;padding:0;min-width:420px}.DeleteChatWidgetPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{background:#FFFFFF;position:relative}.DeleteChatWidgetPopup_head{display:flex;justify-content:flex-end;align-items:center;padding:16px 24px;position:sticky;top:0;background:#FFFFFF}.DeleteChatWidgetPopup .Banner{display:flex;justify-content:center;align-items:center;margin-bottom:4px}.DeleteChatWidgetPopup .Banner img{width:225px;height:150px;object-fit:contain}.DeleteChatWidgetPopup .Question{text-align:center;font-weight:700;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333;width:388px;margin:0 auto}.DeleteChatWidgetPopup .Description{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#656464;margin:4px auto 0}.DeleteChatWidgetPopup .Action{display:flex;justify-content:center;align-items:flex-start;padding:12px 16px;gap:12px}.DeleteChatWidgetPopup .Action .No{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px;width:104px;color:#df6262;background:none;border:none}.DeleteChatWidgetPopup .Action .Yes{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 12px;gap:8px;color:#fff;background:#DF6262;border-radius:4px}.PreviewChatWidgetPopup,.PreviewChatWidgetPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{width:94dvw;margin:0 auto}.PreviewChatWidgetPopup .css-hz1bth-MuiDialog-container,.PreviewChatWidgetPopup .MuiPaper-root,.PreviewChatWidgetPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{margin:0;padding:0;min-width:94dvw}.PreviewChatWidgetPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{background:#FFF;position:relative}.PreviewChatWidgetPopup_head{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #F2F2F2;position:sticky;top:0;background:#FAFAFA;z-index:1}.PreviewChatWidgetPopup_head .buttonClose{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:4px;border-radius:4px;p {color: #333333;}}.PreviewChatWidgetPopup_main{min-height:85vh;max-height:85vh;display:flex;padding:12px 16px;flex-direction:column;align-items:flex-start;gap:12px;flex:1 0 0;align-self:stretch;overflow-y:scroll;position:relative}.PreviewChatWidgetPopup_main .imgPreview{width:100%;border-radius:8px;border:2px solid #203D80;object-fit:cover}.PreviewChatWidgetPopup_main .bottom{display:flex;gap:12px;width:100%}.PreviewChatWidgetPopup_main .bottom .imgPreview{width:32.5%}.Qonek_ChatWidgetButtonOpen{position:fixed;bottom:calc(30px + 2.5vh);right:calc(16px + 3vw);border:none;background:none;display:flex;flex-direction:column;align-items:flex-end;z-index:99999999}.Qonek_ChatWidgetButtonOpen .textCta{display:none}.Qonek_ChatWidgetButtonOpen:hover .textCta{margin-bottom:12px;display:flex;padding:4px 12px;justify-content:center;align-items:center;gap:10px;border-radius:4px;background:rgba(128,128,128,.75)}.Qonek_ChatWidgetButtonOpen:hover .textCta p{font-size:14px;font-style:normal;font-weight:500;line-height:20px;color:#fff}.Qonek_ChatWidgetButtonOpen img{height:100%;width:100%;object-fit:contain}.Qonek_ChatWidgetMain{position:fixed;bottom:calc(30px + 2.5vh);right:calc(16px + 3vw);width:400px;height:580px;display:flex;flex-direction:column;border:1px solid black;border-radius:8px;gap:8px;padding:8px;background:white;z-index:99999999}.Qonek_ChatWidgetMain_Header{display:flex;padding:8px 12px;justify-content:space-between;align-items:center;gap:8px;align-self:stretch}.Qonek_ChatWidgetMain_Header .left{display:flex;align-items:center;justify-content:flex-start;gap:8px}.Qonek_ChatWidgetMain_Header .left .logo{width:40px;height:40px;border-radius:66px;border:1px solid #6562DF;position:relative}.Qonek_ChatWidgetMain_Header .left .logo .eclipse{width:8px;height:8px;position:absolute;right:2px;bottom:0;stroke-width:1px;stroke:#fff;fill:#6562df;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.Qonek_ChatWidgetMain_Header .left .logo .eclipse .main{width:6px;height:6px;background-color:#6562df;border-radius:50%}.Qonek_ChatWidgetMain_Header .left .logo img,.Qonek_ChatWidgetMain_Header .left .logo svg{width:40px;height:40px;border-radius:50%;object-fit:contain}.Qonek_ChatWidgetMain_Header .left .text{display:flex;height:38px;flex-direction:column;align-items:flex-start;gap:4px;flex:1 0 0}.Qonek_ChatWidgetMain_Header .left .text p{font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;color:#333}.Qonek_ChatWidgetMain_Header .left .text span{font-size:10px;font-style:normal;font-weight:300;line-height:16px;color:gray}.Qonek_ChatWidgetMain_Header .right{cursor:pointer;display:flex;width:24px;height:24px;padding:8px;justify-content:center;align-items:center;gap:4px}.Qonek_ChatWidgetMain_Body{flex:1;padding:4px 8px;overflow-y:scroll}.Qonek_ChatWidgetMain_Body_ItemFromMe{display:flex;flex-direction:column;align-items:flex-end;margin:10px 20px}.Qonek_ChatWidgetMain_Body_ItemFromCustomer{display:flex;flex-direction:column;align-items:flex-start;margin:10px 20px}.Qonek_ChatWidgetMain_Body_Item .ChatBubble{max-width:70%;padding:10px 15px;border-radius:15px;background-color:#e5eff5;color:#333;font-size:14px;line-height:1.5;word-wrap:break-word;box-shadow:0 2px 4px #0000001a}.Qonek_ChatWidgetMain_Body_ItemFromMe .ChatBubble{background-color:#0078d4;color:#fff}.Qonek_ChatWidgetMain_Body_ItemFromCustomer .ChatBubble{background-color:#f1f0f0;color:#333}.Qonek_ChatWidgetMain_Body_ItemFromMe .ChatTimestamp,.Qonek_ChatWidgetMain_Body_ItemFromCustomer .ChatTimestamp{margin-top:5px;font-size:12px;color:#999}.Qonek_ChatWidgetMain_Input{display:flex;align-items:center;justify-content:space-around;padding:4px 8px;gap:12px;height:40px}.Qonek_ChatWidgetMain_Input div{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;cursor:pointer}.Qonek_ChatWidgetMain_Input textarea{display:flex;padding:12px;align-items:center;gap:4px;flex:1 0 0;border-radius:4px;border:1px solid #F2F2F2;background:#FFF;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.Qonek_ChatWidgetMain_Input textarea::placeholder{color:#bdbdbd}.Qonek_ChatWidgetMain_Input textarea:after{border-color:#a443fc}.Qonek_ChatWidgetMain_Input textarea:active{border-color:#a443fc}.Qonek_ChatWidgetMain_Input textarea:focus{border-color:#a443fc}.Qonek_ChatWidgetMain_Footer{display:flex;justify-content:center;align-items:center;gap:4px}.Qonek_ChatWidgetMain_Footer p{font-size:12px;font-style:normal;font-weight:400;line-height:18px;color:#333}.reformat_success{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;width:500px;p{color: var(--Neutral-Color-Neutral4, #333); text-align: center; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: -.14px;}}.VariantProductSizePopup,.VariantProductSizePopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{width:680px;margin:0 auto}.VariantProductSizePopup .css-hz1bth-MuiDialog-container,.VariantProductSizePopup .MuiPaper-root,.VariantProductSizePopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{margin:0;padding:0;min-width:680px}.VariantProductSizePopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{background:#FFF;position:relative}.VariantProductSizePopup_head{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #F2F2F2;position:sticky;top:0;background:#FAFAFA;z-index:1}.VariantProductSizePopup_form{display:flex;flex-direction:column;height:400px;width:calc(100% - 32px);padding:12px 16px;align-items:flex-start;gap:24px;align-self:stretch;border-bottom:1px solid #FAFAFA;background:#FFF;overflow-y:scroll;overflow-x:hidden}.VariantProductSizePopup_form .VariantProductSizePopup_formInput{display:flex;width:calc(100% - 16px);padding:8px;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;border-radius:8px;border:1px solid #E5E4E4;background:#FAFAFA}.VariantProductSizePopup_form .VariantProductSizePopup_formInput .VariantProductSizePopup_formInput_top{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;align-self:stretch}.VariantProductSizePopup_form .VariantProductSizePopup_formInput .VariantProductSizePopup_formInput_top .input{display:flex;width:100%;align-items:center;gap:4px;input {display: flex; padding: 8px 12px; align-items: flex-start; gap: 10px; flex: 1 0 0; border-radius: 4px; border: 1px solid #656464; background: #FFF;}}.VariantProductSizePopup_form .VariantProductSizePopup_formInput .VariantProductSizePopup_formInput_bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;align-self:stretch}.VariantProductSizePopup_form .VariantProductSizePopup_formInput .VariantProductSizePopup_formInput_bottom .VariantProductSizePopup_formInput_bottomLeft{display:flex;width:280px;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px}.VariantProductSizePopup_form .VariantProductSizePopup_formInput .VariantProductSizePopup_formInput_bottom .VariantProductSizePopup_formInput_bottomLeft .input{display:flex;align-items:center;gap:4px;align-self:stretch;input {display: flex; padding: 9.6px; align-items: flex-start; gap: 8px; flex: 1 0 0; border-radius: 3.2px; border: .8px solid #656464; background: #FFF; width: 100%;}}.VariantProductSizePopup_form .VariantProductSizePopup_formInput .VariantProductSizePopup_formInput_bottom .VariantProductSizePopup_formInput_bottomRight{display:flex;width:260px;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px}.VariantProductSizePopup_form .VariantProductSizePopup_formInput .VariantProductSizePopup_formInput_bottom .VariantProductSizePopup_formInput_bottomRight .input{display:flex;align-items:center;gap:4px;align-self:stretch}.VariantProductSizePopup_form .VariantProductSizePopup_formInput .VariantProductSizePopup_formInput_bottom .VariantProductSizePopup_formInput_bottomRight .input .inputField{display:flex;padding:9.6px;align-items:flex-start;gap:8px;flex:1 0 0;border-radius:3.2px;border:.8px solid #656464;background:#FFF}.VariantProductSizePopup_form .VariantProductSizePopup_formInput .VariantProductSizePopup_formInput_bottom .VariantProductSizePopup_formInput_bottomRight .input .weightSelect{display:flex;padding:9.6px 7px;align-items:center;gap:4px;flex:1 0 0;border-radius:4px;background:#FFF;outline:none;width:65px;height:44.9px;fieldset {height: calc(100% - 2px); top: 0; legend {display: none; padding-inline: 0;}}}.VariantProductSizePopup_form .VariantProductSizePopup_formInput .VariantProductSizePopup_formInput_bottom .VariantProductSizePopup_formInput_bottomRight .input .weightSelect .MuiSelect-select{padding:0}.VariantProductSizePopup_form .VariantProductSizePopup_formInput .VariantProductSizePopup_formInput_bottom .VariantProductSizePopup_formInput_bottomRight .input .weightSelect .MuiOutlinedInput-notchedOutline{border-color:#6562df}.VariantProductSizePopup_form .addNewSize{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:8px;border-radius:4px;border:1px solid #5C5ACC}.VariantProductSizePopup_footer{position:sticky;bottom:0;display:flex;padding:16px;justify-content:space-between;align-items:center;align-self:stretch;box-shadow:0 0 10px #0000001a;background:#FFF}.VariantProductSizePopup_footer .cancel{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;p {color: #DF6262;}}.VariantProductSizePopup_footer .add{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:#5C5ACC;p {color: #FAFAFA;}}.VariantProductSizePopup_formWidget{display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch;padding:12px 24px}.VariantProductSizePopup_formWidget .top{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.VariantProductSizePopup_formWidget .top .preview{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:4px;border-radius:4px;p {color: #6562DF;}}.VariantProductSizePopup_formWidget .bottom{display:flex;align-items:center;gap:16px;align-self:stretch}.VariantProductSizePopup_formWidget .bottom .inputImage{display:flex;width:132px;height:132px;padding:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;cursor:pointer;border-radius:4px;img {width: 100%; height: 100%; object-fit: contain;}}.VariantProductSizePopup_formWidget .bottom .inputImage .bottom{display:flex;flex-direction:column;align-items:center;align-self:stretch;gap:0}.VariantProductSizePopup_formWidget .bottom .inputImage .bottom .buttonAddImg{display:flex;height:24px;padding:8px;justify-content:center;align-items:center;gap:4px;align-self:stretch;border-radius:4px;p {color: #5C5ACC;}}.VariantProductSizePopup_formWidget .bottom .inputImage .bottom .text_small_light{color:#b3b3b3}.VariantProductSizePopup_formWidget .bottom .rightBottom{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:1 0 0}.VariantProductSizePopup_formWidget .bottom .rightBottom .VariantProductSizePopup_form{width:100%}.VariantProductSizePopup_formWidget .bottom .rightBottom .VariantProductSizePopup_form .VariantProductSizePopup_formInput{padding:0}.VariantProductDetailPopup,.VariantProductDetailPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{width:680px;margin:0 auto}.VariantProductDetailPopup .css-hz1bth-MuiDialog-container,.VariantProductDetailPopup .MuiPaper-root,.VariantProductDetailPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{margin:0;padding:0;min-width:680px}.VariantProductDetailPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{background:#FFF;position:relative}.VariantProductDetailPopup_head{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #F2F2F2;position:sticky;top:0;background:#FAFAFA;z-index:1}.VariantProductDetailPopup_form{display:flex;flex-direction:column;width:calc(100% - 32px);padding:12px 16px;align-items:flex-start;gap:24px;align-self:stretch;border-bottom:1px solid #FAFAFA;background:#FFF;overflow-y:scroll;overflow-x:hidden}.VariantProductDetailPopup_form .VariantProductDetailPopup_formInput{display:flex;width:calc(100% - 16px);padding:8px;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;border-radius:8px;border:1px solid #E5E4E4;background:#FAFAFA}.VariantProductDetailPopup_form .VariantProductDetailPopup_formInput .VariantProductDetailPopup_formInput_top{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;align-self:stretch}.VariantProductDetailPopup_form .VariantProductDetailPopup_formInput .VariantProductDetailPopup_formInput_top .input{border-color:#656464}.VariantProductDetailPopup_form .VariantProductDetailPopup_formInput .VariantProductDetailPopup_formInput_bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;align-self:stretch}.VariantProductDetailPopup_form .VariantProductDetailPopup_formInput .VariantProductDetailPopup_formInput_bottom .VariantProductDetailPopup_formInput_bottomLeft{display:flex;width:280px;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px}.VariantProductDetailPopup_form .VariantProductDetailPopup_formInput .VariantProductDetailPopup_formInput_bottom .VariantProductDetailPopup_formInput_bottomLeft .input{display:flex;align-items:center;gap:4px;align-self:stretch;input {display: flex; padding: 9.6px; align-items: flex-start; gap: 8px; flex: 1 0 0; border-radius: 3.2px; border: .8px solid #656464; background: #FFF; width: 100%;}}.VariantProductDetailPopup_form .VariantProductDetailPopup_formInput .VariantProductDetailPopup_formInput_bottom .VariantProductDetailPopup_formInput_bottomRight{display:flex;width:260px;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px}.VariantProductDetailPopup_form .VariantProductDetailPopup_formInput .VariantProductDetailPopup_formInput_bottom .VariantProductDetailPopup_formInput_bottomRight .input{display:flex;align-items:center;gap:4px;align-self:stretch}.VariantProductDetailPopup_form .VariantProductDetailPopup_formInput .VariantProductDetailPopup_formInput_bottom .VariantProductDetailPopup_formInput_bottomRight .input .inputField{display:flex;padding:9.6px;align-items:flex-start;gap:8px;flex:1 0 0;border-radius:3.2px;border:.8px solid #656464;background:#FFF}.VariantProductDetailPopup_form .VariantProductDetailPopup_formInput .VariantProductDetailPopup_formInput_bottom .VariantProductDetailPopup_formInput_bottomRight .input .weightSelect{display:flex;padding:9.6px 7px;align-items:center;gap:4px;flex:1 0 0;border-radius:4px;background:#FFF;outline:none;width:65px;height:44.9px;fieldset {height: calc(100% - 2px); top: 0; legend {display: none; padding-inline: 0;}}}.VariantProductDetailPopup_form .VariantProductDetailPopup_formInput .VariantProductDetailPopup_formInput_bottom .VariantProductDetailPopup_formInput_bottomRight .input .weightSelect .MuiSelect-select{padding:0}.VariantProductDetailPopup_form .VariantProductDetailPopup_formInput .VariantProductDetailPopup_formInput_bottom .VariantProductDetailPopup_formInput_bottomRight .input .weightSelect .MuiOutlinedInput-notchedOutline{border-color:#6562df}.VariantProductDetailPopup_form .addNewSize{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:8px;border-radius:4px;border:1px solid #5C5ACC}.VariantProductDetailPopup_formCurrencryList{display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch;width:calc(100% - 32px);padding:12px 16px 0;button {display: flex; height: 36px; padding: 8px; justify-content: center; align-items: center; gap: 4px; border-radius: 4px; background: var(--Primary-Color-Primary600, #5C5ACC); p {color: #FAFAFA;}}}.VariantProductDetailPopup_formCurrencryList .errorInfo{display:flex;gap:4px;p {color: #DF6262;}}.VariantProductDetailPopup_formCurrencryList .VariantProductDetailPopup_formCurrency{display:flex;align-items:flex-end;gap:8px;align-self:stretch}.VariantProductDetailPopup_formCurrencryList .VariantProductDetailPopup_formCurrency .one{display:flex;width:80px;height:78px;flex-direction:column;align-items:flex-start;gap:4px;fieldset {height: 50px; border: 1px solid #656464;} .MuiInputBase-root {width: 67px; height: 100% !important;} input {height: 100%; width: 100%; text-align: center; opacity: 1; left: -10px;} .MuiSelect-select {width: 100%; height: 100% !important; padding: 0 !important;}}.VariantProductDetailPopup_formCurrencryList .VariantProductDetailPopup_formCurrency .two{display:flex;width:120px;flex-direction:column;align-items:flex-start;gap:4px;input {display: flex; padding: 12px; align-items: flex-start; gap: 10px; align-self: stretch; border-radius: 4px; border: 1px solid #656464; background: #FFF;}}.VariantProductDetailPopup_formCurrencryList .VariantProductDetailPopup_formCurrency :is(.three,.four){display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1 0 0;input {display: flex; padding: 12px; align-items: flex-start; gap: 10px; align-self: stretch; border-radius: 4px; border: 1px solid #656464; background: #FFF;}}.VariantProductDetailPopup_formCurrencryList .VariantProductDetailPopup_formCurrency .five{display:flex;align-items:center;justify-content:center;width:72px;height:100%}.VariantProductDetailPopup_formCurrencryList .VariantProductDetailPopup_formCurrencyError{border:1px solid #DF6262;border-radius:4px}.VariantProductDetailPopup_footer{position:sticky;bottom:0;display:flex;padding:16px;justify-content:space-between;align-items:center;align-self:stretch;box-shadow:0 0 10px #0000001a;background:#FFF}.VariantProductDetailPopup_footer .cancel{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;p {color: #DF6262;}}.VariantProductDetailPopup_footer .add{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:#5C5ACC;p {color: #FAFAFA;}}.VariantProductDetailPopup_formWidget{display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch;padding:12px 24px}.VariantProductDetailPopup_formWidget .top{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.VariantProductDetailPopup_formWidget .top .preview{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:4px;border-radius:4px;p {color: #6562DF;}}.VariantProductDetailPopup_formWidget .bottom{display:flex;align-items:center;gap:16px;align-self:stretch}.VariantProductDetailPopup_formWidget .bottom .inputImage{display:flex;width:132px;height:132px;padding:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;cursor:pointer;border-radius:4px;img {width: 100%; height: 100%; object-fit: contain;}}.VariantProductDetailPopup_formWidget .bottom .inputImage .bottom{display:flex;flex-direction:column;align-items:center;align-self:stretch;gap:0}.VariantProductDetailPopup_formWidget .bottom .inputImage .bottom .buttonAddImg{display:flex;height:24px;padding:8px;justify-content:center;align-items:center;gap:4px;align-self:stretch;border-radius:4px;p {color: #5C5ACC;}}.VariantProductDetailPopup_formWidget .bottom .inputImage .bottom .text_small_light{color:#b3b3b3}.VariantProductDetailPopup_formWidget .bottom .rightBottom{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:1 0 0}.VariantProductDetailPopup_formWidget .bottom .rightBottom .VariantProductDetailPopup_form{width:100%}.VariantProductDetailPopup_formWidget .bottom .rightBottom .VariantProductDetailPopup_form .VariantProductDetailPopup_formInput{padding:0}.SelectUnitTpe{width:100%;position:relative}.SelectUnitTpe .input{display:flex;padding:12px;align-items:flex-start;gap:10px;align-self:stretch;width:calc(100% - 24px);border-radius:4px;border:1px solid #817EE5;background:#FFF;box-shadow:0 0 5px #5c5acc26;p {flex: 1;}}.SelectUnitTpe .optionListAll{display:flex;min-width:276px;width:100%;height:220px;flex-direction:column;align-items:flex-start;position:absolute;top:54px;border-radius:4px;border:1px solid #B3B3B3;z-index:2000;background:#FFF}.SelectUnitTpe .optionListAll .optionList{overflow-y:scroll;overflow-x:hidden;width:100%}.SelectUnitTpe .optionListAll .optionList:first-child{height:calc(100% - 36px)}.SelectUnitTpe .optionListAll :is(.optionListData,.optionListDataAdd){display:flex;padding:8px 12px;align-items:flex-start;gap:10px;align-self:stretch}.SelectUnitTpe .optionListAll .optionListDataAdd{border-radius:4px;background:#DADAF2;align-items:center;width:100%;p {color: #6562DF;}}.SelectUnitTpe .optionListAll .optionListDataAdd_add{display:flex;padding:8px;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;align-self:stretch;border-radius:4px;background:#FAFAFA;height:max-content;input {display: flex; padding: 4px 8px; align-items: center; gap: 8px; align-self: stretch; border-radius: 4px; border: .5px solid#B3B3B3; background:#FFF;} button {display: flex; height: 24px; padding: 8px; justify-content: center; align-items: center; gap: 8px; border-radius: 4px; background:#5C5ACC; margin-left: auto; p {color: #FAFAFA;}}}.ProofPaymentPopup,.ProofPaymentPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{width:680px;margin:0 auto}.ProofPaymentPopup .css-hz1bth-MuiDialog-container,.ProofPaymentPopup .MuiPaper-root,.ProofPaymentPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{margin:0;padding:0;min-width:680px}.ProofPaymentPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{background:#FFF;position:relative}.ProofPaymentPopup_head{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #F2F2F2;position:sticky;top:0;background:#FAFAFA;z-index:1}.ProofPaymentPopup_body{display:flex;padding:12px 16px;flex-direction:column;align-items:center;gap:12px;align-self:stretch}.ProofPaymentPopup_body .ProofPaymentPopup_bodyTop{display:flex;align-items:flex-start;gap:12px}.ProofPaymentPopup_body .ProofPaymentPopup_bodyTop .ProofPaymentPopup_bodyTopItem{display:flex;width:280px;flex-direction:column;align-items:flex-start;gap:8px}.ProofPaymentPopup_body .ProofPaymentPopup_bodyTop .ProofPaymentPopup_bodyTopItem .uploadImage{display:flex;height:336px;padding:8px;flex-direction:column;justify-content:center;align-items:center;align-self:stretch;border-radius:4px;border:1px dashed #6562DF;img {height: 100%; width: 100%; object-fit: contain;} button {display: flex; height: 24px; padding: 8px; justify-content: center; align-items: center; gap: 4px; align-self: stretch; margin-top: 8px; p {color: #5C5ACC;}}}.ProofPaymentPopup_body .ProofPaymentPopup_bodyTop .ProofPaymentPopup_bodyTopItem .ProofPaymentPopup_bodyTopFooter{display:flex;align-items:center;gap:12px;align-self:stretch;button {display: flex; height: 36px; padding: 8px; justify-content: center; align-items: center; gap: 4px; flex: 1 0 0;} .remove {p {color: #DF6262;}} .change {border-radius: 4px; border: 1px solid #5C5ACC; p {color: #5C5ACC;}}}.ProofPaymentPopup_body .inputDataNoteProof{display:flex;padding:8px;align-items:flex-start;gap:12px;align-self:stretch}.ProofPaymentPopup_body .inputDataNoteProof .avatar{width:40px;height:40px;border-radius:50px}.ProofPaymentPopup_body .inputDataNoteProof .rightSection{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:1 0 0}.ProofPaymentPopup_body .inputDataNoteProof .rightSection .input{display:flex;height:60px;padding:12px;align-items:flex-start;gap:10px;align-self:stretch;border-radius:4px;border:1px solid#6562DF;background:#FFF;box-shadow:0 0 5px #5c5acc26;position:relative;textarea {width: 100%;} .EmojiPickerReact {position: absolute; right: 0; bottom: 80px;}}.ProofPaymentPopup_body .inputDataNoteProof .rightSection .buttonList{display:flex;align-items:flex-start;gap:12px;button {display: flex; padding: 4px 8px; justify-content: center; align-items: center; gap: 4px; border-radius: 4px;} .btnSave {background: #5C5ACC; p {color: #FFFFFF;}} .btnCancel {p {color: #656565;}}}.ProofPaymentPopup_body .itemNoteProof{display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch}.ProofPaymentPopup_body .itemNoteProof .topSection{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.ProofPaymentPopup_body .itemNoteProof .topSection .leftSection{display:flex;width:315px;align-items:center;gap:12px}.ProofPaymentPopup_body .itemNoteProof .topSection .leftSection .avatar{width:32px;height:32px;flex-shrink:0}.ProofPaymentPopup_body .itemNoteProof .topSection .rightSection{display:flex;align-items:flex-start;gap:12px;button {display: flex; padding: 4px 8px; justify-content: center; align-items: center; gap: 4px;}}.ProofPaymentPopup_body .itemNoteProof .bottomSection{display:flex;padding:4px 12px 4px 48px;align-items:flex-start;gap:10px;align-self:stretch;width:calc(100% - 60px)}.ProofPaymentPopup_body .itemNoteProof .bottomSection .input{display:flex;height:60px;padding:12px;align-items:flex-start;gap:10px;align-self:stretch;border-radius:4px;border:1px solid#6562DF;background:#FFF;box-shadow:0 0 5px #5c5acc26;position:relative;width:100%;textarea {width: 100%;} .EmojiPickerReact {position: absolute; right: 0; bottom: 80px;}}.ProofPaymentPopup_footer{position:sticky;bottom:0;display:flex;padding:16px;justify-content:space-between;align-items:center;align-self:stretch;box-shadow:0 0 10px #0000001a;background:#FFF}.ProofPaymentPopup_footer .cancel{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;p {color: #DF6262;}}.ProofPaymentPopup_footer .rightSection{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px}.ProofPaymentPopup_footer .rightSection .cancel{background:#DF6262;p {color: #FAFAFA;}}.ProofPaymentPopup_footer .add{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:#E5B740;p {color: #FAFAFA;}}.AddWa_Warn input{border-color:#df6262}.AddWaNumber_formWarningMsg{display:flex;padding:4px 8px;align-items:center;gap:8px;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;color:#df6262}.ProofPaymentPopup_formWidget{display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch;padding:12px 24px}.ProofPaymentPopup_formWidget .top{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.ProofPaymentPopup_formWidget .top .preview{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:4px;border-radius:4px;p {color: #6562DF;}}.ProofPaymentPopup_formWidget .bottom{display:flex;align-items:center;gap:16px;align-self:stretch}.ProofPaymentPopup_formWidget .bottom .inputImage{display:flex;width:132px;height:132px;padding:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;cursor:pointer;border-radius:4px;img {width: 100%; height: 100%; object-fit: contain;}}.ProofPaymentPopup_formWidget .bottom .inputImage .bottom{display:flex;flex-direction:column;align-items:center;align-self:stretch;gap:0}.ProofPaymentPopup_formWidget .bottom .inputImage .bottom .buttonAddImg{display:flex;height:24px;padding:8px;justify-content:center;align-items:center;gap:4px;align-self:stretch;border-radius:4px;p {color: #5C5ACC;}}.ProofPaymentPopup_formWidget .bottom .inputImage .bottom .text_small_light{color:#b3b3b3}.ProofPaymentPopup_formWidget .bottom .rightBottom{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:1 0 0}.ProofPaymentPopup_formWidget .bottom .rightBottom .ProofPaymentPopup_form{width:100%}.ProofPaymentPopup_formWidget .bottom .rightBottom .ProofPaymentPopup_form .ProofPaymentPopup_formInput{padding:0}@media (max-width: 500px){.ProofPaymentPopup,.ProofPaymentPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{width:100dvw;margin:0!important;position:fixed;top:0;left:0;border-radius:0;height:100dvh}.ProofPaymentPopup .css-hz1bth-MuiDialog-container,.ProofPaymentPopup .MuiPaper-root,.ProofPaymentPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{margin:0;padding:0;min-width:100dvw;max-width:100dvw;height:100dvh;max-height:100dvh}.ProofPaymentPopup_body .ProofPaymentPopup_bodyTop{flex-direction:column;width:100%}.ProofPaymentPopup_body .ProofPaymentPopup_bodyTop .ProofPaymentPopup_bodyTopItem{width:100%}}.BgBlackAddBankAccount{position:fixed;top:72px;left:320px;width:calc(100% - 320px);height:calc(100% - 72px);background-color:#00000050;z-index:100}.BgBlackAddBankAccount .AddBankAccount{display:flex;width:500px;flex-direction:column;justify-content:center;align-items:center;position:absolute;left:calc(50% - 250px);top:calc(50% - 242px);border-radius:8px;box-shadow:0 0 10px #0000001a;background:#FFFFFF}.BgBlackAddBankAccount .AddBankAccount .Header{display:flex;padding:16px;justify-content:space-between;align-items:center;align-self:stretch;border-radius:8px 8px 0 0;border-bottom:1px solid var(--neutral-color-neutral-200, #F2F2F2);background:var(--neutral-color-neutral-100, #FAFAFA)}.BgBlackAddBankAccount .AddBankAccount .Footer{width:calc(100% - 32px);display:flex;padding:16px;justify-content:space-between;align-items:center;align-self:stretch;border-radius:0 0 8px 8px;background:var(--background-white, #FFF);box-shadow:0 -5px 5px #0000000d}.BgBlackAddBankAccount .AddBankAccount .Footer .Cancel{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;outline:none;border:none;cursor:pointer;background:#FFF}.BgBlackAddBankAccount .AddBankAccount .Footer .Cancel p{color:#df6262;font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.BgBlackAddBankAccount .AddBankAccount .Footer .Send{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;outline:none;border:none;min-width:120px;max-width:200px}.BgBlackAddBankAccount .AddBankAccount .Footer .AbleSend{background:var(--neutral-color-neutral-3, #5C5ACC)}.BgBlackAddBankAccount .AddBankAccount .Footer .DisableSend{background:var(--neutral-color-neutral-3, #656464)}.BgBlackAddBankAccount .AddBankAccount .Footer .Send p{color:var(--neutral-color-neutral-100, #FAFAFA);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.BgBlackAddBankAccount .AddBankAccount .Body{display:flex;max-height:400px;padding-bottom:0;flex-direction:column;justify-content:flex-start;align-items:flex-start;align-self:stretch;overflow:scroll}.AddBankAccount .input{display:flex;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch;padding:0 16px;margin-top:12px}.AddBankAccount .input .caption_large{color:#656464}.AddBankAccount .input .Input_Field{display:flex;height:24px;padding:12px;align-items:center;gap:4px;align-self:stretch;border-radius:4px;border:1px solid #F2F2F2}.AddBankAccount .input .Input_Field::placeholder{color:#bdbdbd}.AddBankAccount .input .Select_Field{display:flex;height:48px;align-items:center;gap:4px;align-self:stretch}.AddBankAccount .input .Select_Field .MuiInputBase-root{padding:0}.BgBlackAddBankAccount .AddBankAccount .Body .Email_Part{display:flex;padding:12px 16px;align-items:center;gap:24px;align-self:stretch;border-bottom:1px solid var(--neutral-color-neutral-100, #FAFAFA);background:var(--background-white, #FFF)}.BgBlackAddBankAccount .AddBankAccount .Body .Email_Part .Content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;flex:1 0 0}.BgBlackAddBankAccount .AddBankAccount .Body .Email_Part .Content label{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.BgBlackAddBankAccount .AddBankAccount .Body .Email_Part .Content label span{color:red}.BgBlackAddBankAccount .AddBankAccount .Body .Email_Part .Content input{display:flex;padding:12px;align-items:flex-start;gap:4px;align-self:stretch;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #F2F2F2)}.BgBlackAddBankAccount .AddBankAccount .Body .AccordionUserInfo{width:100%;box-shadow:none;border-top:1px solid var(--neutral-color-neutral-200, #F2F2F2);border-bottom:1px solid var(--neutral-color-neutral-100, #F2F2F2)}.BgBlackAddBankAccount .AddBankAccount .Body .AccordionUserInfo:before{display:none}.BgBlackAddBankAccount .AddBankAccount .Body .AccordionUserInfo .AccordionHeaderUser,.BgBlackAddBankAccount .AddBankAccount .Body .AccordionUserInfo .AccordionHeaderUser p{display:flex;align-items:center;gap:8px}.BgBlackAddBankAccount .AddBankAccount .Body .AccordionUserInfo .AccordionHeaderUser p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.BgBlackAddBankAccount .AddBankAccount .Body .AccordionUserInfo .AccordionHeaderUser .Icon{display:flex;align-items:center;gap:8px}.BgBlackAddBankAccount .AddBankAccount .Body .AccordionUserInfo .AccordionBodyUser .Info{display:flex;padding:8px;align-items:center;gap:8px;align-self:stretch;border-radius:8px;background:#FAFAFA}.BgBlackAddBankAccount .AddBankAccount .Body .AccordionUserInfo .AccordionBodyUser .Info p{flex:1;color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px}.BgBlackAddBankAccount .AddBankAccount .Body .AccordionUserInfo .AccordionBodyUser .Input{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1 0 0}.BgBlackAddBankAccount .AddBankAccount .Body .AccordionUserInfo .AccordionBodyUser .Input label{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.BgBlackAddBankAccount .AddBankAccount .Body .AccordionUserInfo .AccordionBodyUser .Input .Input_Field{display:flex;padding:12px;align-items:flex-start;gap:4px;align-self:stretch;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #F2F2F2)}.BgBlackAddBankAccount .AddBankAccount .Body .AccordionUserInfo .AccordionBodyUser .Input .birthDate{width:calc(100% - 24px)}.AddBankAccount .Body .AccordionUserInfo .AccordionBodyUser .Input .Select_Field{width:100%}.AddBankAccount .Body .AccordionUserInfo .AccordionBodyUser .MuiPaper-elevation{margin-bottom:24px}.AddBankAccount .Body .AccordionUserInfo .AccordionBodyUser .Input .MultiSelectTag{width:100%}.BgBlackAddBankAccount .AddBankAccount .Body .AccordionUserInfo .AccordionBodyUser .PhoneWrapper{flex:1 1 0;display:flex;align-items:flex-start;gap:4px;align-self:stretch}.BgBlackAddBankAccount .AddBankAccount .Body .AccordionUserInfo .AccordionBodyUser .PhoneWrapper .ColumnPhone{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1 0 0;align-self:stretch;width:100%}.BgBlackAddBankAccount .AddBankAccount .Body .AccordionUserInfo .AccordionBodyUser .PhoneWrapper .ColumnPhone .Left{display:flex;flex-direction:row;align-items:center;width:100%;gap:4px}.BgBlackAddBankAccount .AddBankAccount .Body .AccordionUserInfo .AccordionBodyUser .PhoneWrapper .ColumnPhone .Left .btnChange{display:flex;flex-direction:row;align-items:center;padding:12px;gap:4px;background:#FFF;border:1px solid #333333;border-radius:4px;height:48px;outline:none}.BgBlackAddBankAccount .AddBankAccount .Body .AccordionUserInfo .AccordionBodyUser .PhoneWrapper .ColumnPhone .Left .btnChange:hover{border:1px solid #6562DF;background:#FAFAFA}.BgBlackAddBankAccount .AddBankAccount .Body .AccordionUserInfo .AccordionBodyUser .PhoneWrapper .ColumnPhone .Left .btnChange .flag{width:24px;height:24px;border-radius:50%;overflow:hidden}.BgBlackAddBankAccount .AddBankAccount .Body .AccordionUserInfo .AccordionBodyUser .PhoneWrapper .ColumnPhone .Left .btnChange p{font-weight:600;font-size:16px;line-height:24px;color:#333}.BgBlackAddBankAccount .AddBankAccount .Body .AccordionUserInfo .AccordionBodyUser .PhoneWrapper .ColumnPhone .Left .input{width:calc(100% - 24px)}.BgBlackAddBankAccount .AddBankAccount .Body .AccordionUserInfo .AccordionBodyUser .PhoneWrapper .ColumnPhone .Left .input input{display:flex;padding:12px;align-items:flex-start;gap:4px;align-self:stretch;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #F2F2F2);width:calc(100% - 24px)}.BgBlackAddBankAccount .AddBankAccount .Body .AccordionUserInfo .AccordionBodyUser .PhoneWrapper .ColumnPhone .Left .input .active{border-radius:4px;outline:1px solid #817EE5!important}.BgBlackAddBankAccount .AddBankAccount .Body .AccordionUserInfo .AccordionBodyUser .PhoneWrapper .ColumnPhone .Left .input .inactive{border-radius:4px;outline:1px solid #333333}.BgBlackWithdrawBalance{position:fixed;top:72px;left:320px;width:calc(100% - 320px);height:calc(100% - 72px);background-color:#00000050;z-index:100}.BgBlackWithdrawBalance .WithdrawBalance{display:flex;width:500px;flex-direction:column;justify-content:center;align-items:center;position:absolute;left:calc(50% - 250px);top:calc(50% - 242px);border-radius:8px;box-shadow:0 0 10px #0000001a;background:#FFFFFF}.BgBlackWithdrawBalance .WithdrawBalance .Header{display:flex;padding:16px;justify-content:space-between;align-items:center;align-self:stretch;border-radius:8px 8px 0 0;border-bottom:1px solid var(--neutral-color-neutral-200, #F2F2F2);background:var(--neutral-color-neutral-100, #FAFAFA)}.BgBlackWithdrawBalance .WithdrawBalance .Footer{width:calc(100% - 32px);display:flex;padding:16px;justify-content:space-between;align-items:center;align-self:stretch;border-radius:0 0 8px 8px;background:var(--background-white, #FFF);box-shadow:0 -5px 5px #0000000d}.BgBlackWithdrawBalance .WithdrawBalance .Footer .Cancel{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;outline:none;border:none;cursor:pointer;background:#FFF}.BgBlackWithdrawBalance .WithdrawBalance .Footer .Cancel p{color:#df6262;font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.BgBlackWithdrawBalance .WithdrawBalance .Footer .Send{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;outline:none;border:none;min-width:120px;max-width:200px}.BgBlackWithdrawBalance .WithdrawBalance .Footer .AbleSend{background:var(--neutral-color-neutral-3, #5C5ACC)}.BgBlackWithdrawBalance .WithdrawBalance .Footer .DisableSend{background:var(--neutral-color-neutral-3, #656464)}.BgBlackWithdrawBalance .WithdrawBalance .Footer .Send p{color:var(--neutral-color-neutral-100, #FAFAFA);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.BgBlackWithdrawBalance .WithdrawBalance .Body{display:flex;max-height:400px;padding-bottom:0;flex-direction:column;justify-content:flex-start;align-items:flex-start;align-self:stretch;overflow:scroll}.WithdrawBalance .input{display:flex;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch;padding:0 16px;margin-top:12px}.WithdrawBalance .input .caption_large{color:#656464}.WithdrawBalance .input .inputSection{display:flex;align-items:center;gap:8px;align-self:stretch;input {flex: 1;} button {display: flex; padding: 8px; justify-content: center; align-items: center; gap: 8px; align-self: stretch; p {color: #5C5ACC;}}}.WithdrawBalance .input .Input_Field{display:flex;height:24px;max-width:100%;width:auto;padding:12px;align-items:center;gap:4px;align-self:stretch;border-radius:4px;border:1px solid #F2F2F2}.WithdrawBalance .input .Input_Field::placeholder{color:#bdbdbd}.WithdrawBalance .input .Select_Field{display:flex;height:48px;align-items:center;gap:4px;align-self:stretch}.WithdrawBalance .input .Select_Field .MuiInputBase-root{padding:0}.WithdrawBalance .infoBottom{display:flex;align-items:center;gap:8px;align-self:stretch;margin:12px 0 20px;padding:0 16px}.BgBlackWithdrawBalance .WithdrawBalance .Body .Email_Part{display:flex;padding:12px 16px;align-items:center;gap:24px;align-self:stretch;border-bottom:1px solid var(--neutral-color-neutral-100, #FAFAFA);background:var(--background-white, #FFF)}.BgBlackWithdrawBalance .WithdrawBalance .Body .Email_Part .Content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;flex:1 0 0}.BgBlackWithdrawBalance .WithdrawBalance .Body .Email_Part .Content label{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.BgBlackWithdrawBalance .WithdrawBalance .Body .Email_Part .Content label span{color:red}.BgBlackWithdrawBalance .WithdrawBalance .Body .Email_Part .Content input{display:flex;padding:12px;align-items:flex-start;gap:4px;align-self:stretch;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #F2F2F2)}.BgBlackWithdrawBalance .WithdrawBalance .Body .AccordionUserInfo{width:100%;box-shadow:none;border-top:1px solid var(--neutral-color-neutral-200, #F2F2F2);border-bottom:1px solid var(--neutral-color-neutral-100, #F2F2F2)}.BgBlackWithdrawBalance .WithdrawBalance .Body .AccordionUserInfo:before{display:none}.BgBlackWithdrawBalance .WithdrawBalance .Body .AccordionUserInfo .AccordionHeaderUser,.BgBlackWithdrawBalance .WithdrawBalance .Body .AccordionUserInfo .AccordionHeaderUser p{display:flex;align-items:center;gap:8px}.BgBlackWithdrawBalance .WithdrawBalance .Body .AccordionUserInfo .AccordionHeaderUser p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.BgBlackWithdrawBalance .WithdrawBalance .Body .AccordionUserInfo .AccordionHeaderUser .Icon{display:flex;align-items:center;gap:8px}.BgBlackWithdrawBalance .WithdrawBalance .Body .AccordionUserInfo .AccordionBodyUser .Info{display:flex;padding:8px;align-items:center;gap:8px;align-self:stretch;border-radius:8px;background:#FAFAFA}.BgBlackWithdrawBalance .WithdrawBalance .Body .AccordionUserInfo .AccordionBodyUser .Info p{flex:1;color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px}.BgBlackWithdrawBalance .WithdrawBalance .Body .AccordionUserInfo .AccordionBodyUser .Input{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1 0 0}.BgBlackWithdrawBalance .WithdrawBalance .Body .AccordionUserInfo .AccordionBodyUser .Input label{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.BgBlackWithdrawBalance .WithdrawBalance .Body .AccordionUserInfo .AccordionBodyUser .Input .Input_Field{display:flex;padding:12px;align-items:flex-start;gap:4px;align-self:stretch;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #F2F2F2)}.BgBlackWithdrawBalance .WithdrawBalance .Body .AccordionUserInfo .AccordionBodyUser .Input .birthDate{width:calc(100% - 24px)}.WithdrawBalance .Body .AccordionUserInfo .AccordionBodyUser .Input .Select_Field{width:100%}.WithdrawBalance .Body .AccordionUserInfo .AccordionBodyUser .MuiPaper-elevation{margin-bottom:24px}.WithdrawBalance .Body .AccordionUserInfo .AccordionBodyUser .Input .MultiSelectTag{width:100%}.BgBlackWithdrawBalance .WithdrawBalance .Body .AccordionUserInfo .AccordionBodyUser .PhoneWrapper{flex:1 1 0;display:flex;align-items:flex-start;gap:4px;align-self:stretch}.BgBlackWithdrawBalance .WithdrawBalance .Body .AccordionUserInfo .AccordionBodyUser .PhoneWrapper .ColumnPhone{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1 0 0;align-self:stretch;width:100%}.BgBlackWithdrawBalance .WithdrawBalance .Body .AccordionUserInfo .AccordionBodyUser .PhoneWrapper .ColumnPhone .Left{display:flex;flex-direction:row;align-items:center;width:100%;gap:4px}.BgBlackWithdrawBalance .WithdrawBalance .Body .AccordionUserInfo .AccordionBodyUser .PhoneWrapper .ColumnPhone .Left .btnChange{display:flex;flex-direction:row;align-items:center;padding:12px;gap:4px;background:#FFF;border:1px solid #333333;border-radius:4px;height:48px;outline:none}.BgBlackWithdrawBalance .WithdrawBalance .Body .AccordionUserInfo .AccordionBodyUser .PhoneWrapper .ColumnPhone .Left .btnChange:hover{border:1px solid #6562DF;background:#FAFAFA}.BgBlackWithdrawBalance .WithdrawBalance .Body .AccordionUserInfo .AccordionBodyUser .PhoneWrapper .ColumnPhone .Left .btnChange .flag{width:24px;height:24px;border-radius:50%;overflow:hidden}.BgBlackWithdrawBalance .WithdrawBalance .Body .AccordionUserInfo .AccordionBodyUser .PhoneWrapper .ColumnPhone .Left .btnChange p{font-weight:600;font-size:16px;line-height:24px;color:#333}.BgBlackWithdrawBalance .WithdrawBalance .Body .AccordionUserInfo .AccordionBodyUser .PhoneWrapper .ColumnPhone .Left .input{width:calc(100% - 24px)}.BgBlackWithdrawBalance .WithdrawBalance .Body .AccordionUserInfo .AccordionBodyUser .PhoneWrapper .ColumnPhone .Left .input input{display:flex;padding:12px;align-items:flex-start;gap:4px;align-self:stretch;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #F2F2F2);width:calc(100% - 24px)}.BgBlackWithdrawBalance .WithdrawBalance .Body .AccordionUserInfo .AccordionBodyUser .PhoneWrapper .ColumnPhone .Left .input .active{border-radius:4px;outline:1px solid #817EE5!important}.BgBlackWithdrawBalance .WithdrawBalance .Body .AccordionUserInfo .AccordionBodyUser .PhoneWrapper .ColumnPhone .Left .input .inactive{border-radius:4px;outline:1px solid #333333}.Success_AddUser{display:flex;width:420px;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;background:var(--background-white, #FFF);position:absolute;left:calc(50% - 210px);top:calc(50% - 148px)}.Success_AddUser .Header{display:flex;padding:12px 16px;justify-content:flex-end;align-items:center;gap:4px;align-self:stretch}.Success_AddUser .Body{display:flex;padding-bottom:0;margin-bottom:24px;flex-direction:column;align-items:center;gap:4px;align-self:stretch}.Success_AddUser .Body p{color:#333;text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;text-transform:capitalize;padding:0 4px}.BgBlackMoreActionChatroomMobile{position:fixed;top:0;left:0;width:100dvw;height:100dvh;background-color:#00000050;z-index:100}.MoreActionChatroomMobile{position:fixed;bottom:0;left:0;display:flex;width:100dvw;height:76.4dvh;z-index:200;flex-direction:column;align-items:flex-start;border-radius:28px 28px 0 0;background:var(--Background-White, #FFF);box-shadow:0 4px 8px 3px #00000026,0 1px 3px #0000004d}.MoreActionChatroomMobile .line{display:flex;padding:16px;flex-direction:column;align-items:center;gap:12px;align-self:stretch;hr {width: 32px; height: 2px; border-radius: 100px; background:#79747E; margin: 0;}}.MoreActionChatroomMobile .mainSection{display:flex;padding:16px;flex-direction:column;align-items:flex-start;gap:12px;flex:1 0 0;background:#FFFFFF;width:calc(100% - 32px);height:calc(100% - 100px);max-height:calc(100% - 100px)}.MoreActionChatroomMobile .mainSection .header{display:flex;padding:8px 0;justify-content:space-between;align-items:center;align-self:stretch}.MoreActionChatroomMobile .mainSection .itemList{display:flex;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch;overflow-y:scroll}.MoreActionChatroomMobile .mainSection .itemList .item{display:flex;padding:12px;justify-content:center;align-items:center;gap:10px;align-self:stretch;border-radius:4px}.BlackBgAddChatTabsMobile{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000050;z-index:100}.AddChatTabsMobile{position:fixed;bottom:0;z-index:200;display:flex;flex-direction:column;align-items:flex-start;padding:0;width:100%;height:76.4dvh;flex:none;order:0;flex-grow:0;background:#FFFFFF;border-radius:28px 28px 0 0}.AddChatTabsMobile .line{display:flex;padding:16px;flex-direction:column;align-items:center;gap:12px;align-self:stretch;hr {width: 32px; height: 2px; border-radius: 100px; background:#79747E; margin: 0;}}.AddChatTabsMobile .mainSection{display:flex;padding:16px;width:calc(100% - 32px);height:calc(100% - 68px);flex-direction:column;align-items:flex-start;gap:12px;flex:1 0 0}.AddChatTabsMobile .mainSection .Header{display:flex;padding:8px 0;justify-content:space-between;align-items:center;align-self:stretch}.AddChatTabsMobile .mainSection .Body{display:flex;flex-direction:column;align-items:center;padding:0;width:100%;height:calc(100% + -0px);overflow-y:scroll}.AddChatTabsMobile .mainSection .Body .Name{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:12px 16px;gap:16px;width:calc(100% - 32px);height:100px;border-bottom:1px solid #FAFAFA}.AddChatTabsMobile .mainSection .Body .Name .Input{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:4px;width:100%;input{width: calc(100% - 24px); display: flex; flex-direction: row; align-items: flex-start; padding: 12px; gap: 4px; border: 1px solid #F2F2F2; border-radius: 4px;}}.AddChatTabsMobile .mainSection .Body .Session{display:flex;flex-direction:column;align-items:flex-start;padding:16px;gap:12px;width:calc(100% - 32px)}.AddChatTabsMobile .mainSection .Body .Session .Input{flex-direction:row;padding:0;gap:4px;font-weight:400;font-size:12px;line-height:22px;display:flex;align-items:center;letter-spacing:.01em;cursor:pointer}.AddChatTabsMobile .mainSection .Body .Input{width:calc(100% - 24px)}.AddChatTabsMobile .mainSection .Body .Input .Wrapper_Important{display:flex;justify-content:space-between;align-items:center;padding:16px 0}.AddChatTabsMobile .mainSection .Body .Input .MuiAutocomplete-root,.AddChatTabsMobile .mainSection .Body .Input .MuiAutocomplete-root .MuiFormControl-root{height:48px}.AddChatTabsMobile .mainSection .Body .Input .MuiAutocomplete-root .MuiFormControl-root .MuiInputBase-root{height:48px!important;padding:12px}.AddChatTabsMobile .mainSection .Body .Input .MuiAutocomplete-root .MuiFormControl-root .MuiInputBase-root .MuiButtonBase-root{height:24px}.AddChatTabsMobile .mainSection .Body .Input .MuiAutocomplete-root .MuiFormControl-root .MuiInputBase-root .MuiOutlinedInput-input{padding:0 12px!important}.AddChatTabsMobile .mainSection .Footer{display:flex;align-items:flex-start;gap:12px;align-self:stretch;button{display: flex; padding: 12px 16px 12px 12px; justify-content: center; align-items: center; gap: 8px; flex: 1 0 0; align-self: stretch; border-radius: 8px; background: none; height: 48px;} .Cancel{display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 8px; gap: 8px; font-weight: 600; font-size: 12px; line-height: 20px; letter-spacing: .02em; color: #DF6262;} .Create{display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 8px 12px; gap: 8px; background: #5C5ACC; border-radius: 4px; p{font-weight: 600; font-size: 12px; line-height: 20px; display: flex; align-items: center; letter-spacing: .02em; color: #FAFAFA;}}}.AddChatTabsMobile .mainSection .AddChatTabsMobile_headSelect{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.AddChatTabsMobile .mainSection :is(.AddChatTabsMobile_headSelectAll,.AddChatTabsMobile_headUnSelectAll){display:flex;padding:8px;align-items:center;gap:8px;cursor:pointer;p {font-size: 12px; font-style: normal; font-weight: 600; line-height: 20px; letter-spacing: .24px; color: #5C5ACC;}}.AddChatTabsMobile .mainSection .AddChatTabsMobile_headUnSelectAll p{color:#656565}.BgBlackMoreActionChatboxMobile{position:fixed;top:0;left:0;width:100dvw;height:100dvh;background-color:#00000050;z-index:50}.MoreActionChatboxMobile{position:fixed;bottom:0;left:0;display:flex;width:100dvw;max-height:76.4dvh;z-index:100;flex-direction:column;align-items:flex-start;border-radius:28px 28px 0 0;background:var(--Background-White, #FFF);box-shadow:0 4px 8px 3px #00000026,0 1px 3px #0000004d}.MoreActionChatboxMobile .line{display:flex;padding:16px;flex-direction:column;align-items:center;gap:12px;align-self:stretch;hr {width: 32px; height: 2px; border-radius: 100px; background:#79747E; margin: 0;}}.MoreActionChatboxMobile .mainSection{display:flex;padding:16px;flex-direction:column;align-items:flex-start;gap:12px;flex:1 0 0;background:#FFFFFF;width:calc(100% - 32px);height:calc(100% - 100px)}.MoreActionChatboxMobile .mainSection .header{display:flex;padding:8px 0;justify-content:space-between;align-items:center;align-self:stretch}.MoreActionChatboxMobile .mainSection .itemList{display:flex;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch;overflow-y:scroll}.MoreActionChatboxMobile .mainSection .itemList .item{display:flex;padding:12px;justify-content:center;align-items:center;gap:10px;align-self:stretch;border-radius:4px}.BlackBgFilterChatMobile{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000050;z-index:100}.FilterChatMobile{position:fixed;bottom:0;z-index:200;display:flex;flex-direction:column;align-items:flex-start;padding:0;width:100%;height:76.4dvh;flex:none;order:0;flex-grow:0;background:#FFFFFF;border-radius:28px 28px 0 0}.FilterChatMobile .line{display:flex;padding:16px;flex-direction:column;align-items:center;gap:12px;align-self:stretch;hr {width: 32px; height: 2px; border-radius: 100px; background:#79747E; margin: 0;}}.FilterChatMobile .mainSection{display:flex;padding:16px;width:calc(100% - 32px);height:calc(100% - 68px);flex-direction:column;align-items:flex-start;gap:12px;flex:1 0 0}.FilterChatMobile .mainSection .Header{display:flex;padding:8px 0;justify-content:space-between;align-items:center;align-self:stretch;p {display: flex; align-items: center; gap: 12px;}}.FilterChatMobile .mainSection .Body{display:flex;flex-direction:column;align-items:center;padding:0;width:100%;height:calc(100% + -0px);overflow-y:scroll}.FilterChatMobile .mainSection .Body .Name{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:12px 16px;gap:16px;width:calc(100% - 32px);height:100px;border-bottom:1px solid #FAFAFA}.FilterChatMobile .mainSection .Body .Name .Input{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:4px;width:100%;input{width: calc(100% - 24px); display: flex; flex-direction: row; align-items: flex-start; padding: 12px; gap: 4px; border: 1px solid #F2F2F2; border-radius: 4px;}}.FilterChatMobile .mainSection .Body .Session{display:flex;flex-direction:column;align-items:flex-start;padding:16px;gap:12px;width:calc(100% - 32px)}.FilterChatMobile .mainSection .Body .Session .Input{flex-direction:row;padding:0;gap:4px;font-weight:400;font-size:12px;line-height:22px;display:flex;align-items:center;letter-spacing:.01em;cursor:pointer}.FilterChatMobile .mainSection .Body .Input{width:calc(100% - 24px)}.FilterChatMobile .mainSection .Body .Input .Wrapper_Important{display:flex;justify-content:space-between;align-items:center;padding:16px 0}.FilterChatMobile .mainSection .Body .Input .MuiAutocomplete-root,.FilterChatMobile .mainSection .Body .Input .MuiAutocomplete-root .MuiFormControl-root{height:48px}.FilterChatMobile .mainSection .Body .Input .MuiAutocomplete-root .MuiFormControl-root .MuiInputBase-root{height:48px!important;padding:12px}.FilterChatMobile .mainSection .Body .Input .MuiAutocomplete-root .MuiFormControl-root .MuiInputBase-root .MuiButtonBase-root{height:24px}.FilterChatMobile .mainSection .Body .Input .MuiAutocomplete-root .MuiFormControl-root .MuiInputBase-root .MuiOutlinedInput-input{padding:0 12px!important}.FilterChatMobile .mainSection .Footer{display:flex;align-items:flex-start;gap:12px;align-self:stretch;button{display: flex; padding: 12px 16px 12px 12px; justify-content: center; align-items: center; gap: 8px; flex: 1 0 0; align-self: stretch; border-radius: 8px; background: none; height: 48px;} .Cancel{display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 8px; gap: 8px; font-weight: 600; font-size: 12px; line-height: 20px; letter-spacing: .02em; color: #DF6262;} .Create{display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 8px 12px; gap: 8px; background: #5C5ACC; border-radius: 4px; p{font-weight: 600; font-size: 12px; line-height: 20px; display: flex; align-items: center; letter-spacing: .02em; color: #FAFAFA;}}}.FilterChatMobile .mainSection .FilterChatMobile_headSelect{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.FilterChatMobile .mainSection :is(.FilterChatMobile_headSelectAll,.FilterChatMobile_headUnSelectAll){display:flex;padding:8px;align-items:center;gap:8px;cursor:pointer;p {font-size: 12px; font-style: normal; font-weight: 600; line-height: 20px; letter-spacing: .24px; color: #5C5ACC;}}.FilterChatMobile .mainSection .FilterChatMobile_headUnSelectAll p{color:#656565}.NotifMobilePopup{width:100dvw;height:100dvh;background:#ffffff;position:absolute;border-radius:8px;position:fixed;top:0;left:0;z-index:200}.NotifMobilePopupHeader{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #f2f2f2}.NotifMobilePopupHeader .closeNotifMobilePopup:hover{cursor:pointer}.NotifMobilePopupBody{overflow-y:scroll;height:calc(100% - 97px);padding:16px}.NotifMobilePopupBodyItem{padding:12px 24px}.NotifMobilePopupBodyItem .PopupBodyItemContainer{height:100%;width:100%;display:flex;align-items:center;position:relative}.NotifMobilePopupBodyItem .PopupBodyItemContainer .read{width:12px;height:12px;border-radius:50%;background:#5c5acc;position:absolute;top:0;right:0}.NotifMobilePopupBodyItem .avatar{align-self:flex-start;height:100%;margin-right:12px}.NotifMobilePopupBodyItem .avatar img{width:40px;height:40px;border-radius:50%;object-fit:cover}.NotifMobilePopupBodyItem .content{height:100%;width:100%;position:relative}.NotifMobilePopupBodyItem .contentTitle{font-size:14px;font-weight:700;line-height:20px;letter-spacing:-.01em;text-align:left;margin-bottom:8px}.NotifMobilePopupBodyItem .contentDate{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.NotifMobilePopupBodyItem .contentDetailButton{margin-bottom:4px}.NotifMobilePopupBodyItem .contentDetailButton button{padding:0;border:none;background:none;font-size:12px;font-weight:400;line-height:22px;letter-spacing:.01em;color:#656464}.NotifMobilePopupBodyItem .contentDate p{color:#656464;font-size:12px;font-weight:400;line-height:22px;letter-spacing:.01em}.NotifMobilePopupBodyItem .content .confirmButton{display:flex;align-items:center;justify-content:start}.NotifMobilePopupBodyItem .content .confirmButton button{background:none;border:none;padding:8px;border-radius:4px;font-style:semi-bold;font-size:12px;line-height:20px;display:flex;align-items:center;justify-content:start}.NotifMobilePopupBodyItem .content .confirmButton .reject{border:1px solid #df6262;color:#df6262;margin-right:8px}.NotifMobilePopupBodyItem .content .confirmButton .accept{border:1px solid #5c5acc;color:#fff;background:#5c5acc}.NotifMobilePopupBodyItem .content .confirmButton .reject .button,.NotifMobilePopupBodyItem .content .confirmButton .accept .button{margin-left:6px;margin-top:4px}.NotifMobilePopupBodyItem .content .contentText{padding:8px;border-radius:4px;border:1px solid #f2f2f2;margin-bottom:8px}.NotifMobilePopupBodyItem .content .contentText p{font-size:12px;font-weight:400;line-height:22px;letter-spacing:.01em;color:#333}.NotifMobilePopupBodyItem_reallocate{display:flex;padding:12px 16px;align-items:flex-start;gap:12px;align-self:stretch}.NotifMobilePopupBodyItem_reallocate .left img{width:40px;height:40px;border-radius:50px}.NotifMobilePopupBodyItem_reallocate .right{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1 0 0}.NotifMobilePopupBodyItem_reallocate .right .top{display:flex;justify-content:space-between;align-items:flex-start;align-self:stretch}.NotifMobilePopupBodyItem_reallocate .right .bottom{display:flex;padding:8px;flex-direction:column;align-self:stretch;border-radius:4px;border:1px solid #b3b3b3;background:#fafafa}.NotifMobilePopupBodyItem_reallocate .right .bottom .info{display:flex;padding:4px 0;justify-content:space-between;align-items:center;align-self:stretch;width:100%}.NotifMobilePopupBodyItem_reallocate .right .bottom .info .left,.NotifMobilePopupBodyItem_reallocate .right .bottom .info .right{display:flex;align-items:center;flex-direction:row;gap:4px;flex:1 0 0}.NotifMobilePopupBodyItem_reallocate .right .bottom .info .right{justify-content:flex-end}.NotifMobilePopupBodyItem_reallocate .right .bottom .info .left img{width:20px;height:20px;border-radius:50px}.NotifMobilePopupBodyItem_reallocate .right .bottom .info .right img{width:16px;height:16px;border-radius:50px}.NotifMobilePopupBodyItem_reallocate .right .bottom .info .right p{color:#219655}.NotifMobilePopupBodyItem_reallocate .right .bottom .reason{display:flex;padding:8px;align-items:center;gap:10px;flex:1 0 0;border-radius:4px;border:1px solid #f2f2f2}.NotifMobilePopupBodyItem_reallocate .right .bottom2{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}.NotifMobilePopupBodyItem_reallocate .right .bottom2 input{display:flex;padding:8px;align-items:flex-start;gap:10px;align-self:stretch;border-radius:4px;border:1px solid #e5e4e4;background:#ffffff;font-size:10px;font-style:normal;font-weight:300;line-height:18px;color:#333}.NotifMobilePopupBodyItem_reallocate .right .bottom2 input::placeholder{color:gray}.NotifMobilePopupBodyItem_reallocate .right .btn-group{display:flex;align-items:center;gap:8px;align-self:stretch}.NotifMobilePopupBodyItem_reallocate .right .btn-group .btn-reject{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:8px;border-radius:4px;border:1px solid #df6262}.NotifMobilePopupBodyItem_reallocate .right .btn-group .btn-reject:disabled{border:1px solid #808080;background-color:#ececec}.NotifMobilePopupBodyItem_reallocate .right .btn-group .btn-reject p{font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px;color:#df6262}.NotifMobilePopupBodyItem_reallocate .right .btn-group .btn-reject:disabled p{color:gray}.NotifMobilePopupBodyItem_reallocate .right .btn-group .btn-accept{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:8px;border-radius:4px;background:#5c5acc}.NotifMobilePopupBodyItem_reallocate .right .btn-group .btn-accept:disabled{background:#808080}.NotifMobilePopupBodyItem_reallocate .right .btn-group .btn-accept p{font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px;color:#fafafa}.NotifMobilePopupBodyItem_reallocate .right .btn-group .btn-accept:disabled{background:#656464}.NotifMobilePopupBodyItem_reallocate .commentReject{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}.NotifMobilePopupBodyItem_reallocate .commentReject .title{font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px;color:#333}.NotifMobilePopupBodyItem_reallocate .commentReject .main{display:flex;padding:8px;align-items:flex-start;gap:10px;align-self:stretch;border-radius:4px;border:1px solid var(--neutral-color-neutral-900, #333);background:var(--background-white, #fff);font-size:10px;font-style:normal;font-weight:300;line-height:18px;color:#333}.NotifMobilePopupBodyItem_reallocate .closeSessionCancel{font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;color:#656565}.NotifAddContact{display:flex;padding:12px 16px;align-items:flex-start;gap:12px;align-self:stretch;background:var(--Background-White, #FFF)}.NotifAddContact ._{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1 0 0}.NotifAddContact ._ .InfoTime{display:flex;justify-content:space-between;align-items:flex-start;align-self:stretch}.NotifAddContact ._ .InfoTime p{color:var(--Neutral-Color-Neutral3, #656464);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.NotifAddContact ._ .Main{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}.NotifAddContact ._ .Main .Title{color:var(--Neutral-Color-Neutral900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.NotifAddContact ._ .Main .Subtitle{color:var(--Neutral-Color-Neutral800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px}.NotifAddContact ._ .Main .Finished{color:var(--Primary-Color-Primary500, #6562DF);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px}.AddAccountXenplatfourmPopup{height:calc(100vh - 72px);width:100vw;position:fixed;top:72px;left:0;z-index:100;background-color:#00000050;display:flex;align-items:center;justify-content:center}.AddAccountXenplatfourmPopup .mainSection{border-radius:8px;box-shadow:0 0 10px #0000001a;background:#FFFFFF;width:615px}.AddAccountXenplatfourmPopup .mainSection .AddAccountXenplatfourmPopup_head{display:flex;padding:12px;justify-content:space-between;align-items:center;align-self:stretch}.AddAccountXenplatfourmPopup .mainSection .AddAccountXenplatfourmPopup_form{display:flex;height:max-content;max-height:50vh;overflow-y:scroll;padding:12px;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch}.AddAccountXenplatfourmPopup .mainSection .AddAccountXenplatfourmPopup_form .AddAccountXenplatfourmPopup_formInput{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;align-self:stretch;p {color: #656464;} input {display: flex; height: 24px; padding: 12px; align-items: center; gap: 4px; align-self: stretch; border-radius: 4px; border: 1px solid#817EE5; background: #FFF; box-shadow: 0px 0px 5px 0px rgba(92,90,204,.15);}}.AddAccountXenplatfourmPopup .mainSection .AddAccountXenplatfourmPopup_footer{display:flex;padding:12px;justify-content:space-between;align-items:center;align-self:stretch}.AddAccountXenplatfourmPopup .mainSection .AddAccountXenplatfourmPopup_footer .add{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:#5C5ACC;p {color: #ffffff;}}.BgBlackMoreActionChatboxSelectedMobile{position:fixed;top:0;left:0;width:100dvw;height:100dvh;background-color:#00000050;z-index:50}.MoreActionChatboxSelectedMobile{position:fixed;bottom:0;left:0;display:flex;width:100dvw;max-height:76.4dvh;z-index:100;flex-direction:column;align-items:flex-start;border-radius:28px 28px 0 0;background:var(--Background-White, #FFF);box-shadow:0 4px 8px 3px #00000026,0 1px 3px #0000004d}.MoreActionChatboxSelectedMobile .line{display:flex;padding:16px;flex-direction:column;align-items:center;gap:12px;align-self:stretch;hr {width: 32px; height: 2px; border-radius: 100px; background:#79747E; margin: 0;}}.MoreActionChatboxSelectedMobile .mainSection{display:flex;padding:16px;flex-direction:column;align-items:flex-start;gap:12px;flex:1 0 0;background:#FFFFFF;width:calc(100% - 32px);height:calc(100% - 100px)}.MoreActionChatboxSelectedMobile .mainSection .header{display:flex;padding:8px 0;justify-content:space-between;align-items:center;align-self:stretch}.MoreActionChatboxSelectedMobile .mainSection .itemList{display:flex;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch;overflow-y:scroll}.MoreActionChatboxSelectedMobile .mainSection .itemList .item{display:flex;padding:12px;justify-content:center;align-items:center;gap:10px;align-self:stretch;border-radius:4px}.ChatContent_ActionMoreChatBoxSelectedMobile{position:fixed;top:0;left:0;z-index:1000;display:flex;width:100dvw;height:100dvh;flex-direction:column;align-items:flex-start;background:#FFFFFF}.ChatContent_ActionMoreChatBoxSelectedMobile .header{display:flex;padding:12px;align-items:center;justify-content:space-between;gap:8px;align-self:stretch}.ChatContent_ActionMoreChatBoxSelectedMobile .header .iconBox{display:flex;width:48px;height:48px;flex-direction:column;justify-content:center;align-items:center;gap:10px}.ChatContent_ActionMoreChatBoxSelectedMobile .header2{display:flex;padding:12px;align-items:center;justify-content:space-between;gap:8px;align-self:stretch;background:#FAFAFA;box-shadow:0 0 10px #0000001a}.ChatContent_ActionMoreChatBoxSelectedMobile .header2 .iconBox{display:flex;width:48px;height:48px;flex-direction:column;justify-content:center;align-items:center;gap:10px}.ChatContent_ActionMoreChatBoxSelectedMobile .header3{display:flex;padding:12px;align-items:center;justify-content:space-between;gap:8px;align-self:stretch;background:var(--Neutral-Color-Neutral100, #FAFAFA);box-shadow:0 0 10px #0000001a;h5 {flex: 1;} .btnSave {display: flex; height: 48px; justify-content: center; align-items: center; gap: 8px; border-radius: 100px; border: 1px solid#6562DF; p {font-family: "Roboto"; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px; letter-spacing: .1px; color: #6562DF;}} .iconBox {display: flex; width: 48px; height: 48px; flex-direction: column; justify-content: center; align-items: center; gap: 10px;}}.ChatContent_ActionMoreChatBoxSelectedMobile .body{display:flex;padding:16px;width:calc(100% - 32px);height:calc(100% - 32px);flex-direction:column;align-items:flex-start;gap:16px;flex:1 0 0;align-self:stretch;overflow-y:scroll;overflow-x:hidden;hr {height: 1px; width: 100%; border: none; background: #B3B3B3;} .importantNotes {display: flex; padding: 8px 12px; align-items: center; gap: 12px; align-self: stretch; border-radius: 8px; background:#F2F2F2; .leftSection {display: flex; flex-direction: column; align-items: flex-start; gap: 4px; flex: 1 0 0; .bottom {font-size: 12px; font-style: normal; font-weight: 400; line-height: 18px; color: #B3B3B3;}} .rightSection {display: flex; width: 51px; height: 31px; align-items: center; justify-content: center; border-radius: 100px; background:#B3B3B3; img {height: 24px;}}} label {font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; letter-spacing: -.14px; color: #000000;} .inputSearch {display: flex; width: calc(100% - 24px); padding: 12px; align-items: center; gap: 10px; align-self: stretch; border-radius: 8px; border: 1px solid#B3B3B3; background:#FFF; input {display: flex; align-items: center; gap: 12px; flex: 1 0 0;}} .listTagUser {display: flex; padding: 4px 0px; align-items: flex-start; align-content: flex-start; gap: 8px; align-self: stretch; flex-wrap: wrap; .tagData {display: flex; min-width: 40px; width: max-content; padding: 8px; align-items: center; gap: 8px; border-radius: 4px; border: 1px solid#6562DF; background:#FFF;}} .listData {display: flex; flex-direction: column; align-items: flex-start; gap: 8px; height: 100%; max-height: 100%; flex: 1 0 0; align-self: stretch; overflow-y: scroll; .item {display: flex; padding: 16px; align-items: center; gap: 12px; align-self: stretch; border-radius: 8px; border: 1px solid#E5E4E4; background:#FFF;} .dataNotFound {display: flex; padding: 16px; align-items: center; gap: 12px; align-self: stretch; border-radius: 8px; background:#F2F2F2; p {text-align: center; width: 100%; color: #B3B3B3;}} .createNewTag {display: flex; padding: 16px; align-items: center; gap: 12px; align-self: stretch; border-radius: 8px; border: 1px solid#6562DF; background:#FFF; p {color: #6562DF; width: 100%; text-align: left;}} .itemMember {display: flex; padding: 12px; align-items: center; gap: 12px; align-self: stretch; border-radius: 8px; border: 1px solid none; .MuiCheckbox-root {svg {fill: #CCCCCC;}} .Mui-checked {svg {fill: #5C5ACC;}} .avatar {width: 40px; height: 40px; aspect-ratio: 1/1; border-radius: 50px;} .center {display: flex; flex-direction: column; align-items: flex-start; flex: 1 0 0; .top {font-size: 16px; font-style: normal; font-weight: 500; line-height: 20px; letter-spacing: -.16px; color: #000000;} .bottom {font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; letter-spacing: -.12px; color: #797677;}} .teamInfo {display: flex; padding: 4px; align-items: center; gap: 4px;}} .itemMemberActive {border: 1px solid#6562DF; background:#DADAF2;} .itemTeamList {display: flex; flex-direction: column; align-items: flex-start; gap: 4px; align-self: stretch; .itemTeam {display: flex; padding: 12px; align-items: center; gap: 12px; align-self: stretch; border-radius: 8px; border: 1px solid none; .MuiCheckbox-root {svg {fill: #CCCCCC;}} .Mui-checked {svg {fill: #5C5ACC;}} .avatar {width: 40px; height: 40px; aspect-ratio: 1/1; border-radius: 50px;} .center {display: flex; flex-direction: column; align-items: flex-start; flex: 1 0 0; .top {font-size: 16px; font-style: normal; font-weight: 500; line-height: 20px; letter-spacing: -.16px; color: #000000;} .bottom {font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; letter-spacing: -.12px; color: #797677;}} .teamInfo {display: flex; padding: 4px; align-items: center; gap: 4px;}} .itemTeamActive {border: 1px solid#6562DF; background:#DADAF2;}}} .infoCustomer {display: flex; padding: 12px 8px; flex-direction: column; align-items: center; gap: 8px; align-self: stretch; border-radius: 4px; border: 1px solid#B3B3B3; .avatar {width: 120px; height: 120px; aspect-ratio: 1/1; border-radius: 120px;} .body_large_regular {text-transform: capitalize;} .wa {display: flex; align-items: center; gap: 4px; p {color: #219655;}}} .inputContact {display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 4px; align-self: stretch; label {font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px; color: #333333;} input {display: flex; height: 24px; padding: 12px; align-items: flex-start; gap: 4px; align-self: stretch; border-radius: 4px; border: 1px solid#F2F2F2;} .ant-picker {padding: 0 12px; height: 48px; border: 1px solid#F2F2F2 !important; input {padding: 0; border: none;}} .MuiAutocomplete-root {width: 100%; height: 48px; .MuiFormControl-root {height: 48px;} .MuiInputBase-root {height: 48px !important; border: 1px solid#F2F2F2; input {border: none; padding: 0 !important;}}}} .tabDataList {display: flex; align-items: center; align-self: stretch; border-bottom: 1px solid #CAC4D0; .item {display: flex; padding: 0px 16px; justify-content: center; align-items: center; flex: 1 0 0; align-self: stretch; height: 48px; p {font-family: "Roboto"; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px; letter-spacing: .1px; color: #656565; height: 100%; text-align: center; display: flex; align-items: center;}} .itemActive {p {border-bottom: 3px solid #6562DF; color: #6562DF;}}} .textInfo {font-size: 12px; font-style: italic; font-weight: 400; line-height: 18px; color: #656565;} .ContainerChatBodyTemplate {padding: 0; width: 100%; border: none; .ChatbodyGuideBookTitle {display: none;} .SearchChatBodyTemplate {width: 100%; max-width: calc(100% - 16px);}} .itemDetailSession {display: flex; align-items: center; gap: 8px; align-self: stretch; .leftSection {width: 100px;} .rightSection {display: flex; align-items: center; gap: 4px; flex: 1 0 0; img {width: 20px; height: 20px; border-radius: 50%;}}} .ChatUserHistory {width: 100%; padding: 0; border: none; .ChatUserHistory_Header {display: none;} .ChatUserHistory_Search {.search {flex: 1;}}}}.ChatContent_ActionMoreChatBoxSelectedMobile .body .inputData{display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch;height:max-content;label {font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; letter-spacing: -.14px;} textarea {background:#FFF !important; flex: 1; height: 100%;} .borderColorGrey {border-color: #B3B3B3 !important;} .input {border: 1px solid#6562DF !important; box-shadow: 0px 0px 5px 0px rgba(92,90,204,.15); flex: 1; font-weight: 400; font-size: 12px; line-height: 22px; height: 120px; min-height: 120px; max-height: 120px; width: calc(100% - 24px); color: #333333; resize: none; border-radius: 8px; padding: 12px; display: flex; align-items: flex-start; button {padding: 0;}}}.ChatContent_ActionMoreChatBoxSelectedMobile .body .buttonSave{display:flex;padding:12px 20px 12px 12px;justify-content:center;align-items:center;gap:8px;align-self:stretch;border-radius:8px;border:2px solid#5C5ACC;p {color: #5C5ACC;}}.ChatContent_ActionMoreChatBoxSelectedMobile .footer{display:flex;width:calc(100% - 24px);padding:12px;flex-direction:column;align-items:flex-start;gap:4px;button {display: flex; padding: 12px 16px 12px 12px; justify-content: center; align-items: center; gap: 8px; align-self: stretch; border-radius: 8px; background:#5C5ACC !important; p {color: #ffffff;}}}.ChatContent_ActionMoreChatBoxSelectedMobile .footer2{display:flex;width:calc(100% - 24px);padding:12px;align-items:center;gap:4px;box-shadow:0 -5px 10px #0000000d}.ChatContent_ActionMoreChatBoxSelectedMobile .footer2 .buttonCancel{display:flex;padding:12px 16px 12px 12px;justify-content:center;align-items:center;gap:8px;flex:1 0 0;border-radius:8px;background:none;p {color: #DF6262;}}.ChatContent_ActionMoreChatBoxSelectedMobile .footer2 .buttonSave{display:flex;padding:12px 16px 12px 12px;justify-content:center;align-items:center;gap:8px;flex:1 0 0;border-radius:8px;background:#5C5ACC;p {color: #FAFAFA;}}.ChatContent_ActionMoreChatBoxSelectedMobile .footer2 .buttonCollaborate{display:flex;padding:12px 16px 12px 12px;justify-content:center;align-items:center;gap:8px;flex:1 0 0;border-radius:8px;border:2px solid#656464;background:#F2F2F2;height:48px;p {color: #656464;}}.BgVariantProduct{position:fixed;left:320px;top:72px;width:calc(100dvw - 320px);height:calc(100dvh - 72px);background-color:#00000050;display:flex;justify-content:center;align-items:center;z-index:4}.VariantProductPopup{display:flex;width:860px;flex-direction:column;align-items:flex-start;border-radius:8px;box-shadow:0 0 10px #0000001a}.VariantProductPopup .VariantProductPopup_head{display:flex;padding:16px 24px;justify-content:space-between;align-items:center;align-self:stretch;border-bottom:1px solid#F2F2F2;background:#FFF;border-top-right-radius:8px;border-top-left-radius:8px}.VariantProductPopup .head2{display:flex;padding:12px 24px;justify-content:space-between;align-items:center;gap:8px;align-self:stretch;border-bottom:1px solid #FAFAFA;background:#FFF}.VariantProductPopup .head2 .leftSection{display:flex;align-items:center;gap:8px;img {width: 80px; height: 80px; border-radius: 4px; border: 1px solid#E5E4E4;} .main {display: flex; flex-direction: column; align-items: flex-start; gap: 8px;}}.VariantProductPopup .head2 .rightSection{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.VariantProductPopup .head2 .rightSection .top{display:flex;align-items:flex-start;gap:8px}.VariantProductPopup .body{display:flex;padding:12px 24px;flex-direction:column;align-items:flex-start;gap:12px;flex:1 0 0;align-self:stretch;min-height:452px;height:452px;max-height:452px;overflow-y:scroll;border-bottom:1px solid #FAFAFA;background:#FFF;position:relative;table {border-radius: 4px; border: .8px solid#B3B3B3; height: 450px; max-height: 450px; overflow: hidden; position: relative; thead {position: sticky; top: 0; z-index: 400; th {padding: 12.8px 8px !important; font-size: 14px; font-style: normal; font-weight: 500; line-height: 24px; letter-spacing: .14px;}} tbody {min-height: 300px; height: 300px; max-height: 300px; overflow-y: scroll; td {padding: 12.8px 8px !important; font-size: 14px; font-style: normal; font-weight: 500; line-height: 24px; letter-spacing: .14px; img {width: 64px; height: 64px; border-radius: 4px; border: .5px solid #656565;}}} .columnNo {width: 27.2px; padding: 12.8px 6.4px;} .columnImg {width: 64px;} .columnSize {width: auto;} .columnPrice {width: 104px;}}}.SummarySessionPopup{background:#33333384;position:fixed;width:100dvw;height:calc(100dvh - 72px);top:72px;left:0;right:0;z-index:2;display:flex;align-items:center;justify-content:center}.SummarySessionPopup .mainSection{display:flex;width:615px;flex-direction:column;align-items:flex-start;border-radius:8px;box-shadow:0 0 10px #0000001a;background:#FFFFFF}.SummarySessionPopup .mainSection .headSection{display:flex;padding:12px;justify-content:space-between;align-items:center;align-self:stretch;border-bottom:1px solid #F2F2F2}.SummarySessionPopup .mainSection .bodySection{display:flex;max-height:400px;height:max-content;overflow-y:scroll;padding:12px;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch;border-bottom:1px solid #FAFAFA}.SummarySessionPopup .mainSection .bodySection .tabsSumamryChatSession{display:flex;padding:4px;align-items:flex-start;gap:8px;align-self:stretch;border-radius:8px;background:#F2F2F2}.SummarySessionPopup .mainSection .bodySection .tabsSumamryChatSession .tabItem{display:flex;min-width:100px;padding:8px;justify-content:center;align-items:center;gap:8px;flex:1 0 0;border-radius:4px;background:#F2F2F2;p {color: #656565;} .wrp_btn {padding: 0; display: flex; align-items: center;}}.SummarySessionPopup .mainSection .bodySection .tabsSumamryChatSession .tabItemActive{background:#FFF;p {color: #6562DF;}}.SummarySessionPopup .mainSection .bodySection .inputSummaryContext{display:flex;padding:8px 12px;justify-content:space-between;align-items:center;align-self:stretch;border-radius:8px;border:1px solid #6562DF;background:#FFF}.SummarySessionPopup .mainSection .bodySection .inputSummaryContext .leftSection{display:flex;align-items:center;gap:4px;align-self:stretch}.SummarySessionPopup .mainSection .bodySection .inputSummaryContext .leftSection .wrp_btn{padding:0}.SummarySessionPopup .mainSection .bodySection .inputSummaryContext .MuiSwitch-root{transform:scale(.8)}.SummarySessionPopup .mainSection .footerSection{display:flex;padding:12px;justify-content:space-between;align-items:center;align-self:stretch;button {display: flex; padding: 12px; justify-content: center; align-items: center; gap: 12px; border-radius: 4px;} .btnCancel {p {color: #DF6262;}} .btnSave {background: #5C5ACC; p {color: #FFFFFF;}}}.PostSessionSummaryPopup{background:#33333384;position:fixed;width:calc(100dvw - 320px);height:calc(100dvh - 72px);top:72px;left:320px;right:0;z-index:2;display:flex;align-items:center;justify-content:center}.PostSessionSummaryPopup .mainSection{display:flex;width:615px;flex-direction:column;align-items:flex-start;border-radius:8px;box-shadow:0 0 10px #0000001a;background:#FFFFFF}.PostSessionSummaryPopup .mainSection .headSection{display:flex;padding:12px;justify-content:space-between;align-items:center;align-self:stretch;border-bottom:1px solid #F2F2F2}.PostSessionSummaryPopup .mainSection .headSection .title{display:flex;align-items:center;gap:4px;svg {height: 20px; width: 20px;}}.PostSessionSummaryPopup .mainSection .bodySection{display:flex;max-height:400px;height:max-content;overflow-y:scroll;padding:12px;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch;border-bottom:1px solid #FAFAFA}.PostSessionSummaryPopup .mainSection .bodySection .partHistory{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;align-self:stretch}.PostSessionSummaryPopup .mainSection .bodySection .partHistory .item{display:flex;width:calc(100% - 16px);height:42px;padding:4px 8px;align-items:center;gap:8px;border-radius:4px;border:1px solid #B3B3B3}.PostSessionSummaryPopup .mainSection .bodySection .partHistory .item .MuiButtonBase-root{padding:0;span {color: #BDBDBD;}}.PostSessionSummaryPopup .mainSection .bodySection .partHistory .item .rightSection{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0;p {&:nth-child(1) {color: #999;} &:nth-child(1) {color: #B3B3B3;}}}.PostSessionSummaryPopup .mainSection .bodySection .partHistory .itemActive{border-color:#6562df}.PostSessionSummaryPopup .mainSection .bodySection .partHistory .itemActive .MuiButtonBase-root{span {color: #6562DF;}}.PostSessionSummaryPopup .mainSection .bodySection .partHistory .itemActive .rightSection{p {&:nth-child(1) {color: #333;} &:nth-child(1) {color: #656565;}}}.PostSessionSummaryPopup .mainSection .bodySection .input{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;align-self:stretch;textarea {display: flex; height: 80px; padding: 12px; align-items: flex-start; gap: 10px; align-self: stretch; border-radius: 4px; border: 1px solid #E5E4E4; background: #FFF;} .ql-container {height: 104px;}}.PostSessionSummaryPopup .mainSection .bodySection .inputSection{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;align-self:stretch;p {display: flex; align-items: center; gap: 4px;} .input {display: flex; padding: 12px; align-items: center; gap: 10px; align-self: stretch; border-radius: 4px; border: 1px solid#656464; background: #FFF; flex-direction: row;} .textarea {display: flex; height: 120px; min-height: 120px; max-height: 120px; width: calc(100% - 24px); min-width: calc(100% - 24px); max-width: calc(100% - 24px); padding: 12px; align-items: flex-start; gap: 10px; align-self: stretch; border-radius: 4px; border: 1px solid#656464; background: #FFF;} #tab_prompt {margin-bottom: 0 !important;} .ql-container {height: 144px;}}.PostSessionSummaryPopup .mainSection .bodySection .inputOptionMenu{display:flex;padding:12px;align-items:center;justify-content:space-between;gap:10px;align-self:stretch;border-radius:4px;border:1px solid #656464;background:#FFF;position:relative}.PostSessionSummaryPopup .mainSection .bodySection .inputOptionMenu .inputOptionList{position:absolute;top:56px;left:0;z-index:2;display:flex;width:calc(100% - 8px);max-height:176px;overflow-y:scroll;padding:4px;flex-direction:column;align-items:flex-start;gap:4px;border-radius:4px;border:1px solid #B3B3B3;background:#FFF}.PostSessionSummaryPopup .mainSection .bodySection .inputOptionMenu .inputOptionList .inputMenu{display:flex;height:22px;padding:8px 12px;justify-content:space-between;align-items:center;align-self:stretch;background:#FFF}.PostSessionSummaryPopup .mainSection .bodySection .inputSummaryContext{display:flex;padding:8px 12px;justify-content:space-between;align-items:center;align-self:stretch;border-radius:8px;border:1px solid #6562DF;background:#FFF}.PostSessionSummaryPopup .mainSection .bodySection .inputSummaryContext .leftSection{display:flex;align-items:center;gap:4px;align-self:stretch}.PostSessionSummaryPopup .mainSection .bodySection .inputSummaryContext .MuiSwitch-root{transform:scale(.8)}.PostSessionSummaryPopup .mainSection .footerSection{display:flex;padding:12px;justify-content:space-between;align-items:center;align-self:stretch;button {display: flex; padding: 12px; justify-content: center; align-items: center; gap: 12px; border-radius: 4px;} .btnCancel {p {color: #DF6262;}} .btnSave {background: #5C5ACC; p {color: #FFFFFF;}}}.LimitPaymentPopup,.LimitPaymentPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{width:500px;margin:0 auto}.LimitPaymentPopup .css-hz1bth-MuiDialog-container,.LimitPaymentPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{margin:0;padding:0;min-width:500px}.LimitPaymentPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{background:#FFF;position:relative}.LimitPaymentPopup_head{display:flex;justify-content:flex-end;align-items:center;padding:16px 24px 0;position:sticky;top:0;z-index:1}.LimitPaymentPopup_body{display:flex;flex-direction:column;align-items:center;padding:0 24px 24px;gap:8px}.LimitPaymentPopup_body img{height:180px;object-fit:contain}.LimitPaymentPopup_body h3{font-size:24px;font-weight:500;margin:0}.LimitPaymentPopup_body p{font-size:16px;margin:-4px 0 0}.TermAndCondition{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:0;position:absolute;width:840px;height:75vh;left:calc(50% - 420px);top:calc(50% - 37.5vh);background:#FFFFFF;box-shadow:0 0 10px #0000001a;border-radius:8px;overflow-y:scroll}.TermAndCondition .Header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:12px 16px;gap:4px;width:808px;position:fixed;background:#FFFFFF}.TermAndCondition .Header .btn-lang{width:120px;height:28px;padding:4px;gap:0px;border-radius:4px;border:1px solid #656565;background:#FAFAFA;display:flex;justify-content:space-between;align-items:center}.TermAndCondition .Header .btn-lang .left{display:flex;justify-content:center;align-items:center;gap:4px}.tnc_popoverMenuChangeLang_body{display:flex;flex-direction:column;gap:4px;border:1px solid #656565;border-radius:4px;padding:4px;width:112px}.tnc_popoverMenuChangeLang_body .tnc_popoverMenuChangeLang_item{padding:4px 8px}.tnc_popoverMenuChangeLang_body .tnc_popoverMenuChangeLang_item_active{background:#6562DF;p {color: #FAFAFA;}}.TermAndCondition .Body{margin:72px 0;display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;padding:12px;width:calc(100% - 24px)}.TermAndCondition_bodyGrey{background:#F2F2F2;border-radius:8px;width:calc(100% - 40px);padding:12px;display:flex;flex-direction:column;gap:12px}.TermAndCondition_listContent{padding:8px;ol {margin: 0; padding-inline-start: 20px; li {color: #6562DF; cursor: pointer;} li&:hover {text-decoration: underline;}}}.TermAndCondition_listContent .text2{margin:8px 0}.TermAndCondition_item{background:#FFFFFF;border-radius:8px;padding:8px;width:calc(100% - 16px)}.TermAndCondition_item .top{display:flex;justify-content:space-between;align-items:center}.TermAndCondition_item .top .title{color:#333}.TermAndCondition_item .top .right{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px;cursor:pointer;p {color: #5C5ACC;}}.TermAndCondition_item .body{margin-top:0;padding:0 24px;ul {padding-inline-start: 0; margin-top: 0;}}.TermAndCondition .Bottom{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:12px 16px;gap:4px;width:808px;bottom:12vh;position:fixed;background:#FFFFFF}.TermAndCondition .Bottom .left{display:flex;justify-content:space-between;align-items:center;gap:4px;p {max-width: 494px;}}.TermAndCondition .Bottom .right{display:flex;justify-content:space-between;align-items:center;gap:16px}.TermAndCondition .Bottom .right .btn-cancel{padding:12px;cursor:pointer;p {color: #656565;}}.TermAndCondition .Bottom .right .btn-aggree{width:95px;height:24px;padding:12px;gap:8px;border-radius:4px;display:flex;justify-content:center;align-items:center;cursor:pointer;p {color: #FAFAFA;}}.TermAndCondition :is(.tncAgree .css-i4bv87-MuiSvgIcon-root,.tncAgree svg path){fill:#5c5acc}.TermAndCondition :is(.tncDisAgree .css-i4bv87-MuiSvgIcon-root,.tncDisAgree svg path){fill:#656464}.chatFollowUp_itemBridge{display:flex;height:24px;padding:4px;align-items:center;gap:4px;border-radius:4px;border:1px solid var(--Neutral-Color-Neutral200, #f2f2f2);background:var(--Neutral-Color-Neutral100, #fafafa);color:var(--Neutral-Color-Neutral3, #656464);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px}.chatFollowUp_itemScript{display:flex;height:24px;padding:4px;align-items:center;gap:4px;border-radius:4px;border:1px solid var(--Primary-Color-Primary500, #6562df);background:var(--Background-White, #fff);color:var(--Neutral-Color-Neutral900, #333);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px}.PopupEmoji{position:absolute;z-index:9999999;bottom:80px;background-color:#fff}.ChatContent{width:100%;height:100%;max-height:calc(100dvh - 144px);position:relative}.ChatContent_Header{padding:20px 24px 10px;display:flex;justify-content:space-between;align-items:center}.ChatContent_Header .left{display:flex;flex-direction:row;align-items:center;padding:0;gap:8px}.ChatContent_Header .left .close-session{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:8px;gap:8px;border:1px solid #5c5acc;border-radius:4px;cursor:pointer;position:relative;min-width:130px;height:36px}.ChatContent_Header .left .close-session p{font-weight:600;font-size:12px;line-height:20px;display:flex;align-items:center;letter-spacing:.02em;color:#5c5acc}.ChatContent_Header .left .close-session .setting{position:absolute;top:10px;right:8px}.ChatContent_Header .left .delete{display:flex;justify-content:center;align-items:center;width:32px;height:38px}.ChatContent_Header :is(.left .delete:hover,.left .active){background:#dadaf2;border-radius:4px}.ChatContent_Header .right{display:flex;align-items:flex-start;padding:0;gap:12px;min-width:0!important}.ChatContent_Header .right .help{display:flex;justify-content:center;align-items:center;padding:12px 16px 12px 12px;gap:12px;background:#5c5acc;border-radius:12px}.ChatContent_Header .right .help:hover{background:#23224d}.ChatContent_Header .right .help:disabled{background:#656464}.ChatContent_Header :is(.right .help img,.right .search img){width:24px;height:24px}.ChatContent_Header .right .help p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fafafa}.ChatContent_Header .right .search{width:48px;height:48px;display:flex;justify-content:center;align-items:center;gap:12px;background:#ffffff;border-radius:4px}.ChatContent_HeaderMobile{display:flex;padding:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;align-self:stretch;background:#FFFFFF;box-shadow:0 0 10px #0000001a;position:relative}.ChatContent_HeaderMobile .top{display:flex;align-items:center;gap:8px;align-self:stretch}.ChatContent_HeaderMobile .top .boxIcon{display:flex;padding:8px;justify-content:center;align-items:center;gap:10px}.ChatContent_HeaderMobile .top .centerSection{display:flex;align-items:center;gap:8px;flex:1 0 0}.ChatContent_HeaderMobile .top .centerSection .leftSection{display:flex;width:40px;height:40px;padding:4px;justify-content:center;align-items:center;gap:10px;aspect-ratio:1/1;border-radius:50px;background:#FFF;img {border-radius: 50px; width: 100%; object-fit: contain;} .avatar-border-danger,.avatar-border-warning,.avatar-border-ongoing {border: 2px solid #DF6262; border-radius: 50px; padding: 2px; width: 42px; height: 42px;} .avatar-border-warning {border-color: #E5B740;} .avatar-border-ongoing {border-color: #6562DF;}}.ChatContent_HeaderMobile .top .centerSection .rightSection{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:1 0 0;p {margin: 0;} .body_large_semibold {text-transform: capitalize;}}.ChatContent_HeaderMobile .bottom{display:flex;padding:4px;justify-content:center;align-items:center;gap:8px;align-self:stretch;border-radius:9px;border:1px solid#E5E4E4;background:#FAFAFA}.ChatContent_HeaderMobile .bottom .leftSection{display:flex;align-items:center;height:100%;gap:12px}.ChatContent_HeaderMobile .bottom .leftSection .item{display:flex;align-items:center;gap:4px;height:100%;img,.avatar-mobile {width: 16px; height: 16px;}}.ChatContent_HeaderMobile .bottom .rightSection{display:flex;height:26px;justify-content:flex-end;align-items:center;gap:4px;flex:1 0 0}.ChatContent_HeaderMobile .bottom .rightSection .item{display:flex;height:16px;padding:4px 12px;align-items:center;gap:4px;border-radius:4px;border:1px solid#6562DF;background:#FFF}.ChatContent_HeaderMobile .importantNotesShow{position:fixed;top:137px;left:16px;right:16px;display:flex;width:calc(100% - 48px);padding:8px;align-items:center;border-radius:8px;border:1px solid#6562DF;background:#FFF;box-shadow:5px 5px 5px #6562df26;z-index:50}.ChatContent_HeaderMobile .importantNotesShow .leftSection{display:flex;padding:4px;justify-content:center;align-items:center;gap:4px;height:100%}.ChatContent_HeaderMobile .importantNotesShow .rightSection{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}.ChatContent_HeaderMobile .importantNotesShow .rightSection .top{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.ChatContent_HeaderMobile .importantNotesShow .rightSection .bottomSection{max-height:50px;overflow-y:scroll;p {color: #6562DF; text-wrap: wrap;}}.ChatContent_ActionMoreChatroomMobile{position:fixed;top:0;left:0;z-index:1000;display:flex;width:100dvw;height:100dvh;flex-direction:column;align-items:flex-start;background:#FFFFFF}.ChatContent_ActionMoreChatroomMobile .header{display:flex;padding:12px;align-items:center;justify-content:space-between;gap:8px;align-self:stretch}.ChatContent_ActionMoreChatroomMobile .header .iconBox{display:flex;width:48px;height:48px;flex-direction:column;justify-content:center;align-items:center;gap:10px}.ChatContent_ActionMoreChatroomMobile .header2{display:flex;padding:12px;align-items:center;justify-content:space-between;gap:8px;align-self:stretch;background:#FAFAFA;box-shadow:0 0 10px #0000001a}.ChatContent_ActionMoreChatroomMobile .header2 .iconBox{display:flex;width:48px;height:48px;flex-direction:column;justify-content:center;align-items:center;gap:10px}.ChatContent_ActionMoreChatroomMobile .header3{display:flex;padding:12px;align-items:center;justify-content:space-between;gap:8px;align-self:stretch;background:var(--Neutral-Color-Neutral100, #FAFAFA);box-shadow:0 0 10px #0000001a;h5 {flex: 1;} .btnSave {display: flex; height: 48px; justify-content: center; align-items: center; gap: 8px; border-radius: 100px; border: 1px solid#6562DF; p {font-family: "Roboto"; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px; letter-spacing: .1px; color: #6562DF;}} .iconBox {display: flex; width: 48px; height: 48px; flex-direction: column; justify-content: center; align-items: center; gap: 10px;}}.ChatContent_ActionMoreChatroomMobile .body{display:flex;padding:16px;width:calc(100% - 32px);height:calc(100% - 32px);flex-direction:column;align-items:flex-start;gap:16px;flex:1 0 0;align-self:stretch;overflow-y:scroll;overflow-x:hidden;hr {height: 1px; width: 100%; border: none; background: #B3B3B3;} .importantNotes {display: flex; padding: 8px 12px; align-items: center; gap: 12px; align-self: stretch; border-radius: 8px; background:#F2F2F2; .leftSection {display: flex; flex-direction: column; align-items: flex-start; gap: 4px; flex: 1 0 0; .bottom {font-size: 12px; font-style: normal; font-weight: 400; line-height: 18px; color: #B3B3B3;}} .rightSection {display: flex; width: 51px; height: 31px; align-items: center; justify-content: center; border-radius: 100px; background:#B3B3B3; img {height: 24px;}}} label {font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; letter-spacing: -.14px; color: #000000;} .inputSearch {display: flex; width: calc(100% - 24px); padding: 12px; align-items: center; gap: 10px; align-self: stretch; border-radius: 8px; border: 1px solid#B3B3B3; background:#FFF; input {display: flex; align-items: center; gap: 12px; flex: 1 0 0;}} .listTagUser {display: flex; padding: 4px 0px; align-items: flex-start; align-content: flex-start; gap: 8px; align-self: stretch; flex-wrap: wrap; max-height: 50%; overflow-y: scroll; .tagData {display: flex; min-width: 40px; width: max-content; padding: 8px; align-items: center; gap: 8px; border-radius: 4px; border: 1px solid#6562DF; background:#FFF;}} .listData {display: flex; flex-direction: column; align-items: flex-start; gap: 8px; height: 100%; max-height: 100%; flex: 1 0 0; align-self: stretch; overflow-y: scroll; .item {display: flex; padding: 16px; align-items: center; gap: 12px; align-self: stretch; border-radius: 8px; border: 1px solid#E5E4E4; background:#FFF;} .dataNotFound {display: flex; padding: 16px; align-items: center; gap: 12px; align-self: stretch; border-radius: 8px; background:#F2F2F2; p {text-align: center; width: 100%; color: #B3B3B3;}} .dataAlreadyAdd {width: calc(100% - 32px); height: 20px; border-radius: 8px; padding: 16px; gap: 12px; background: #F2F2F2; display: flex; align-items: center; justify-content: center; p {color: #B3B3B3;}} .createNewTag {display: flex; padding: 16px; align-items: center; gap: 12px; align-self: stretch; border-radius: 8px; border: 1px solid#6562DF; background:#FFF; p {color: #6562DF; width: 100%; text-align: left;}} .itemMember {display: flex; padding: 12px; align-items: center; gap: 12px; align-self: stretch; border-radius: 8px; border: 1px solid none; .MuiCheckbox-root {svg {fill: #CCCCCC;}} .Mui-checked {svg {fill: #5C5ACC;}} .avatar {width: 40px; height: 40px; aspect-ratio: 1/1; border-radius: 50px;} .center {display: flex; flex-direction: column; align-items: flex-start; flex: 1 0 0; .top {font-size: 16px; font-style: normal; font-weight: 500; line-height: 20px; letter-spacing: -.16px; color: #000000;} .bottom {font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; letter-spacing: -.12px; color: #797677;}} .teamInfo {display: flex; padding: 4px; align-items: center; gap: 4px;}} .itemMemberActive {border: 1px solid#6562DF; background:#DADAF2;} .itemTeamList {display: flex; flex-direction: column; align-items: flex-start; gap: 4px; align-self: stretch; .itemTeam {display: flex; padding: 12px; align-items: center; gap: 12px; align-self: stretch; border-radius: 8px; border: 1px solid none; .MuiCheckbox-root {svg {fill: #CCCCCC;}} .Mui-checked {svg {fill: #5C5ACC;}} .avatar {width: 40px; height: 40px; aspect-ratio: 1/1; border-radius: 50px;} .center {display: flex; flex-direction: column; align-items: flex-start; flex: 1 0 0; .top {font-size: 16px; font-style: normal; font-weight: 500; line-height: 20px; letter-spacing: -.16px; color: #000000;} .bottom {font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; letter-spacing: -.12px; color: #797677;}} .teamInfo {display: flex; padding: 4px; align-items: center; gap: 4px;}} .itemTeamActive {border: 1px solid#6562DF; background:#DADAF2;}}} .infoCustomer {display: flex; padding: 12px 8px; flex-direction: column; align-items: center; gap: 8px; align-self: stretch; border-radius: 4px; border: 1px solid#B3B3B3; .avatar {width: 120px; height: 120px; aspect-ratio: 1/1; border-radius: 120px;} .body_large_regular {text-transform: capitalize;} .wa {display: flex; align-items: center; gap: 4px; p {color: #219655;}}} .inputContact {display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 4px; align-self: stretch; label {font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px; color: #333333;} input {display: flex; height: 24px; padding: 12px; align-items: flex-start; gap: 4px; align-self: stretch; border-radius: 4px; border: 1px solid#F2F2F2;} .ant-picker {padding: 0 12px; height: 48px; border: 1px solid#F2F2F2 !important; input {padding: 0; border: none;}} .MuiAutocomplete-root {width: 100%; height: 48px; .MuiFormControl-root {height: 48px;} .MuiInputBase-root {height: 48px !important; border: 1px solid#F2F2F2; input {border: none; padding: 0 !important;}}}} .tabDataList {display: flex; align-items: center; align-self: stretch; border-bottom: 1px solid #CAC4D0; .item {display: flex; padding: 0px 16px; justify-content: center; align-items: center; flex: 1 0 0; align-self: stretch; height: 48px; p {font-family: "Roboto"; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px; letter-spacing: .1px; color: #656565; height: 100%; text-align: center; display: flex; align-items: center;}} .itemActive {p {border-bottom: 3px solid #6562DF; color: #6562DF;}}} .textInfo {font-size: 12px; font-style: italic; font-weight: 400; line-height: 18px; color: #656565;} .ContainerChatBodyTemplate {padding: 0; width: 100%; border: none; .ChatbodyGuideBookTitle {display: none;} .SearchChatBodyTemplate {width: 100%; max-width: calc(100% - 16px);}} .itemDetailSession {display: flex; align-items: center; gap: 8px; align-self: stretch; .leftSection {width: 100px;} .rightSection {display: flex; align-items: center; gap: 4px; flex: 1 0 0; img {width: 20px; height: 20px; border-radius: 50%;}}} .ChatUserHistory {width: 100%; padding: 0; border: none; .ChatUserHistory_Header {display: none;} .ChatUserHistory_Search {.search {flex: 1;}}}}.ChatContent_ActionMoreChatroomMobile .body .inputData{display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch;height:max-content;label {font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; letter-spacing: -.14px;} textarea {flex: 1; font-weight: 400; font-size: 12px; line-height: 22px; height: 120px; min-height: 120px; max-height: 120px; width: calc(100% - 24px); color: #333333; resize: none; border-radius: 8px; border: 1px solid#6562DF !important; background:#FFF !important; box-shadow: 0px 0px 5px 0px rgba(92,90,204,.15);} .borderColorGrey {border-color: #B3B3B3 !important;}}.ChatContent_ActionMoreChatroomMobile .body .accordionData{padding:12px;width:calc(100% - 24px);border-radius:8px;border:1px solid #B3B3B3;background:#FFF;display:flex;flex-direction:column;gap:10px}.ChatContent_ActionMoreChatroomMobile .body .accordionData .headAccordion{display:flex;justify-content:space-between;align-items:center}.ChatContent_ActionMoreChatroomMobile .body .accordionData .primeSaveInChatHistory{display:flex;align-items:center;gap:12px;align-self:stretch}.ChatContent_ActionMoreChatroomMobile .body .accordionData .primeSaveInChatHistory .MuiCheckbox-root{padding:0}.ChatContent_ActionMoreChatroomMobile .body .accordionData .primeSaveInChatHistory .rightSection{display:flex;align-items:center;gap:12px}.ChatContent_ActionMoreChatroomMobile .body .accordionData .primeSaveInChatHistory .rightSection .wrp_btn{padding:0}.ChatContent_ActionMoreChatroomMobile .body .accordionData .primeSaveInChatHistory .MuiCheckbox-root{svg {fill: #5C5ACC;}}.ChatContent_ActionMoreChatroomMobile .body .accordionData .SettingTimeReallocateAccordionBody{padding:0!important}.ChatContent_ActionMoreChatroomMobile .body .accordionData .SettingTimeReallocateAccordionBody .Body{display:flex;flex-direction:column;gap:4px}.ChatContent_ActionMoreChatroomMobile .body .accordionData .SettingTimeReallocateAccordionBody .Body .bottom{display:flex;align-items:flex-start;gap:4px;align-self:stretch}.ChatContent_ActionMoreChatroomMobile .body .accordionData .SettingTimeReallocateAccordionBody .Body .bottom .input_time{display:flex;height:28px;padding:4px 8px;align-items:center;gap:4px;flex:1 0 0;width:100%;font-size:12px;font-style:normal;font-weight:400;line-height:18px;border-radius:8px;border:1px solid #B3B3B3;background:#FFF}.ChatContent_ActionMoreChatroomMobile .body .accordionData .SettingTimeReallocateAccordionBody .Body .bottom .MuiInputBase-root{display:flex;height:36px;padding:4px 8px;align-items:center;gap:4px;width:120px;border-radius:8px}.ChatContent_ActionMoreChatroomMobile .body .accordionData .SettingTimeReallocateAccordionBody .Body .bottom .MuiInputBase-root .MuiInputBase-input{padding:0;text-transform:capitalize;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.ChatContent_ActionMoreChatroomMobile .body .buttonSave{display:flex;padding:12px 20px 12px 12px;justify-content:center;align-items:center;gap:8px;align-self:stretch;border-radius:8px;border:2px solid#5C5ACC;p {color: #5C5ACC;}}.ChatContent_ActionMoreChatroomMobile .footer{display:flex;width:calc(100% - 24px);padding:12px;flex-direction:column;align-items:flex-start;gap:4px;button {display: flex; padding: 12px 16px 12px 12px; justify-content: center; align-items: center; gap: 8px; align-self: stretch; border-radius: 8px; background:#5C5ACC; p {color: #ffffff;}}}.ChatContent_ActionMoreChatroomMobile .footer2{display:flex;width:calc(100% - 24px);padding:12px;align-items:center;gap:4px;box-shadow:0 -5px 10px #0000000d}.ChatContent_ActionMoreChatroomMobile .footer2 .buttonCancel{display:flex;padding:12px 16px 12px 12px;justify-content:center;align-items:center;gap:8px;flex:1 0 0;border-radius:8px;background:none;p {color: #DF6262;}}.ChatContent_ActionMoreChatroomMobile .footer2 .buttonSave{display:flex;padding:12px 16px 12px 12px;justify-content:center;align-items:center;gap:8px;flex:1 0 0;border-radius:8px;background:#5C5ACC;p {color: #FAFAFA;}}.ChatContent_ActionMoreChatroomMobile .footer2 .buttonCollaborate{display:flex;padding:12px 16px 12px 12px;justify-content:center;align-items:center;gap:8px;flex:1 0 0;border-radius:8px;border:2px solid#656464;background:#F2F2F2;height:48px;p {color: #656464;}}.ChatContent_list{display:flex;flex-direction:column;overflow-y:auto;height:calc(100% - 158px)}.ChatContent_Parent{display:flex;flex-direction:row;align-items:center}.ChatContent_Parent .user-avatar{width:32px;height:32px;margin-left:-8px;margin-top:8px;margin-right:16px;border-radius:50%}.ChatContent_Other,.ChatContent_Other .text_small_light{display:flex;justify-content:center;align-items:center;padding:0;gap:4px}.ChatContent_Other{margin-top:12px;flex-direction:column}.ChatContent_Other .text_small_light .labelNoteBody b,.ChatContent_Other .text_small_light .labelNoteBody span{font-weight:600;font-size:10px;line-height:18px;letter-spacing:-.01em;color:#333}.ChatContent_Other .text_small_light .labelNoteBody span{color:#6562df}.ChatContent_Other .text_small_light .labelNoteBody .tag{display:flex;align-items:center;padding:4px;gap:4px;background:#fafafa;border:1px solid #f2f2f2;border-radius:4px;font-weight:300;font-size:10px;line-height:18px;color:#656464}.ChatContent_Other .text_small_light .labelNoteBody .takeover{color:var(--Neutral-Color-Neutral800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px}.ChatContent_User{padding:4px 8px;position:relative;width:336px;background:#ffffff;box-shadow:2px 2px 5px #0000000d;border-radius:0 4px 4px;margin-left:24px;margin-top:8px}.ChatContent_User .text{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333;word-wrap:break-word}.ChatContent_User .time{font-weight:300;font-size:10px;line-height:18px;text-align:right;color:#656464}.ChatContent_User .triangle{position:absolute;width:17px;height:17px;left:-16px;top:0}.ChatContent_User .url{display:flex;flex-direction:row;align-items:center;padding:4px;gap:8px;background:#dadaf2;border:1px solid #6562df;border-radius:8px;cursor:pointer}.ChatContent_User .url .urlContent{display:flex;flex-direction:row;align-items:center;padding:0;gap:8px}.ChatContent_User .url .urlContent img{max-width:60px;max-height:60px;height:100%;width:100%;object-fit:contain;border-radius:4px}.ChatContent_User .url .urlContent .info{display:flex;flex-direction:column;align-items:flex-start;padding:0}.ChatContent_User .url .urlContent .info .title{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333;white-space:nowrap;width:200px;overflow:hidden;text-overflow:ellipsis}.ChatContent_User .url .urlContent .info .desc-wrapper{width:100%}.ChatContent_User .url .urlContent .info .desc-wrapper .desc{font-weight:300;font-size:10px;line-height:18px;color:#656565;white-space:nowrap;width:200px;overflow:hidden;text-overflow:ellipsis}.ChatContent_User .url .urlContent .info .domain{font-weight:300;font-size:10px;line-height:16px;display:flex;align-items:center;letter-spacing:.01em;color:#b3b3b3}.ChatContent_Own{padding:4px 8px;position:relative;width:336px;background:#cecee5;background:#e3e3fc;box-shadow:2px 2px 5px #0000000d;border-radius:0 4px 4px;margin-left:auto;margin-right:24px;margin-top:8px}.ChatContent_User .mention,.ChatContent_Own .mention{color:#6562df}.ChatContent_User .name,.ChatContent_Own .name{font-weight:600;font-size:10px;line-height:18px;letter-spacing:-.01em;color:#219655}.ChatContent_User .name{color:#656565;display:flex;justify-content:space-between}.ChatContent_User .image,.ChatContent_Own .image{position:relative}.ChatContent_User .image img,.ChatContent_Own .image img,.ChatContent_User .image video,.ChatContent_Own .image video{width:100%;height:100%;max-height:300px;border-radius:4px;object-fit:contain}.ChatContent_User .image .mediaPlayer,.ChatContent_Own .image .mediaPlayer{position:absolute;top:50%;left:50%;cursor:pointer}.ChatContent_User .document,.ChatContent_Own .document{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:4px 8px;gap:4px;border-radius:4px;cursor:pointer;background:rgba(255,255,255,.5);box-shadow:0 0 10px #0000001a;width:calc(100% + -0px)}.ChatContent_User .document img,.ChatContent_Own .document img{width:32px;height:32px;border-radius:4px}.ChatContent_User .document .detail,.ChatContent_Own .document .detail{flex:1;max-width:calc(100% - 76px)}.ChatContent_User .document h2,.ChatContent_Own .document h2{font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px;color:#333}.ChatContent_User .document p,.ChatContent_Own .document p{font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px;color:#656565}.ChatContent_User .document .failed,.ChatContent_Own .document .failed{font-size:10px;font-style:normal;font-weight:300;line-height:18px;color:#656565}.ChatContent_Own .url{display:flex;flex-direction:row;align-items:center;padding:4px;gap:8px;background:#dadaf2;border:1px solid #6562df;border-radius:8px;cursor:pointer}.ChatContent_Own .url .urlContent{display:flex;flex-direction:row;align-items:center;padding:0;gap:8px}.ChatContent_Own .url .urlContent img{max-width:60px;max-height:60px;height:100%;width:100%;border-radius:4px}.ChatContent_Own .url .urlContent .info{display:flex;flex-direction:column;align-items:flex-start;padding:0}.ChatContent_Own .url .urlContent .info .title{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333;white-space:nowrap;width:200px;overflow:hidden;text-overflow:ellipsis}.ChatContent_Own .url .urlContent .info .desc-wrapper{width:100%}.ChatContent_Own .url .urlContent .info .desc-wrapper .desc{font-weight:300;font-size:10px;line-height:18px;color:#656565;white-space:nowrap;width:200px;overflow:hidden;text-overflow:ellipsis}.ChatContent_Own .url .urlContent .info .domain{font-weight:300;font-size:10px;line-height:16px;display:flex;align-items:center;letter-spacing:.01em;color:#b3b3b3}.ChatContent_Own .text{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333;word-wrap:break-word}.ChatContent_Own .time{font-weight:300;font-size:10px;line-height:18px;text-align:right;color:#656464;display:flex;justify-content:flex-end;align-items:center;gap:5.33px}.ChatContent_Own .img{width:16px;height:16px}.ChatContent_Own .triangle{position:absolute;width:17px;height:17px;right:-13px;top:0}.ChatContent_bottom,.ChatContent_bottom_showImg{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:row;align-items:center;padding:4px 12px;gap:4px}.ChatContent_bottom_showImg{justify-content:flex-end}.ChatContent_bottom_showImg .imgPreview{display:flex;flex-direction:column;align-items:flex-start;width:500px;border:1px solid #f2f2f2;border-radius:8px;background-color:#fff;filter:drop-shadow(-5px 0px 5px rgba(123,97,255,.05))}.ChatContent_bottom .PopupEmoji{position:absolute;z-index:999;bottom:60px;background-color:#fff}.ChatContent_bottom_showImg .imgPreview video{width:300px;height:200px;object-fit:contain}.ChatContent_bottom_showImg .imgPreview .top{display:flex;justify-content:flex-end;align-items:center;padding:16px 8px;gap:12px;width:calc(100% - 16px);height:36px}.ChatContent_bottom_showImg .imgPreview .top .btn-rotate{display:flex;justify-content:center;align-items:center;padding:8px;gap:8px;background:#5c5acc;border-radius:4px;cursor:pointer}.ChatContent_bottom_showImg .imgPreview .top .btn-rotate p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#fafafa}.ChatContent_bottom_showImg .imgPreview .top .btn-delete{padding:8px;cursor:pointer}.ChatContent_bottom_showImg .imgPreview .body{position:relative;background:#ffffff;width:calc(100% - 16px);height:calc(100% - 16px);padding:8px}.ChatContent_bottom_showImg .imgPreview .body .center{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:8px;gap:12px;background:#fafafa;height:234px;position:relative}.ChatContent_bottom_showImg .imgPreview .body .center img{max-width:350px;width:100%;max-height:200px;height:100%;object-fit:contain;transform:rotate(0)}.ChatContent_bottom_showImg .imgPreview .body .center p{position:absolute;bottom:0;font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333}.ChatContent_bottom_showImg .imgPreview .body .changeImge{display:flex;align-items:flex-start;gap:4px;margin:16px auto -16px;width:468px;overflow-x:scroll}.ChatContent_bottom_showImg .imgPreview .body .changeImge .changeImge_item{border-radius:4px;display:flex;justify-content:center;align-items:center;height:48px;width:48px;position:relative}.ChatContent_bottom_showImg .imgPreview .body .changeImge .changeImge_item .icon{position:absolute;top:0;right:0;cursor:pointer}.ChatContent_bottom_showImg .imgPreview .body .changeImge .changeImge_item img{width:32px;height:32px;border-radius:4px}.ChatContent_bottom_showImg .imgPreview .body .bottom{display:flex;align-items:center;padding:8px;gap:4px;width:468px;height:48px;background:#f2f2f2;margin-top:16px}.ChatContent_bottom_showImg .imgPreview .body .bottom .left{width:100px;display:flex;align-items:flex-start;padding:0;gap:4px}.ChatContent_bottom_showImg .imgPreview .body .bottom .left .icon{display:flex;justify-content:center;align-items:center;gap:12px;cursor:pointer;width:48px;height:48px;min-width:0px!important}.ChatContent_bottom_showImg .imgPreview .body .bottom .left .icon:hover{background:#dadaf2}.ChatContent_bottom_showImg .imgPreview .body .bottom .input{flex:1;display:flex;align-items:flex-start;padding:12px;gap:4px;width:calc(100% - 24px);border:1px solid #817ee6;box-shadow:0 0 5px #5c5acc26;border-radius:4px;background:#ffffff}.ChatContent_bottom_showImg .imgPreview .body .bottom .input input{width:100%;font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333}.ChatContent_bottom_showImg .imgPreview .body .bottom .right{display:flex;justify-content:center;align-items:center;padding:12px;gap:12px;cursor:pointer;width:24px}.ChatContent_bottomIcon{display:flex;justify-content:center;align-items:center;width:48px;height:48px}.ChatContent_bottomIcon:disabled{background:#e0e0e0}.ChatContent_bottomIcon img{width:24px;height:24px}.ChatContent_bottom .inputPart{flex:1;position:relative}.ChatContent_bottom .disableReply{color:var(--Neutral-Color-Neutral800, #656565);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px;display:flex;justify-content:center;align-items:center;margin:0!important;height:56px;flex:1;position:relative;background:var(--Neutral-Color-Neutral200, #f2f2f2)}.ChatContent_bottom .inputPart .previewUrl{position:absolute;top:-80px;left:0;display:flex;flex-direction:row;align-items:center;padding:8px;gap:8px;width:calc(100% - 16px);background:#ffffff;border:1px solid #656565;border-radius:8px}.ChatContent_bottom .inputPart .previewUrl .left{flex:1;display:flex;flex-direction:row;align-items:center;padding:0;gap:8px}.ChatContent_bottom .inputPart .previewUrl .left img{width:60px;height:60px;border-radius:4px}.ChatContent_bottom .inputPart .previewUrl .left .info{display:flex;flex-direction:column;align-items:flex-start;padding:0;flex:1}.ChatContent_bottom .inputPart .previewUrl .left .info .title{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333;white-space:nowrap;width:350px;overflow:hidden;text-overflow:ellipsis}.ChatContent_bottom .inputPart .previewUrl .left .info .domain{font-weight:300!important;font-size:10px!important;line-height:16px!important;letter-spacing:.01em!important;color:#333!important}.ChatContent_bottom .inputPart .previewUrl .left .info .desc-wrapper{width:100%}.ChatContent_bottom .inputPart .previewUrl .left .info .desc-wrapper .desc{font-weight:300;font-size:10px;line-height:18px;color:#656565;white-space:nowrap;width:350px;overflow:hidden;text-overflow:ellipsis}.ChatContent_bottom .inputPart .previewUrl .left .info .domain{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333}.ChatContent_bottom .inputPart textarea,.ChatContent_bottom .inputPart input{width:calc(100% - 24px);background:#ffffff;border:1px solid #817ee6;border-radius:4px;padding:12px;resize:none}:is(.ChatContent_bottom .inputPart textarea,.ChatContent_bottom .inputPart input):disabled{background:#e0e0e0}.ChatContent_changeAgent{display:flex;align-items:center}.ChatContent_changeAgent .user{display:flex;flex-direction:row;align-items:center}.ChatContent_changeAgent .user img{width:32px;height:32px}.ChatContent_changeAgent .user img:last-child{margin-left:-11px}.ChatContent_changeAgent .button{padding:8px;font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#5c5acc;cursor:pointer}.ChatContent_takeOver{display:flex;align-items:center;justify-content:center;padding:12px;background:#5c5acc;width:100%;gap:4px;border-radius:4px;cursor:pointer}.ChatContent_takeOver p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fff}.ChatContent_Popover{display:flex;flex-direction:column;align-items:flex-start;padding:4px;gap:4px;background:#ffffff;box-shadow:0 0 5px #0000001a;border-radius:4px;width:160px}.ChatContent_Popover_item{display:flex;align-items:center;padding:8px 12px;gap:10px;border-radius:4px;width:100%;max-width:161px}.ChatContent_Popover_item:hover{background:#6562df;color:#fff}.ChatContent_Popover_item:hover svg path{stroke:#fff}.ChatContent_Popover_item:hover p{color:#fff}.ChatContent .searchMessage{display:flex;padding:12px;align-items:center;gap:4px;border-radius:4px;border:1px solid #817ee5;box-shadow:0 0 5px #5c5acc26;background:#fff}.ChatContent .searchMessage input{font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px;color:#6562df}.ChatContent .searchMessage input::placeholder{color:#ccc}.ChatContent .searchMessage p{font-size:10px;font-weight:300;line-height:18px;color:#333}.ChatContent .searchMessage .icon{display:flex;justify-content:center;align-items:center;width:24px;height:24px}.ChatContent .searchMessage .icon-active{background:#dadaf2}@media screen and (max-width: 1439px){.ChatContent_User,.ChatContent_Own{width:280px}.ChatContent_User{margin-left:16px}.ChatContent_Own{margin-right:16px}}.navigationTemplateChat{position:absolute;right:0;color:var(--primary-color-primary-500, #6562df);cursor:pointer;font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:-.1px}.chatFollowUp_itemSendMessage{color:var(--Neutral-Color-Neutral4, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;display:flex;padding:4px 8px;align-items:center;gap:8px;border-radius:4px;border:1px solid var(--Neutral-Color-Neutral500, #b3b3b3);background:var(--Background-White, #fff)}.chatFollowUp_itemTag{display:flex;height:14px;padding:4px;align-items:center;gap:4px;border-radius:4px;border:1px solid #6562df;background:#ffffff;font-weight:400;font-size:12px;line-height:22px;min-width:max-content}.delegate_wrapper{display:flex;align-items:center;max-width:200px;gap:4px;overflow-y:scroll}.delegate_wrapper .data_delegate{display:flex;gap:8px;border:1px solid #B3B3B3;border-radius:4px;padding:4px;img {width: 20px; height: 20px;} p {font-weight: 400; font-size: 12px; line-height: 22px; color: #333333; min-width: max-content;}}.chatFollowUp{display:flex;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch;margin-bottom:24px;padding:0 16px}.chatFollowUp_title{font-size:10px;font-style:normal;font-weight:300;line-height:16px;color:#333}.chatFollowUp_item{display:flex;height:24px;align-items:center;gap:16px;align-self:stretch}.chatFollowUp_itemLeft{display:flex;align-items:center;gap:4px}.chatFollowUp_itemTitle{font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px;color:#333}.chatFollowUp_itemRight{display:flex;align-items:center;gap:4px;align-self:stretch}.chatFollowUp_itemRightIcon{display:flex;padding:8px 4px;justify-content:center;align-items:center;gap:4px;align-self:stretch;border-radius:4px;background:none}.chatFollowUp_itemRightIcon img{width:16px;height:16px}.WrapperPillChat{width:100%;display:flex;align-items:center;justify-content:center}.PillLoadMoreChat{display:flex;width:max-content;padding:4px 8px;align-items:center;gap:4px;border-radius:24px;border:1px solid var(--neutral-color-neutral-500, #b3b3b3);background:var(--background-white, #fff)}.TypoPillChat{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.containerCircleLoadMoreChat{display:flex}.circleLoadMoreChat{width:5px;height:5px;background-color:#6562df;border-radius:50%;margin:0 2px;animation:bounce .7s infinite alternate}@keyframes bounce{0%{transform:translateY(4px)}to{transform:translateY(0)}}.circleLoadMoreChat:nth-child(2){animation-delay:.2s}.circleLoadMoreChat:nth-child(3){animation-delay:.4s}.numberChatNotActive{display:flex;height:48px;padding:4px 12px;justify-content:center;align-items:center;gap:4px;align-self:stretch;background:#f2f2f2}.numberChatNotActive p{font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px;color:#656565}.numberChatNotActive .url p{font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px;text-decoration-line:underline;color:#656565}.chatInput_infoWaitTime{display:flex;padding:4px 8px;align-items:center;gap:8px}.chatInput_infoWaitTime p{font-size:12px;font-style:normal;font-weight:400;line-height:18px;color:#656464}.buttonChatArrowDown{position:absolute!important;top:3px;right:3px;width:24px;height:24px!important;border-radius:4px!important;min-width:24px!important;padding:0!important;display:flex;justify-content:center!important;align-items:center!important}:is(.ChatContent_Own:hover,.ChatContent_User:hover) .buttonChatArrowDown{display:flex!important;transform:none;transition:none;line-height:normal;font-size:8px;height:auto;width:auto}.popoverMenuChatReply .MuiPaper-root{border-radius:4px;border:1px solid #e5e4e4;background:#fff;box-shadow:none;margin-top:0}.popoverMenuChatReply_body{display:flex;padding:4px;flex-direction:column;align-items:flex-start;gap:4px}.popoverMenuChatReply_item{display:flex;width:200px;padding:4px 8px;align-items:flex-start;gap:8px;cursor:pointer;p {font-size: 12px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: .12px; color: #333333;}}.popoverMenuChatReply_item:hover{background:#6562df;border-color:#6562df;svg path {stroke: #fff;} p {color: #fff;}}.previewReplyBubble,.previewReply{display:flex;padding:4px 8px;justify-content:space-between;align-items:center;align-self:stretch;border-radius:4px;border-left:3px solid #656565;background:#fafafa;box-shadow:0 0 10px #0000001a;margin-bottom:8px;img {width: 46px; height: 36px;}}:is(.previewReplyBubble,.previewReply) .main{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}:is(.previewReplyBubble,.previewReply) .main .name{font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px;color:#656565}:is(.previewReplyBubble,.previewReply) .main .message{font-size:10px;font-style:normal;font-weight:300;line-height:18px;color:#333;display:flex;gap:4px;align-items:center}.ChatContent .isLoadRender{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:calc(100% - 64px);gap:12px;svg {width: 40px; height: 40px; path {fill: #6562DF;}}}@media (max-width: 500px){.ChatContent{height:100dvh;max-height:100dvh;textarea {height: 22px; padding: 12px;}}.ChatContent .ChatContent_list{height:calc(100% - 195px)}}@media (max-width: 390px){.ChatContent{height:100dvh;max-height:100dvh}.ChatContent .ChatContent_list{height:calc(100% - 230px)}}.Bg_Reallocate{position:fixed;left:0;top:144px;width:calc(100dvw + -0px);height:calc(100dvh - 144px);background-color:#00000050;display:flex;justify-content:center;align-items:center;z-index:2}.Reallocate{width:83.59375dvw;height:min-content;max-height:84.2105vh;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;box-shadow:0 0 10px #0000001a;background:#fff!important}.Reallocate_head{display:flex;padding:16px;justify-content:space-between;align-items:center;align-self:stretch;border-bottom:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--neutral-color-neutral-100, #fafafa);height:24px;border-radius:8px 8px 0 0}.Reallocate_head .left{display:flex;align-items:center;gap:8px}.Reallocate_head .left p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.Reallocate_body{display:flex;flex-direction:row;height:448px;width:83.59375dvw}.Reallocate .SearchPart{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:12px;align-self:stretch;border-bottom:none;background:#fff;width:296px;padding:12px 8px 12px 16px}.Reallocate_options{display:flex;width:296px;align-items:flex-start;gap:8px}.Reallocate_options .options{display:flex;min-width:100px;max-width:180px;padding:8px;justify-content:center;align-items:center;gap:8px;flex:1 0 0;border-radius:4px;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px;color:#b3b3b3;cursor:pointer}.Reallocate_options .options-active{background:#6562df;color:#fff}.Reallocate_input{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;align-self:stretch}.Reallocate_input .input{display:flex;padding:12px;justify-content:space-between;align-items:flex-start;align-self:stretch;border-radius:4px;border:1px solid #f2f2f2}.Reallocate_input .input input{border:none;outline:none;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px;color:#333;width:100%}.Reallocate_input .input input::placeholder{color:#bdbdbd}.Table_Reallocates,.Table_ReallocateTeam{width:calc(100% - 320px);padding:12px 16px 12px 8px;overflow:scroll;z-index:1;display:flex;background:#fff}.Table_Reallocate,.Table_ReallocateTeam table{width:100%;border-spacing:0;border-collapse:separate;border-radius:8px;height:100%;border:1px solid #e5e4e4;overflow:hidden}.Thead_Reallocate{background:#dadaf2}.Tbody_Reallocate{background:#fafafa}.Thead_Reallocate tr,.Tbody_Reallocate tr{display:flex}.Thead_Reallocate tr>*{background:#dadaf2}.Tbody_Reallocate tr>*{background:#fff}.Tbody_Reallocate .Selected>*{background:#e5e4e4}.Tbody_Reallocate .Notselected>*{background:#fafafa}.Thead_Reallocate .Checkbox{display:flex;width:64px;height:32px;padding:8px;align-items:center;gap:8px;position:sticky;left:0}.Thead_Reallocate .Username{display:flex;width:144px;height:32px;padding:8px;justify-content:space-between;align-items:center;border-right:1px solid #b3b3b3;position:sticky;left:80px;z-index:300}.Thead_Reallocate .Status{display:flex;width:calc(12.5dvw - 16px);height:32px;padding:8px;justify-content:space-between;align-items:center}.Thead_Reallocate .Team{display:flex;flex:1;max-width:calc(12.5dvw - 16px);min-width:calc(12.5dvw - 16px);height:32px;padding:8px;justify-content:space-between;align-items:center}.Thead_Reallocate .Tag{display:flex;width:calc(12.5dvw - 16px);height:32px;padding:8px;justify-content:space-between;align-items:center}.Tbody_Reallocate .Checkbox{display:flex;width:64px;height:32px;padding:8px;align-items:center;gap:4px;position:sticky;left:0}.Tbody_Reallocate .Checkbox p{font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;color:#656565}.Tbody_Reallocate .Username{display:flex;width:144px;height:32px;padding:8px;gap:4px;align-items:center;position:sticky;left:80px;border-right:1px solid #b3b3b3;z-index:200}.Tbody_Reallocate .Username img{width:24px;height:24px;flex-shrink:0;border-radius:50%}.Tbody_Reallocate .Username .name{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}.Tbody_Reallocate .Username .name .top{font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px;color:#656464;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Tbody_Reallocate .Username .name .bottom{font-size:10px;font-style:normal;font-weight:300;line-height:18px;color:#656464;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Tbody_Reallocate .Status{display:flex;width:calc(12.5dvw - 32px);height:24px;padding:12px 16px;align-items:center;gap:4px;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;color:#6562df;text-transform:capitalize}.Tbody_Reallocate .Team{display:flex;height:48px;padding:8px;align-items:center;gap:4px;flex:1 0 0;max-width:calc(12.5dvw - 16px);min-width:calc(12.5dvw - 16px);height:32px}.Tbody_Reallocate .Team .TeamItem{display:flex;padding:4px 8px;align-items:center;gap:8px;border-radius:4px;border:1px solid #cccccc;background:#fafafa;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;color:#b3b3b3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Tbody_Reallocate .Tag{display:flex;width:calc(12.5dvw - 16px);height:32px;padding:8px;align-items:center;gap:4px;overflow-y:scroll}.Tbody_Reallocate .Tag .TagItem{display:flex;height:24px;padding:4px;align-items:center;gap:4px;border-radius:4px;border:1px solid #f2f2f2;background:#fafafa;font-size:10px;font-style:normal;font-weight:300;line-height:18px;color:#656464}.Reallocate_footer{display:flex;padding:16px;justify-content:space-between;align-items:center;align-self:stretch;background:#fff;box-shadow:0 -5px 5px #0000000d;border-radius:0 0 8px 8px;position:relative}.Reallocate_footer .btn-cancel{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;cursor:pointer}.Reallocate_footer .btn-cancel p{font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px;color:#df6262}.Reallocate_footer .right{display:flex;align-items:center;gap:12px;align-self:stretch;justify-content:flex-end;padding:0;background:none}.Reallocate_footer .right .selectLevel{display:flex;padding:12px;align-items:center;justify-content:space-between;width:136px;align-self:stretch;border-radius:4px;background:#fff;cursor:pointer}.Reallocate_footer .right .active{border:1px solid #817ee5}.Reallocate_footer .right .inactive{border:1px solid #656464}.Reallocate_footer .right .selectLevel p{color:var(--primary-color-primary-900, #23224d);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.Reallocate_footer .right .countSelect{font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px;color:#333}.Reallocate_footer .right .btn-request{display:flex;padding:12px 12px 12px 16px;justify-content:center;align-items:center;gap:12px;border-radius:4px;border:2px solid #5c5acc;background:#fafafa!important}.Reallocate_footer .right .btn-request p{font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px;color:#5c5acc}.Reallocate_footer .right .btn-save{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;cursor:pointer;outline:none;border:none}.Reallocate_footer .right .btn-save p{font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px;color:#fafafa}.Reallocate .Warn_NotFilled{display:flex;justify-content:flex-start;align-items:center;gap:8px;border-radius:8px;background:var(--info-color-danger, #df6262);box-shadow:0 0 10px #0000001a;width:calc(100% - 48px);margin:0 16px 150px;padding:8px;position:absolute;left:0;z-index:400}.Reallocate .Warn_NotFilled .Info p{color:#fff;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.Reallocate .body{display:flex;max-height:400px;padding-bottom:0;flex-direction:column;justify-content:flex-start;align-items:flex-start;align-self:stretch;overflow:scroll;background:#fff}.Table_ReallocateTeam table thead{position:sticky;top:0;z-index:3}.Table_ReallocateTeam thead tr,.Table_ReallocateTeam tbody tr{display:flex}.Table_ReallocateTeam thead tr>*{background:#dadaf2}.Table_ReallocateTeam thead tr th>*{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.Table_ReallocateTeam tbody .Selected>*{background:#e5e4e4}.Table_ReallocateTeam tbody .Notselected>*{background:#fff}.Table_ReallocateTeam thead .check,.Table_ReallocateTeam tbody .checkParent{display:flex;width:64px;height:24;padding:16px 8px;align-items:center;gap:8px;position:sticky;left:0}.Table_ReallocateTeam tbody .checkChild{display:flex;width:64px;height:24;padding:16px 8px;align-items:center;justify-content:center;gap:8px;position:sticky;left:0}.Table_ReallocateTeam thead .team{display:flex;width:148px;height:24px;padding:16px;justify-content:space-between;align-items:center;position:sticky;left:40px}.Table_ReallocateTeam tbody .team{display:flex;width:148px;height:68px;padding:16px;align-items:center;gap:10px;position:sticky;left:40px}.Table_ReallocateTeam tbody .team p{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.Table_ReallocateTeam thead .member{display:flex;width:118px;height:24px;padding:16px;justify-content:space-between;align-items:center}.Table_ReallocateTeam tbody .member{display:flex;width:118px;height:68px;padding:16px;align-items:center;gap:10px}.Table_ReallocateTeam tbody .member .wrapper{display:flex;height:32px;padding:4px 8px;align-items:center;gap:8px;border-radius:4px;border:1px solid #f2f2f2;background:#fff}.Table_ReallocateTeam tbody .member p{color:#333;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.Table_ReallocateTeam thead .wa{display:flex;width:calc(19.3dvw - 32px);height:24px;padding:16px;justify-content:space-between;align-items:center}.Table_ReallocateTeam tbody .wa{display:flex;width:calc(19.3dvw - 32px);height:68px;padding:16px;align-items:center;gap:10px;overflow-y:scroll}.Table_ReallocateTeam tbody .wa .wrapper{display:flex;height:32px;min-width:60px;max-width:100px;padding:4px 8px;align-items:center;gap:4px;border-radius:4px;border:1px solid var(--primary-color-primary-500, #6562df);background:var(--background-white, #fff)}.Table_ReallocateTeam tbody .wa .wrapper p{overflow:hidden;color:var(--neutral-color-neutral-900, #333);text-overflow:ellipsis;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;white-space:nowrap}.Table_ReallocateTeam thead .tag{display:flex;width:calc(19.3dvw - 32px);height:24px;padding:16px;justify-content:space-between;align-items:center}.Table_ReallocateTeam tbody .tag{display:flex;width:calc(19.3dvw - 32px);height:68px;padding:16px;align-items:center;gap:10px}.Table_ReallocateTeam tbody .tag .content-tag{width:100%;height:100%;display:flex;align-items:center;justify-content:start;gap:8px;overflow-y:scroll}.Table_ReallocateTeam tbody .tag .content-tag .logo{padding:4px 8px;background:#fafafa;border-radius:4px;border:1px solid #f2f2f2;display:flex;align-items:center;justify-content:center;gap:4px}.Table_ReallocateTeam tbody .tag .content-tag .logo p{color:#656464;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.WrapperControlSelectLevelReallocate{display:flex;padding:4px;width:296px}.WrapperControlSelectLevelReallocate{display:flex;padding:4px;border-color:#f2f2f2!important;width:296px}.Typography{overflow:hidden;width:220px;color:var(--neutral-color-neutral-900, #333);text-overflow:ellipsis;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.CenterFlex{display:flex;justify-content:flex-start!important}.WrapperTitleGuideBook{display:flex;padding:4px;align-items:flex-start;gap:10px;align-self:stretch;background:var(--neutral-color-neutral-100, #fafafa)}.CardGuideBook .WrapperTitleGuideBook .WrapperCardUseSubChapter .WrapperAction{display:flex;gap:10px}.CardGuideBook .WrapperTitleGuideBook .WrapperCardUseSubChapter .WrapperAction .preview{display:flex;height:16px;padding:1px;justify-content:center;align-items:center;gap:4px;border-radius:4px;background:transparent}.CardGuideBook .WrapperTitleGuideBook .WrapperCardUseSubChapter .WrapperAction .preview:hover{display:flex;height:16px;padding:1px;justify-content:center;align-items:center;gap:4px;border-radius:4px;background:var(--Primary-Color-Primary100, #dadaf2)}.CardGuideBook .WrapperTitleGuideBook .WrapperCardUseSubChapter .WrapperAction .action{display:flex;gap:5px}.TeksNormalGuideBook{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.TeksNormalGuideBookList{display:flex;align-items:center;gap:4px}.TeksNormalGuideBookList .data{display:flex;padding:4px;align-items:center;gap:8px;border-radius:4px;border:1px solid #6562df;background:#ffffff}.TeksNormalGuideBookList .data p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.TeksNormalGuideBookList .FollowCs{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:13dvw;flex-wrap:wrap}.TeksNormalGuideBookList .FollowCs .GbBox{display:flex;padding:4px;align-items:center;gap:8px;border-radius:4px;border:1px solid var(--Neutral-Color-Neutral200, #f2f2f2);background:var(--Neutral-Color-Neutral100, #fafafa);color:var(--Neutral-Color-Neutral800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:16px}.TeksNormalGuideBookList .FollowCs .WaitResponBox{color:var(--Primary-Color-Primary500, #6562df);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:-.1px}.TeksNormalGuideBookList .FollowCs .StartBridging,.TeksNormalGuideBookList{color:var(--Neutral-Color-Neutral800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:16px}.TeksNormalGuideBookList .wrapper_data_update_contact{display:flex;gap:4px;overflow-y:scroll;width:100%}.TeksNormalGuideBookList .wrapper_data_update_contact .data_update_contact{display:flex;padding:4px 8px;align-items:center;gap:8px;border-radius:4px;border:1px solid rgba(242,242,242,1);background:#ffffff;p {min-width: max-content; font-weight: 400 !important; color: rgba(51,51,51,1) !important;}}.TitleCardGuideBook{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:150px!important}.QuickAnswerTitleGuideBook{color:#333;font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:-.1px}.AnswerGuideBook{display:flex;flex-direction:column;gap:8px;width:100%}.AnswerGuideBook .WaitRespond{color:var(--primary-color-primary-500, #6562df);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:-.1px}.TitleGuideBookDetail{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:200px!important}.ChatbodyGuideBookSubTitle{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:16px}.BodyListChatTemplate{display:flex;padding:4px;align-items:center;gap:4px;align-self:stretch;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--neutral-color-neutral-100, #fafafa);position:relative}.NavBubleListChatTemplate{position:absolute;right:10px;color:var(--primary-color-primary-500, #6562df);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:-.1px}.TypoBodyListChatTemplate .ql-editor{color:var(--neutral-color-neutral-800, #656565)!important;font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:16px}.BodyGBChatTemplateHotkey{color:var(--primary-color-primary-500, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:-.1px}.wrapperHeaderUseGB{display:flex;flex-direction:column;gap:0px;align-items:flex-start}.TypoDescUseGB{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:16px}.WrapperCardUseSubChapter{display:flex;align-items:center;justify-content:center;gap:4px}.TypoUseAnswerButtonUseGb{color:var(--primary-color-primary-600, #5c5acc);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:-.1px}.navigationAnswerChatGuideBook{position:absolute;right:20px;color:var(--primary-color-primary-500, #6562df);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:-.1px}.TypoTitleDetailChatGuidebook{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px;white-space:nowrap;text-overflow:ellipsis;width:80px!important}.wrapper_tagging{display:flex;gap:4px;overflow-y:scroll;width:100%;p {min-width: max-content;}}.wrapper_box{display:flex;gap:4px;overflow-y:scroll}.wrapper_box .wrapper_box_item{padding:4px;border:1px solid #F2F2F2;background:#FAFAFA;color:#656464;font-weight:300;font-size:10px;line-height:18px;border-radius:4px;p {min-width: max-content;}}.AccordionElement{display:flex;gap:5px;justify-content:center;align-items:center}.AccordionElement .TypographySubAccordion{overflow:hidden;color:var(--neutral-color-neutral-800, #333333);text-decoration-line:underline;text-overflow:ellipsis;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px}.subAccordionScriptGb .WrapperTriggerPreview{display:flex;padding:4px 8px;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch;border-radius:4px;border:.5px solid var(--neutral-color-neutral-900, #333);background:var(--background-white, #fff);margin:10px 0}.subAccordionScriptGb .WrapperTriggerPreview .Title{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:-.1px}.subAccordionScriptGb .WrapperTriggerPreview .Trigger{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.ant-picker-dropdown{z-index:1500}.ChatUserHistory{display:flex;flex-direction:column;padding:12px 16px;border-left:5px solid #6562df;height:100%;background:#ffffff;position:relative}.ChatUserHistory .ChatUserHistory_Header{display:flex;flex-direction:row;align-items:center;padding:10px 8px;gap:12px;margin-bottom:12px}.ChatUserHistory .ChatUserHistory_Header p{font-weight:600;font-size:16px;line-height:24px;display:flex;align-items:center;color:#333}.ChatUserHistory .ChatUserHistory_Search{display:flex;align-items:flex-start;gap:8px;align-self:stretch;margin-bottom:12px}.ChatUserHistory .ChatUserHistory_Search .search{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;padding:12px;gap:10px;background:#ffffff;border:1px solid #f2f2f2;border-radius:4px}.ChatUserHistory .ChatUserHistory_Search .search input{width:100%}.ChatUserHistory .ChatUserHistory_Search .setting,.CHistory_SearchResult .filter .setting{display:flex;justify-content:center;align-items:center;padding:12px;cursor:pointer;position:relative}.ChatUserHistory .ChatUserHistory_Search .set-active,.CHistory_SearchResult .filter .set-active,.CHistory_SearchResult .filter .icon_wrapper:hover,.ChatUserHistory .ChatUserHistory_Search .icon_wrapper:hover{border-radius:4px;background:var(--primary-color-primary-100, #dadaf2)}.ChatUserHistory .ChatUserHistory_Search .setting p,.CHistory_SearchResult .filter .setting p{position:absolute;top:3px;right:6px;background:#6562df;border:1px solid #ffffff;border-radius:14px;width:16px;height:16px;font-weight:700;font-size:8px;line-height:10px;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center}.CHistory_SearchResult{display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch;margin-bottom:12px}.CHistory_SearchResult .searchMessage{display:flex;padding:12px;align-items:center;width:calc(100% - 24px);gap:4px;border-radius:4px;border:1px solid #817ee5;box-shadow:0 0 5px #5c5acc26;background:#fff}.CHistory_SearchResult .filter{display:flex;align-items:flex-start;flex-direction:row;gap:8px}.CHistory_SearchResult .searchMessage input{flex:1;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px;color:#6562df}.CHistory_SearchResult .searchMessage input::placeholder{color:#ccc}.CHistory_SearchResult .searchMessage p{font-size:10px;font-weight:300;line-height:18px;color:#333}.CHistory_SearchResult .searchMessage .icon{display:flex;justify-content:center;align-items:center;width:24px;height:24px}.CHistory_SearchResult .searchMessage .icon-active{background:#dadaf2}.CHistory_SearchResult .searchMessage .icon_wrapper:hover{border-radius:4px;background:var(--primary-color-primary-100, #dadaf2)}.ChatUserHistory .ChatUserHistory_List{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:4px;overflow-y:scroll}.ChatUserHistory .ChatUserHistory_List .HistoryItem{display:flex;flex-direction:column;padding:12px;gap:4px;width:calc(100% - 2px);background:#fafafa;border:1px solid #b3b3b3;border-radius:4px;align-items:flex-end}.ChatUserHistory .ChatUserHistory_List .PickedHistoryItem{border:1px solid #6562df;background:var(--background-white, #fff);box-shadow:5px 5px 5px #6562df26}.ChatUserHistory .ChatUserHistory_List .HistoryItem header{display:flex;justify-content:space-between;align-items:center;width:100%}.ChatUserHistory .ChatUserHistory_List .HistoryItem header p{font-weight:600;font-size:10px;line-height:18px;display:flex;align-items:center;letter-spacing:-.01em;color:#656464}.ChatUserHistory .ChatUserHistory_List .HistoryItem header .close{flex-direction:row;justify-content:center;padding:4px 8px;gap:8px;background:#dadaf2;border-radius:4px;font-weight:600;font-size:10px;line-height:18px;display:flex;align-items:center;letter-spacing:-.01em;color:#6562df}.ChatUserHistory .ChatUserHistory_List .HistoryItem header .expired{display:flex;flex-direction:row;align-items:center;padding:4px 8px;gap:8px;background:#ffffff;border:1px solid #df6262;border-radius:4px;font-weight:600;font-size:10px;line-height:18px;letter-spacing:-.01em;color:#df6262}.ChatUserHistory .ChatUserHistory_List .HistoryItem .time{display:flex;justify-content:space-between;align-items:center;width:100%}.ChatUserHistory .ChatUserHistory_List .HistoryItem .time p{font-style:normal;font-weight:300;font-size:10px;line-height:18px;display:flex;align-items:center;color:#656464}.ChatUserHistory .ChatUserHistory_List .HistoryItem .user{display:flex;align-items:center;padding:0;margin:4px 0;gap:8px;font-weight:600;font-size:10px;line-height:18px;letter-spacing:-.01em;width:100%}.ChatUserHistory .ChatUserHistory_List .HistoryItem .user img{width:16px;height:16px}.ChatUserHistory .ChatUserHistory_List .HistoryItem .user .cs{display:flex;flex-direction:row;align-items:center;padding:0;gap:4px;color:#219655}.ChatUserHistory .ChatUserHistory_List .HistoryItem .user .customer{display:flex;flex-direction:row;align-items:center;padding:0;gap:4px}.ChatUserHistory .ChatUserHistory_List .HistoryItem .label{display:flex;flex-direction:column;align-items:flex-end;padding:0;gap:4px}.ChatUserHistory .ChatUserHistory_List .HistoryItem .label .label-item{display:flex;flex-direction:row;align-items:center;padding:4px 8px 4px 4px;gap:4px;border-radius:30px}.ChatUserHistory .ChatUserHistory_List .HistoryItem .label .label-item p{font-weight:300;font-size:10px;line-height:18px;display:flex;align-items:center;color:#333}.ChatUserHistory .ChatUserHistory_List .HistoryItem .tag_wrapper{display:flex;height:24px;align-items:center;gap:4px}.ChatUserHistory .ChatUserHistory_List .HistoryItem .tag_wrapper p{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px}.ChatUserHistory .ChatUserHistory_List .HistoryItem .tag_wrapper .tag{display:flex;height:14px;padding:4px;align-items:center;gap:4px;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--neutral-color-neutral-100, #fafafa);max-width:100px;overflow:hidden;text-overflow:ellipsis}.ChatUserHistory .ChatUserHistory_List .HistoryItem .start{display:flex;height:24px;align-items:center;gap:4px}.ChatUserHistory .ChatUserHistory_List .HistoryItem .start>p{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px}.ChatUserHistory .ChatUserHistory_List .HistoryItem .start .name{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px}.ChatUserHistory .ChatUserHistory_List .HistoryItem .realocate{display:flex;height:24px;align-items:center;gap:4px}.ChatUserHistory .ChatUserHistory_List .HistoryItem .realocate p{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px}.ChatUserHistory .ChatUserHistory_List .HistoryItem .realocate .master{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px;min-width:max-content;width:max-content}.ChatUserHistory .ChatUserHistory_List .HistoryItem .realocate .name{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px}.ChatUserHistory .ChatUserHistory_List .HistoryItem .realocate img{width:16px;height:16px;border-radius:50%}.ChatUserHistory_List .HistoryItem .seacrh_result{display:flex;align-items:flex-start;gap:4px;align-self:stretch}.ChatUserHistory_List .HistoryItem .seacrh_result .title{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px}.ChatUserHistory_List .HistoryItem .seacrh_result .result{color:var(--primary-color-primary-500, #6562df);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px;text-decoration-line:underline}.ChatUserHistory .ChatUserHistory_List .History{display:flex;width:calc(100% - 2px);padding:8px 12px;flex-direction:column;align-items:flex-start;gap:4px;border-radius:4px;background:var(--neutral-color-neutral-100, #fafafa)}.ChatUserHistory .ChatUserHistory_List .History .time{display:flex;justify-content:space-between;align-items:flex-start;align-self:stretch}.ChatUserHistory .ChatUserHistory_List .History .info{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.ChatUserHistory .ChatUserHistory_List .History .time .left{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px}.ChatUserHistory .ChatUserHistory_List .History .time .right{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px}.ChatUserHistory .ChatUserHistory_List .History .info .avatar{display:flex;align-items:center;gap:4px}.ChatUserHistory .ChatUserHistory_List .History .info .avatar img{width:16px}.ChatUserHistory .ChatUserHistory_List .History .info .avatar p{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px}.ChatUserHistory .ChatUserHistory_List .History .info .Wrapper_Tag{display:flex;padding:4px 8px;align-items:center;gap:8px;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--neutral-color-neutral-100, #fafafa);max-width:100px;overflow:hidden}.ChatUserHistory .ChatUserHistory_List .History .info .Wrapper_Tag .tag{display:flex;align-items:center;gap:4px}.ChatUserHistory .ChatUserHistory_List .History .info .Wrapper_Tag .tag p{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px}.ChatUserHistory .ChatUserHistory_List .History .info .Wrapper_Contact{display:flex;padding:4px 8px;justify-content:center;align-items:center;gap:8px;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--neutral-color-neutral-100, #fafafa)}.ChatUserHistory .ChatUserHistory_List .History .info .Wrapper_Contact p{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px}.Filter_ChatHistory{display:flex;width:300px;flex-direction:column;align-items:flex-start;border-radius:8px;border:1px solid var(--neutral-color-neutral-400, #ccc);background:var(--background-white, #fff);box-shadow:5px 5px 5px #6562df26}.Filter_ChatHistory .Header{display:flex;padding:12px;justify-content:space-between;align-items:center;align-self:stretch;background:var(--neutral-color-neutral-100, #fafafa)}.Filter_ChatHistory .Header p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.Filter_ChatHistory .Body{display:flex;flex-direction:column;overflow-y:scroll;max-height:300px;width:100%}.Filter_ChatHistory .Status_Session{display:flex;padding:16px 12px;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch;border-bottom:1px solid var(--neutral-color-neutral-200, #f2f2f2)}.Filter_ChatHistory .Status_Session .Title{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.Filter_ChatHistory .Status_Session .Wrapper_Status{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.Filter_ChatHistory .Status_Session .Wrapper_Status .Item{display:flex;align-items:center;gap:4px}.Filter_ChatHistory .Status_Session .Wrapper_Status .Item p{color:var(--info-color-danger, #df6262);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.Filter_ChatHistory .Date_Filter{display:flex;padding:12px;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch;border-bottom:1px solid var(--neutral-color-neutral-200, #f2f2f2)}.Filter_ChatHistory .Date_Filter .Title{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.Filter_ChatHistory .Date_Filter .Input{display:flex;padding:12px;justify-content:space-between;align-items:flex-start;align-self:stretch;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2)}.Filter_ChatHistory .Wrapper_Filter{display:flex;padding:12px 16px;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch;border-bottom:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--background-white, #fff)}.Filter_ChatHistory .Wrapper_Filter p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.Filter_ChatHistory .Wrapper_Filter .MuiAutocomplete-root{width:100%}.Filter_ChatHistory .Wrapper_Filter ul>li{padding-left:0}.Filter_ChatHistory .Footer{display:flex;padding:12px 16px;justify-content:space-between;align-items:center;align-self:stretch;background:var(--background-white, #fff)}.Filter_ChatHistory .Footer button{border:none;outline:none}.Filter_ChatHistory .Footer .Reset{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:8px;border-radius:4px}.Filter_ChatHistory .Footer .Reset p{color:var(--info-color-danger, #df6262);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.Filter_ChatHistory .Footer .Apply{display:flex;height:36px;padding:8px 12px;justify-content:center;align-items:center;gap:8px;border-radius:4px;background:var(--primary-color-primary-600, #5c5acc);transition:.3s}.Filter_ChatHistory .Footer .Apply:hover{background:var(--primary-color-primary-600, #23224d)}.Filter_ChatHistory .Footer .Apply p{color:var(--neutral-color-neutral-100, #fafafa);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.ChatUserHistory .FilterResult{display:flex;padding:4px 0;justify-content:space-between;align-items:center;align-self:stretch;margin-top:8px;margin-bottom:12px}.ChatUserHistory .FilterResult .Left{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.ChatUserHistory .FilterResult .Right{display:flex;padding:0 8px;justify-content:center;align-items:center;gap:8px;border-radius:4px;background:var(--primary-color-primary-100, #dadaf2);cursor:pointer}.ChatUserHistory .FilterResult .Right p{color:var(--primary-color-primary-600, #5c5acc);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.BlackBgFilterChatHistoryMobile{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000050;z-index:100}.FilterChatHistoryMobile{position:fixed;bottom:0;left:0;z-index:1200;display:flex;flex-direction:column;align-items:flex-start;padding:0;width:100%;height:76.4dvh;flex:none;order:0;flex-grow:0;background:#FFFFFF;border-radius:28px 28px 0 0}.FilterChatHistoryMobile .line{display:flex;padding:16px;flex-direction:column;align-items:center;gap:12px;align-self:stretch;hr {width: 32px; height: 2px; border-radius: 100px; background:#79747E; margin: 0;}}.FilterChatHistoryMobile .mainSection{display:flex;padding:16px;width:calc(100% - 32px);height:calc(100% - 68px);flex-direction:column;align-items:flex-start;gap:12px;flex:1 0 0}.FilterChatHistoryMobile .mainSection .HeaderSection{display:flex;padding:8px 0;justify-content:space-between;align-items:center;align-self:stretch}.FilterChatHistoryMobile .mainSection .HeaderSection .leftSection{display:flex;align-items:center;gap:12px}.FilterChatHistoryMobile .mainSection .BodySection{display:flex;flex-direction:column;align-items:center;padding:0;width:100%;height:calc(100% + -0px);overflow-y:scroll}.FilterChatHistoryMobile .mainSection .BodySection .Name{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:12px 16px;gap:16px;width:calc(100% - 32px);height:100px;border-bottom:1px solid #FAFAFA}.FilterChatHistoryMobile .mainSection .BodySection .Name .Input{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:4px;width:100%;input{width: calc(100% - 24px); display: flex; flex-direction: row; align-items: flex-start; padding: 12px; gap: 4px; border: 1px solid #F2F2F2; border-radius: 4px;}}.FilterChatHistoryMobile .mainSection .BodySection .Session{display:flex;flex-direction:column;align-items:flex-start;padding:16px;gap:12px;width:calc(100% - 32px)}.FilterChatHistoryMobile .mainSection .BodySection .Session .Input{flex-direction:row;padding:0;gap:4px;font-weight:400;font-size:12px;line-height:22px;display:flex;align-items:center;letter-spacing:.01em;cursor:pointer}.FilterChatHistoryMobile .mainSection .BodySection .Input{width:calc(100% - 24px)}.FilterChatHistoryMobile .mainSection .BodySection .Input .Wrapper_Important{display:flex;justify-content:space-between;align-items:center;padding:16px 0}.FilterChatHistoryMobile .mainSection .BodySection .Input .MuiAutocomplete-root,.FilterChatHistoryMobile .mainSection .BodySection .Input .MuiAutocomplete-root .MuiFormControl-root{height:48px}.FilterChatHistoryMobile .mainSection .BodySection .Input .MuiAutocomplete-root .MuiFormControl-root .MuiInputBase-root{height:48px!important;padding:12px}.FilterChatHistoryMobile .mainSection .BodySection .Input .MuiAutocomplete-root .MuiFormControl-root .MuiInputBase-root .MuiButtonBase-root{height:24px}.FilterChatHistoryMobile .mainSection .BodySection .Input .MuiAutocomplete-root .MuiFormControl-root .MuiInputBase-root .MuiOutlinedInput-input{padding:0 12px!important}.FilterChatHistoryMobile .mainSection .FooterSection{display:flex;align-items:flex-start;gap:12px;align-self:stretch;button{display: flex; padding: 12px 16px 12px 12px; justify-content: center; align-items: center; gap: 8px; flex: 1 0 0; align-self: stretch; border-radius: 8px; background: none; height: 48px;} .Cancel{display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 8px; gap: 8px; font-weight: 600; font-size: 12px; line-height: 20px; letter-spacing: .02em; color: #DF6262;} .Create{display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 8px 12px; gap: 8px; background: #5C5ACC; border-radius: 4px; p{font-weight: 600; font-size: 12px; line-height: 20px; display: flex; align-items: center; letter-spacing: .02em; color: #FAFAFA;}}}.FilterChatHistoryMobile .mainSection .AddChatTabsMobile_headSelect{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.FilterChatHistoryMobile .mainSection :is(.AddChatTabsMobile_headSelectAll,.AddChatTabsMobile_headUnSelectAll){display:flex;padding:8px;align-items:center;gap:8px;cursor:pointer;p {font-size: 12px; font-style: normal; font-weight: 600; line-height: 20px; letter-spacing: .24px; color: #5C5ACC;}}.FilterChatHistoryMobile .mainSection .AddChatTabsMobile_headUnSelectAll p{color:#656565}.Bg_FollowDelegate{position:fixed;left:0;top:72px;width:calc(100dvw + -0px);height:calc(100dvh - 72px);background-color:#00000050;display:flex;justify-content:center;align-items:center;z-index:2}.FollowDelegate{width:83.59375dvw;height:min-content;max-height:72.115vh;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;box-shadow:0 0 10px #0000001a;background:#fff!important}.FollowDelegate .SearchPart{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:12px;align-self:stretch;border-bottom:none;background:#FFF;width:296px;padding:12px 8px 12px 16px;overflow-y:scroll;overflow-x:hidden}.FollowDelegate .SearchPart .primeSaveInChatHistory{display:flex;padding:8px 12px;align-items:center;gap:8px;align-self:stretch;border-radius:4px;border:1px solid#B3B3B3;background:#FAFAFA}.FollowDelegate .SearchPart .primeSaveInChatHistory .MuiCheckbox-root{padding:0}.FollowDelegate .SearchPart .primeSaveInChatHistory .rightSection{display:flex;align-items:center;gap:4px}.FollowDelegate .SearchPart .primeSaveInChatHistory .MuiCheckbox-root{svg {fill: #5C5ACC;}}.FollowDelegate .Warn_NotFilled{display:flex;justify-content:flex-start;align-items:center;gap:8px;border-radius:8px;background:var(--info-color-danger, #DF6262);box-shadow:0 0 10px #0000001a;width:calc(100% - 48px);margin:0 16px 150px;padding:8px;position:absolute;left:0;z-index:400}.FollowDelegate .Warn_NotFilled .Info p{color:#fff;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.FollowDelegate_head{display:flex;padding:12px;justify-content:space-between;align-items:center;align-self:stretch;border-radius:8px 8px 0 0;border-bottom:1px solid var(--neutral-color-neutral-200, #F2F2F2);background:var(--background-white, #FFF)}.FollowDelegate_head .left{display:flex;align-items:center;gap:8px;padding:0}.FollowDelegate_head .left p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:24px;font-style:normal;font-weight:700;line-height:32px;letter-spacing:-.48px}.FollowDelegate .body{display:flex;max-height:400px;padding-bottom:0;flex-direction:column;justify-content:flex-start;align-items:flex-start;align-self:stretch;overflow:scroll;background:#fff}.Follow_Delegate_Footer{display:flex;padding:8px 12px;width:calc(100% - 24px)!important;justify-content:space-between;align-items:center;align-self:stretch;background:var(--background-white, #FFF);border-radius:0 0 8px 8px}.Follow_Delegate_Footer button{border:none;outline:none;background:none}.Follow_Delegate_Footer .Left{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;cursor:pointer}.Follow_Delegate_Footer .Left p{font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px;color:#df6262}.Follow_Delegate_Footer .Right{display:flex;align-items:center;gap:8px}.Follow_Delegate_Footer .Right button{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:var(--primary-color-primary-600, #5C5ACC)}.Follow_Delegate_Footer .Right button p{color:var(--neutral-color-neutral-100, #FAFAFA);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.Follow_Delegate_Footer .Right button:disabled{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:var(--primary-color-primary-600, #808080)}.Follow_Delegate_Footer .Right button:disabled p{color:var(--neutral-color-neutral-100, #FAFAFA);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.ContainerChatBodyTemplate{height:calc(100dvh - 144px);overflow-y:scroll;overflow-x:hidden;background:#ffffff;position:relative;border-top:1px solid #f2f2f2;padding:20px;display:flex;flex-direction:column;gap:10px}.ContainerListChatTemplate{max-height:calc(100dvh - 300px);overflow-y:scroll;overflow-x:hidden;background:#ffffff;display:flex;flex-direction:column;gap:10px}.ChatbodyTemplateTitle{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.SearchChatBodyTemplate{max-width:305px;width:305px}.SearchChatBodyTemplate .input{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 4px;gap:0px;width:100%;height:48px;border-radius:4px;background:#fff;caret-color:#6562df}.SearchChatBodyTemplate .input input{flex:1}.ContainerBodyChatTemplate{display:flex;padding:8px;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch;border-radius:4px;border:1px solid var(--neutral-color-neutral-500, #b3b3b3);background:var(--background-white, #fff)}.BodyChatTemplateName{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.BodyChatTemplateHotkey{color:var(--primary-color-primary-500, #6562df);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:-.1px}.BodyChatTemplate{overflow:hidden;color:var(--neutral-color-neutral-800, #656565);text-overflow:ellipsis;font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:16px}.ButtonSecondaryBodyChatTemplate{display:flex;height:36px;padding:4px 8px;justify-content:center;align-items:center;gap:4px;flex:1 0 0;border-radius:4px;background:transparent;color:var(--primary-color-primary-900, #5c5acc);cursor:pointer;font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.ButtonSecondaryBodyChatTemplate p{color:var(--primary-color-primary-900, #5c5acc);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.ButtonSecondaryBodyChatTemplate:hover{display:flex;height:36px;padding:4px 8px;justify-content:center;align-items:center;gap:4px;flex:1 0 0;border-radius:4px;background:var(--primary-color-primary-100, #dadaf2);color:var(--primary-color-primary-900, #23224d);cursor:pointer;font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.ButtonPrimaryBodyChatTemplate{display:flex;cursor:pointer;height:36px;padding:4px 8px;justify-content:center;align-items:center;gap:4px;flex:1 0 0;border-radius:4px;background:var(--primary-color-primary-600, #5c5acc);color:#fafafa;font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.ContainerMessagePreviewChatTemplate{display:flex;height:auto;padding:16px;flex-direction:column;gap:10px;align-self:stretch;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--background-white, #fff)}.chatbody_chatbodytemplate_list{display:flex;flex-direction:column;gap:20px;max-height:70vh;overflow-y:scroll}.ChatBody{background:#f7f5f5;height:calc(100dvh - 144px);width:100%;min-width:calc(100dvw - 356px);max-width:calc(100dvw - 356px)!important;position:relative}.ChatBody .css-1d3bbye{height:100%}.ChatBody_left{min-width:calc(100dvw - 712px);max-width:calc(100dvw - 712px)!important}.ChatBody_right{min-width:356px;max-width:356px!important;position:fixed;right:0;height:calc(100dvw - 144px)}.ChatBody .css-11lq3yg-MuiGrid-root{height:100%}.chatBody_empty{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;max-width:calc(100dvw - 356px)}.chatBody_empty img{width:250px;height:250px}.chatBody_empty h4{font-weight:700;font-size:24px;line-height:32px;margin-top:24px;letter-spacing:-.02em}.chatBody_empty p{font-weight:400;font-size:16px;line-height:24px;color:#656464}@media screen and (max-width: 1439px){.ChatBody_right{min-width:356px;max-width:356px}.ChatBody_left{max-width:calc(100% - 356px)!important}}@media (max-width: 500px){.ChatBody_left,.ChatBody_right,.ChatBody{max-width:100%!important;min-width:100%!important;min-height:100dvh!important;height:100dvh!important;max-height:100dvh!important}}.ChatHeader_Center .Center{height:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:2px 0!important;overflow:scroll;flex:1;width:100%;margin:auto;gap:4px}.ChatHeader_Center .Center .Item{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px;gap:8px;border-radius:4px;cursor:pointer;min-width:fit-content;max-width:300px!important}.ChatHeader{padding:12px 16px;height:72px;justify-content:space-between;gap:24px;width:100vw!important}.ChatHeader_Left,.ChatHeader_CenterMain{display:flex;align-items:center}.ChatHeader_CenterMain{flex:1;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;flex-wrap:nowrap!important}.ChatHeader_Left{width:max-content;display:flex;align-items:center;gap:12px}.ChatHeader_Search{display:flex;justify-content:space-between;align-items:center;padding:0 12px;gap:12px;width:194px;height:48px;border:1px solid var(--Neutral-Color-Neutral200, #F2F2F2);border-radius:4px}.ChatHeader_Search input{flex:1;width:120px;height:24px}.ChatHeader_Search .css-1rn30mb-MuiCircularProgress-root{height:24px!important;width:24px!important;color:#6562df}.ChatHeader_Left .filled{border:1px solid var(--Neutral-Color-Neutral3, #656464)}.ChatHeader_Left .focus{border:1px solid var(--Primary-Color-Primary400, #817EE5);box-shadow:0 0 5px #5c5acc26}.ChatHeaderIconWrapper{display:flex;align-items:flex-start;gap:4px}.ChatHeaderIconWrapper .Active{background:var(--primary-color-primary-100, #dadaf2)}.ChatHeader_Icons{display:flex;padding:12px;justify-content:center;align-items:center;border-radius:4px}.ChatHeader_Icons .MuiButtonBase-root{min-width:0;padding:0}.ChatHeader_Icons button{position:relative}.ChatHeader_Icons button p{position:absolute;top:3px;right:-6px;background:#6562df;border:1px solid #ffffff;border-radius:14px;width:16px;height:16px;font-weight:700;font-size:8px;line-height:10px;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center}.ChatHeader_Icon{width:48px;height:48px;display:flex;justify-content:center;align-items:center}.ChatHeader_Icon_Notif{position:relative}.ChatHeader_List,.ChatHeader_ListShow{display:flex;justify-content:space-between;align-items:center;padding:0;gap:8px;width:100%}.ChatHeader_ListShow{flex:1}.ChatHeader_List p{font-weight:700;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#656464}.ChatHeader_AddChatList{display:flex;align-items:center;flex-direction:row}.ChatHeader_List_AddButton{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:4px;margin-left:4px}.ChatHeader_ListShow{gap:4px;width:414px}.ChatHeader_ListShow p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#bdbdbd}.ChatHeader_Switch{display:flex;align-items:center;justify-content:center;padding:0;gap:8px}.ChatHeader_Switch .status{font-weight:500;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#656565}.ChatHeader_Switch .status span{color:#5c5acc;margin-left:12px}.ChatHeader_Switch img{width:36px;height:24px}.ChatHeader_Switch .role{font-weight:300;font-size:10px;line-height:18px;color:#656464}.ChatHeader_Right{display:flex;width:320px;align-items:center;gap:12px}.ChatHeader_Action{display:flex;align-items:center;padding:0;gap:12px}.ChatHeader_Action{justify-content:space-between;gap:8px;width:268px}.ChatHeader_Detail,.ChatHeader_Profile{display:flex;flex-direction:column;align-items:flex-start;padding:0}.ChatHeader_Profile{align-items:center;flex-direction:row}.ChatHeader_Detail p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#656464;margin:0}.ChatHeader_FilterPopup .MuiPaper-root{width:400px;height:70vh}.ChatHeader_Center{flex:1 1 0%;overflow:scroll;display:flex;flex-wrap:nowrap}.ChatHeader_CenterMain .Left{display:flex;flex-direction:row;align-items:center;padding:0;gap:4px;height:48px}.ChatHeader_CenterMain .Left p{font-weight:500;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#656464}.ChatHeader_CenterMain .Left button{background:none;border:none;outline:none;display:flex;justify-content:center;align-items:center;padding:10px 8px;background-color:#dadaf2;border-radius:4px}.ChatHeader_CenterMain .Left button .MenuButton{width:16px;height:16px}.ChatHeader_CenterMain .Left .Add{display:flex;justify-content:center;align-items:center;gap:8px;width:32px;height:36px;border-radius:4px}.ChatHeader_CenterMain .Center{flex:1}.ChatHeader_CenterMain .Right{display:flex;flex-direction:row;align-items:flex-start;padding:4px 0;gap:4px}.ChatHeader_CenterMain .Right .Wrapper{width:32px;height:36px;display:flex;justify-content:center;align-items:center}.AllChatTabs{display:flex;flex-direction:column;align-items:flex-start;padding:0;width:240px;height:384px;background:#ffffff;box-shadow:0 0 10px #00000026;border-radius:8px}.AllChatTabs .Header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:12px 16px;gap:10px;width:calc(100% - 32px);height:48px;background:#fafafa}.AllChatTabs .Body{display:flex;flex-direction:column;align-items:flex-start;padding:4px 0;height:336px;overflow-y:scroll;width:100%}.AllChatTabs .Body .Input{display:flex;flex-direction:column;align-items:flex-start;padding:10px;gap:4px;width:calc(100% - 20px);height:68px}.AllChatTabs .Body .Input .Field{display:flex;flex-direction:row;align-items:flex-start;padding:12px;gap:10px;width:calc(100% - 24px);background:#ffffff;border:1px solid #817ee6;box-shadow:0 0 5px #5c5acc26;border-radius:4px}.AllChatTabs .Body .Result{display:flex;flex-direction:column;align-items:flex-start;padding:4px;isolation:isolate;width:calc(100% - 8px);height:260px}.AllChatTabs .Body .Result .Item{display:flex;flex-direction:row;align-items:flex-start;padding:8px;gap:10px;width:calc(100% - 16px);height:22px;color:#333;cursor:pointer}.AllChatTabs .Body .Result .Item:hover{background:#6562df;color:#fff}.TabUserDetail{display:flex;padding:4px;align-items:center;justify-content:center;gap:4px;border-radius:8px;background:var(--neutral-color-neutral-200, #f2f2f2)}.TabActive{background-color:#fff;display:flex;justify-content:center;align-items:center}.TabDeactive{background:var(--neutral-color-neutral-200, #f2f2f2);display:flex;justify-content:center;align-items:center}.NavigationMenu{padding:12px 16px;height:72px;background-color:#fff}.NavigationMenu_Menu{gap:12px}.NavigationMenu_MenuItem{display:flex;align-items:center;padding:0 12px;gap:8px;color:#454399;font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;max-height:48px}.NavMenuActive{border-radius:8px;background:var(--neutral-color-neutral-100, #fafafa)}.NavigationMenu_MenuItem p{color:var(--primary-color-primary-700, #454399);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px}.NavigationMenu_MenuItem svg{height:32px;width:32px}.NavigationMenu_MenuItem svg path{fill:#b8b7e5}.NavigationMenu_MenuItem .iconActive path{fill:#6562df}.NavigationMenu_Logo{display:flex;align-items:center}.NavigationMenu_LogoSfs{width:80px;height:48px}.NavigationMenu_User{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding:0;gap:24px}.NavigationMenu_User .css-av538e-MuiButtonBase-root-MuiIconButton-root{color:transparent;border:none}.NavigationMenu_User .css-1wlk0hk-MuiAvatar-root{width:48px;height:48px;border:none}.NavigationMenu_User .NavUserRight{display:flex;flex-direction:row;align-items:center;padding:4px 12px;gap:4px}.NavigationMenu_User .NavUserRight .Name{display:flex;flex-direction:column;align-items:flex-start;padding:0}.NavigationMenu_User .NavUserRight .Name .name{font-weight:500;font-size:14px;line-height:20px;display:flex;align-items:center;letter-spacing:-.01em;color:#656565}.NavigationMenu_User .NavUserRight .Name .email{font-weight:300;font-size:10px;line-height:18px;display:flex;align-items:center;color:#999}.NavigationMenu .css-1pqm26d-MuiAvatar-img{background-color:#b8b7e5}.NavigationMenu_NotificationPopup .MuiPaper-root{width:532px;min-height:200px;height:100%;max-height:400px;overflow:hidden}.NavigationMenu_NotificationPopup .NotifPopupBody{overflow-y:scroll;height:335px}.RedDot{display:flex;justify-content:center;align-items:center;position:absolute;border-radius:50%;width:15px;height:14px;background-color:red;top:7px;right:18px;color:#fff;font-size:7px}.ChatPage_left{max-width:356px!important;min-width:356px!important}.ChatPage_right{max-width:calc(100dvw - 356px)!important;min-width:calc(100dvw - 356px)!important}@media (max-width: 500px){.ChatPage_left{max-width:100%!important;min-width:100%!important}.ChatPage_right{max-width:100%!important;min-width:100%!important;min-height:100dvh;height:100dvh;max-height:100dvh}}.NavigationMenuFooter{position:relative;display:flex;width:calc(100% - 24px);padding:0 12px;align-items:center;height:80px;background:var(--Grays-White, #FFF);box-shadow:0 -5px 10px #0000000d}.NavigationMenuFooter_MenuItem{display:flex;min-width:112px;height:100%;flex-direction:column;justify-content:center;align-items:center;gap:4px;flex:1 0 0}.NavigationMenuFooter_MenuItem .icon{display:flex;width:24px;height:24px;padding:4px 20px;justify-content:center;align-items:center;flex-shrink:0}.NavigationMenuFooter_MenuItem .iconActive{border-radius:100px;background:var(--Primary-Color-Primary500, #6562DF)}.NavigationMenuFooterFilter{display:flex;width:calc(100% - 24px);padding:12px;align-items:flex-start;gap:12px;background:#FFF;box-shadow:0 -5px 10px #0000000d;button {display: flex; flex: 1; width: 100%; height: 48px; padding: 12px 16px 12px 12px; justify-content: center; align-items: center; gap: 8px; border-radius: 8px;} .btnReset {p {color: #6562DF;}} .btnEdit {background: #5C5ACC; p {color: #FAFAFA;}}}.chatTabsMobileNavigationMenu{display:flex;width:calc(100% - 24px);padding:8px 12px;justify-content:flex-start;align-items:center;gap:12px;overflow-x:scroll}.chatTabsMobileNavigationMenu .list{display:flex;align-items:center;gap:12px;flex:1 0 0;max-width:calc(100% - 50px);overflow-y:scroll}.chatTabsMobileNavigationMenu .list::-webkit-scrollbar{width:0px;height:2px}.chatTabsMobileNavigationMenu .list .Item{display:flex;padding:8px;justify-content:center;align-items:center;gap:8px;border-radius:4px;width:100%;min-width:max-content}.chatTabsMobileNavigationMenu .list .Item .Action{display:flex;width:16px;height:16px;justify-content:center;align-items:center;padding:0}.chatTabsMobileNavigationMenu .buttonAdd{display:flex;padding:8px;justify-content:center;align-items:center;gap:8px;border-radius:4px;border:1px solid#5C5ACC}.PopoverChatTabs{display:flex;flex-direction:column;align-items:flex-start;padding:4px;width:100px;background:#FFFFFF;box-shadow:0 0 10px #0000001a;border-radius:4px;z-index:3}.PopoverChatTabs .btn{display:flex;flex-direction:row;align-items:center;padding:4px;gap:10px;width:calc(100% - 8px);cursor:pointer}.PopoverChatTabs .btn:hover{color:#fff;background:#6562DF}.ChatHeader_Center .Center .Item .Action{border:none;outline:none;background:none;cursor:pointer;display:flex;justify-content:center;align-items:center;padding:0}.ChatHeader_Center .Center .Item .Action .Down{width:16px;height:16px}.ChatHeader_Center .Center .Item p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;white-space:nowrap}.ChatHeader_Center .Center .ItemActive{background:#DADAF2;border-radius:4px}.ChatHeaderMobile{justify-content:space-between;width:100vw!important;display:flex;flex-direction:column}.ChatHeaderMobile .ChatHeaderMobile_Top{display:flex;width:calc(100% - 24px);padding:12px;align-items:center;gap:8px}.ChatHeaderMobile .ChatHeaderMobile_Top .avatar{display:flex;width:36px;height:36px;justify-content:center;align-items:center;flex-shrink:0;border-radius:50px}.ChatHeaderMobile .ChatHeaderMobile_Top .rightSection{display:flex;align-items:center;gap:8px}.ChatHeaderMobile .ChatHeaderMobile_Top .rightSection .boxIcon{display:flex;padding:8px;justify-content:center;align-items:center;gap:10px;height:40px;width:40px;min-width:40px;max-width:40px;position:relative}.ChatHeaderMobile .ChatHeaderMobile_Top .rightSection .boxIcon .RedDot{position:absolute;top:8px;right:8px}.ChatHeaderMobile_Search{display:flex;padding:12px;align-items:center;gap:8px;align-self:stretch}.ChatHeaderMobile_Search .iconBox{display:flex;padding:8px;justify-content:center;align-items:center;gap:10px}.ChatHeaderMobile_Search .input{display:flex;padding:12px;align-items:center;gap:4px;flex:1 0 0;border-radius:4px;border:1px solid#817EE5;background:#FFF;box-shadow:0 0 5px #5c5acc26}.ChatHeaderMobileFilter{display:flex;padding:12px;align-items:center;gap:8px;align-self:stretch;background:#FAFAFA;box-shadow:0 0 10px #0000001a}.ChatHeaderMobileFilter .iconBox{display:flex;width:48px;height:48px;flex-direction:column;justify-content:center;align-items:center;gap:10px}.SignInPage{width:100dvw;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#FAFAFA}.SignInPage .main{display:flex;flex-direction:column;align-items:flex-start;padding:16px;gap:16px;background:#FFFFFF;border:1px solid #F2F2F2;border-radius:8px;max-width:600px}.SignInPage .main .head h4{color:var(--neutral-color-neutral-4, #333);font-size:24px;font-family:Inter;font-weight:700;line-height:32px;letter-spacing:-.48px}.SignInPage .main .head p{color:var(--grey-1, #BDBDBD);font-size:14px;font-family:Inter;font-weight:500;line-height:24px;letter-spacing:.14px}.SignInPage .main .body{display:flex;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch}.SignInPage .main .body .warn{display:flex;padding:4px 8px;align-items:center;gap:8px}.SignInPage .main .body .warn p{color:var(--info-color-danger, #DF6262);font-size:12px;font-family:Inter;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.SignInPage .main .input{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%}.SignInPage .main .input label{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.SignInPage .main .input label span{color:#df6262}.SignInPage .main .input .input_email{border:1px solid #656464;border-radius:4px;padding:12px;width:calc(100% - 24px);max-width:576px}.SignInPage .main .input .input_password{display:flex;padding:12px;justify-content:space-between;align-items:flex-start;align-self:stretch;border-radius:4px;border:1px solid #656464;background:#FFF}.SignInPage .main .input .input_password input{flex:1}.SignInPage .main .forgot{width:100%;display:flex;align-items:center;justify-content:flex-end;letter-spacing:.01em;color:var(--primary-color-primary-600, #5C5ACC);font-size:14px;font-family:Inter;font-weight:500;line-height:24px;letter-spacing:.14px}.SignInPage .main .button{display:flex;justify-content:center;align-items:center;gap:12px;height:48px;width:100%;background:#5C5ACC;border-radius:4px;cursor:pointer}.SignInPage .main .button p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fafafa}.SignInPage .main .button img{width:24px;height:24px}.SignInPage .main .or{display:flex;justify-content:center;align-items:center;gap:14px;width:100%}.SignInPage .main .or hr{border:1px solid #656464;width:100%}.SignInPage .main .or p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#656464}.SignInPage .main .buttonGoogle{display:flex;justify-content:center;align-items:center;gap:12px;height:48px;width:100%;border:2px solid #656464;border-radius:50px;cursor:pointer}.SignInPage .main .buttonGoogle img{width:24px;height:24px}.SignInPage .main .buttonGoogle p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#656464}.SignInPage .term{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#656464}.SignInPage .term span{color:#6562df}.SignInPage .footer{display:flex;justify-content:center;align-items:center;gap:20px;width:100%;margin-top:11px}.SignInPage .footer p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#333}.SignInPage .footer a{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#5c5acc}.LoadingVerifyEmail{display:flex;justify-content:center;align-items:center;height:100vh;width:100dvw;background:var(--Neutral-Color-Neutral100, #FAFAFA)}.LoadingVerifyEmail .Main{display:flex;width:480px;height:280px;padding:16px 40px;flex-direction:column;justify-content:center;align-items:center;gap:12px;flex-shrink:0;border-radius:8px;border:1px solid var(--Neutral-Color-Neutral200, #F2F2F2);background:var(--Background-White, #FFF)}.LoadingVerifyEmail .Main section{display:flex;flex-direction:column;justify-content:center;align-items:center;align-self:stretch}.LoadingVerifyEmail .Main section .Title{color:var(--Neutral-Color-Neutral4, #333);text-align:center;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.LoadingVerifyEmail .Main section .Subtitle{color:var(--Grey-1, #BDBDBD);text-align:center;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.LoadingVerifyEmail .Main .MuiLinearProgress-bar{background-color:#6562df}.LoadingVerifyEmail .Main .MuiLinearProgress-root{background-color:#f2f2f2}.Relogin{width:100dvw;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;background:#FAFAFA}.Relogin .Main{display:flex;flex-direction:column;align-items:flex-start;padding:16px;gap:16px;position:absolute;width:600px;background:#FFFFFF;border:1px solid #F2F2F2;border-radius:8px}.Relogin .Main .Header{display:flex;flex-direction:column;align-items:flex-start;padding:0}.Relogin .Main .Header p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#bdbdbd}.Relogin .Main .Input{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:4px;width:calc(100% - 32px)}.Relogin .Main .Input label{font-weight:500;font-size:14px;line-height:24px;display:flex;align-items:center;letter-spacing:.01em;color:#656464}.Relogin .Main .Input .inputContainer{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:12px;gap:4px;width:100%;background:#FFFFFF;border:1px solid #656464;border-radius:4px}.Relogin .Main .Input .inputContainer input{flex:1}.Relogin .Main .Forgot{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding:0;height:24px;width:calc(100% - 8px)}.Relogin .Main .Forgot p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#5c5acc;cursor:pointer}.Relogin .Main .Login{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 12px 12px 16px;gap:12px;background:#5C5ACC;border-radius:4px;width:100%;font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fafafa;border:none;outline:none}.Relogin .Main .Login p{color:#fff}.Relogin .Main .Term{font-weight:400;font-size:12px;line-height:22px;display:flex;align-items:center;letter-spacing:.01em;color:#656464}.Relogin .Main .Term span{color:#6562df}.Relogin .Main .Footer{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0;gap:8px;width:100%}.Relogin .Main .Footer p{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0;gap:8px}.Relogin .Main .Footer .Register{border:none;outline:none;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px;gap:12px;font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#5c5acc;background:#FFFFFF}.SignUpPage{width:100dvw;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#FAFAFA}.SignUpPage .main{display:flex;flex-direction:column;align-items:flex-start;padding:16px;gap:16px;background:#FFFFFF;border:1px solid #F2F2F2;border-radius:8px;max-width:600px;width:100%}.SignUpPage .main .head h4{color:var(--neutral-color-neutral-4, #333);font-size:24px;font-family:Inter;font-weight:700;line-height:32px;letter-spacing:-.48px;display:flex;align-items:center;gap:8px}.SignUpPage .main .head p{color:var(--grey-1, #BDBDBD);font-size:14px;font-family:Inter;font-weight:500;line-height:24px;letter-spacing:.14px}.SignUpPage .main .head .wrapper{display:flex;justify-content:flex-start;align-items:center;gap:8px}.SignUpPage .main .body{display:flex;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch}.SignUpPage .main .body .warn{display:flex;padding:4px 8px;align-items:center;gap:8px}.SignUpPage .main .body .warn p{color:var(--info-color-danger, #DF6262);font-size:12px;font-family:Inter;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.SignUpPage .main .input{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%}.SignUpPage .main .input label{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.SignUpPage .main .input label span{color:#df6262}.SignUpPage .main .input .input_email{border:1px solid #656464;border-radius:4px;padding:12px;width:calc(100% - 24px);max-width:576px}.SignUpPage .main .input .input_password{display:flex;padding:12px;justify-content:space-between;align-items:flex-start;align-self:stretch;border-radius:4px;border:1px solid #656464;background:#FFF}.SignUpPage .main .input .input_password input{flex:1}.SignUpPage .main .input .warn-field,.SignUpPage .main .head .warn-field{display:flex;padding:4px 8px;align-items:center;gap:8px}.SignUpPage .main .input .warn-field p,.SignUpPage .main .head .warn-field p{font-size:12px;font-family:Inter;line-height:22px;letter-spacing:.12px}.SignUpPage .main .input .warn-field .success{color:#62df7e}.SignUpPage .main .input .warn-field .failed,.SignUpPage .main .head .warn-field .failed{color:#df6262}.SignUpPage .main .button{display:flex;justify-content:center;align-items:center;gap:12px;height:48px;width:100%;background:#5C5ACC;border-radius:4px;cursor:pointer}.SignUpPage .main .button p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fafafa}.SignUpPage .main .button img{width:24px;height:24px}.SignUpPage .main .or{display:flex;justify-content:center;align-items:center;gap:14px;width:100%}.SignUpPage .main .or hr{border:1px solid #656464;width:100%}.SignUpPage .main .or p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#656464;width:100%;max-width:120px}.SignUpPage .main .buttonGoogle{display:flex;justify-content:center;align-items:center;gap:12px;height:48px;width:100%;border:2px solid #656464;border-radius:50px;cursor:pointer}.SignUpPage .main .buttonGoogle img{width:24px;height:24px}.SignUpPage .main .buttonGoogle p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#656464}.SignUpPage .term{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#656464}.SignUpPage .term span{color:#6562df}.SignUpPage .footer{display:flex;justify-content:center;align-items:center;gap:20px;width:100%;margin-top:11px}.SignUpPage .footer p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#333}.SignUpPage .footer a{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#5c5acc}.error-msg-tnc{display:flex;align-items:center;gap:8px;p {color: #DF6262;}}.SignUpPage .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root .css-i4bv87-MuiSvgIcon-root{fill:#5c5acc}.PaymentHeader{display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:absolute;left:0;right:0;top:0;background:#FFFFFF;padding:12px 16px}.PaymentHeader .PaymentHeaderRight{display:flex;align-items:center;gap:12px}.PaymentHeader .PaymentHeaderRight #Seetransaction{border:2px solid #5C5ACC;display:flex;align-items:center;gap:12px;background:none;p {color: #5C5ACC; font-weight: 700; font-size: 14px; line-height: 22px;}}.PaymentHeader .PaymentHeaderRight .cancel{background:none;border:none;color:#df6262;font-weight:700;font-size:14px}.ant-picker{padding:12px;gap:4px;width:100%;border:1px solid #f2f2f2!important;box-shadow:none!important;border-radius:4px}.ant-picker-focused{border:1px solid #5c5acc}.SignUpPage,.SignUpSuccess{width:100dvw;height:100vh;max-height:100vh}.SignUpSuccess{display:flex;justify-content:center;align-items:center}.SignUpSuccess .main{display:flex;width:600px;padding:16px;flex-direction:column;align-items:center;gap:16px;flex-shrink:0;border-radius:8px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--background-white, #fff);box-shadow:0 0 15px #7b61ff26}.SignUpSuccess .main img{width:240px;height:240px}.SignUpSuccess .main .info{display:flex;flex-direction:column;align-items:center;gap:4px}.SignUpSuccess .main .info h4{color:#6562df;font-family:Inter;font-size:24px;font-style:normal;font-weight:700;line-height:32px;letter-spacing:-.48px}.SignUpSuccess .main .info .check{font-weight:500;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#bdbdbd;margin-top:12px;text-align:center}.SignUpSuccess .main .info .send{color:#333;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.SignUpSuccess .main .info span{color:#6562df}.SignUpSuccess .main .button{background:#5c5acc;border-radius:4px;width:100%;height:46px;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fafafa}.SignUpPage{background:#fafafa}.SignUpPage_left,.SignUpPage_right{display:flex;justify-content:center;align-items:center;flex:1}.SignUpPage_ilustration{display:flex;flex-direction:column;align-items:center;padding:12px;gap:12px;max-width:482px}.SignUpPage_ilustration h4{font-weight:400;font-size:24px;line-height:32px;text-align:center;letter-spacing:-.01em;color:#817ee6;max-width:450px}.SignUpPage_ilustration .button{display:flex;justify-content:center;align-items:center;gap:12px;background:#e6b740;border-radius:4px;width:230px;height:48px}.SignUpPage_ilustration .button p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fafafa}.SignUpPage_ilustration .button img{width:24px;height:24px}.SignUpPage_right{max-height:100vh;overflow-y:scroll;display:flex;flex-direction:column!important;align-items:flex-start;justify-content:flex-start;padding:80px 24px 16px;gap:16px;background:#ffffff;box-shadow:0 0 10px #0000001a}.SignUpPage_right .top{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.SignUpPage_right .top .title{font-weight:600;font-size:32px;line-height:40px;letter-spacing:-.02em;color:#333}.SignUpPage_right .top .lead{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#b3b3b3}.SignUpPage_form{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%}.SignUpPage_form .input-name-form{flex:1;display:flex;flex-direction:row;align-items:flex-start;padding:0;gap:12px;width:100%}.SignUpPage_form .input-form{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%}.SignUpPage_form .input-form label{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.SignUpPage_form .input-form label span{color:#df6262}.SignUpPage_form .input-form .input{display:flex;align-items:flex-start;padding:11px;gap:4px;border:1px solid #f2f2f2;border-radius:4px;width:calc(100% - 24px)}.SignUpPage_form .input-form .active{border:1px solid #817ee5;caret-color:#817ee5;outline:none}.SignUpPage_form .input-form .filled{border:1px solid #656464;outline:none}.SignUpPage_form .input-form .input input{width:100%;font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#333}.SignUpPage_form .input-form .input input::placeholder{color:#bdbdbd}.SignUpPage_form .input-form .warn-field{display:flex;padding:4px 8px;align-items:center;gap:8px}.SignUpPage_form .input-form .warn-field p{font-size:12px;font-family:Inter;line-height:22px;letter-spacing:.12px}.SignUpPage_form .input-form .warn-field .success{color:#62df7e}.SignUpPage_form .input-form .warn-field .failed{color:#656464}.SignUpPage_form .input-form .input-select{display:flex;align-items:flex-start;gap:4px;outline:none;border-radius:4px;width:100%}.SignUpPage_form .input-form .input-select .css-nxo287-MuiInputBase-input-MuiOutlinedInput-input{width:100%;font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#333}.SignUpPage_form .input-form .inputWaNumber{display:flex;align-items:center;gap:4px;width:100%}.SignUpPage_form .input-form .inputWaNumber input{margin-top:0;width:100%}.SignUpPage_form .input-form .inputWaNumber .country{display:flex;align-items:center;justify-content:center}.SignUpPage_form .input-form .inputWaNumber .country .btnChange{display:flex;flex-direction:row;align-items:center;padding:12px;gap:4px;background:#fff;border:1px solid #333333;border-radius:4px;height:48px}.SignUpPage_form .input-form .inputWaNumber .country .btnChange:hover{border:1px solid #6562df;background:#fafafa}.SignUpPage_form .input-form .inputWaNumber .country .btnChange .flag{width:24px;height:24px;border-radius:50%;overflow:hidden}.SignUpPage_form .input-form .inputWaNumber .country .btnChange p{font-weight:600;font-size:16px;line-height:24px;color:#333}.SignUpPage_footer{margin-top:12px;font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#656464;display:flex;align-items:center;gap:4px}.SignUpPage_footer span{color:#6562df}.SignUpPage_button{display:flex;justify-content:center;align-items:center;padding:12px;gap:12px;width:calc(100% - 24px);border-radius:4px;font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fafafa}.SignUpPage_or{display:flex;justify-content:center;align-items:center;gap:14px;width:100%;margin:16px 0}.SignUpPage_or hr{border:1px solid #656464;width:100%}.SignUpPage_or p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#656464}.SignUpPage_buttonGoogle{display:flex;justify-content:center;align-items:center;gap:12px;height:48px;width:100%;border:2px solid #656464;border-radius:50px;cursor:pointer}.SignUpPage_buttonGoogle img{width:24px;height:24px}.SignUpPage_buttonGoogle p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#656464}.SignUpPage_login{display:flex;justify-content:center;align-items:center;gap:20px;width:100%;margin-top:11px;margin-bottom:60px}.SignUpPage_login p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#333}.SignUpPage_login a{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#5c5acc}.ValidationPage{width:100dvw;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;background:#fafafa}.ValidationPage .ExpiredLink{display:flex;width:500px;padding:16px;flex-direction:column;align-items:center;gap:0px;flex-shrink:0;border-radius:8px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--background-white, #fff);box-shadow:0 0 10px #0000001a}.ValidationPage .ExpiredLink img{width:75px;height:60px}.ValidationPage .ExpiredLink .desc{display:flex;flex-direction:column;align-items:center;gap:4px;align-self:stretch}.ValidationPage .ExpiredLink .desc .title{color:var(--info-color-danger, #df6262);font-size:24px;font-family:Inter;font-style:normal;font-weight:700;line-height:32px;letter-spacing:-.48px}.ValidationPage .ExpiredLink .desc .subtitle{color:var(--neutral-color-neutral-800, #656565);text-align:center;font-size:14px;font-family:Inter;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.ValidationPage .ExpiredLink .new_link{outline:none;border:none;display:flex;width:468px;padding:12px 12px 12px 16px;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:var(--primary-color-primary-900, #23224d);color:var(--background-white, #fff);font-size:14px;font-family:Inter;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.ForgotPage{width:100dvw;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;background:#FAFAFA}.ForgotPage .Header{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:239px;position:absolute;height:72px;left:0;right:0;top:0;background:#FFFFFF}.ForgotPage .Header img{width:68.21px;height:48px}.ForgotPage .FindAccount{display:flex;flex-direction:column;align-items:flex-start;padding:16px;gap:16px;position:absolute;width:500px;left:calc(50% - 250px);top:calc(50% - 148px);background:#FFFFFF;border:1px solid #F2F2F2;box-shadow:0 0 10px #0000001a;border-radius:8px}.ForgotPage .FindAccount .FindAccount_Header{display:flex;flex-direction:column;align-items:flex-start;gap:0px;width:100%}.ForgotPage .FindAccount .FindAccount_Header .title{font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em;color:#333}.ForgotPage .FindAccount .FindAccount_Header .desc{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#bdbdbd}.ForgotPage .FindAccount .info{display:flex;flex-direction:row;align-items:center;padding:4px 8px;gap:8px;font-weight:500;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#656565}.ForgotPage .FindAccount .input{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:4px;width:100%}.ForgotPage .FindAccount .input label{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.ForgotPage .FindAccount .input input{display:flex;flex-direction:row;align-items:flex-start;padding:12px;gap:4px;width:calc(100% - 24px);border:1px solid #F2F2F2;border-radius:4px}.ForgotPage .FindAccount .action{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:8px;width:100%}.ForgotPage .FindAccount .action button{border:none;outline:none}.ForgotPage .FindAccount .action .search{flex-direction:row;justify-content:center;padding:12px 12px 12px 16px;gap:12px;background:#5C5ACC;border-radius:4px;font-weight:700;font-size:14px;line-height:22px;display:flex;align-items:center;letter-spacing:.05em;color:#fafafa;width:100%;transition:.3s}.ForgotPage .FindAccount .action .search:hover{background:#23224D}.ForgotPage .FindAccount .action .cancel{flex-direction:row;justify-content:center;padding:12px 12px 12px 16px;gap:12px;border-radius:4px;font-weight:700;font-size:14px;line-height:22px;display:flex;align-items:center;letter-spacing:.05em;color:#656565;width:100%;background:#FFF}.ForgotPage .FindAccount .isYou{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:12px;gap:4px;background:#FFFFFF;border:1px solid #F2F2F2;border-radius:8px;width:calc(100% - 24px)}.ForgotPage .FindAccount .isYou .left{display:flex;flex-direction:row;align-items:center;padding:0;gap:8px}.ForgotPage .FindAccount .isYou .left img{width:40px;height:40px;border-radius:50px}.ForgotPage .FindAccount .isYou .left .user{display:flex;flex-direction:column;align-items:flex-start;padding:0}.ForgotPage .FindAccount .isYou .left .user .name{font-weight:600;font-size:16px;line-height:24px;display:flex;align-items:center;color:#333}.ForgotPage .FindAccount .isYou .left .user .email{font-weight:400;font-size:12px;line-height:22px;display:flex;align-items:center;letter-spacing:.01em;color:#656464}.ForgotPage .FindAccount .isYou .right{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#5c5acc}.ForgotPage .FindAccount .resend{display:flex;flex-direction:column;align-items:center;padding:0;gap:8px}.ForgotPage .FindAccount .resend .desc{font-weight:500;font-size:14px;line-height:20px;display:flex;align-items:center;text-align:center;letter-spacing:-.01em;color:#656565}.ForgotPage .FindAccount .resend .action{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#656565;display:flex;justify-content:center;flex-direction:row}.ForgotPage .FindAccount .resend .action span{color:#6562df}.ResetPage{width:100dvw;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;background:#FAFAFA}.ResetPage .Header{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:239px;position:absolute;height:72px;left:0;right:0;top:0;background:#FFFFFF}.ResetPage .Header img{width:68.21px;height:48px}.ResetPage .Main{display:flex;flex-direction:column;align-items:flex-start;padding:16px;gap:16px;position:absolute;width:500px;background:#FFFFFF;border:1px solid #F2F2F2;box-shadow:0 0 10px #0000001a;border-radius:8px}.ResetPage .Main .Title{font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em;color:#333}.ResetPage .Main .Input{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:4px;width:calc(100% - 32px)}.ResetPage .Main .Input label{font-weight:500;font-size:14px;line-height:24px;display:flex;align-items:center;letter-spacing:.01em;color:#656464}.ResetPage .Main .Input .inputContainer{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:12px;gap:4px;width:100%;background:#FFFFFF;border:1px solid #656464;border-radius:4px}.ResetPage .Main .Input .inputContainer input{flex:1}.ResetPage .Main .Input .inputContainer .ButtonToggleEye{border:none;background:none;cursor:pointer;outline:none;width:24px;height:24px;padding:0;display:flex;justify-content:center;align-items:center}.ResetPage .Main .Action{flex-direction:row;justify-content:center;padding:12px 12px 12px 16px;gap:12px;width:100%;background:#5C5ACC;border-radius:4px;font-weight:700;font-size:14px;line-height:22px;display:flex;align-items:center;letter-spacing:.05em;color:#fafafa}.ResetPage .Main .Input .warn{display:flex;padding:4px 8px;align-items:center;gap:8px}.ResetPage .Main .Input .warn p{font-size:12px;font-family:Inter;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.ResetPage .Main .Input .warn .success{color:var(--info-color-success, #62DF7E)}.ResetPage .Main .Input .warn .failed{color:var(--info-color-success, #656464)}.ResetPage .Main .Input .warn .notmatched{color:var(--info-color-success, #DF6262)}.ResetPage .ExpiredLink{display:flex;width:500px;padding:16px;flex-direction:column;align-items:center;gap:16px;flex-shrink:0;border-radius:8px;border:1px solid var(--neutral-color-neutral-200, #F2F2F2);background:var(--background-white, #FFF);box-shadow:0 0 10px #0000001a}.ResetPage .ExpiredLink img{width:75px;height:60px}.ResetPage .ExpiredLink .desc{display:flex;flex-direction:column;align-items:center;gap:4px;align-self:stretch}.ResetPage .ExpiredLink .desc .title{color:var(--info-color-danger, #DF6262);font-size:24px;font-family:Inter;font-style:normal;font-weight:700;line-height:32px;letter-spacing:-.48px}.ResetPage .ExpiredLink .desc .subtitle{color:var(--neutral-color-neutral-800, #656565);text-align:center;font-size:14px;font-family:Inter;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.ResetPage .ExpiredLink .new_link{outline:none;border:none;display:flex;width:468px;padding:12px 12px 12px 16px;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:var(--primary-color-primary-900, #23224D);color:var(--background-white, #FFF);font-size:14px;font-family:Inter;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.BlackBgSetPassword{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000050;z-index:100}.LoadingScreen{display:flex;justify-content:center;align-items:center;height:100vh;width:100dvw;background:var(--Neutral-Color-Neutral100, #FAFAFA)}.LoadingScreen .Main{display:flex;width:480px;height:280px;padding:16px 40px;flex-direction:column;justify-content:center;align-items:center;gap:40px;flex-shrink:0;border-radius:8px;border:1px solid var(--Neutral-Color-Neutral200, #F2F2F2);background:var(--Background-White, #FFF)}.LoadingScreen .Main section{display:flex;flex-direction:column;justify-content:center;align-items:center;align-self:stretch}.LoadingScreen .Main section .Title{color:var(--Neutral-Color-Neutral4, #333);text-align:center;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.LoadingScreen .Main section .Subtitle{color:var(--Grey-1, #BDBDBD);text-align:center;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.LoadingScreen .Main .MuiLinearProgress-bar{background-color:#6562df}.LoadingScreen .Main .MuiLinearProgress-root{background-color:#f2f2f2}.SidebarSetting{display:flex;flex-direction:column;align-items:flex-start;gap:24px;width:100%;max-height:calc(100dvh - 72px);overflow-y:scroll;position:relative;border-right:1px solid #F2F2F2}.SidebarSetting .head{position:sticky;top:0;background:#fff;width:100%}.SidebarSetting .head h4{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:32px;font-style:normal;font-weight:600;line-height:40px;letter-spacing:-.64px}.SidebarSetting .head p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#656464;margin-top:4px;max-width:254px}.SidebarSetting .menu{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.SidebarSetting .menu:last-child{margin-bottom:100px}.SidebarSetting .menu .title{font-weight:500;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#656464}.SidebarSetting .menu .submenu{display:flex;align-items:center;padding:12px 16px;gap:12px;width:244px;max-width:244px;border-radius:4px;border:1px solid var(--neutral-color-neutral-300, #E5E4E4);background:var(--background-white, #FFF)}.SidebarSetting .menu .submenu img{width:24px;height:24px}.SidebarSetting .menu .submenu p{font-weight:500;font-size:14px;line-height:17px;letter-spacing:-.01em;color:#656464}.SidebarSetting .menu .active-submenu{border:1px solid #6562DF;box-shadow:0 0 5px #6562df26;border-radius:4px}.SidebarSetting .menu .active-submenu p{color:#6562df}.LabelPage{height:100vh;max-height:100vh;position:fixed;width:100dvw;max-width:100dvw}.LabelPage .left{max-width:320px;width:320px;padding:24px 16px}.LabelPage .right{flex:1;padding:24px 16px 24px 40px;background:#f7f5f5;max-width:calc(100dvw - 320px)}.LabelPage_breadcrumbs{display:flex;flex-direction:row;align-items:center;gap:8px}.LabelPage_breadcrumbs img:first-child{width:24px;height:24px}.LabelPage_breadcrumbs img{width:16px;height:16px}.LabelPage_breadcrumbs p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.LabelPage_head h4{margin-top:24px;font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em}.LabelPage_head p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.LabelPage_connect{display:flex;flex-direction:column;align-items:center;gap:16px}.LabelPage_connect img{width:250px;height:250px}.LabelPage_connect h4{font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em;text-align:center}.LabelPage_connect p{font-weight:400;font-size:16px;line-height:24px;color:#656464;margin-top:4px;text-align:center}.LabelPage_connect .connect{display:flex;justify-content:center;align-items:center;gap:12px;padding:0 12px;background:#5C5ACC;border-radius:4px;min-width:142px;max-width:max-content;height:48px;cursor:pointer}.LabelPage_connect .connect img{width:24px;height:24px}.LabelPage_connect .connect p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fff}.LabelPage_action{display:flex;justify-content:space-between;align-items:center;margin-top:12px;margin-bottom:24px}.LabelPage_action .left{display:flex;align-items:flex-start;gap:12px;width:100%;padding:0}.LabelPage_action .left .input{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 12px;gap:12px;width:360px;height:48px;border:1px solid #F2F2F2;border-radius:4px;margin-right:12px;background:#fff}.LabelPage_action .left .input img,.LabelPage_action .left .btn img,.LabelPage_action .right img{width:24px;height:24px}.LabelPage_action .left .input input{flex:1;width:300px;height:24px}.LabelPage_action .left .input input:focus{outline:none}.LabelPage_action .left .btn{width:100%;min-width:48px;max-width:48px;height:48px;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:4px}.LabelPage_action .right{display:flex;justify-content:center;align-items:center;gap:12px;background:#5C5ACC;border-radius:4px;min-width:162px;max-width:max-content;height:100%;max-height:48px;padding:12px 16px 12px 12px}.LabelPage_action .right p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fafafa}.LabelPage_list{display:flex;justify-content:space-between;align-items:center;padding:16px;gap:12px;background:#FFFFFF;border-radius:8px;margin-bottom:12px}.LabelPage_list .left{display:flex;align-items:center;padding:0;gap:12px}.LabelPage_list .left .icon{width:40px;height:40px;border:1px solid #FFCB47;border-radius:32px;display:flex;justify-content:center;align-items:center;padding:4px;gap:12px}.LabelPage_list .left p{font-weight:600;font-size:20px;line-height:28px;letter-spacing:-.01em;color:#333}.LabelPage_list .center{background:#FFE9B2;border:1px solid #FFCB47;border-radius:30px;display:flex;align-items:center;padding:4px 8px;gap:8px;width:122px}.LabelPage_list .center p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333}.LabelPage_list .right{display:flex;align-items:center;padding:0;gap:12px;max-width:191px;background:none}.LabelPage_list .right .action{display:flex;justify-content:center;align-items:center;padding:8px;gap:8px;cursor:pointer}.LabelPage_list .right .action p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#5c5acc}.AddTeamPopup,.AddTeamPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{width:500px;margin:0 auto}.AddTeamPopup .css-hz1bth-MuiDialog-container,.AddTeamPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{margin:0;padding:0;min-width:500px;border-radius:8px}.AddTeamPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{background:#FAFAFA;position:relative}.css-uhb5lp{width:500px}.AddTeamPopup_head{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #F2F2F2;position:sticky;top:0;background:#FAFAFA}.AddTeamPopup_head h4{font-size:16px;font-style:normal;font-weight:600;line-height:24px;color:#333}.AddTeamPopup_formInput{display:flex;flex-direction:column;align-items:flex-start;padding:12px 24px;width:calc(100% - 48px);background:#FFF}.AddTeamPopup_formInput label{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464;margin:0}.AddTeamPopup_formInput label span{color:#df6262}.AddTeamPopup_formInput input{padding:0 12px;height:48px;width:calc(100% - 24px);border:1px solid #F2F2F2;border-radius:4px;margin-top:8px;letter-spacing:.14px}.AddTeamPopup_formInput textarea{width:calc(100% - 24px);height:80px;border:1px solid #F2F2F2;border-radius:4px;padding:12px;color:#656464;font-family:Inter}.AddTeamPopup_formInput input::placeholder,.AddTeamPopup_formInput textarea::placeholder{color:#828282}.AddTeamPopup_formInput .inputWaNumber{display:flex;align-items:center;gap:8px;margin-top:8px}.AddTeamPopup_formInput .inputWaNumber input{width:520px;margin-top:0}.AddTeamPopup_formInput .inputWaNumber .flag{display:flex;align-items:center;justify-content:center;gap:4px;width:80px;height:48px;border:1px solid #656464;border-radius:4px}.AddTeamPopup_formInput .inputWaNumber .flag p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#23224d}.AddTeamPopup_formInput .select__control{width:638px;margin:0}.AddTeamPopup_formInput .TeamAddTag{width:100%;margin:0}.AddTeamPopup_footer{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;gap:12px;margin-top:12px;position:sticky;bottom:0;background:#FFF;box-shadow:0 -5px 5px #0000000d}.AddTeamPopup_footer .cancel{display:flex;justify-content:center;align-items:center;gap:8px;width:86px;height:36px;border:1px solid transparent;border-radius:4px;cursor:pointer}.AddTeamPopup_footer .cancel p{font-weight:700;font-size:12px;line-height:20px;letter-spacing:.02em;color:#df6262}.AddTeamPopup_footer .cancel img{width:16px;height:16px}.AddTeamPopup_footer .add{display:flex;justify-content:center;align-items:center;gap:8px;height:36px;background:#5C5ACC;border-radius:4px;cursor:pointer}.AddTeamPopup_footer .add p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#fafafa}.AddTeamPopup_footer .add img{width:16px;height:16px}.TeamPage{height:100vh;max-height:100vh;position:fixed;width:100dvw;max-width:100dvw}.TeamPage .GridWrapper{height:calc(100dvh - 72px)}.TeamPage .left{max-width:320px;width:320px;padding:24px 16px}.TeamPage .right{flex:1;padding:24px 16px 24px 40px;background:#f7f5f5;max-width:calc(100dvw - 320px);max-height:calc(100dvh - 72px);overflow-y:scroll}.TeamPage_breadcrumbs{display:flex;flex-direction:row;align-items:center;gap:8px}.TeamPage_breadcrumbs img:first-child{width:24px;height:24px}.TeamPage_breadcrumbs img{width:16px;height:16px}.TeamPage_breadcrumbs p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.TeamPage_head h4{margin-top:24px;font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em}.TeamPage_head p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.TeamPage_connect{display:flex;flex-direction:column;align-items:center;gap:16px}.TeamPage_connect img{width:250px;height:250px}.TeamPage_connect h4{font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em;text-align:center}.TeamPage_connect p{font-weight:400;font-size:16px;line-height:24px;color:#656464;margin-top:4px;text-align:center}.TeamPage_connect .connect{display:flex;justify-content:center;align-items:center;gap:12px;background:#5C5ACC;border-radius:4px;width:142px;height:48px;cursor:pointer}.TeamPage_connect .connect img{width:24px;height:24px}.TeamPage_connect .connect p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fff}.TeamPage_action{display:flex;justify-content:space-between;align-items:center;margin-top:12px;margin-bottom:24px}.TeamPage_action .left{display:flex;align-items:flex-start;gap:12px;width:100%;padding:0}.TeamPage_action .left .input{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 12px;gap:12px;width:360px;height:48px;border:1px solid #F2F2F2;border-radius:4px;margin-right:12px;background:#fff}.TeamPage_action .left .input img,.TeamPage_action .rightPart img{width:24px;height:24px}.TeamPage_action .left .input input{flex:1;width:300px;height:24px}.TeamPage_action .left .input input:focus{outline:none}.TeamPage_action .rightPart{display:flex;justify-content:center;align-items:center;gap:12px;background:#5C5ACC;border-radius:4px;height:100%;max-height:48px;padding:12px 16px 12px 12px}.TeamPage_action .rightPart p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fafafa}.TeamPage_action .btn-delete{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 16px 12px 12px;gap:12px;border-radius:4px;transition:.3s;background:none;outline:none;border:none}.TeamPage_action .btn-delete:hover{background:rgba(223,98,98,.15)}.TeamPage_action .btn-delete p{font-weight:700;font-size:14px;line-height:22px;display:flex;align-items:center;letter-spacing:.05em;color:#df6262}.TeamSettingPage_data{max-width:calc(100dvw - 376px);max-height:460px;overflow:scroll}.TeamSettingPage_data table{width:100%;border-spacing:0;border-collapse:separate}.TeamSettingPage_data table thead{position:sticky;top:0;z-index:3}.TeamSettingPage_data thead tr,.TeamSettingPage_data tbody tr{display:flex}.TeamSettingPage_data thead tr>*{background:#DADAF2}.TeamSettingPage_data thead tr th>*{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;text-wrap:nowrap}.TeamSettingPage_data tbody .Selected>*{background:#E5E4E4}.TeamSettingPage_data tbody .Notselected>*{background:#FFF}.TeamSettingPage_data thead .check{display:flex;width:24px;height:24;padding:16px 8px;align-items:center;gap:8px;position:sticky;left:0}.TeamSettingPage_data tbody .check{display:flex;width:24px;height:68px;padding:16px 8px;align-items:center;gap:8px;position:sticky;left:0}.TeamSettingPage_data thead .team{display:flex;width:148px;height:24px;padding:16px;justify-content:space-between;align-items:center;position:sticky;left:40px;flex:1 0 0;z-index:1}.TeamSettingPage_data tbody .team{display:flex;width:148px;height:68px;padding:16px;align-items:center;gap:10px;position:sticky;left:40px;flex:1 0 0}.TeamSettingPage_data tbody .team p{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.TeamSettingPage_data thead .member{display:flex;width:118px;height:24px;padding:16px;justify-content:space-between;align-items:center}.TeamSettingPage_data tbody .member{display:flex;width:118px;height:68px;padding:16px;align-items:center;gap:10px}.TeamSettingPage_data tbody .member .wrapper{display:flex;height:32px;padding:4px 8px;align-items:center;gap:8px;border-radius:4px;border:1px solid #F2F2F2;background:#FFF}.TeamSettingPage_data tbody .member p{color:#333;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.TeamSettingPage_data thead .wa{display:flex;width:calc(15.625dvw - 32px);height:24px;padding:16px;justify-content:space-between;align-items:center}.TeamSettingPage_data tbody .wa{display:flex;min-width:calc(15.625dvw - 32px);max-width:calc(15.625dvw - 32px);height:68px;padding:32px 16px 0;align-items:center;gap:4px;overflow-x:scroll}.TeamSettingPage_data tbody .wa .two{display:flex;flex-direction:column;gap:4px}.TeamSettingPage_data tbody .wa .one{display:flex;justify-content:flex-start;align-items:center;height:100%}.TeamSettingPage_data tbody .wa .wrapper{display:flex;height:32px;min-width:60px;max-width:100px;padding:2px 8px;align-items:center;gap:4px;border-radius:4px;border:1px solid var(--primary-color-primary-500, #6562DF);background:var(--background-white, #FFF)}.TeamSettingPage_data tbody .wa .wrapper p{overflow:hidden;color:var(--neutral-color-neutral-900, #333);text-overflow:ellipsis;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;flex:1 0 0}.TeamSettingPage_data thead .tag{display:flex;width:calc(15.625dvw - 32px);height:24px;padding:16px;justify-content:space-between;align-items:center}.TeamSettingPage_data tbody .tag{display:flex;width:calc(15.625dvw - 32px);height:68px;padding:16px;align-items:center;gap:10px}.TeamSettingPage_data tbody .tag .content-tag{width:100%;height:100%;display:flex;align-items:center;justify-content:start;gap:8px;overflow-y:scroll}.TeamSettingPage_data tbody .tag .content-tag .logo{padding:4px 8px;background:#FAFAFA;border-radius:4px;border:1px solid #F2F2F2;display:flex;align-items:center;justify-content:center;gap:4px}.TeamSettingPage_data tbody .tag .content-tag .logo p{color:#656464;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.TeamSettingPage_data thead .desc{display:flex;width:calc(15.625dvw - 32px);height:24px;padding:16px;justify-content:space-between;align-items:center}.TeamSettingPage_data tbody .desc{display:flex;width:calc(15.625dvw - 32px);height:68px;padding:16px;align-items:center;gap:10px}.TeamSettingPage_data tbody .desc .text{display:flex;flex-direction:column;justify-content:center;flex:1 0 0;align-self:stretch;overflow:hidden;color:var(--neutral-color-neutral-900, #333);text-overflow:ellipsis;white-space:nowrap;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.TeamSettingPage_data thead .action{display:flex;width:128px;height:24px;padding:16px;justify-content:space-between;align-items:center;position:sticky;right:0}.TeamSettingPage_data tbody .action{display:flex;width:128px;height:68px;padding:16px;align-items:center;gap:10px;position:sticky;right:0}.TeamSettingPage_data tbody .action{display:flex;width:128px;height:68px;padding:16px;align-items:center;justify-content:center;gap:8px;border-left:1px solid var(--neutral-color-neutral-200, #F2F2F2);gap:10px;position:sticky;right:0}.TeamSettingPage_data tbody .action .left{display:flex;padding:8px;justify-content:center;align-items:center;gap:8px;border-radius:4px;border:1px solid var(--primary-color-primary-600, #5C5ACC);flex:1}.TeamSettingPage_data tbody .action .left p{color:var(--primary-color-primary-600, #5C5ACC);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.TeamSettingPage_data tbody .action .right{display:flex;justify-content:center;align-items:center;padding:4px;background:none}.TSettingMemberCol{display:flex;flex-direction:column;align-items:flex-start;border-radius:5px;width:288px;box-shadow:0 0 10px #0000001a}.TSettingMemberCol_Header{display:flex;padding:8px 12px;justify-content:space-between;align-items:center;align-self:stretch}.TSettingMemberCol_Header p{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.TSettingMemberCol_Body{display:flex;padding:4px;width:calc(100% - 8px);flex-direction:column;align-items:flex-start;gap:4px;max-height:148px;overflow-y:scroll}.TSettingMemberCol_ItemBody{display:flex;width:calc(100% - 16px);padding:4px 8px;justify-content:space-between;align-items:center}.TSettingMemberCol_ItemBody .Left{display:flex;align-items:center;gap:4px}.TSettingMemberCol_ItemBody .Left .Info{display:flex;flex-direction:column;align-items:flex-start}.TSettingMemberCol_ItemBody .Left .Info .Name{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px}.TSettingMemberCol_ItemBody .Left .Info .Email{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px}.TSettingMemberCol_ItemBody p{color:#000;font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px}.TSettingLevelCol{display:flex;padding:4px;flex-direction:column;align-items:flex-start;gap:4px;border-radius:4px;border:1px solid var(--neutral-color-neutral-500, #B3B3B3);background:var(--background-white, #FFF);box-shadow:0 0 10px #0000001a;width:min-content}.TSettingLevelCol_ItemBody{display:flex;padding:4px 8px;align-items:center;gap:8px;cursor:pointer}.TSettingLevelCol_ItemBody p{width:50px!important;color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.TSettingLevelCol_ItemBody .RadioC{width:14px}.BreadCrumbsComponent{display:flex;flex-direction:row;align-items:center;gap:8px;img:first-child {width: 24px; height: 24px;} img {width: 16px; height: 16px;} a {display: flex; gap: 8px; align-items: center;} p {font-weight: 500; font-size: 14px; line-height: 24px; letter-spacing: .01em; color: #656464;}}.TeamDetail_levelHeader{display:flex;padding:12px;width:100%;flex-direction:column;align-items:flex-start;gap:12px;border-radius:0 8px 8px;background:var(--background-white, #FFF);margin-bottom:12px}.TeamDetail_levelHeader .Content{display:flex;justify-content:space-between;align-items:flex-start;align-self:stretch}.TeamDetail_levelHeader .Content .Left{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px}.TeamDetail_levelHeader .Content .Left .Title{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:20px;font-style:normal;font-weight:600;line-height:28px;letter-spacing:-.2px}.TeamDetail_levelHeader .Content .Left .Subtitle{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.TeamDetail_levelHeader .Content .Right{display:flex;align-items:center;gap:8px}.TeamDetail_levelHeader .Content .Right button{border:none;outline:none;background:none;border-radius:4px}.TeamDetail_levelHeader .Content .Right .Edit{display:flex;padding:8px;justify-content:center;align-items:center;gap:8px}.TeamDetail_levelHeader .Content .Right .Edit p{color:var(--primary-color-primary-600, #5C5ACC);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.TeamDetail_levelHeader .Content .Right .Delete{display:flex;padding:8px;justify-content:center;align-items:center;gap:8px}.TeamDetail_levelHeader .Content .Right .Delete p{color:var(--info-color-danger, #DF6262);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.TeamDetail_editLevel{display:flex;width:calc(100% - 24px);padding:12px;flex-direction:column;align-items:flex-start;gap:12px;border-radius:0 8px 8px;background:#FFF;box-shadow:5px 5px 5px #6562df26;margin-bottom:12px}.TeamDetail_editLevel .input{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;align-self:stretch}.TeamDetail_editLevel .input label{font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px;color:#656464}.TeamDetail_editLevel .input label span{color:#df6262}.TeamDetail_editLevel .input input,.TeamDetail_editLevel .input textarea{display:flex;padding:12px;align-items:flex-start;gap:4px;align-self:stretch;border-radius:4px;border:1px solid #656464;background:#FFF;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px;color:#23224d}.TeamDetail_editLevel .input input::placeholder,.TeamDetail_editLevel .input textarea::placeholder{color:#b3b3b3}.TeamDetail_editLevel .input textarea{max-width:74.6dvw}.TeamDetail_editLevel .input .focus{border:1px solid #817EE5;box-shadow:0 0 5px #5c5acc26;caret-color:#817ee5}.TeamDetail_editLevel .input .withInput{border:1px solid #656464}.TeamDetail_editLevel .input .noInput{border:1px solid #F2F2F2}.TeamDetail_editLevel .footer{display:flex;justify-content:space-between;align-items:flex-start;align-self:stretch}.TeamDetail_editLevel .footer .btn-cancel{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;cursor:pointer}.TeamDetail_editLevel .footer .btn-cancel p{font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px;color:#df6262}.TeamDetail_editLevel .footer .btn-save{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:#5C5ACC;cursor:pointer}.TeamDetail_editLevel .footer .btn-save p{font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px;color:#fafafa}.Accordion_TeamLevel{background:none!important;padding:none!important;box-shadow:none!important}.Accordion_TeamLevel:before{display:none}.Accordion_TeamLevel .css-1pvvkxv-MuiButtonBase-root-MuiAccordionSummary-root{cursor:auto!important}.AccordionSummary_TeamLevel{padding:0!important}.AccordionSummary_TeamLevel .MuiAccordionSummary-content{margin:0!important}.AccordionDetails_TeamLevel{background:#FFFFFF;padding:0!important;margin:0;border-radius:8px}.TeamDetail_Level{display:flex;padding:12px;flex-direction:column;align-items:flex-start;gap:12px}.TeamDetail_Level_Title{display:flex;align-items:center;gap:8px}.TeamDetail_Level_Title p{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.TeamDetail_TabLevel{display:flex;padding:4px;align-items:flex-start;gap:8px;border-radius:8px;background:var(--neutral-color-neutral-200, #F2F2F2)}.TeamDetail_TabLevel .Tab{display:flex;min-width:100px;max-width:180px;padding:8px;justify-content:center;align-items:center;gap:8px;border-radius:4px;cursor:pointer}.TeamDetail_TabLevel .Active{background:var(--background-white, #FFF)}.TeamDetail_TabLevel .Tab p{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.TeamDetail_TabLevel .Active p{color:var(--primary-color-primary-500, #6562DF)}.Accordion_RoleLevel{background:none!important;padding:none!important;box-shadow:none!important}.Accordion_RoleLevel:before{display:none}.Accordion_RoleLevel .css-1pvvkxv-MuiButtonBase-root-MuiAccordionSummary-root:hover:not(.Mui-disabled){cursor:auto}.Border_Top_Radius{border-radius:8px 8px 0 0!important}.Border_Bottom_Radius{border-radius:0 0 8px 8px!important}.AccordionSummary_RoleLevel{background:var(--primary-color-primary-100, #DADAF2)!important;padding:0!important}.AccordionSummary_RoleLevel .MuiAccordionSummary-content{margin:0!important}.TeamDetail_RoleHeader{display:flex;max-height:52px;align-items:center;align-self:stretch;width:100%}.TeamDetail_RoleHeader .Left{display:flex;padding:16px;align-items:center;gap:12px;flex:1 0 0;align-self:stretch}.TeamDetail_RoleHeader .Left .Content{display:flex;align-items:center;gap:4px}.TeamDetail_RoleHeader .Left .Content p{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.TeamDetail_RoleHeader .Right{display:flex;width:88px;height:28px;padding:12px 16px;justify-content:center;align-items:center;gap:12px;align-self:stretch}.TeamDetail_RoleHeader .Right .Permission{display:flex;align-items:center;gap:4px}.TeamDetail_RoleHeader .Right .Permission p{color:var(--primary-color-primary-800, #2E2D66);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.TeamDetail_RoleDetail{width:100%}.AccordionDetails_RoleLevel{padding:0!important}.dividerRuleTeam{display:flex;padding:8px 16px;align-items:center;gap:4px;flex:1 0 0;background:#FAFAFA;p {color: #656565;}}.RoleLevel{display:flex;max-height:52px;align-items:center;align-self:stretch;background:var(--background-white, #FFF);border:1px solid var(--neutral-color-neutral-200, #F2F2F2)}.RoleLevel .Access{display:flex;padding:16px;align-items:center;gap:4px;flex:1 0 0;align-self:stretch}.RoleLevel .Access .Text{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.RoleLevel .Access .Green{color:var(--green-1, #219655)}.RoleLevel .Action{display:flex;width:88px;padding:12px 16px;justify-content:center;align-items:center;gap:12px;align-self:stretch}.RoleLevel .Action p{color:var(--primary-color-primary-800, #2E2D66);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.Table_TeamOperatorMember{width:100%;border-spacing:0;border-collapse:separate;border-radius:8px}.Thead_TeamOperatorMember,.Thead_TeamOperatorMember tr>*{background:#dadaf2}.Tbody_TeamOperatorMember,.Tbody_TeamOperatorMember tr>*{background:#fff}.Thead_TeamOperatorMember tr,.Tbody_TeamOperatorMember tr{display:flex}.Thead_TeamOperatorMember tr th p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px;cursor:pointer;text-wrap:nowrap}.Thead_TeamOperatorMember tr>*{background:#dadaf2}.Tbody_TeamOperatorMember .Selected>*{background:#e5e4e4}.Tbody_TeamOperatorMember .Notselected>*{background:#fff}.Thead_TeamOperatorMember .Checkbox{display:flex;width:64px;height:32px;padding:8px;align-items:center;gap:8px;position:sticky;left:0;z-index:3}.Tbody_TeamOperatorMember .Checkbox{display:flex;width:64px;height:68px;padding:8px;align-items:center;gap:8px;position:sticky;left:0;z-index:1}.Thead_TeamOperatorMember .freezed{background:#a2a1e5;position:absolute;bottom:0;left:0;width:100%;height:5px}.Thead_TeamOperatorMember .Username{display:flex;width:214px;height:32px;padding:8px;justify-content:space-between;align-items:center;position:sticky}.Tbody_TeamOperatorMember .Username{display:flex;width:214px;height:68px;padding:8px;gap:10px;align-items:center}.Tbody_TeamOperatorMember .Username img{width:24px;height:24px;flex-shrink:0;border-radius:50%}.Tbody_TeamOperatorMember .Username .User{display:flex;flex-direction:column;align-items:flex-start}.Tbody_TeamOperatorMember .Username .User .Name{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px}.Tbody_TeamOperatorMember .Username .User .Email{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px}.Thead_TeamOperatorMember .Status{display:flex;width:124px;height:32px;padding:8px;justify-content:space-between;align-items:center}.Thead_TeamOperatorMember .Team{display:flex;width:168px;height:32px;padding:8px;justify-content:space-between;align-items:center}.Thead_TeamOperatorMember .Tag{display:flex;width:268px;height:32px;padding:8px;justify-content:space-between;align-items:center}.Thead_TeamOperatorMember .operator{display:flex;width:164px;height:32px;padding:8px;justify-content:space-between;align-items:center}.Thead_TeamOperatorMember .Action{display:flex;width:32px;height:32px;padding:8px;justify-content:space-between;align-items:center;border-left:1px solid var(--neutral-color-neutral-200, #f2f2f2);position:sticky;right:0}.Tbody_TeamOperatorMember .Action{display:flex;width:32px;height:68px;padding:8px;justify-content:center;align-items:center;gap:8px;border-left:1px solid var(--neutral-color-neutral-200, #f2f2f2);position:sticky;right:0}.Tbody_TeamOperatorMember .Action button{display:flex;justify-content:center;align-items:center;padding:4px;border-radius:4px;outline:none;border:none}.Tbody_TeamOperatorMember .Action .Selected{background:#e5e4e4}.Tbody_TeamOperatorMember .Action .Notselected{background:#fafafa}.Tbody_TeamOperatorMember .Action .Active{background:#dadaf2}.Tbody_TeamOperatorMember .Tag{display:flex;width:268px;height:68px;padding:8px;align-items:center;gap:4px;overflow-y:scroll}.Tbody_TeamOperatorMember .Tag .two{display:flex;flex-direction:column;gap:4px}.Tbody_TeamOperatorMember .Tag .one{display:flex;justify-content:flex-start;align-items:center;height:100%}.Tbody_TeamOperatorMember .Tag .TagItem{display:flex;height:24px;padding:4px;align-items:center;gap:4px;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--neutral-color-neutral-100, #fafafa)}.Tbody_TeamOperatorMember .Tag .TagItem p{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px}.Tbody_TeamOperatorMember .Status{display:flex;width:124px;height:68px;padding:8px;justify-content:space-between;align-items:center}.Tbody_TeamOperatorMember .Last_Active{display:flex;width:168px;height:32px;padding:16px;justify-content:space-between;align-items:center}.Tbody_TeamOperatorMember .Team{display:flex;justify-content:flex-start;align-items:center;width:168px;height:68px;padding:8px;gap:4px;overflow-y:scroll}.Tbody_TeamOperatorMember .Team .two{display:flex;flex-direction:column;gap:4px}.Tbody_TeamOperatorMember .Team .one{display:flex;justify-content:flex-start;align-items:center;height:100%}.Tbody_TeamOperatorMember .Team .TeamItem{display:flex;width:72px;height:16px;padding:4px;align-items:center;gap:4px;border-radius:4px;border:1px solid var(--neutral-color-neutral-500, #b3b3b3);background:var(--neutral-color-neutral-100, #fafafa)}.Tbody_TeamOperatorMember .Team .TeamItem p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;flex:1 0 0;overflow:hidden;color:var(--neutral-color-neutral-800, #656565);text-overflow:ellipsis;font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px}.Thead_TeamOperatorMember .Level{display:flex;width:168px;height:32px;padding:8px;justify-content:space-between;align-items:center}.Tbody_TeamOperatorMember .Level{display:flex;width:168px;height:68px;padding:8px;gap:4px}.Tbody_TeamOperatorMember .Team .Content{display:flex;padding:4px 8px;align-items:center;gap:8px;border-radius:4px;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;height:22px;min-width:fit-content;max-width:200px}.Tbody_TeamOperatorMember .Last_Active p{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.Tbody_TeamOperatorMember .Status .Wrapper{display:flex;padding:4px 8px;justify-content:center;align-items:center;gap:10px}.Tbody_TeamOperatorMember .Status .Wrapper .Sent{color:#333;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.Tbody_TeamOperatorMember .Status .Wrapper .Active{color:#6562df;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.Tbody_TeamOperatorMember .Status .Wrapper .Disabled{color:#df6262;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.Tbody_TeamOperatorMember .Status .Expired{display:flex;padding:4px 8px;justify-content:center;align-items:center;gap:8px}.Tbody_TeamOperatorMember .Status button{padding:0;border-radius:0%;display:flex;justify-content:center;align-items:center;border:none;outline:none}.Tbody_TeamOperatorMember .Status .Expired p{color:var(--neutral-color-neutral-500, #b3b3b3);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.Tbody_TeamOperatorMember .Team .Active{border:1px solid #6562df;background:#fafafa}.Tbody_TeamOperatorMember .Team .Inactive{border:1px solid #ccc;background:#fafafa}.Tbody_TeamOperatorMember .Team .Content p{font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.Tbody_TeamOperatorMember .Team .Content .Active_Text{color:#23224d}.Tbody_TeamOperatorMember .Team .Content .Inactive_Text{color:#b3b3b3}.Tbody_TeamOperatorMember .Level .LevelInside{display:flex;justify-content:center;padding:16px 0;align-items:center}.Tbody_TeamOperatorMember .Level .LevelInside .LevelInsideItem{display:flex;padding:8px 0;align-items:center;gap:8px;align-self:stretch}.Tbody_TeamOperatorMember .Level .LevelInside p{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.Thead_TeamOperatorMember .Access{display:flex;width:168px;flex:1;height:32px;padding:8px;justify-content:space-between;align-items:center}.Tbody_TeamOperatorMember .Access{display:flex;justify-content:flex-start;align-items:center;width:168px;flex:1;height:68px;padding:8px;gap:4px;overflow-y:scroll}.Tbody_TeamOperatorMember .Access .AccessItem{display:flex;height:24px;width:44px;padding:4px 8px;align-items:center;gap:4px;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--background-white, #fff)}.Tbody_TeamOperatorMember .Access .AccessItem p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;flex:1 0 0;overflow:hidden;color:#333;text-overflow:ellipsis;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.Tbody_TeamOperatorMember .Access .two{display:flex;flex-direction:column;gap:4px}.Tbody_TeamOperatorMember .Access .one{display:flex;justify-content:flex-start;align-items:center;height:100%}.Tbody_TeamOperatorMember .operator .operatorWrapper{flex-direction:1;display:flex;justify-content:flex-start;align-items:center;gap:4px;overflow-y:scroll}.Tbody_TeamOperatorMember .operator .two{display:flex;flex-direction:column;gap:4px}.Tbody_TeamOperatorMember .operator .one{display:flex;justify-content:flex-start;align-items:center;height:100%}.Tbody_TeamOperatorMember .operator .OperatorItem{display:flex;height:24px;width:62px;padding:4px 8px;justify-content:space-between;align-items:center;gap:4px;border-radius:4px;background:var(--neutral-color-neutral-100, #fafafa)}.Tbody_TeamOperatorMember .operator .OperatorItem p{overflow:hidden;color:var(--neutral-color-neutral-900, #333);text-overflow:ellipsis;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;white-space:nowrap}.Tbody_TeamOperatorMember .operator .OperatorItem .Right{display:flex;justify-content:center;align-items:center}.Tbody_TeamOperatorMember .operator .OperatorItem .Right img{width:16px}.Tbody_TeamOperatorMember{width:100%}.css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root{padding:0}.css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root .css-i4bv87-MuiSvgIcon-root{fill:#828282}.Tbody_TeamOperatorMember .operator{display:flex;width:164px;height:68px;padding:8px;align-items:center;gap:4px}.Tbody_TeamOperatorMember .operatorBody{display:flex;align-items:center;gap:4px}.Tbody_TeamOperatorMember .setOperator,.Table_TeamOperatorMember .setOperator-inactive{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:8px;border-radius:4px;border:none;box-shadow:none;cursor:pointer;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px;color:#5c5acc!important;background:none}.Table_TeamOperatorMember .setOperator-inactive{cursor:auto}.Table_TeamOperatorMember .setOperator-inactive span{color:#b3b3b3}.Tbody_TeamOperatorMember .setOperator:hover,.Tbody_TeamOperatorMember .setOperator:focus,.Tbody_TeamOperatorMember .setOperator:active,.Table_TeamOperatorMember .setOperator-inactive:hover,.Table_TeamOperatorMember .setOperator-inactive:focus,.Table_TeamOperatorMember .setOperator-inactive:active{background:#dadaf2;color:#23224d!important;outline:none}.setOperatorPopoverTeamMember .css-3bmhjh-MuiPaper-root-MuiPopover-paper{display:flex;flex-direction:column;align-items:flex-start;border-radius:4px;border:1px solid #e5e4e4;box-shadow:0 0 10px #0000001a;max-width:246px;min-width:246px}.setOperatorPopoverTeamMember .head{display:flex;padding:8px;justify-content:space-between;align-items:center;align-self:stretch}.setOperatorPopoverTeamMember .head .icon{cursor:pointer}.setOperatorPopoverTeamMember .listWaNumber{display:flex;height:240px;padding:8px;flex-direction:column;align-items:flex-start;gap:4px;overflow-y:scroll}.setOperatorPopoverTeamMember .itemWaNumber{display:flex;max-width:230px;width:100%;padding:4px;justify-content:space-between;align-items:center;border-radius:4px;background:#ffffff}.setOperatorPopoverTeamMember .itemWaNumber .left{display:flex;width:140px;align-items:center;gap:4px;flex-shrink:0}.setOperatorPopoverTeamMember .itemWaNumber .left .checkbox{width:16px;height:16px;padding:0;color:#ccc}.setOperatorPopoverTeamMember .itemWaNumber .left .icon{width:24px;height:24px}.setOperatorPopoverTeamMember .itemWaNumber .left .title{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}.setOperatorPopoverTeamMember .itemWaNumber .right{display:flex;width:62px;align-items:center;gap:4px;flex-shrink:0;overflow-x:scroll;min-height:42px;max-height:42px}.setOperatorPopoverTeamMember .itemWaNumber .right .tag{display:flex;height:16px;padding:4px;align-items:center;gap:4px;border-radius:4px;border:1px solid #f2f2f2;background:#fafafa}.setOperatorPopoverTeamMember .itemWaNumberActive{border:1px solid #6562df;max-width:228px;width:220px}.setOperatorPopoverTeamMember .itemWaNumberActive .checkbox{color:#5c5acc!important}.setOperatorPopoverTeamMember .itemWaNumberActive .checkbox .css-i4bv87-MuiSvgIcon-root{fill:#5c5acc!important}.setOperatorPopoverTeamMember .bottom{display:flex;padding:4px;justify-content:space-between;align-items:flex-start;align-self:stretch;background:#ffffff;box-shadow:0 0 10px #0000001a}.setOperatorPopoverTeamMember .bottom .btn-cancel{display:flex;padding:8px;justify-content:center;align-items:center;gap:8px}.setOperatorPopoverTeamMember .bottom .btn-cancel p{font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px;color:#df6262}.setOperatorPopoverTeamMember .bottom .btn-save{display:flex;padding:8px;justify-content:center;align-items:center;gap:8px;border-radius:4px;background:#5c5acc}.setOperatorPopoverTeamMember .bottom .btn-save p{font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px;color:#fafafa}.Tbody_TeamOperatorMember .operatorWrapper{flex:1;display:flex;justify-content:flex-start;align-items:center;gap:4px;overflow-y:scroll}.TeamDetailMember{margin-top:20px}.TeamDetailMemberHead{display:flex;align-items:flex-start}.TeamDetailMemberHead_item{display:flex;width:100px;min-width:90px;max-width:160px;padding:12px 16px;justify-content:center;align-items:center;gap:8px;border-radius:8px 8px 0 0;border:1px solid #f2f2f2;background:#fafafa;margin:0 0 -1px}.TeamDetailMemberHead_itemActive{background:#ffffff;border:none}.TeamDetailMemberHead_item h2{font-size:16px;font-style:normal;font-weight:600;line-height:24px;color:#b3b3b3}.TeamDetailMemberHead_itemActive h2{color:#6562df}.TeamDetailMemberBody{display:flex;padding:12px;flex-direction:column;align-items:flex-start;gap:12px;border-radius:0 8px 8px;background:#ffffff}.TeamDetailMemberBody_member,.TeamDetailMemberBody_memberSummary{padding:0!important;background:#ffffff!important;border:none!important;width:100%;box-shadow:none!important}.TeamDetailMemberBody_memberSummary .css-1betqn-MuiAccordionSummary-content{margin:0;width:100%}.TeamDetailMemberBody_memberSummaryHead{display:flex;justify-content:space-between;align-items:center;width:100%}.TeamDetailMemberBody_memberSummaryHead h1{font-size:20px;font-style:normal;font-weight:600;line-height:28px;letter-spacing:-.2px;color:#333}.TeamDetailMemberBody_memberBody{padding:0!important}.TeamDetailMemberBody_memberBodyHeader{display:flex;justify-content:space-between;align-items:flex-start;align-self:stretch;margin:12px 0}.TeamDetailMemberBody_memberBodyHeader .input{display:flex;width:288px;padding:12px;align-items:flex-start;gap:10px;border-radius:4px;border:1px solid #f2f2f2;background:#ffffff}.TeamDetailMemberBody_memberBodyHeader .input input{border:none;outline:none;display:flex;height:24px;flex-direction:column;justify-content:center;flex:1 0 0;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px;color:#333}.TeamDetailMemberBody_memberBodyHeader .input input::placeholder{color:#bdbdbd}.TeamDetailMemberBody_memberBodyHeader .button{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:#5c5acc;cursor:pointer}.TeamDetailMemberBody_memberBodyHeader .MemberAction{display:flex;align-items:center;gap:8px}.TeamDetailMemberBody_memberBodyHeader .MemberAction .Change,.TeamDetailMemberBody_memberBodyHeader .MemberAction .Set,.TeamDetailMemberBody_memberBodyHeader .MemberAction .Remove{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;cursor:pointer}.TeamDetailMemberBody_memberBodyHeader .MemberAction .Remove:hover{background:#df626226}.TeamDetailMemberBody_memberBodyHeader .MemberAction .Remove p{color:#df6262;font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.TeamDetailMemberBody_memberBodyHeader .MemberAction .Set p{color:#5c5acc;font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.TeamDetailMemberBody_memberBodyHeader .MemberAction .Change{background:var(--primary-color-primary-600, #5c5acc)}.TeamDetailMemberBody_memberBodyHeader .MemberAction .Change p{color:var(--neutral-color-neutral-100, #fafafa);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.TeamDetailMemberBody_memberBodyTable{max-width:100%;overflow-x:scroll}.TeamDetailMemberBody_NoMember{display:flex;padding:8px 12px;justify-content:center;align-items:center;gap:10px;align-self:stretch;background:var(--neutral-color-neutral-100, #fafafa);color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.TeamDetailMemberBody_level{width:calc(100% + -0px)}.TeamDetailMemberBody_levelTables{width:100%;overflow-x:scroll}.TeamDetailMemberBody_levelTable{border-radius:8px;background:#fff;width:100%}.TeamDetailMemberBody_levelTable thead tr,.TeamDetailMemberBody_levelTable tbody tr{display:flex;width:100%}.TeamDetailMemberBody_levelTable .freezed{background:#a2a1e5;position:absolute;bottom:0;left:0;width:100%;height:5px}.Thead_OperatorLevel{display:flex;background:#dadaf2;border-top-left-radius:8px;border-top-right-radius:8px;border-top:1px solid #e5e4e4;border-left:1px solid #e5e4e4;border-right:1px solid #e5e4e4}.Thead_OperatorLevel th{cursor:pointer;display:flex;align-items:center;position:relative}.Thead_OperatorLevel th p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px}.TeamDetailMemberBody_levelTable .number{display:flex;width:176px;height:32px;padding:8px 12px;justify-content:space-between;align-items:center}.TeamDetailMemberBody_levelTable .name{display:flex;width:184px;height:32px;padding:8px 12px;justify-content:space-between;align-items:center}.TeamDetailMemberBody_levelTable thead .tag{display:flex;width:184px;flex:1;height:32px;padding:8px;justify-content:space-between;align-items:center}.TeamDetailMemberBody_levelTable tbody .tag{display:flex;width:184px;height:32px;padding:8px;justify-content:flex-start;gap:8px;align-items:center;flex:1}.TeamDetailMemberBody_levelTable .level,.TeamDetailMemberBody_levelTable .member{display:flex;width:124px;height:32px;padding:8px 12px;justify-content:space-between;align-items:center}.TeamDetailMemberBody_levelTable .action{display:flex;width:32px;height:32px;padding:8px;justify-content:space-between;align-items:center}.Tbody_OperatorLevel{border-left:1px solid #e5e4e4;border-right:1px solid #e5e4e4;border-bottom:1px solid #e5e4e4;border-bottom-right-radius:8px;border-bottom-left-radius:8px}.TeamDetailMemberBody_levelTable .tagItem{display:flex;padding:4px;align-items:center;gap:4px;border-radius:4px;border:1px solid #f2f2f2;background:#fafafa}.Tbody_OperatorLevelEmpty{display:flex;padding:8px 12px;justify-content:center;align-items:center;gap:10px;align-self:stretch;background:#fafafa;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;color:#656464;width:100%}.TbodyTr_OperatorLevel{display:flex}.TbodyTr_OperatorLevel .number{justify-content:flex-start;gap:4px}.TbodyTr_OperatorLevel .number img{width:24px;height:24px}.TbodyTr_OperatorLevel .number p{font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.TbodyTr_OperatorLevel .name,.TbodyTr_OperatorLevel .level,.TbodyTr_OperatorLevel .member{font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px;color:#333}.TeamDetailMemberBody_levelFooter{display:flex;justify-content:flex-end;align-items:center;gap:4px;align-self:stretch}.TeamDetailMemberBody_levelFooter .btn-create{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:#5c5acc;cursor:pointer}.TeamDetailMemberBody_levelFooter .btn-create p{font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px;color:#fafafa}.SetOperatorMember{display:flex;width:160px;padding:4px;flex-direction:column;align-items:flex-start;gap:4px}.SetOperatorMember_Add,.SetOperatorMember_Remove{display:flex;padding:8px 12px;align-items:flex-start;gap:10px;align-self:stretch;cursor:pointer}.SetOperatorMember_Add:hover{background:var(--primary-color-primary-500, #6562df)}.SetOperatorMember_Remove:hover{background:var(--primary-color-primary-500, #df6262)}.SetOperatorMember_Add:hover p,.SetOperatorMember_Remove:hover p{color:var(--neutral-color-neutral-100, #fafafa)}.SetOperatorMember_Add p,.SetOperatorMember_Remove p{font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.SetOperatorMember_Add p{color:var(--neutral-color-neutral-4, #333)}.SetOperatorMember_Remove p{color:var(--info-color-danger, #df6262)}.ChangeOperatorMember{display:flex;width:125px;padding:4px;flex-direction:column;align-items:flex-start;gap:4px;border-radius:4px;border:1px solid var(--neutral-color-neutral-500, #b3b3b3);background:var(--background-white, #fff);box-shadow:0 0 10px #0000001a}.ChangeOperatorMember_Item{display:flex;padding:8px 12px;align-items:flex-start;gap:10px;align-self:stretch;cursor:pointer}.ChangeOperatorMember_Item p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.ChangeOperatorMember_Item:hover{background:var(--primary-color-primary-500, #6562df)}.ChangeOperatorMember_Item:hover p{color:var(--neutral-color-neutral-100, #fafafa)}.WrapperControlSelectLevelReallocate{display:flex;padding:4px;border-color:#f2f2f2!important;width:54.36625dvw}.Bg_AddMemberTeam{position:fixed;left:320px;top:72px;width:calc(100dvw - 320px);height:calc(100dvh - 72px);background-color:#00000050;display:flex;justify-content:center;align-items:center;z-index:4}.AddMemberTeam{width:56.56625dvw;height:min-content;max-height:84.2105vh;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;box-shadow:0 0 10px #0000001a;background:#fff!important}.AddMemberTeam_head{display:flex;padding:16px;justify-content:space-between;align-items:center;align-self:stretch;border-bottom:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--neutral-color-neutral-100, #fafafa);height:24px;border-radius:8px 8px 0 0}.AddMemberTeam_head .left{display:flex;align-items:center;gap:8px}.AddMemberTeam_head .left p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.AddMemberTeam_head .left .tooltip{font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;width:500px;background-color:red}.SearchPart{display:flex;padding:12px 16px;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;align-self:stretch;border-bottom:1px solid var(--neutral-color-neutral-100, #fafafa);background:var(--background-white, #fff)}.AddMemberTeam_input{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;align-self:stretch}.AddMemberTeam_input .input{display:flex;padding:12px;justify-content:space-between;align-items:flex-start;align-self:stretch;border-radius:4px;border:1px solid #f2f2f2}.AddMemberTeam_input .input input{border:none;outline:none;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px;color:#333;width:100%}.AddMemberTeam_input .input input::placeholder{color:#bdbdbd}.Table_AddMemberTeams{width:calc(100% - 32px);margin-left:16px;min-height:200px;overflow:scroll;z-index:1;display:flex;background:var(--background-white, #fff)}.Table_AddMemberTeam{width:100%;border-spacing:0;border-collapse:separate;border-radius:8px;height:100%}.Thead_AddMemberTeam{background:#dadaf2}.Tbody_AddMemberTeam{background:#fafafa}.Thead_AddMemberTeam tr,.Tbody_AddMemberTeam tr{display:flex}.Thead_AddMemberTeam tr>*{background:#dadaf2}.Tbody_AddMemberTeam tr>*{background:#fff}.Tbody_AddMemberTeam .Selected>*{background:#e5e4e4}.Tbody_AddMemberTeam .Notselected>*{background:#fafafa}.Tbody_AddMemberTeam .disabled>*{background:#fafafa}.Thead_AddMemberTeam .Checkbox{display:flex;width:64px;height:32px;padding:8px;align-items:center;gap:8px;position:sticky;left:0}.Thead_AddMemberTeam .Username{display:flex;width:144px;height:32px;padding:8px;justify-content:space-between;align-items:center;border-right:1px solid #b3b3b3;position:sticky;left:80px;z-index:300}.Thead_AddMemberTeam .Status{display:flex;width:124px;height:32px;padding:8px;justify-content:space-between;align-items:center}.Thead_AddMemberTeam .Team{display:flex;flex:1;max-width:calc(100% - 16px);min-width:calc(26.875dvw - 16px);height:32px;padding:8px;justify-content:space-between;align-items:center}.Thead_AddMemberTeam .Tag{display:flex;width:calc(16.875dvw - 16px);height:32px;padding:8px;justify-content:space-between;align-items:center}.Tbody_AddMemberTeam .Checkbox{display:flex;width:64px;height:32px;padding:8px;align-items:center;gap:4px;position:sticky;left:0}.Tbody_AddMemberTeam .Checkbox p{font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;color:#656565}.Tbody_AddMemberTeam .Username{display:flex;width:144px;height:32px;padding:8px;gap:4px;align-items:center;position:sticky;left:80px;border-right:1px solid #b3b3b3;z-index:200}.Tbody_AddMemberTeam .Username img{width:24px;height:24px;flex-shrink:0;border-radius:50%}.Tbody_AddMemberTeam .Username .name{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}.Tbody_AddMemberTeam .Username .name .top{font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px;color:#656464}.Tbody_AddMemberTeam .Username .name .bottom{font-size:10px;font-style:normal;font-weight:300;line-height:18px;color:#656464}.Tbody_AddMemberTeam .Status{display:flex;width:108px;height:24px;padding:12px 16px;align-items:center;gap:4px;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;color:#6562df;text-transform:capitalize}.Tbody_AddMemberTeam .Team{display:flex;height:48px;padding:8px;align-items:center;gap:4px;flex:1 0 0;max-width:calc(100% - 16px);min-width:calc(26.875dvw - 16px);height:32px}.Tbody_AddMemberTeam .Team .TeamItem{display:flex;padding:4px 8px;align-items:center;gap:8px;border-radius:4px;border:1px solid #cccccc;background:#fafafa;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;color:#b3b3b3}.Tbody_AddMemberTeam .Tag{display:flex;width:calc(16.875dvw - 16px);height:32px;padding:8px;align-items:center;gap:4px;overflow-y:scroll}.Tbody_AddMemberTeam .Tag .TagItem{display:flex;height:24px;padding:4px;align-items:center;gap:4px;border-radius:4px;border:1px solid #f2f2f2;background:#fafafa;font-size:10px;font-style:normal;font-weight:300;line-height:18px;color:#656464}.AddMemberTeam_footer{display:flex;padding:16px;justify-content:space-between;align-items:center;align-self:stretch;background:var(--background-white, #fff);box-shadow:0 -5px 5px #0000000d;border-radius:0 0 8px 8px;position:relative}.AddMemberTeam_footer .btn-cancel{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;cursor:pointer}.AddMemberTeam_footer .btn-cancel p{font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px;color:#df6262}.AddMemberTeam_footer .rightPart{display:flex;align-items:center;gap:12px;align-self:stretch;justify-content:flex-end;padding:0;background:none}.AddMemberTeam_footer .rightPart .selectLevel{display:flex;padding:12px;align-items:center;justify-content:space-between;width:136px;align-self:stretch;border-radius:4px;background:#fff;cursor:pointer}.AddMemberTeam_footer .rightPart .active{border:1px solid #817ee5}.AddMemberTeam_footer .rightPart .inactive{border:1px solid #656464}.AddMemberTeam_footer .rightPart .selectLevel p{color:var(--primary-color-primary-900, #23224d);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.AddMemberTeam_footer .rightPart .countSelect{font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px;color:#333}.AddMemberTeam_footer .rightPart .btn-save{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;cursor:pointer;outline:none;border:none}.AddMemberTeam_footer .rightPart .btn-save p{font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px;color:#fafafa}.TeamDetailPage_MenuItem ul{padding:0}.TeamDetailPage_ItemMenu_Wrapper{display:flex;padding:4px;flex-direction:column;align-items:flex-start;gap:4px}.TeamDetailPage_ItemMenu{display:flex;width:128px;padding:8px 12px;align-items:flex-start;gap:10px;align-self:stretch;cursor:pointer}.TeamDetailPage_ItemMenu:hover{background:var(--primary-color-primary-500, #6562df)}.TeamDetailPage_ItemMenu:hover p{color:#fff}.AddMemberTeam .Warn_NotFilled{display:flex;justify-content:flex-start;align-items:center;gap:8px;border-radius:8px;background:var(--info-color-danger, #df6262);box-shadow:0 0 10px #0000001a;width:calc(100% - 48px);margin:0 16px 150px;padding:8px;position:absolute;left:0;z-index:400}.AddMemberTeam .Warn_NotFilled .Info p{color:var(--background-white, #fff);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.AddMemberTeam .body{display:flex;max-height:400px;padding-bottom:0;flex-direction:column;justify-content:flex-start;align-items:flex-start;align-self:stretch;overflow:scroll;background:#fff}.RuleOperatorTeam{display:flex;padding:8px;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch;border-radius:8px;border:1px solid #b3b3b3;width:calc(100% - 20px)}.RuleOperatorTeam_header{display:flex;padding:4px 0;justify-content:space-between;align-items:center;align-self:stretch}.RuleOperatorTeam_header .left{padding:0;display:flex;align-items:center;gap:8px}.RuleOperatorTeam_header .rightBtn{padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;outline:none;border:none;background-color:#fff}.RuleOperatorTeam_header .rightBtn:hover{background:#b3b3b3}.RuleOperatorTeam_header .rightBtn .closebtn{fill:#fff}.RuleOperatorTeam_header .rightBtn .closebtn:hover{fill:#b3b3b3}.RuleOperatorTeam_Tables{width:100%;overflow-x:scroll;margin-bottom:0}.RuleOperatorTeam_Table{width:100%;max-height:200px;overflow-y:scroll;border-radius:8px;border:1px solid #e5e4e4}.Thead_RuleOperatorTeam{background:#fafafa;display:flex}.Tbody_RuleOperatorTeam{display:flex}.RuleOperatorTeam_Table .number{display:flex;width:184px;height:32px;padding:8px;justify-content:space-between;align-items:center}.RuleOperatorTeam_Table .name{display:flex;width:164px;height:32px;padding:8px;justify-content:space-between;align-items:center;align-self:stretch}.RuleOperatorTeam_Table .tag{display:flex;padding:8px;width:212px;height:32px;align-items:flex-start;gap:4px;flex:1 0 0;align-self:stretch;overflow-x:scroll}.RuleOperatorTeam_Table .status{display:flex;width:164px;height:32px;padding:8px;justify-content:space-between;align-items:center;align-self:stretch}.RuleOperatorTeam_Table .check{display:flex;width:104px;height:32px;padding:8px;justify-content:center;align-items:center;gap:4px}.RuleOperatorTeam_Table .Checkbox{color:#5c5acc}.RuleOperatorTeam_Table .Checkbox svg{fill:#5c5acc}.Thead_RuleOperatorTeam th{font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px;color:#333}.Tbody_RuleOperatorTeam .number{justify-content:flex-start;gap:4px}.Tbody_RuleOperatorTeam .number img{width:24px;height:24px}.Tbody_RuleOperatorTeam .number p{font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.Tbody_RuleOperatorTeam .name{font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px;color:#333}.Tbody_RuleOperatorTeam .tagItem{display:flex;padding:4px;align-items:center;gap:4px;border-radius:4px;border:1px solid #f2f2f2;background:#fafafa}.Tbody_RuleOperatorTeam .tagItem p{font-size:10px;font-style:normal;font-weight:300;line-height:18px;color:#656464}.Tbody_RuleOperatorTeam .status{display:flex;width:148px;height:16px;padding:16px;justify-content:flex-start;align-items:center;gap:8px}.Tbody_RuleOperatorTeam .status img{width:24px;height:24px}.Tbody_RuleOperatorTeam .status p{font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px;color:#62df7e}.Tbody_RuleOperatorTea .check{font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;color:#2e2d66}.RuleOperatorTeam_TableLevel{width:440px;border-radius:8px;border:1px solid #f2f2f2}.Thead_RuleOperatorLevel,.Tbody_RuleOperatorLevel{display:flex}.Thead_RuleOperatorLevel{background:#fafafa;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;color:#333}.RuleOperatorTeam_TableLevel .level{display:flex;width:88px;height:30px;padding:8px 16px;align-items:center;gap:12px;align-self:stretch}.RuleOperatorTeam_TableLevel .total{display:flex;width:168px;height:30px;padding:8px 16px;align-items:center;gap:12px;align-self:stretch}.RuleOperatorTeam_TableLevel .check{display:flex;width:88px;height:22px;padding:12px 16px;justify-content:center;align-items:center;gap:12px;align-self:stretch}.RuleOperatorTeam_TableLevel .Checkbox{color:#5c5acc}.RuleOperatorTeam_TableLevel .Checkbox svg{fill:#5c5acc}.Thead_RuleOperatorLevel .check,.Tbody_RuleOperatorLevel .check p{font-size:12px!important;font-style:normal;font-weight:400!important;line-height:22px;letter-spacing:.12px;color:#b3b3b3!important}.Tbody_RuleOperatorLevel{font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px;color:#333}.RuleOperatorTeam_footer{display:flex;justify-content:space-between;align-items:flex-start;align-self:stretch}.RuleOperatorTeam_footer .btn-cancel{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;cursor:pointer}.RuleOperatorTeam_footer .btn-cancel p{font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px;color:#df6262}.RuleOperatorTeam_footer .btn-save{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:#5c5acc;cursor:pointer;transition:all .3s ease}.RuleOperatorTeam_footer .btn-save:hover{background:#23224e}.RuleOperatorTeam_footer .btn-save p{font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px;color:#fafafa}.TeamWaAccess_summary{background:#ffffff!important;padding:0!important;cursor:auto!important}.TeamWaAccess_summary .css-1betqn-MuiAccordionSummary-content{width:100%;margin:0}.TeamWaAccess_summaryHead{display:flex;padding:0;flex-direction:column;align-items:flex-start;gap:12px;width:100%}.TeamWaAccess_summaryHeadTop,.TeamWaAccess_summaryHeadBottom{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.TeamWaAccess_summaryHeadTop .left{display:flex;align-items:center;gap:8px;padding:0}.TeamWaAccess_summaryHeadTop h1{font-size:20px;font-style:normal;font-weight:600;line-height:28px;letter-spacing:-.2px}.TeamWaAccess_summaryHeadTop button{padding:0;background:none;outline:none;box-shadow:none;max-width:fit-content;min-width:fit-content;border-radius:50%}.TeamWaAccess_summaryHeadTop button:focus{outline:none;box-shadow:none}.Popover_WaAccessTeam .MuiPopover-paper{display:flex;max-width:584px;padding:4px 8px;align-items:center;gap:8px;border-radius:4px;background:rgba(51,51,51,.75);margin:4px}.Popover_WaAccessTeam .MuiPopover-paper p{font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;color:#fff}.TeamWaAccess_summaryHeadTop .css-sghohy-MuiButtonBase-root-MuiButton-root:hover{background:#b3b3b3;border-radius:50%}.TeamWaAccess_summaryHeadBottom{padding:16px;align-items:center;gap:4px;flex:1 0 0;align-self:stretch;background:#dadaf2;border:1px solid #f2f2f2;border-radius:8px}.TeamWaAccess_summaryHeadBottom h1{font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;display:flex;align-items:center;gap:4px;flex:1}.TeamWaAccess_summaryHeadBottom .action{display:flex;align-items:center;gap:4px;flex:1;max-width:300px;justify-content:center}.TeamWaAccess_summaryHeadBottom .action p{font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;color:#2e2d66}.TeamWaAccess_summaryHeadBottom .action .checkbox{width:20px;height:20px;color:#5c5acc}.TeamWaAccess_body{overflow-x:scroll;width:100%}.TeamWaAccess_bodyTable{width:100%}.Thead_WaAccessTeam{display:flex;background:#dadaf2;border-top-left-radius:8px;border-top-right-radius:8px;border-left:1px solid #e5e4e4;border-right:1px solid #e5e4e4;border-top:1px solid #e5e4e4}.TeamWaAccess_bodyTable .number{display:flex;width:184px;height:32px;padding:8px;justify-content:space-between;align-items:center}.TeamWaAccess_bodyTable .name{display:flex;width:164px;height:32px;padding:8px;justify-content:space-between;align-items:center}.TeamWaAccess_bodyTable .tag{display:flex;min-width:228px;height:32px;padding:8px;justify-content:space-between;align-items:center;flex:1 0 0}.TeamWaAccess_bodyTable .status{display:flex;width:164px;height:32px;padding:8px;justify-content:space-between;align-items:center}.TeamWaAccess_bodyTable .action{display:flex;width:104px;height:32px;padding:8px;gap:4px;justify-content:center;align-items:center;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;color:#2e2d66}.TeamWaAccess_bodyTable .checkbox{width:20px;height:20px;color:#5c5acc}.TeamWaAccess_bodyTable .checkbox svg{fill:#5c5acc}.Tbody_WaAccessTeam{border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-right:1px solid #e5e4e4;border-left:1px solid #e5e4e4;border-bottom:1px solid #e5e4e4}.Tbodytr_WaAccessTeam{display:flex;border-left:1px solid #e5e4e4;border-right:1px solid #e5e4e4}.Tbodytr_WaAccessTeam:last-child{border-bottom:1px solid #e5e4e4;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.Tbodytr_WaAccessTeam .number{display:flex;align-items:center;justify-content:flex-start;gap:4px;flex:1 0 0;max-width:184px}.Tbodytr_WaAccessTeam .number img{width:24px;height:24px}.Tbodytr_WaAccessTeam .number p{font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.Tbodytr_WaAccessTeam .name{justify-content:flex-start;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px;color:#333}.Tbodytr_WaAccessTeam .tag{overflow-x:auto;justify-content:flex-start;gap:4px}.Tbodytr_WaAccessTeam .tagItem{display:flex;padding:4px;max-height:16px;align-items:center;gap:4px;border-radius:4px;border:1px solid #f2f2f2;background:#fafafa}.Tbodytr_WaAccessTeam .tagItem p{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px}.Tbodytr_WaAccessTeam .status{display:flex;padding:12px 16px;justify-content:flex-start;align-items:center;gap:8px;width:148px;height:24px}.disabled{background-color:#f2f2f2}.Tbodytr_WaAccessTeam .status img{width:24px;height:24px}.Tbodytr_WaAccessTeam .status p{font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px}.Tbodytr_WaAccessTeam .action{font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;color:#2e2d66}.TeamDetailPage{height:100vh;max-height:100vh;position:fixed;width:100dvw;max-width:100dvw}.TeamDetailPage .left{max-width:320px;width:320px;padding:24px 16px}.TeamDetailPage .right{flex:1;padding:24px 16px 24px 40px;background:#f7f5f5;max-width:calc(100dvw - 320px);max-height:calc(100dvh - 72px);overflow-y:scroll}.TeamDetailPage_head{border-radius:8px!important;background:#FFFFFF!important;padding:12px;box-shadow:none!important;margin-top:20px}.TeamDetailPage .css-1wc0u5o-MuiPaper-root-MuiAccordion-root:before{background:#FFFFFF!important}.TeamDetailPage_headSummary{background:#FFFFFF!important;padding:0!important;max-height:36px;cursor:auto!important}.TeamDetailPage_headSummary .css-1betqn-MuiAccordionSummary-content{margin:0}.TeamDetailPage_headSummaryFlex{display:flex!important;justify-content:space-between!important;align-items:center!important;align-self:stretch;width:100%}.TeamDetailPage_headSummaryFlex .title{display:flex;align-items:center;gap:8px}.TeamDetailPage_headSummaryFlex .title a{height:32px}.TeamDetailPage_headSummaryFlex .title h4{font-size:24px;font-style:normal;font-weight:700;line-height:32px;letter-spacing:-.48px;color:#333}.TeamDetailPage_headSummaryFlex .right{display:flex;align-items:center;gap:8px;max-width:96px;max-height:36px;padding:0;background:#FFF}.TeamDetailPage_headSummaryFlex .edit{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:8px;cursor:pointer}.TeamDetailPage_headSummaryFlex .edit p{font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px;color:#5c5acc}.TeamDetailPage_headTag{display:flex;align-items:flex-start;gap:4px;margin:12px 0}.TeamDetailPage_headTag .tag{display:flex;padding:4px 8px;align-items:center;gap:8px;border-radius:4px;border:1px solid #F2F2F2;background:#FAFAFA}.TeamDetailPage_headTag .tag p{font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;color:#656464}.TeamDetailPage_headDetail{display:flex;align-items:center;justify-content:space-between}.TeamDetailPage_headDetail .desc{font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px;color:#656565}.TeamDetailPage_headDetail .countMember{display:flex;height:32px;padding:4px 8px;align-items:center;gap:8px;float:right;border-radius:4px;border:1px solid #F2F2F2;background:#FFFFFF}.TeamDetailPage_headDetail .countMember p{font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;color:#333}.TeamDetailPage_headEdit{display:flex;padding:12px;flex-direction:column;align-items:flex-start;gap:12px;border-radius:8px;border:1px solid #6562DF;background:#FFF;box-shadow:5px 5px 5px #6562df26;margin-top:20px}.TeamDetailPage_headEdit_form{width:100%}.TeamDetailPage_headEdit_formInput{display:flex;flex-direction:column;align-items:flex-start;width:100%}.TeamDetailPage_headEdit_formInput label{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464;margin:0}.TeamDetailPage_headEdit_formInput label span{color:#df6262}.TeamDetailPage_headEdit_formInput input{padding:0 12px;height:48px;width:calc(100% - 24px);border:1px solid #F2F2F2;border-radius:4px;color:#656464;margin-top:8px}.TeamDetailPage_headEdit_formInput textarea{width:calc(100% - 24px);height:120px;border:1px solid #F2F2F2;border-radius:4px;padding:12px;color:#656464;font-family:Inter}.TeamDetailPage_headEdit_formInput .inputWaNumber{display:flex;align-items:center;gap:8px;margin-top:8px}.TeamDetailPage_headEdit_formInput .inputWaNumber input{width:520px;margin-top:0}.TeamDetailPage_headEdit_formInput .inputWaNumber .flag{display:flex;align-items:center;justify-content:center;gap:4px;width:80px;height:48px;border:1px solid #656464;border-radius:4px}.TeamDetailPage_headEdit_formInput .inputWaNumber .flag p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#23224d}.TeamDetailPage_headEdit_formInput .select__control{width:638px;margin:0}.TeamDetailPage_headEdit_formInput .TeamAddTag{width:100%;margin:0}.TeamDetailPage_headEdit_formInput .noInput{border:1px solid #F2F2F2}.TeamDetailPage_headEdit_formInput .withInput{border:1px solid #656464}.TeamDetailPage_headEdit_formInput .Focus{border:1px solid #817EE5;box-shadow:0 0 5px #5c5acc26;caret-color:#817ee5}.TeamDetailPage_headEdit_footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;position:sticky;bottom:0;width:100%}.TeamDetailPage_headEdit_footer .cancel{display:flex;justify-content:center;align-items:center;gap:8px;width:86px;height:36px;border:1px solid transparent;border-radius:4px;cursor:pointer}.TeamDetailPage_headEdit_footer .cancel p{font-weight:700;font-size:12px;line-height:20px;letter-spacing:.02em;color:#df6262}.TeamDetailPage_headEdit_footer .cancel img{width:16px;height:16px}.TeamDetailPage_headEdit_footer .add{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:#5C5ACC;cursor:pointer}.TeamDetailPage_headEdit_footer .add p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#fafafa}.TeamDetailPage_headEdit_footer .add img{width:16px;height:16px}.TeamDetailPage_head input{font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em;border:1px solid #656464;border-radius:4px;background:none}.TeamDetailPage_connect{display:flex;flex-direction:column;align-items:center;gap:16px}.TeamDetailPage_connect img{width:250px;height:250px}.TeamDetailPage_connect h4{font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em;text-align:center}.TeamDetailPage_connect p{font-weight:400;font-size:16px;line-height:24px;color:#656464;margin-top:4px;text-align:center}.TeamDetailPage_connect .connect{display:flex;justify-content:center;align-items:center;gap:12px;background:#5C5ACC;border-radius:4px;width:142px;height:48px;cursor:pointer}.TeamDetailPage_connect .connect img{width:24px;height:24px}.TeamDetailPage_connect .connect p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fff}.TeamDetailPage_action{display:flex;justify-content:space-between;align-items:center;margin-top:12px;margin-bottom:24px}.TeamDetailPage_action .left{display:flex;align-items:flex-start;gap:12px;width:100%;padding:0;position:relative}.TeamDetailPage_action .left .input{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 12px;gap:12px;min-width:360px;max-width:360px;box-shadow:none;height:48px;border:1px solid #F2F2F2;border-radius:4px;margin-right:12px;background:#fff}.TeamDetailPage_action .left .input img,.TeamDetailPage_action .left .btn img,.TeamDetailPage_action .right img{width:24px;height:24px}.TeamDetailPage_action .left .input input{flex:1;width:300px;height:24px}.TeamDetailPage_action .left .input input:focus{outline:none}.TeamDetailPage_searchUser .MuiPaper-root{position:absolute;top:56px;display:flex;flex-direction:column;align-items:flex-start;padding:8px;gap:4px;background:#FFFFFF;border:1px solid #656464;border-radius:8px;width:484px;max-height:488px}.TeamDetailPage_searchUserHead{display:flex;justify-content:space-between;align-items:center;padding:8px;gap:12px;background:#FAFAFA;border-radius:4px;width:calc(100% - 16px)}.TeamDetailPage_searchUserHead .left{display:flex;align-items:center;gap:8px;max-width:fit-content}.TeamDetailPage_searchUserHead .left h2{font-weight:700;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333}.TeamDetailPage_searchUserHead .right{display:flex;justify-content:flex-end;align-items:center;gap:8px;background:none;max-width:fit-content;max-height:fit-content!important;padding:0!important}.TeamDetailPage_searchUserHead .right .btnChangeClass{display:flex;justify-content:center;align-items:center;padding:8px 8px 8px 12px;gap:8px;border:1px solid #5C5ACC;border-radius:4px}.TeamDetailPage_searchUserHead .right button:focus{outline:none}.TeamDetailPage_searchUserHead .right .btnChangeClass P{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#5c5acc}.TeamDetailPage_searchUserHead .right .css-av538e-MuiButtonBase-root-MuiIconButton-root:hover{background:#B8B7E5}.TeamDetailPage_searchUserHead .right .css-av538e-MuiButtonBase-root-MuiIconButton-root:hover P{color:#23224d}.TeamDetailPage_searchUserHead .right .css-av538e-MuiButtonBase-root-MuiIconButton-root:hover svg path{stroke:#23224d}.TeamDetailPage_searchUserData{display:flex;justify-content:space-between;align-items:center;padding:8px;gap:12px;width:calc(100% - 16px)}.TeamDetailPage_searchUserData .left{display:flex;align-items:center;gap:8px;max-width:fit-content}.TeamDetailPage_searchUserData .left .icon{width:24px;height:24px}.TeamDetailPage_searchUserData .left .avatar{width:40px;height:40px;background:#B3B3B3;border-radius:50%}.TeamDetailPage_searchUserData .left h2{font-weight:500;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333}.TeamDetailPage_searchUserData .left p{font-weight:300;font-size:10px;line-height:18px;color:#656464}.TeamDetailPage_searchUserData .right{display:flex;justify-content:flex-end;align-items:center;gap:4px!important;max-width:fit-content!important;width:100%}.TeamDetailPage_searchUserData .right .item{display:flex;align-items:center;padding:4px 8px 4px 4px;gap:8px;background:#FAFAFA;border:1px solid #F2F2F2;border-radius:4px}.TeamDetailPage_searchUserData .right .item p{font-weight:300;font-size:10px;line-height:18px;color:#656464}.TeamDetailPage_action .left .btn{width:100%;min-width:48px;max-width:48px;height:48px;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:4px}.TeamDetailPage_action .right{display:flex;align-items:center;padding:8px;gap:12px;background:#FFFFFF;border-radius:4px;max-width:146px}.TeamDetailPage_action .right .icon{display:flex;justify-content:center;align-items:center;width:24px;height:24px;background:#F2F2F2;border-radius:24px}.TeamDetailPage_action .right p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333}.TeamDetailPage_list{display:flex;flex-direction:column;align-items:flex-start;padding:12px;gap:16px;background:#FFFFFF;border-radius:12px;margin-bottom:12px}.TeamDetailPage_list .head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;width:100%}.TeamDetailPage_list .head .left h2{font-weight:600;font-size:20px;line-height:28px;letter-spacing:-.01em}.TeamDetailPage_list .head .left p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333}.TeamDetailPage_list .head .right{display:flex;align-items:center;justify-content:flex-end;gap:8px;background:none;height:48px;max-width:245px}.TeamDetailPage_list .head .right div{display:flex;justify-content:center;align-items:center;padding:12px;gap:12px}.TeamDetailPage_list .head .right div p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#5c5acc}.TeamDetailPage_list .body{display:flex;justify-content:center;align-items:center;padding:10px;gap:10px;width:100%}.TeamDetailPage_list .body p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#b3b3b3;text-align:justify}.TeamDetailPage_addClass{display:flex;justify-content:center;align-items:center;padding:12px 16px 12px 12px;gap:12px;background:#5C5ACC;border-radius:4px;width:169px}.TeamDetailPage_addClass p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fafafa}.TeamDetailPage_dataHead{display:flex;align-items:flex-start;gap:0}.TeamDetailPage_dataHead .item{display:flex;justify-content:center;align-items:center;padding:12px 16px;gap:8px;background:#FAFAFA;border:1px solid #F2F2F2;border-bottom:none;border-radius:8px 8px 0 0;margin:0 0 0 -1px;z-index:1}.TeamDetailPage_dataHead .item p{font-weight:600;font-size:16px;line-height:24px;color:#b3b3b3}.TeamDetailPage_dataHead .item-active{background:#FFFFFF;box-shadow:5px 0 5px #0000000d;border-radius:8px 8px 0 0;border:none;margin-top:1px;margin-right:1px;z-index:2}.TeamDetailPage_dataHead .item-active p{font-weight:600;font-size:16px;line-height:24px;color:#6562df}.TeamDetailPage_dataHead .addClass{display:flex;justify-content:center;align-items:center;padding:12px;gap:12px;cursor:pointer}.TeamDetailPage_levelStroke{display:flex;align-items:center;gap:8px}.TeamDetailPage_levelStroke .stroke{height:0px;flex:1 0 0;stroke-width:1px;stroke:var(--neutral-color-neutral-500, #B3B3B3);outline:.5px solid #B3B3B3}.TeamDetailPage_dataMain{display:flex;flex-direction:column;align-items:flex-start;padding:12px;gap:16px;background:#FFFFFF;border-radius:0 4px 4px}.TeamDetailPage_dataMain .head{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#FFFFFF;width:100%}.TeamDetailPage_dataMain .head .left{background:none;width:100%;max-width:fit-content;padding:0}.TeamDetailPage_dataMain .head .right{background:none;display:flex;align-items:flex-start;gap:12px;max-width:76px}.TeamDetailPage_dataMainList{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:8px;gap:8px;height:200px;width:calc(100% - 16px);background:#FAFAFA;border-radius:12px}.TeamDetailPage_dataMainEmpty{height:100%;display:flex;align-items:center}.TeamDetailPage_dataMainEmpty p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#b3b3b3}.TeamDetailPage_dataMainData{display:flex;justify-content:space-between;align-items:center;padding:8px;gap:12px;width:calc(100% - 16px);background:#FFFFFF;border-radius:8px}.TeamDetailPage_dataMainData .left{display:flex;align-items:center;gap:8px;padding:0}.TeamDetailPage_dataMainData .left img{width:40px;height:40px;border-radius:50%}.TeamDetailPage_dataMainData .left h2{display:flex;align-items:center;gap:8px;font-weight:500;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333}.TeamDetailPage_dataMainData .left h2 span{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#6562df}.TeamDetailPage_dataMainData .left p{font-weight:300;font-size:10px;line-height:18px;color:#656464}.TeamDetailPage_dataMainData .center{display:flex;justify-content:center;align-items:center;padding:0;gap:4px}.TeamDetailPage_dataMainData .center .itemTag{display:flex;align-items:center;padding:4px 8px 4px 4px;gap:8px;background:#FAFAFA;border:1px solid #F2F2F2;border-radius:4px}.TeamDetailPage_dataMainData .center .itemTag p{font-weight:300;font-size:10px;line-height:18px;color:#656464}.TeamDetailPage_dataMainData .right{display:flex;justify-content:flex-end;align-items:center;gap:8px;background:none;max-width:fit-content;max-height:fit-content!important;padding:0!important}.TeamDetailPage_dataMainData .right .btnChangeClass{display:flex;justify-content:center;align-items:center;padding:8px 8px 8px 12px;gap:8px;border:1px solid #5C5ACC;border-radius:4px}.TeamDetailPage_dataMainData .right button:focus{outline:none}.TeamDetailPage_dataMainData .right .btnChangeClass P{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#5c5acc}.TeamDetailPage_dataMainData .right .css-av538e-MuiButtonBase-root-MuiIconButton-root:hover{background:#B8B7E5}.TeamDetailPage_dataMainData .right .css-av538e-MuiButtonBase-root-MuiIconButton-root:hover P{color:#23224d}.TeamDetailPage_dataMainData .right .css-av538e-MuiButtonBase-root-MuiIconButton-root:hover svg path{stroke:#23224d}.TeamDetailPage_allItemList ul{width:160px;padding:8px}.TeamDetailPage_itemList{display:flex;align-items:center;padding:8px 12px;gap:10px;border-radius:4px!important;width:160px}.TeamDetailPage_itemList p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333}.TeamDetailPage_itemList:hover{background:#6562DF!important}.TeamDetailPage_itemList:hover svg path{stroke:#fff}.TeamDetailPage_itemList:hover p{color:#fff!important}.TeamDetailPage_dataBottom{padding:12px;background:#FFFFFF}.TeamDetailPage_dataBottomHead{display:flex;align-items:flex-start;gap:8px}.TeamDetailPage_dataHeadItem{display:flex;justify-content:center;align-items:center;padding:8px;gap:8px;cursor:pointer}.TeamDetailPage_dataHeadItem p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#656565}.TeamDetailPage_dataHeadItemActive{border-bottom:2px solid #6562DF}.TeamDetailPage_dataHeadItemActive p{color:#6562df}.TeamDetailPage_dataClass,.TeamDetailPage_dataChat{display:flex;flex-direction:column;align-items:flex-start;padding:12px;gap:12px}.TeamDetailPage_dataClassIntervention .title,.TeamDetailPage_dataClassEscalation .title,.TeamDetailPage_dataChatList .title{font-weight:600;font-size:16px;line-height:24px;color:#333}.TeamDetailPage_dataClassIntervention .lowerClass,.TeamDetailPage_dataChatList .lowerClass{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#b3b3b3;margin-top:4px}.TeamDetailPage_dataClassEscalation .lowerClass{display:flex;align-items:center;gap:4px;font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#656565;margin-top:4px}.TeamDetailPage_dataClassEscalation .lowerClass span{font-weight:300;font-size:10px;line-height:18px;color:#b3b3b3}.TeamDetailPage_dataRole{padding-top:16px;max-height:300px;overflow-y:scroll}.TeamDetailPage_dataRole .accordionHeader{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 8px}.TeamDetailPage_dataRole .accordionHeader .action{display:flex;align-items:center;justify-content:space-between;width:30%}.TeamDetailPage_dataRole .accordionHeader .action .allow{display:flex;align-items:center;gap:4px;font-size:12px;line-height:22px;color:#2e2d66}.TeamDetailPage_dataRole .accordionHeader .action .select{font-weight:600;font-size:12px;line-height:20px;color:#656464}.TeamDetailPage_dataRole .accordionHeader .title{font-weight:600;font-size:16px;line-height:24px;color:#333}.TeamDetailPage_dataRole .accordionHeader .title span{font-weight:500;font-size:14px;line-height:20px;color:#6562df}.TeamDetailPage_dataRole .accordionRule{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #F2F2F2}.TeamDetailPage_dataRole .accordionRule .name{display:flex;align-items:center;font-size:14px;font-weight:500;line-height:20px;color:#656464;gap:4px}.TeamDetailPage_dataRole .accordionRule .check{display:flex;align-items:center;justify-content:center;width:30%}.UserManagementPage{height:100vh;max-height:100vh;position:fixed;width:100dvw;max-width:100dvw}.UserManagementPage .GridWrapper{height:calc(100dvh - 72px)}.UserManagementPage .leftSide{max-width:320px;width:320px;padding:24px 16px}.UserManagementPage .right{flex:1;padding:24px 16px;background:#f7f5f5;max-width:calc(100dvw - 320px);position:relative;max-height:calc(100dvh - 72px);overflow-y:scroll}.UserManagementPage_breadcrumbs{display:flex;flex-direction:row;align-items:center;gap:8px}.UserManagementPage_breadcrumbs img:first-child{width:24px;height:24px}.UserManagementPage_breadcrumbs img{width:16px;height:16px}.UserManagementPage_breadcrumbs p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.UserManagementPage_head h4{margin-top:24px;font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em}.UserManagementPage_head p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.UserManagementPage_action{display:flex;justify-content:space-between;align-items:center;margin-top:12px;margin-bottom:24px}.UserManagementPage_action .left{display:flex;align-items:flex-start;gap:12px;padding:0}.UserManagementPage_action .left .input{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 12px;gap:12px;height:48px;border:1px solid #F2F2F2;border-radius:4px;background:#fff;caret-color:#6562df;width:360px}.UserManagementPage_action .left .input img,.UserManagementPage_action .left .btn img,.UserManagementPage_action .right img{width:24px;height:24px}.UserManagementPage_action .left .input input{flex:1;height:24px}.UserManagementPage_action .left .input input:focus{outline:none}.UserManagementPage_action .left .input .BgSmallcaps{display:flex;height:24px;width:24px;justify-content:center;align-items:center;gap:8px;border-radius:4px}.UserManagementPage_action .left .btn{width:100%;min-width:48px;max-width:48px;height:48px;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:4px}.UserManagementPage_action .right{display:flex;justify-content:center;align-items:center;gap:12px;background:#5C5ACC;border-radius:4px;max-width:192px;padding:12px 16px 12px 12px}.UserManagementPage_action .right p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fafafa}.UserManagementPage_action .Right_Action{display:flex;align-items:flex-start;gap:8px}.UserManagementPage_action .Right_Action button{border:none;outline:none;background:none;display:flex;padding:12px 16px 12px 12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;transition:.3s}.UserManagementPage_action .Right_Action button p{font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.UserManagementPage_action .Right_Action .Edit p{color:var(--primary-color-primary-600, #5C5ACC)}.UserManagementPage_action .Right_Action .Edit:hover{background:rgb(92,90,204,.15)}.UserManagementPage_action .Right_Action .Delete:hover{background:rgba(223,98,98,.15)}.UserManagementPage_action .Right_Action .Delete p{color:var(--info-color-danger, #DF6262)}.UserManagementPage_data{width:calc(100dvw - 352px);overflow:scroll}.UserManagementPage_data .Table_UserManagement{width:100%;border-spacing:0;border-collapse:separate}.UserManagementPage_data .Thead_UserManagement{background:#DADAF2}.UserManagementPage_data .Tbody_UserManagement{background:#FAFAFA}.UserManagementPage_data .Thead_UserManagement tr,.UserManagementPage_data .Tbody_UserManagement tr{display:flex}.UserManagementPage_data .Thead_UserManagement tr>*{background:#DADAF2}.UserManagementPage_data .Tbody_UserManagement .Selected>*{background:#E5E4E4}.UserManagementPage_data .Tbody_UserManagement .Notselected>*{background:#FAFAFA}.UserManagementPage_data .Thead_UserManagement .Checkbox{display:flex;width:64px;height:24px;padding:16px 8px;align-items:center;gap:8px;position:sticky;left:0;color:#333}.UserManagementPage_data .Tbody_UserManagement .Checkbox{display:flex;width:64px;height:32px;padding:16px 8px;align-items:center;gap:8px;position:sticky;left:0}.UserManagementPage_data .Thead_UserManagement .Username{display:flex;width:208px;height:24px;padding:16px;justify-content:space-between;align-items:center;border-right:1px solid var(--neutral-color-neutral-200, #F2F2F2);position:sticky;left:80px;z-index:1}.UserManagementPage_data .Tbody_UserManagement .Username{display:flex;width:208px;height:32px;padding:16px;gap:10px;align-items:center;position:sticky;left:80px;border-right:1px solid var(--neutral-color-neutral-200, #F2F2F2)}.UserManagementPage_data .Tbody_UserManagement .Username img{width:40px;height:40px;flex-shrink:0;border-radius:50%}.UserManagementPage_data .Tbody_UserManagement .Username .User{display:flex;flex-direction:column;align-items:flex-start}.UserManagementPage_data .Tbody_UserManagement .Username .User .Name{font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;white-space:nowrap}.UserManagementPage_data .Tbody_UserManagement .Username .User .Email{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.UserManagementPage_data .Thead_UserManagement .Status,.UserManagementPage_data .Thead_UserManagement .Team,.UserManagementPage_data .Thead_UserManagement .Last_Active{display:flex;width:168px;height:24px;padding:16px;justify-content:space-between;align-items:center}.UserManagementPage_data .Thead_UserManagement .Tag{display:flex;width:268px;height:24px;padding:16px;justify-content:space-between;align-items:center}.UserManagementPage_data .Thead_UserManagement .Action{display:flex;width:68px;height:24px;padding:16px;justify-content:space-between;align-items:center;border-left:1px solid var(--neutral-color-neutral-200, #F2F2F2);position:sticky;right:0}.UserManagementPage_data .Tbody_UserManagement .Action{display:flex;width:68px;height:32px;padding:16px;justify-content:center;align-items:center;gap:8px;border-left:1px solid var(--neutral-color-neutral-200, #F2F2F2);position:sticky;right:0}.UserManagementPage_data .Tbody_UserManagement .Action button{display:flex;justify-content:center;align-items:center;padding:4px;border-radius:4px;outline:none;border:none}.UserManagementPage_data .Tbody_UserManagement .Action .Selected{background:#E5E4E4}.UserManagementPage_data .Tbody_UserManagement .Action .Notselected{background:#FAFAFA}.UserManagementPage_data .Tbody_UserManagement .Action .Active{background:#DADAF2}.UserManagementPage_data .Tbody_UserManagement .Tag{display:flex;width:268px;height:32px;padding:16px;align-items:center;gap:4px;overflow-y:scroll}.UserManagementPage_data .Tbody_UserManagement .Tag .TagItem{display:flex;padding:4px 8px;align-items:center;gap:8px;height:22px;min-width:fit-content;max-width:200px;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #F2F2F2);background:var(--neutral-color-neutral-100, #FAFAFA);color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.UserManagementPage_data .Tbody_UserManagement .Status,.UserManagementPage_data .Tbody_UserManagement .Last_Active{display:flex;width:168px;height:32px;padding:16px;justify-content:space-between;align-items:center}.UserManagementPage_data .Tbody_UserManagement .Team{display:flex;width:168px;height:32px;padding:16px;gap:4px;overflow-y:scroll}.UserManagementPage_data .Tbody_UserManagement .Team .Content{display:flex;padding:4px 8px;align-items:center;gap:8px;border-radius:4px;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;height:22px;min-width:fit-content;max-width:200px}.UserManagementPage_data .Tbody_UserManagement .Last_Active p{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.UserManagementPage_data .Tbody_UserManagement .Status .Wrapper{display:flex;padding:4px 8px;justify-content:center;align-items:center;gap:10px}.UserManagementPage_data .Tbody_UserManagement .Status .Wrapper .Sent{color:#333;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.UserManagementPage_data .Tbody_UserManagement .Status .Wrapper .Active{color:#6562df;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.UserManagementPage_data .Tbody_UserManagement .Status .Wrapper .Disabled{color:#df6262;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.UserManagementPage_data .Tbody_UserManagement .Status .Expired{display:flex;padding:4px 8px;justify-content:center;align-items:center;gap:8px;background:#FAFAFA}.UserManagementPage_data .Tbody_UserManagement .Status button{padding:0;border-radius:0%;display:flex;justify-content:center;align-items:center;border:none;outline:none}.UserManagementPage_data .Tbody_UserManagement .Status .Expired p{color:var(--neutral-color-neutral-500, #B3B3B3);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.UserManagementPage_data .Tbody_UserManagement .Team .Active{border:1px solid #6562DF;background:#FAFAFA}.UserManagementPage_data .Tbody_UserManagement .Team .Inactive{border:1px solid #CCC;background:#FAFAFA}.UserManagementPage_data .Tbody_UserManagement .Team .Content p{font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;white-space:nowrap}.UserManagementPage_data .Tbody_UserManagement .Team .Content .Active_Text{color:#23224d}.UserManagementPage_data .Tbody_UserManagement .Team .Content .Inactive_Text{color:#b3b3b3}.UserManagementPage_data .Tbody_UserManagement{width:100%}.UserManagementPage_data .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root{padding:0}.UserManagementPage_data .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root .css-i4bv87-MuiSvgIcon-root{fill:#828282}.UserManagementPage_data .check{max-width:56px;padding:19px}.UserManagementPage_data .check .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root{width:18px;height:18px}.UserManagementPage_data .user{min-width:240px;width:100%;display:flex;flex-direction:row;align-items:center;padding:16px;gap:10px}.UserManagementPage_data .user img{width:40px;height:40px;border-radius:50px;background:#828282}.UserManagementPage_data .user h4{font-weight:700;line-height:20px;letter-spacing:-.01em}.UserManagementPage_data .user p{font-weight:400;font-size:12px;line-height:22px}.UserManagementPage_data .password{width:140px}.UserManagementPage_data .password .passwordData{display:flex;align-items:center;gap:15px}.UserManagementPage_data .last{width:160px}.UserManagementPage_data .title{width:180px}.UserManagementPage_data .access{min-width:176px}.UserManagementPage_data .action{width:112px;display:flex;align-items:flex-start;gap:8px}.UserManagementPage_data .action .icon{padding:4px;cursor:pointer}.UserManagementPage .right .No_Data{display:flex;flex-direction:column;align-items:center;gap:16px}.UserManagementPage .right .No_Data .Body_No_data{display:flex;flex-direction:column;align-items:center;gap:4px}.UserManagementPage .right .No_Data .Body_No_data p:first-child{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:24px;font-style:normal;font-weight:700;line-height:32px;letter-spacing:-.48px}.UserManagementPage .right .No_Data .Body_No_data p:nth-child(2){color:var(--neutral-color-neutral-3, #656464);text-align:center;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.UserManagementPage .right .No_Data button{display:flex;padding:12px 16px 12px 12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:#5C5ACC;outline:none}.UserManagementPage .right .No_Data button p{color:var(--neutral-color-neutral-100, #FAFAFA);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.UserManagementPage .right .No_Data button:hover{background:#23224D}.MoreButtonUser{display:flex;padding:4px;flex-direction:column;align-items:flex-start;gap:4px}.MoreButtonUser button{display:flex;padding:8px 12px;align-items:center;gap:10px;align-self:stretch;border:none;outline:none}.MoreButtonUser .Disable{border-radius:4px;background:var(--neutral-color-neutral-200, #F2F2F2);border:none;outline:none}.MoreButtonUser .Disable p{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.MoreButtonUser .Delete{border-radius:4px;background:var(--info-color-danger, #DF6262);border:none;outline:none}.MoreButtonUser .Delete:hover{background:var(--info-color-danger, #80392F)}.MoreButtonUser .Delete p{color:var(--background-white, #FFF);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.ResendButtonUser{display:flex;width:307px;padding:12px;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;border-radius:4px;background:var(--background-white, #FFF);box-shadow:0 0 10px #33333326}.ResendButtonUser .Info{display:flex;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch}.ResendButtonUser .Info .Header{display:flex;align-items:center;gap:4px}.ResendButtonUser .Info .Header p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.ResendButtonUser .Info .Body{color:#656464;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.ResendButtonUser .Footer{display:flex;justify-content:flex-end;align-items:center;gap:4px;align-self:stretch}.ResendButtonUser .Footer button{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:8px;border-radius:4px;background:var(--primary-color-primary-600, #5C5ACC);border:none;outline:none;transition:.3s}.ResendButtonUser .Footer button:hover{background:#23224D}.ResendButtonUser .Footer button p{color:#fff;font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.BgBlackEnableUser{position:fixed;top:72px;left:320px;width:calc(100% - 320px);height:calc(100% - 72px);background-color:#00000050;z-index:100}.EnableUser{display:flex;width:420px;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;background:var(--background-white, #FFF);position:absolute;left:calc(50% - 250px);top:calc(50% - 242px)}.EnableUser .Header{display:flex;padding:12px 16px;justify-content:flex-end;align-items:center;gap:4px;align-self:stretch}.EnableUser .Body{display:flex;flex-direction:column;align-items:center;gap:4px;align-self:stretch}.EnableUser .Body img{width:150px}.EnableUser .Body .Info{display:flex;width:420px;padding:0 16px;flex-direction:column;align-items:center;gap:4px}.EnableUser .Body .Info .Title{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;text-transform:capitalize;margin-bottom:24px}.EnableUser .Body .Info .Subtitle{color:var(--neutral-color-neutral-3, #656464);text-align:center;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.EnableUser .Footer{display:flex;padding:12px 16px;justify-content:center;align-items:flex-start;gap:12px;align-self:stretch}.EnableUser .Footer button{border:none;outline:none;display:flex;width:120px;height:36px;padding:8px;justify-content:center;align-items:center;gap:8px;border-radius:4px}.EnableUser .Footer .Yes{background:var(--info-color-danger, #DF6262);color:var(--neutral-color-neutral-100, #FAFAFA);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.EnableUser .Footer .Cancel{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px;background:#fff}.WhatsappPage{height:100vh;max-height:100vh;position:fixed;width:100dvw;max-width:100dvw}.WhatsappPage .left{max-width:320px;width:320px;padding:24px 16px}.WhatsappPage .right{flex:1;padding:24px 16px 24px 40px;background:#f7f5f5;max-width:calc(100dvw - 320px);height:calc(100dvh - 72px)!important;min-height:100%;overflow-y:scroll}.WhatsappPage_head h4{margin-top:24px;font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em}.WhatsappPage_head p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.WhatsappPage_connect{display:flex;flex-direction:column;align-items:center;gap:16px}.WhatsappPage_connect img{width:250px;height:250px}.WhatsappPage_connect h4{font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em}.WhatsappPage_connect p{font-weight:400;font-size:16px;line-height:24px;color:#656464;margin-top:4px}.WhatsappPage_connect .connect{display:flex;justify-content:center;align-items:center;gap:12px;background:#5c5acc;border-radius:4px;width:320px;height:48px;cursor:pointer}.WhatsappPage_connect .connect img{width:24px;height:24px}.WhatsappPage_connect .connect p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fff}.WhatsappPage_action{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.WhatsappPage_action .Left{display:flex;align-items:flex-start;gap:12px}.WhatsappPage_action .Left .input{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 12px;gap:12px;height:48px;border:1px solid #f2f2f2;border-radius:4px;background:#fff;caret-color:#6562df;width:360px}.WhatsappPage_action .Left .input img,.WhatsappPage_action .Left .btn img,.WhatsappPage_action .right img{width:24px;height:24px}.WhatsappPage_action .Left .input input{flex:1;height:24px}.WhatsappPage_action .Left .input input:focus{outline:none}.WhatsappPage_action .Left .input .BgSmallcaps{display:flex;height:24px;width:24px;justify-content:center;align-items:center;gap:8px;border-radius:4px}.WhatsappPage_action .Left .btn{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:#fff;box-shadow:none;min-width:48px!important;border:none}.WhatsappPage_action .Left .btn:focus{outline:none}.WhatsappPage_action .Left .css-sghohy-MuiButtonBase-root-MuiButton-root:hover{background:#dadaf2}.WhatsappPage_Filter{display:flex;width:400px;flex-direction:column;align-items:flex-start;border-radius:8px;background:#fff;box-shadow:0 0 10px #00000026}.WhatsappPage_FilterHeader,.WhatsappPage_FilterFooter{display:flex;padding:12px 16px;justify-content:space-between;align-items:center;align-self:stretch;background:#fafafa}.WhatsappPage_FilterBodyBox{width:376px;display:flex;flex-direction:column;gap:4px}.WhatsappPage_FilterBodyBox .css-a1x9n5-MuiTypography-root{font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px;color:#333}.WhatsappPage_FilterFooter{background:#ffffff}.WhatsappPage_FilterFooter .btn-reset,.WhatsappPage_FilterFooter .btn-save{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:8px;cursor:pointer}.WhatsappPage_FilterFooter .btn-reset p{font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px;color:#df6262}.WhatsappPage_FilterFooter .btn-save{background:#5c5acc;border-radius:4px}.WhatsappPage_FilterFooter .btn-save p{font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px;color:#fafafa}.WhatsappPage_action .right{display:flex;height:48px!important;max-height:48px!important;align-items:center;justify-content:flex-end;gap:8px;padding:0!important}.WhatsappPage_action .right div{display:flex;justify-content:center;align-items:center;gap:12px;background:#5c5acc;border-radius:4px;min-width:162px;max-width:max-content;height:100%;max-height:48px;padding:0 16px 0 12px;cursor:pointer}.WhatsappPage_action .right div p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fafafa}.WhatsappPage_lists{height:min-content;min-height:fit-content;margin-bottom:25px}.WhatsappPage_list{display:flex;justify-content:space-between;align-items:center;padding:12px;gap:12px;border-radius:8px;margin-bottom:12px;background:#ffffff}.list-scan,.list-connected{background:#ffffff}.list-conection-lost{background:#fff2f2}.list-disable{background:#f2f2f2}.WhatsappPage_list:first-child{margin-top:24px}.WhatsappPage_list .user{display:flex;align-items:center;gap:12px;width:100%;max-width:320px;height:48px}.WhatsappPage_list .user .info h4{font-weight:500;font-size:14px;line-height:20px;display:flex;align-items:center;letter-spacing:-.01em;color:#333}.WhatsappPage_list .user .info p span .highlighted{color:#ededff}.WhatsappPage_list .user .img{position:relative}.WhatsappPage_list .user .img .avatar{width:42px;height:42px}.WhatsappPage_list .user .img .avatar-active{width:42px;height:42px;border:3px solid #219655}.WhatsappPage_list .user .img .avatar-lost{width:42px;height:42px;border:3px solid #b3b3b3}.WhatsappPage_list .user .img .avatar-disabled{width:42px;height:42px;border:3px solid #219655!important}.WhatsappPage_list .user .img .icon{position:absolute;width:16px;height:16px;left:32px;top:36px;background:#ffffff;border-radius:16px}.WhatsappPage_list .user h4{font-size:20px;line-height:28px;letter-spacing:-.01em}.WhatsappPage_list .user .info p{font-size:16px;font-style:normal;font-weight:600;line-height:24px;color:#219655}.WhatsappPage_list .user .info .number-active{color:#219655}.WhatsappPage_list .user .info .number-lost{color:#b3b3b3}.WhatsappPage_list .user .info .number-disabled{color:#219655!important}.WhatsappPage_list .tags{display:flex;align-items:flex-start;gap:4px;height:30px;width:100%;max-width:300px}.WhatsappPage_list .tags .tag{flex-direction:row;padding:4px 8px 4px 4px;gap:8px;background:#fafafa;border:1px solid #f2f2f2;border-radius:4px;font-weight:400;font-size:12px;line-height:22px;display:flex;align-items:center;letter-spacing:.01em;color:#656464}.WhatsappPage_list .status{display:flex;align-items:center;width:157px;max-width:200px;gap:8px;padding:4px 8px;cursor:pointer}.WhatsappPage_list .status:hover{background:#dadaf2;border-radius:8px}.WhatsappPage_list .status p{font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px}.WhatsappPage_list .disabled{background:none}.WhatsappPage_list .disabled p{color:gray!important}.WhatsappPage_list .disabled:hover{background:#fff}.list-scan .status{color:#454399}.list-connected .status{color:#219655}.list-conection-lost .status{color:#d22020}.list-disable .status{color:#656464}.WhatsappPage_list .status .icon{display:flex;justify-content:center;align-items:center;padding:8px;gap:8px;width:16px;height:16px;cursor:pointer}.WhatsappPage_list .action{display:flex;align-items:flex-start;gap:8px}.WhatsappPage_list .action .icon{padding:4px;cursor:pointer}.WhatsappPage_result{display:flex;padding:4px 12px;align-items:center;gap:4px;align-self:stretch;margin-top:12px}.WhatsappPage_result p{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.WhatsappPage_notfound{display:flex;padding:12px;justify-content:space-between;align-items:center;align-self:stretch;border-radius:8px;background:var(--neutral-color-neutral-100, #fafafa)}.WhatsappPage_notfound p{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px}.SumFilterWaPage{position:absolute;top:4px;right:4px;color:#fff;background-color:#5c5acc;border:"1px solid white";border-radius:30px;padding:2px;width:15px;height:15px;display:flex;justify-content:center;align-items:center}.FilterResultWaPage{display:flex;gap:12px;align-items:center}.FilterResultWaPage .button{color:#5c5acc}.EditWaNumberPopup,.EditWaNumberPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{width:600px;margin:0 auto}.EditWaNumberPopup .css-hz1bth-MuiDialog-container,.EditWaNumberPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{margin:0;padding:0;min-width:600px}.EditWaNumberPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{background:#FFF;position:relative}.EditWaNumberPopup_head{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #F2F2F2;position:sticky;top:0;background:#FAFAFA;z-index:1}.EditWaNumberPopup_head h4{font-size:16px;font-style:normal;font-weight:600;line-height:24px;color:#333}.EditWaNumberPopup_photo{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}.EditWaNumberPopup_photo p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.EditWaNumberPopup_photo .photo{position:relative}.EditWaNumberPopup_photo .avatar{width:200px;height:200px;border-radius:50%}.EditWaNumberPopup_photo .hoverText{position:absolute;display:flex;justify-content:center;align-items:center;padding:12px;gap:12px;top:0;left:0;width:180px;height:180px;background:rgba(51,51,51,.8);border-radius:50%;opacity:0}.EditWaNumberPopup_photo .photo:hover .hoverText{opacity:1}.EditWaNumberPopup_photo .hoverText p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fff}.EditWaNumberPopup_photo .hoverText input{display:none}.EditWaNumberPopup_formWa{display:flex;padding:12px 16px;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;align-self:stretch;border-bottom:1px solid #FAFAFA;background:#FFF}.EditWaNumberPopup_formWaConnection{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.EditWaNumberPopup_formWaConnection .left p{font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px;color:#656464}.EditWaNumberPopup_formWaConnection .right{display:flex;justify-content:flex-end;align-items:center;gap:8px}.EditWaNumberPopup_formWaConnection .right p{font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;color:#656464}.EditWaNumberPopup_formWaConnection .right .switch{padding:4px 4px 4px 8px;box-shadow:5px 5px 5px #6562df26;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;color:#fff;height:32px;display:flex;justify-content:space-between;align-items:center;min-width:84px}.EditWaNumberPopup_formWaConnection .right .ant-switch-checked{padding:4px 4px 4px 0}:where(.css-dev-only-do-not-override-byeoj0).ant-switch.ant-switch-checked:hover:not(.ant-switch-disabled),.EditWaNumberPopup_formWaConnection .right .ant-switch-checked{background:#6562DF}.EditWaNumberPopup_formWaConnection .right .switch .ant-switch-handle,.EditWaNumberPopup_formWaConnection .right .switch .ant-switch-handle:before{width:24px;height:24px;background:#FFFFFF;border-radius:500px}.EditWaNumberPopup_formWaConnection .right .switch .ant-switch-handle{top:4px;left:4px}.EditWaNumberPopup_formWaConnection .right .ant-switch-checked .ant-switch-handle{right:4px;left:56px}.EditWaNumberPopup_formWaConnection .right .switch .ant-switch-inner{max-width:fit-content}.EditWaNumberPopup_formWaInfo{display:flex;padding:12px;justify-content:space-between;align-items:center;align-self:stretch;border-radius:8px;border:1px solid #B3B3B3;background:#FFFFFF}.EditWaNumberPopup_formWaInfo .left{display:flex;align-items:center;gap:12px}.EditWaNumberPopup_formWaInfo .left .img{position:relative}.EditWaNumberPopup_formWaInfo .left .img .avatar{width:48px;height:48px;border-radius:200px}.EditWaNumberPopup_formWaInfo .left .img .avatar-active{width:42px;height:42px;border:3px solid #219655}.EditWaNumberPopup_formWaInfo .left .img .avatar-lost{width:42px;height:42px;border:3px solid #B3B3B3}.EditWaNumberPopup_formWaInfo .left .img .avatar-disabled{width:42px;height:42px;border:3px solid #219655!important}.EditWaNumberPopup_formWaInfo .left .img .icon{position:absolute;right:-8px;bottom:-2px}.EditWaNumberPopup_formWaInfo .left .name{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.EditWaNumberPopup_formWaInfo .left .name p{font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px;color:#333}.EditWaNumberPopup_formWaInfo .left .name h3{font-size:16px;font-style:normal;font-weight:600;line-height:24px}.EditWaNumberPopup_formWaInfo .left .name .number-active{color:#219655}.EditWaNumberPopup_formWaInfo .left .name .number-lost{color:#b3b3b3}.EditWaNumberPopup_formWaInfo .left .name .number-disabled{color:#219655!important}.EditWaNumberPopup_formWaInfo .right .status{display:flex;padding:4px 8px;align-items:center;gap:8px;border-radius:12px}.EditWaNumberPopup_formWaInfo .right .status img{width:24px;height:24px}.EditWaNumberPopup_formWaInfo .right .status p{font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px}.EditWaNumberPopup_formInput2,.EditWaNumberPopup_formInput{display:flex;flex-direction:column;align-items:flex-start;padding:12px 24px}.EditWaNumberPopup_formInput .css-b62m3t-container{width:100%}.EditWaNumberPopup_formInput label span{color:#df6262}.EditWaNumberPopup_formInput label,.EditWaNumberPopup_formInput2 label{font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.EditWaNumberPopup_formInput2 .input{height:48px;width:100%;border:1px solid #656464;border-radius:4px;color:#23224d;margin-top:8px;background:#FFF}.EditWaNumberPopup_formInput2 input{padding:0 12px;height:48px;width:calc(100% - 24px);color:#23224d}.EditWaNumberPopup_formInput input{padding:0 12px;height:48px;width:calc(100% - 24px);border:1px solid #656464;border-radius:4px;color:#656464;margin-top:8px}.EditWaNumberPopup_formInput textarea{flex-direction:row;align-items:flex-start;padding:12px;gap:10px;width:calc(100% - 24px);background:#FAFAFA;border:1px solid #F2F2F2;border-radius:4px;font-weight:400;font-size:12px;line-height:22px;display:flex;align-items:center;letter-spacing:.01em;color:#828282}.EditWaNumberPopup_formInput .inputWaNumber .country p{font-weight:600;font-size:16px;line-height:24px;display:flex;align-items:center;color:#333}.EditWaNumberPopup_formInput .css-vamk89-MuiFormControl-root{width:100%;margin:8px 0 0;height:48px}.EditWaNumberPopup_formInput .selectTagWa{height:48px}.EditWaNumberPopup_footer{position:sticky;bottom:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 16px;gap:4px;background:#FFFFFF;border-bottom:1px solid #F2F2F2;box-shadow:0 0 10px #0000001a}.EditWaNumberPopup_footer .cancel{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px;gap:12px;width:76px;height:46px;border-radius:4px;cursor:pointer}.EditWaNumberPopup_footer .cancel p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#df6262}.EditWaNumberPopup_footer .cancel img{width:16px;height:16px}.EditWaNumberPopup_footer .add{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px;gap:12px;background:#5C5ACC;border-radius:4px;cursor:pointer}.EditWaNumberPopup_footer .add p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fafafa}.EditWaNumberPopup_footer .add img{width:16px;height:16px}.recentTags{display:flex;align-items:center;padding:8px 0 8px 12px;gap:12px;border-radius:4px;margin-top:12px}.recentTags p{font-size:12px;line-height:22px;letter-spacing:.01em}.recentTags .recentTags_right{display:flex;align-items:center;gap:12px}.recentTags .recentTags_right .recentTags_rightItem{padding:4px 8px 4px 4px;gap:8px;border-radius:4px;color:#fff;font-size:12px;line-height:22px;letter-spacing:.01em;display:flex;align-items:center}.DeleteContactListPopup,.DeleteContactListPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{width:420px;margin:0 auto}.DeleteContactListPopup .css-hz1bth-MuiDialog-container,.DeleteContactListPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{margin:0;padding:0;min-width:420px}.DeleteContactListPopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper{background:#FFFFFF;position:relative}.DeleteContactListPopup_head{display:flex;justify-content:flex-end;align-items:center;padding:16px 24px;position:sticky;top:0;background:#FFFFFF}.DeleteContactListPopup .Banner{display:flex;justify-content:center;align-items:center;margin-bottom:4px}.DeleteContactListPopup .Banner img{width:225px;height:150px;object-fit:contain}.DeleteContactListPopup .Question{text-align:center;font-weight:700;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333;width:388px;margin:0 auto}.DeleteContactListPopup .Description{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#656464;margin:4px auto 0}.DeleteContactListPopup .Action{display:flex;justify-content:center;align-items:flex-start;padding:12px 16px;gap:12px}.DeleteContactListPopup .Action .No{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px;width:104px;color:#df6262;background:none;border:none}.DeleteContactListPopup .Action .Yes{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 12px;gap:8px;color:#fff;background:#DF6262;border-radius:4px}.LabelFormBody{max-height:calc(100dvh - 120px)!important;min-height:calc(100dvh - 120px)!important;padding:0;height:calc(100dvh - 120px)!important;overflow:hidden;width:100%;background:#FFF6DE;position:fixed;bottom:0;left:0}.LabelFormBody .middle{height:calc(100dvh - 120px)!important;max-height:calc(100dvh - 120px)!important;overflow-y:scroll;padding-top:57px!important;padding-right:60px!important;padding-left:60px!important}.FormLabellingActive{border-left:5px solid #6562DF}.FormLabelling{margin-bottom:100px}.FormLabelling .Header{padding:24px;border-radius:0 8px 8px;background-color:#fff;margin-bottom:16px}.FormLabelling .Header .Title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.FormLabelling .Header .Title .Left{display:flex;align-items:center}.FormLabelling .Header .Title .iconUser{display:flex;align-items:center;justify-content:center;background:#ffe9b3;border:1px solid #ffcb47;border-radius:32px;width:40px;height:40px}.FormLabelling .Header .Title input{margin:0 12px;font-size:24px;line-height:32px;display:flex;align-items:center;letter-spacing:-.01em;color:#333;flex:1;border-bottom:1px solid #F2F2F2}.FormLabelling .Header .Title .more{display:flex;align-items:center;justify-content:center;width:48px;height:48px}.FormLabelling .Header .Deskripsi{border-bottom:1px solid #F2F2F2;margin-bottom:12px}.FormLabelling .Header .Deskripsi p,.FormLabelling .Header .Deskripsi input{font-size:12px;line-height:22px;color:#333}.FormLabelling .Header .Repeat{display:flex;align-items:center;gap:4px}.FormLabelling .Header .Repeat p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656565}.FormLabelling .Bagian{padding:24px;border-radius:8px;background-color:#fff;display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.FormLabelling .Bagian .more{display:flex;align-items:center;justify-content:center;width:48px;height:48px}.FormLabelling .Bagian input{font-weight:600;font-size:16px;line-height:24px;display:flex;align-items:center;color:#333;border-bottom:1px solid #F2F2F2;flex:1}.FormLabelling .FormArea{padding:24px;background-color:#fff;border-radius:0 8px 8px;margin-bottom:16px}.FormLabelling .FormArea .Question{display:flex;align-items:center;justify-content:space-between;gap:8px;marfgin-bottom:16px}.FormLabelling .FormArea .Question input{display:flex;flex-direction:row;align-items:center;flex:1;padding:12px;background:#FFFFFF;border:1px solid #656464;border-radius:4px;font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#23224d}.FormLabelling .FormArea .Deskripsi{margin-bottom:16px;border-bottom:1px solid #BDBDBD}.FormLabelling .FormArea .Answer{padding:12px 0}.FormLabelling .FormArea .Answer .AnswerItem{display:flex;align-items:center;justify-content:space-between;padding-left:28px;margin-bottom:16px}.FormLabelling .FormArea .Answer .AnswerItem .Left,.FormLabelling .FormArea .Answer .AnswerItem .Left img{display:flex;align-items:center;gap:12px}.FormLabelling .FormArea .Answer .AnswerItem .Left input{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.FormLabelling .FormArea .Action{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #F2F2F2;margin-top:16px}.FormLabelling .FormArea .Action .Left{display:flex;align-items:center;gap:4px}.FormLabelling .FormArea .Action .Left div{width:44px;height:48px;display:flex;flex-direction:row;justify-content:center;align-items:center;border:none;background:#fff;cursor:pointer}.FormLabelling .FormArea .Action .Right{display:flex;align-items:center;gap:4px;padding:0}.FormLabelling .FormArea .Action .Right .Required{display:flex;align-items:center;gap:12px;padding:0}.FormLabelling .FormArea .Action .Right .Required p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#656464}.FormLabelling .more{display:flex;align-items:center;justify-content:center;width:48px;height:48px}.FormLabelling .FormArea .ShortAnswer{display:flex;align-items:flex-start;padding:12px;gap:10px;background:#FAFAFA;border:1px solid #F2F2F2;border-radius:4px;margin:12px 0}.FormLabelling .FormArea .ShortAnswer input{flex:1;background:#FAFAFA}.FormLabelling .FormArea .Scale{padding:12px 0}.FormLabelling .FormArea .Scale .Input{display:flex;align-items:center;padding:0;gap:12px;margin-bottom:12px}.FormLabelling .FormArea .Scale .Input p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#333}.FormLabelling .FormArea .Scale .Input .Number button{background:white;padding:12px;border:1px solid #656464;border-radius:4px}.FormLabelling .FormArea .Scale .Input .Number button .Left{display:flex;align-items:center;gap:10px}.FormLabelling .FormArea .Scale .AnswerScale{display:flex;align-items:center;padding:0 12px;gap:12px;margin-bottom:12px}.FormLabelling .FormArea .Scale .AnswerScale p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#333}.FormLabelling .FormArea .Scale .AnswerScale input{flex:1;display:flex;align-items:center;padding:4px 0;gap:4px;border-bottom:1px solid #B3B3B3;font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em}.FormLabelling .FormArea .DateAnswer{display:flex;align-items:center;padding:4px 0;gap:12px;height:32px;margin:12px 0}.FormLabelling .FormArea .DateAnswer p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.FormLabelling .FormArea .TimeAnswer{display:flex;align-items:center;padding:4px 0;gap:12px;height:32px;margin:12px 0}.FormLabelling .FormArea .TimeAnswer p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.QuestionType button{display:flex;align-items:center;justify-content:space-between;width:240px;padding:12px;background:#FFFFFF;border:1px solid #656464;border-radius:4px}.QuestionType button .Left{display:flex;align-items:center;gap:8px;flex:1}.QuestionType button .Left{height:24px;width:24px}.QuestionType button .Left p{font-weight:500;font-size:14px;line-height:24px;color:#23224d}.AppInformationPage{height:100vh;max-height:100vh;position:fixed;width:100dvw;max-width:100dvw}.AppInformationPage .left{max-width:320px;width:320px;padding:24px 16px}.AppInformationPage .right{flex:1;padding:24px 16px 24px 40px;background:#f7f5f5;max-width:calc(100dvw - 320px);overflow-y:scroll;height:calc(100dvh - 72px)}.AppInformationPage_breadcrumbs{display:flex;flex-direction:row;align-items:center;gap:8px}.AppInformationPage_breadcrumbs img:first-child{width:24px;height:24px}.AppInformationPage_breadcrumbs img{width:16px;height:16px}.AppInformationPage_breadcrumbs p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.AppInformationPage_head{display:flex;flex-direction:column;align-items:center;gap:12px;margin:20px 0 12px;width:100%}.AppInformationPage_head .title{font-weight:400!important;font-size:24px!important;line-height:32px!important;letter-spacing:-.01em!important;color:#333!important}.AppInformationPage_head .input{display:flex;justify-content:space-between;align-items:flex-start;padding:12px;gap:10px;background:#FFFFFF;border:1px solid #F2F2F2;border-radius:4px;width:calc(100% - 24px)}.AppInformationPage_head .input input{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#333;width:100%}.AppInformationPage_head .input input::placeholder{color:#bdbdbd}.AppInformationPage_data{padding:12px;background:#FFFFFF;max-height:75vh;margin-top:20px}.AppInformationPage_dataHead{display:flex;align-items:flex-start;gap:8px}.AppInformationPage_dataHeadItem{display:flex;justify-content:center;align-items:center;padding:8px;gap:8px;cursor:pointer}.AppInformationPage_dataHeadItem p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#656565}.AppInformationPage_dataHeadItemActive{border-bottom:2px solid #6562DF}.AppInformationPage_dataHeadItemActive p{color:#6562df}.AppInformationPage_policy{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:12px 16px;overflow-y:scroll;box-shadow:none;margin-top:16px}.AppInformationPage_policy .title{font-weight:600;font-size:16px;line-height:24px;color:#333}.AppInformationPage_policy .accordion{max-height:calc(75dvh - 300px);overflow-y:scroll}.AppInformationPage_policy .accordion .css-1wc0u5o-MuiPaper-root-MuiAccordion-root{box-shadow:none;border-top:.1px solid #F2F2F2;border-bottom:.1px solid #F2F2F2}.AppInformationPage_policy .accordion .css-1wc0u5o-MuiPaper-root-MuiAccordion-root:before,.AppInformationPage_policy .accordion .css-1wc0u5o-MuiPaper-root-MuiAccordion-root:after{background-color:transparent}.AppInformationPage_policy .accordion .MuiAccordionSummary-root{flex-direction:row;height:44px;border-radius:4px}.AppInformationPage_policy .accordion .accordionHeader{width:100%;padding:12px}.AppInformationPage_policy .accordion .accordionHeader p{font-weight:500;font-size:14px;line-height:20px;color:#333}.AppInformationPage_policy .accordion .accordionDetails{padding:8px 24px;font-weight:400;font-size:12px;line-height:22px;color:#333;letter-spacing:.01em}.AppInformationPage_policy .bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:12px}.AppInformationPage_policy .bottom .left{flex:1;width:100%;max-width:100%;padding:0}.AppInformationPage_policy .bottom .left p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#656565}.AppInformationPage_policy .bottom .right{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px;gap:8px;height:36px;max-width:188px;background:none}.AppInformationPage_policy .bottom .right p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#5c5acc}.AccountManagementPage{height:100vh;max-height:100vh;position:fixed;width:100dvw;max-width:100dvw}.AccountManagementPage .left{max-width:320px;width:320px;padding:24px 16px}.AccountManagementPage .right{flex:1;padding:24px 16px 24px 40px;background:#f7f5f5;overflow-y:scroll;max-width:calc(100dvw - 320px);height:calc(100dvh - 72px)}.AccountManagementPage_breadcrumbs{display:flex;flex-direction:row;align-items:center;gap:8px}.AccountManagementPage_breadcrumbs img:first-child{width:24px;height:24px}.AccountManagementPage_breadcrumbs img{width:16px;height:16px}.AccountManagementPage_breadcrumbs p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.AccountManagementPage_head h4{margin-top:24px;font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em}.AccountManagementPage_head p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.AccountManagementPage_body{background:#fff;padding:12px;gap:16px;margin-top:12px}.AccountManagementPage_body .head{display:flex;flex-direction:row;align-items:flex-start;padding:0;gap:4px;margin-bottom:16px}.AccountManagementPage_body .head .my-profile{flex-direction:row;justify-content:center;padding:8px;gap:8px;width:77px;border-bottom:2px solid #6562DF;font-weight:600;font-size:12px;line-height:20px;display:flex;align-items:center;letter-spacing:.02em;color:#6562df}.AccountManagementPage_body .body{display:flex;flex-direction:column;align-items:flex-start;padding:12px 16px;gap:12px;border-radius:8px}.AccountManagementPage_body .body .profile-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0;width:100%}.AccountManagementPage_body .body .profile-header .avatar{display:flex;flex-direction:row;align-items:center;padding:0;gap:12px;flex:1}.AccountManagementPage_body .body .profile-header .avatar .name .name{font-weight:600;font-size:16px;line-height:24px;display:flex;align-items:center;color:#333}.AccountManagementPage_body .body .profile-header .avatar .name .role{font-weight:500;font-size:14px;line-height:20px;display:flex;align-items:center;letter-spacing:-.01em;color:#656565}.AccountManagementPage_body .body .profile-header .avatar .name .email{font-size:12px;line-height:22px;display:flex;align-items:center;letter-spacing:.01em;color:#b3b3b3}.AccountManagementPage_body .body .profile-header .avatar img{width:60px;height:60px;border-radius:50px}.AccountManagementPage_body .body .profile-header button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px;gap:12px;width:89px;height:48px;background:#5C5ACC;border-radius:4px}.AccountManagementPage_body .body .profile-header button .button_default{color:#fafafa!important}.AccountManagementPage_body .body .profile-header-edit{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;gap:8px;width:100%}.AccountManagementPage_body .body .profile-header-edit .title{font-weight:700;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333}.AccountManagementPage_body .body .profile-header-edit img{width:200px;height:200px}.AccountManagementPage_body .body .profile-header-edit .name{font-weight:600;font-size:16px;line-height:24px;color:#333}.AccountManagementPage_body .body .profile-header-edit .role{font-weight:500;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#656565}.AccountManagementPage_body .body .profile-header-edit .email{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#b3b3b3}.AccountManagementPage_body .body .profile-header-edit .EditContact_photo{display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer;width:200px;height:200px}.AccountManagementPage_body .body .profile-header-edit .EditContact_photo p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.AccountManagementPage_body .body .profile-header-edit .EditContact_photo .photo{position:relative;width:200px;height:200px}.AccountManagementPage_body .body .profile-header-edit .EditContact_photo .avatar{position:absolute;top:0;left:0;padding:0;width:200px;border-radius:50%}.AccountManagementPage_body .body .profile-header-edit .EditContact_photo .hoverText{position:absolute;display:flex;justify-content:center;align-items:center;gap:8px;top:0;left:0;width:200px;height:200px;background:rgba(51,51,51,.8);border-radius:50%;opacity:0}.AccountManagementPage_body .body .profile-header-edit .EditContact_photo .photo:hover .hoverText{opacity:1}.AccountManagementPage_body .body .profile-header-edit .EditContact_photo .hoverText p{font-weight:700;font-size:18px;line-height:24px;letter-spacing:.05em;color:#fff}.AccountManagementPage_body .body .profile-header-edit .EditContact_photo .hoverText input{display:none}.AccountManagementPage_body .body .profile-header-edit .EditContact_photo .hoverText img{width:48px;height:48px}.AccountManagementContent{display:flex;flex-direction:column;align-items:flex-start;padding:12px 0;gap:12px;width:100%}.AccountManagementContent title{font-weight:700;font-size:14px;line-height:20px;display:flex;align-items:center;letter-spacing:-.01em;color:#333}.AccountManagementContent .field-two{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0;gap:12px;width:100%}.AccountManagementContent .field-two .input{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:4px;flex:1}.AccountManagementContent .field-two .input .active{outline:1px solid #817EE5;caret-color:#817ee5;border-radius:4px}.AccountManagementContent .field-two label{font-weight:500;font-size:14px;line-height:24px;display:flex;align-items:center;letter-spacing:.01em;color:#656464}.AccountManagementContent .field-two .input .input{gap:4px;width:100%;flex:1;font-weight:500;font-size:14px;line-height:24px;display:flex;align-items:center;letter-spacing:.01em;color:#23224d;outline:1px solid #656565;border-radius:4px}.AccountManagementContent .field-two .input .active{outline:1px solid #817EE5!important;caret-color:#817ee5;border-radius:4px}.AccountManagementContent .field-two .input input{padding:12px;gap:4px;width:calc(100% - 24px);flex:1;font-weight:500;font-size:14px;line-height:24px;display:flex;align-items:center;letter-spacing:.01em;color:#23224d}.AccountManagementContent .field-two .input-custom{width:calc(100% + 2px)}.AccountManagementContent .field-two .input-custom label{margin-bottom:4px}.AccountManagementContent .field-two .input-custom input{padding:12px;gap:4px;border-radius:4px;flex:1;font-weight:500;font-size:14px;line-height:24px;display:flex;align-items:center;letter-spacing:.01em;color:#23224d}.AccountManagementContent .field-two .input-custom .MuiAutocomplete-root{border:1px solid #656464;gap:4px;width:calc(100% - 2px);border-radius:4px}.AccountManagementContent .field-two .input-custom .MuiAutocomplete-root:hover{border:1px solid #656464}.AccountManagementContent .field-two .input-custom .MuiAutocomplete-root:focus{border:1px solid #817EE6}.AccountManagementContent .field-two .reset{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-top:24px;gap:8px;cursor:pointer}.AccountManagementContent .field-two .reset p{font-weight:600;font-size:12px;line-height:20px;display:flex;align-items:center;letter-spacing:.02em;color:#5c5acc}.AccountManagementContent .field-two .PhoneWrapper{flex:1 1 0;display:flex;align-items:flex-start;gap:4px;align-self:stretch}.AccountManagementContent .field-two .PhoneWrapper .ColumnPhone{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1 0 0;align-self:stretch}.AccountManagementContent .field-two .PhoneWrapper .ColumnPhone .Left{display:flex;flex-direction:row;align-items:center;width:100%;gap:4px}.AccountManagementContent .field-two .PhoneWrapper .ColumnPhone .Left .btnChange{display:flex;flex-direction:row;align-items:center;padding:12px;gap:4px;background:#FFF;border:1px solid #333333;border-radius:4px;height:48px;outline:none}.AccountManagementContent .field-two .PhoneWrapper .ColumnPhone .Left .btnChange:hover{border:1px solid #6562DF;background:#FAFAFA}.AccountManagementContent .field-two .PhoneWrapper .ColumnPhone .Left .btnChange .flag{width:24px;height:24px;border-radius:50%;overflow:hidden}.AccountManagementContent .field-two .PhoneWrapper .ColumnPhone .Left .btnChange p{font-weight:600;font-size:16px;line-height:24px;color:#333}.AccountManagementContent .field-two .PhoneWrapper .ColumnPhone .Left .input .active{border-radius:4px;outline:1px solid #817EE5!important}.AccountManagementContent .field-two .PhoneWrapper .ColumnPhone .Left .input .inactive{border-radius:4px;outline:1px solid #333333}.AccountManagementContent .action-edit{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:12px;margin-top:12px}.AccountManagementContent .action-edit .cancel{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px;gap:12px;color:#df6262;background:#fff;width:76px;border:none;outline:none}.AccountManagementContent .action-edit .save{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px;gap:12px;height:48px;background:#23224D;border-radius:4px}.AccountManagementContent .action-edit .save .button_default{color:#fff}.AccountManagementContent .action{display:flex;flex-direction:space-between;align-items:center;padding:12px 0;gap:12px;background:#FFFFFF;border-top:1px solid #FAFAFA}.AccountManagementContent .action button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px;gap:12px;background:#FFF;border-radius:4px;font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#a92323;border:none;outline:none;transition:all .3s ease-in-out;order:1}.AccountManagementContent .action button:hover{background:#FDF7F7}.AccountManagementContent .action .info{flex:1;display:flex;flex-direction:row;align-items:center;padding:4px 8px;gap:8px}.AccountManagementContent .action .info p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#656464}.BlackBg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000050;z-index:100}.BlackBg .ResetPasswordForm{display:flex;flex-direction:column;align-items:flex-start;padding:16px;gap:16px;position:absolute;width:500px;background:#FFFFFF;box-shadow:0 0 10px #0000001a;border:1px solid #F2F2F2;border-radius:8px;z-index:101;left:calc(50% - 250px);top:calc(50% - 265px)}.BlackBg .ResetPasswordForm .head{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0;width:100%}.BlackBg .ResetPasswordForm .head .title{font-weight:700;font-size:24px;line-height:32px;display:flex;align-items:center;letter-spacing:-.02em;color:#333}.BlackBg .ResetPasswordForm .password{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:12px;width:100%}.BlackBg .ResetPasswordForm .password .input{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:12px;gap:4px;background:#FFFFFF;border-radius:4px;width:calc(100% - 24px)}.BlackBg .ResetPasswordForm .password .input input{flex:1}.BlackBg .ResetPasswordForm .warn,.BlackBg .ResetPasswordForm .password .warn{display:flex;padding:4px 8px;align-items:center;gap:8px}.BlackBg .ResetPasswordForm .warn p,.BlackBg .ResetPasswordForm .password .warn p{font-size:12px;font-family:Inter;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.BlackBg .ResetPasswordForm .password .warn .success{color:var(--info-color-success, #62DF7E)}.BlackBg .ResetPasswordForm .password .warn .failed{color:var(--info-color-success, #656464)}.BlackBg .ResetPasswordForm .warn .notmatched,.BlackBg .ResetPasswordForm .password .warn .notmatched{color:var(--info-color-success, #DF6262)}.BlackBg .ResetPasswordForm .password .status{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding:0;width:100%}.BlackBg .ResetPasswordForm .password .status .left{display:flex;flex-direction:row;align-items:center;padding:4px 8px;gap:8px}.BlackBg .ResetPasswordForm .password .status .left p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#62df7e}.BlackBg .ResetPasswordForm .password .status p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#5c5acc}.BlackBg .ResetPasswordForm .btn{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 12px 12px 16px;gap:12px;background:#5C5ACC;border-radius:4px;font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fff;width:100%;transition:all .3s ease}.BlackBg .ResetPasswordForm .btn:hover{background:#23224D}.BlackBg .ResetPasswordForm .cancel{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 12px 12px 16px;gap:12px;width:100%;font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#656565;background:#fff;border:none;outline:none}.BlackBg .MaxAttempt{display:flex;width:420px;padding-bottom:0;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;background:var(--background-white, #FFF);position:absolute;z-index:101;left:calc(50% - 210px);top:calc(50% - 125px)}.BlackBg .MaxAttempt .head{display:flex;padding:12px 16px;justify-content:flex-end;align-items:center;gap:4px;align-self:stretch}.BlackBg .MaxAttempt .body{display:flex;flex-direction:column;align-items:center;gap:12px;align-self:stretch;margin-bottom:24px}.BlackBg .MaxAttempt .body img{width:225px;height:150px}.BlackBg .MaxAttempt .body .desc{display:flex;width:420px;padding:0 16px;flex-direction:column;align-items:center;gap:4px;width:calc(100% - 32px)}.BlackBg .MaxAttempt .body .desc p{color:var(--info-color-danger, #DF6262);text-align:center;font-size:14px;font-family:Inter;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;text-transform:capitalize}.BlackBg{position:fixed;top:72px;left:320px;width:calc(100% - 320px);height:calc(100% - 72px);background-color:#00000050;z-index:100}.BlackBg .DeactivateAccount{display:flex;flex-direction:column;align-items:flex-start;padding:16px;gap:16px;position:absolute;width:500px;background:#FFFFFF;box-shadow:0 0 10px #0000001a;border:1px solid #F2F2F2;border-radius:8px;z-index:101;left:calc(50% - 250px);top:calc(50% - 242px)}.BlackBg .DeactivateAccount .title{font-weight:700;font-size:24px;line-height:32px;display:flex;align-items:center;letter-spacing:-.02em;color:#333}.BlackBg .DeactivateAccount .password{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:12px;width:100%}.BlackBg .DeactivateAccount .password label span{color:red}.BlackBg .DeactivateAccount .password .input{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:12px;gap:4px;background:#FFFFFF;border:1px solid #F2F2F2;border-radius:4px;width:calc(100% - 24px)}.BlackBg .DeactivateAccount .password .input input{flex:1}.BlackBg .DeactivateAccount .password .input-reason{display:flex;flex-direction:row;align-items:flex-start;padding:12px;gap:4px;background:#FAFAFA;border:1px solid #F2F2F2;border-radius:4px;width:calc(100% - 24px)}.BlackBg .DeactivateAccount .password .input-reason input{flex:1;background:#FAFAFA}.BlackBg .DeactivateAccount .password .status{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding:0;width:100%}.BlackBg .DeactivateAccount .password .status .left{display:flex;flex-direction:row;align-items:center;padding:4px 8px;gap:8px}.BlackBg .DeactivateAccount .password .status .left p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#62df7e}.BlackBg .DeactivateAccount .password .status p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#5c5acc}.BlackBg .DeactivateAccount .action{width:100%;display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:8px}.BlackBg .DeactivateAccount .action .deactivate{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 12px 12px 16px;height:38px;gap:12px;background:#DF6262;border-radius:4px;font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fff;width:100%;border:none;cursor:pointer;outline:none}.BlackBg .DeactivateAccount .action .cancel{flex-direction:row;justify-content:center;padding:12px 12px 12px 16px;gap:12px;border:none;cursor:pointer;outline:none;width:100%;font-weight:700;font-size:14px;line-height:22px;display:flex;align-items:center;letter-spacing:.05em;color:#656565;background:#FFFFFF}.BlackBg .DeactivateAccount .Header_Confirm{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;width:100%}.BlackBg .DeactivateConfirm img{width:225px;height:150px}.BlackBg .DeactivateConfirm h2{margin-top:4px;font-weight:700;font-size:14px;line-height:20px;letter-spacing:-.01em;text-transform:capitalize;text-align:center}.BlackBg .DeactivateConfirm .caption_small{text-align:center;margin-top:4px}.BlackBg .DeactivateConfirm .action{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;padding:12px 16px;gap:12px}.BlackBg .DeactivateConfirm .action button{max-width:120px;padding:8px 12px!important}.ChatSettingPage{height:100vh;max-height:100vh;position:fixed;width:100dvw;max-width:100dvw}.ChatSettingPage .left{max-width:320px;width:320px;padding:24px 16px}.ChatSettingPage .right{flex:1;padding:24px 16px 24px 40px;background:#f7f5f5;max-width:calc(100dvw - 320px);overflow-y:scroll;height:calc(100dvh - 72px)}.ChatSettingPage_breadcrumbs{display:flex;flex-direction:row;align-items:center;gap:8px}.ChatSettingPage_breadcrumbs img:first-child{width:24px;height:24px}.ChatSettingPage_breadcrumbs img{width:16px;height:16px}.ChatSettingPage_breadcrumbs p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.ChatSettingPage_head{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:20px 0 12px}.ChatSettingPage_head .title{font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.01em;color:#333}.ChatSettingPage_head .text{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.ChatSettingPage_data{padding:12px;background:#FFFFFF;max-height:70vh}.ChatSettingPage_dataHead{display:flex;align-items:flex-start;gap:8px}.ChatSettingPage_dataHeadItem{display:flex;justify-content:center;align-items:center;padding:8px;gap:8px;cursor:pointer}.ChatSettingPage_dataHeadItem p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#656565}.ChatSettingPage_dataHeadItemActive{border-bottom:2px solid #6562DF}.ChatSettingPage_dataHeadItemActive p{color:#6562df}.ChatSettingPage_session{display:flex;align-items:flex-start;justify-content:space-between;padding:12px;gap:12px;border:1px solid #F2F2F2;border-radius:4px;margin-top:16px}.ChatSettingPage_sessionLeft{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.ChatSettingPage_sessionLeft .item{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:12px}.ChatSettingPage_sessionLeft .item .top,.ChatSettingPage_sessionLeft .item .bottom,.ChatSettingPage_sessionLeft .button{display:flex;align-items:flex-end;padding:0;gap:12px}.ChatSettingPage_sessionLeft .item .top h1{font-weight:600;font-size:16px;line-height:24px}.ChatSettingPage_sessionLeft .item .top p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#b3b3b3}.ChatSettingPage_sessionLeft .item .bottom .input{display:flex;justify-content:space-between;align-items:flex-start;padding:12px;gap:4px;width:76px;height:24px;border:1px solid #656464;border-radius:4px}.ChatSettingPage_sessionLeft .item .bottom .input p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#23224d}.ChatSettingPage_sessionLeft .item .bottom .input input{width:100%;font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#333}.ChatSettingPage_sessionLeft .item .bottom .input input::placeholder{color:#656464}.ChatSettingPage_sessionLeft .button{margin-top:12px}.ChatSettingPage_sessionLeft .button .btn-cancel,.ChatSettingPage_sessionLeft .button .btn-save{padding:12px;border-radius:4px;font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#df6262;cursor:pointer}.ChatSettingPage_sessionLeft .button .btn-save{background:#5C5ACC;color:#fafafa}.ChatSettingPage_sessionRight{display:flex;justify-content:center;align-items:center;padding:12px;gap:12px;background:#5C5ACC;border-radius:4px;cursor:pointer}.ChatSettingPage_sessionRight p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fafafa}.ChatSettingPage_autoRetry{width:100%;max-height:96px;padding:12px;gap:40px;border-radius:4px;display:flex;justify-content:space-between;align-items:center}.PaymentMethodPage{height:100vh;max-height:100vh;position:fixed;width:100dvw;max-width:100dvw}.PaymentMethodPage .left{max-width:320px;width:320px;padding:24px 16px}.PaymentMethodPage .right{flex:1;padding:24px 16px 24px 40px;background:#fff;max-width:calc(100dvw - 320px);overflow-y:scroll;height:calc(100dvh - 72px)}.PaymentMethodPage_breadcrumbs{display:flex;flex-direction:row;align-items:center;gap:8px}.PaymentMethodPage_breadcrumbs img:first-child{width:24px;height:24px}.PaymentMethodPage_breadcrumbs img{width:16px;height:16px}.PaymentMethodPage_breadcrumbs p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.PaymentMethodPage_head{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:20px 0 12px}.PaymentMethodPage_head .title{font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.01em;color:#333}.PaymentMethodPage_head .text{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.PaymentMethodPage_body :is(.NextPayment,.PaymentFail){display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;border:1px solid #E5E4E4;border-radius:8px;margin-top:20px}.PaymentMethodPage_body :is(.NextPayment,.PaymentFail) .square{width:24px;height:24px;border-radius:6px;background:#6562DF;display:flex;justify-content:center;align-items:center}.PaymentMethodPage_body :is(.NextPayment,.PaymentFail) .main{flex:1;display:flex;flex-direction:column;h6 {color: #6562DF;}}.PaymentMethodPage_body :is(.NextPayment,.PaymentFail) :is(.btn,.btn-retry){width:107px;height:36px;gap:4px;border-radius:4px;padding:0;background:#5C5ACC;display:flex;justify-content:center;align-items:center;p {color: #FAFAFA;}}.PaymentMethodPage_body :is(.NextPayment,.PaymentFail) .btn-retry{background:none;padding:0;width:112px;p {color: #656565;}}.PaymentMethodPage_body .PaymentFail{background:#DF62620D;border:1px solid #DF626226}.PaymentMethodPage_body .PaymentFail .main{h6 {color: #DF6262;}}.PaymentMethodPage_body .Package{display:flex;flex-direction:column;gap:12px;border-radius:8px;padding:12px 16px;height:max-content;max-height:max-content;border:1px solid #62DF7E;margin-top:20px}.PaymentMethodPage_body .Package .top{display:flex;justify-content:space-between;align-items:center;padding:0}.PaymentMethodPage_body .Package .top .left{display:flex;flex-direction:column;padding:0;p {color: #656565;} h3 {color: #23224D;}}.PaymentMethodPage_body .Package .top .right{display:flex;align-items:flex-end;flex-direction:column;max-height:56px;padding:0}.PaymentMethodPage_body .Package .top .right .top{display:flex;justify-content:flex-end;align-items:center;gap:4px;p {color: #25AF60;} h4 {color: #23224D;}}.PaymentMethodPage_body .Package .center{p {color: #808080;}}.PaymentMethodPage_body .Package .bottom{display:flex;justify-content:flex-end;align-items:center;background:none;gap:16px;p {color: #6562DF; text-decoration: underline;} #btn_switch_success {width: 107px; height: 36px; gap: 4px; border-radius: 4px; padding: 0; background: #5C5ACC; display: flex; justify-content: center; align-items: center; p {color: #FAFAFA;}}}.TransactionPage{height:100vh;max-height:100vh;position:fixed;width:100dvw;max-width:100dvw}.TransactionPage .GridWrapper{height:calc(100dvh - 72px)}.TransactionPage .left{max-width:320px;width:320px;padding:24px 16px}.TransactionPage .right{flex:1;padding:24px 16px 24px 40px;background:#f7f5f5;max-width:calc(100dvw - 320px);max-height:calc(100dvh - 72px);overflow-y:scroll}.TransactionPage .right .Result{gap:4px;margin-bottom:24px;display:flex;max-width:500px;padding:4px 12px;justify-content:space-between;align-items:center}.TransactionPage .right .Result p{color:var(--neutral-color-neutral-800, #656565);font-size:14px;font-family:Inter;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.TransactionPage .right .Result button{display:flex;height:24px;padding:8px;justify-content:center;align-items:center;gap:8px;outline:none;border:none;background:#F7F5F5}.TransactionPage .right .Result button:hover{background:var(--primary-color-primary-100, #DADAF2)}.TransactionPage .right .Result button:hover p{color:#23224d}.TransactionPage .right .Result button p{color:var(--primary-color-primary-600, #5C5ACC);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.TransactionPage_breadcrumbs{display:flex;flex-direction:row;align-items:center;gap:8px}.TransactionPage_breadcrumbs img:first-child{width:24px;height:24px}.TransactionPage_breadcrumbs img{width:16px;height:16px}.TransactionPage_breadcrumbs p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.TransactionPage_head h4{margin-top:24px;font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em}.TransactionPage_head p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.TransactionPage_connect{display:flex;flex-direction:column;align-items:center;gap:16px}.TransactionPage_connect img{width:250px;height:250px}.TransactionPage_connect h4{font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em;text-align:center}.TransactionPage_connect p{font-weight:400;font-size:16px;line-height:24px;color:#656464;margin-top:4px;text-align:center}.TransactionPage_connect .connect{display:flex;justify-content:center;align-items:center;gap:12px;background:#5C5ACC;border-radius:4px;width:142px;height:48px;cursor:pointer}.TransactionPage_connect .connect img{width:24px;height:24px}.TransactionPage_connect .connect p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fff}.TransactionPage_action{display:flex;justify-content:space-between;align-items:center;margin-top:12px;margin-bottom:24px}.TransactionPage_action .left{display:flex;align-items:flex-start;gap:12px;width:100%;padding:0}.TransactionPage_action .left .input{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 12px;gap:12px;width:360px;height:48px;border:1px solid #F2F2F2;border-radius:4px;margin-right:12px;background:#fff}.TransactionPage_action .left .input img,.TransactionPage_action .rightPart img{width:24px;height:24px}.TransactionPage_action .left .input input{flex:1;width:300px;height:24px}.TransactionPage_action .left .input input:focus{outline:none}.TransactionPage_action .rightPart{display:flex;justify-content:center;align-items:center;gap:12px;background:#5C5ACC;border-radius:4px;height:100%;max-height:48px;padding:12px 16px 12px 12px}.TransactionPage_action .rightPart p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fafafa}.TransactionPage_action .btn-delete{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 16px 12px 12px;gap:12px;border-radius:4px;transition:.3s;background:none;outline:none;border:none}.TransactionPage_action .btn-delete:hover{background:rgba(223,98,98,.15)}.TransactionPage_action .btn-delete p{font-weight:700;font-size:14px;line-height:22px;display:flex;align-items:center;letter-spacing:.05em;color:#df6262}.TransactionPage_data{max-width:calc(100dvw - 376px);overflow:scroll}.TransactionPage_data table{width:100%;border-spacing:0;border-collapse:collapse}.TransactionPage_data thead,.TransactionPage_data thead tr>*{background:#ededff}.TransactionPage_data tbody,.TransactionPage_data tbody td>*{background:#fafafa}.TransactionPage_data tbody td{background:#fff;border:none}.TransactionPage_data tbody td p{color:#656565}.TransactionPage_data thead tr,.TransactionPage_data tbody tr{display:flex}.TransactionPage_data thead tr th>button{padding:0;border:none;background:none;outline:none;display:flex;align-items:center;justify-content:center}.TransactionPage_data thead th p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.TransactionPage_data tbody td p{background:none}.TransactionPage_data thead .Checkbox{display:flex;width:24px;height:24px;padding:16px 8px;align-items:center;justify-content:center;gap:8px;position:sticky;left:0;z-index:1}.TransactionPage_data tbody .Checkbox{display:flex;width:24px;height:32px;padding:16px 8px;align-items:center;justify-content:center;gap:8px;position:sticky;left:0;z-index:1}.TransactionPage_data thead .startDate,.TransactionPage_data thead .endDate{display:flex;width:200px;height:24px;padding:16px;justify-content:space-between;align-items:center;position:sticky}.TransactionPage_data tbody .startDate,.TransactionPage_data tbody .endDate{display:flex;width:200px;height:32px;padding:16px;align-items:center;gap:10px;position:sticky}.TransactionPage_data thead .paymentMethod{display:flex;width:148px;height:24px;padding:16px;justify-content:space-between;align-items:center;position:sticky;left:80px}.TransactionPage_data tbody .paymentMethod{display:flex;width:148px;height:32px;padding:16px;align-items:center;gap:10px;position:sticky;left:80px}.TransactionPage_data thead .charge{display:flex;width:184px;flex:1;height:24px;padding:16px;justify-content:space-between;align-items:center;position:sticky;left:80px}.TransactionPage_data tbody .charge{display:flex;width:184px;flex:1;height:32px;padding:16px;align-items:center;gap:10px;position:sticky;left:80px}.TransactionPage_data thead .action{display:flex;width:20px;height:24px;padding:16px;justify-content:space-between;align-items:center;position:sticky;right:0}.TransactionPage_data tbody .action{display:flex;width:20px;height:32px;padding:16px;align-items:center;gap:4px;position:sticky;right:0}.TransactionPage_data .freezed{background:#A2A1E5;position:absolute;bottom:0;left:0;width:100%;height:5px}.BalancePage{height:100vh;max-height:100vh;position:fixed;width:100dvw;max-width:100dvw}.BalancePage .GridWrapper{height:calc(100dvh - 72px)}.BalancePage .left{max-width:320px;width:320px;padding:24px 16px}.BalancePage .right{flex:1;padding:24px 16px 24px 40px;background:#f7f5f5;max-width:calc(100dvw - 320px);max-height:calc(100dvh - 72px);overflow-y:scroll}.BalancePage_Header{display:flex;padding:12px;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch;border-radius:8px;background:#FFF;margin-top:20px}.BalancePage_Header .bottom{display:flex;padding:4px 0;justify-content:space-between;align-items:center;gap:10px;align-self:stretch}.BalancePage_Header .bottom .rightPart{display:flex;gap:10px;justify-content:flex-end;align-items:center}.BalancePage_Header .bottom .rightPart :is(.withdraw,.setting){display:flex;padding:12px;justify-content:center;align-items:center;gap:8px;border-radius:4px;background:#5C5ACC;p {color: #FAFAFA;}}.BalancePage_Header .bottom .rightPart .setting{background:none;p {color: #5C5ACC;}}.BalancePage_bankAccount{border-radius:8px!important;background:#FFFFFF!important;padding:12px;box-shadow:none!important;margin-top:20px}.BalancePage_bankAccount:before{background:none!important}.BalancePage_bankAccount .BalancePage_bankAccount_summary{background:none;padding:0;max-height:max-content;min-height:0}.BalancePage_bankAccount .BalancePage_bankAccount_summary .MuiAccordionSummary-content{margin:0;width:100%}.BalancePage_bankAccount .BalancePage_bankAccount_summary .MuiAccordionSummary-content .BalancePage_bankAccount_summaryHead{width:100%;display:flex;justify-content:space-between;align-items:center;align-self:stretch}.BalancePage_bankAccount .BalancePage_bankAccount_summary .MuiAccordionSummary-content .BalancePage_bankAccount_summaryHead .left{padding:0}.BalancePage_bankAccount .BalancePage_bankAccount_body{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.BalancePage_bankAccount .BalancePage_bankAccount_body .addBank{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:#5C5ACC;p {color: #FAFAFA;}}.BalancePage_bankAccount .BalancePage_bankAccount_body .bankListData{display:flex;padding:8px 8px 8px 12px;justify-content:space-between;align-items:center;align-self:stretch;border-radius:4px;border:1px solid#6562DF;background:#FFF;margin-top:12px;button {padding: 8px;}}.BalancePage_bankAccount .BalancePage_bankAccount_body .bankListData .leftData{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.BalancePage_transaction{display:flex;flex-direction:column;align-items:flex-start;gap:12px;flex:1 0 0;align-self:stretch}.BalancePage_transaction .Switcher{display:flex;padding:4px;align-items:center;gap:4px;border-radius:8px;background:#F2F2F2;margin-top:12px}.BalancePage_transaction .Switcher :is(.item,.itemActive){display:flex;min-width:100px;padding:8px;justify-content:center;align-items:center;gap:8px;background:#F2F2F2;border-radius:4px;p {color: #656565;}}.BalancePage_transaction .Switcher .itemActive{background:#FFFFFF;p {color: #6562DF;}}.BalancePage_transaction .TeamPage_action{display:flex;justify-content:space-between;padding:0;margin:0;width:100%}.BalancePage_transaction .TeamPage_action .left{padding:0;max-width:max-content;width:max-content;flex:1}.BalancePage_transaction .TeamPage_action .right{display:flex;align-items:center;gap:8px;background:none;padding:0;max-width:max-content}.BalancePage_transaction .TeamPage_action .right .buttonExport{display:flex;height:36px;padding:8px 16px 8px 8px;justify-content:center;align-items:center;gap:8px;border-radius:4px;background:#5C5ACC;p {color: #FFFFFF;}}.BalancePage_transaction .BalancePage_transaction_data{max-width:100%;max-height:60vh;overflow:scroll;border-radius:8px;border:1px solid#E5E4E4;table {width: 100%; border-spacing: 0; position: relative;} th,td {padding: 8px;} thead {background: #EDEDFF; max-width: calc(100dvw - 376px); width: 100%; position: sticky; top: 0; z-index: 2; th {font-weight: 700; font-size: 14px; line-height: 20px; letter-spacing: -.01em; color: #333333; text-align: start; button {min-width: 16px; height: 16px; padding: 0; cursor: pointer; color: transparent; transition: none; outline: none; &:active {outline: none;}} div {display: flex; justify-content: space-between; align-items: center; gap: 10px; p {font-weight: 700; font-size: 14px; line-height: 20px; letter-spacing: -.01em; color: #333333; span {color: #DF6262;}} svg {cursor: pointer;}}} .action {background-color: #EDEDFF; border-left: 1px solid var(--neutral-color-neutral-200, #F2F2F2);}} .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root .css-i4bv87-MuiSvgIcon-root {fill: #820202;} .css-y8ay40-MuiTableCell-root {background: #EDEDFF;} .css-1ex1afd-MuiTableCell-root,.css-y8ay40-MuiTableCell-root,.css-1ygcj2i-MuiTableCell-root {border: none;} .checkbox {width: 24px; padding: 8px;} .freezed {background: #A2A1E5; position: absolute; bottom: 0; left: 0; width: 100%; height: 5px;} .width204 {min-width: 188px; width: 100%; max-width: 188px; padding: 8px;} .width184 {min-width: 168px; width: 100%; max-width: 168px; padding: 8px;} .width164 {min-width: 148px; width: 100%; max-width: 148px; padding: 8px;} .width104 {min-width: 88px; width: 100%; max-width: 88px; padding: 8px;} .invoiceStatusData {display: flex; padding: 8px; justify-content: center; align-items: center; gap: 10px; flex: 1 0 0; border-radius: 20px; p {font-size: 12px; font-style: normal; font-weight: 700; line-height: 18px;}} .column-freezed{min-width: 184px; max-width: 184px; padding: 8px;} .action {width: 84px; padding: 8px; display: flex; justify-content: center; align-items: center; gap: 8px; position: sticky; right: 0; background: #FFFFFF; border-left: 1px solid #F2F2F2;} .actionData {width: 100px; display: flex; justify-content: center; align-items: center; gap: 8px; position: sticky; right: 0; background: #FFFFFF; border-left: 1px solid #F2F2F2; .buttonFirst {display: flex; height: 28px; padding: 4px 8px; justify-content: center; align-items: center; gap: 8px; flex-shrink: 0; align-self: stretch; p {color: #5C5ACC;}}}}.BalancePage_detailTransaction{display:flex;padding:12px;flex-direction:column;align-items:flex-start;gap:24px;align-self:stretch;border-radius:8px;background:#FFF;margin-top:20px}.BalancePage_detailTransaction .header{display:flex;height:36px;justify-content:space-between;align-items:flex-start;align-self:stretch;button {display: flex; height: 36px; padding: 8px 16px 8px 8px; justify-content: center; align-items: center; gap: 8px; border-radius: 4px; background:#5C5ACC; p {font-size: 12px; font-style: normal; font-weight: 600; line-height: 20px; color: #FAFAFA;}}}.BalancePage_detailTransaction .header .leftSection{display:flex;align-items:center;gap:4px}.BalancePage_detailTransaction .sectionData{display:flex;flex-direction:column;align-items:flex-start;gap:16px;align-self:stretch}.BalancePage_detailTransaction .sectionData .head{display:flex;padding:8px;justify-content:space-between;align-items:center;align-self:stretch}.BalancePage_detailTransaction .sectionData .body{display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch}.BalancePage_detailTransaction .sectionData .body .item{display:flex;padding:0 8px;align-items:center;gap:4px;align-self:stretch;p {color: #808080;} .one {width: 240px;} .invoiceStatusData {display: flex; padding: 4px 8px; justify-content: center; align-items: center; gap: 10px; flex: 1 0 0; border-radius: 20px; min-width: 80px; p {font-size: 12px; font-style: normal; font-weight: 700; line-height: 18px;}}}.BalancePage .right .Result{gap:4px;margin-bottom:24px;display:flex;width:calc(100% - 24px)!important;padding:4px 12px;justify-content:space-between;align-items:center}.BalancePage .right .Result p{color:var(--neutral-color-neutral-800, #656565);font-size:14px;font-family:Inter;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.BalancePage .right .Result button{display:flex;height:24px;padding:8px;justify-content:center;align-items:center;gap:8px;outline:none;border:none;background:#F7F5F5}.BalancePage .right .Result button:hover{background:var(--primary-color-primary-100, #DADAF2)}.BalancePage .right .Result button:hover p{color:#23224d}.BalancePage .right .Result button p{color:var(--primary-color-primary-600, #5C5ACC);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.BalancePage_breadcrumbs{display:flex;flex-direction:row;align-items:center;gap:8px}.BalancePage_breadcrumbs img:first-child{width:24px;height:24px}.BalancePage_breadcrumbs img{width:16px;height:16px}.BalancePage_breadcrumbs p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.BalancePage_head h4{margin-top:24px;font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em}.BalancePage_head p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.BalancePage_connect{display:flex;flex-direction:column;align-items:center;gap:16px}.BalancePage_connect img{width:250px;height:250px}.BalancePage_connect h4{font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em;text-align:center}.BalancePage_connect p{font-weight:400;font-size:16px;line-height:24px;color:#656464;margin-top:4px;text-align:center}.BalancePage_connect .connect{display:flex;justify-content:center;align-items:center;gap:12px;background:#5C5ACC;border-radius:4px;width:142px;height:48px;cursor:pointer}.BalancePage_connect .connect img{width:24px;height:24px}.BalancePage_connect .connect p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fff}.BalancePage_action{display:flex;justify-content:space-between;align-items:center;margin-top:12px;margin-bottom:24px}.BalancePage_action .left{display:flex;align-items:flex-start;gap:12px;width:100%;padding:0}.BalancePage_action .left .input{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 12px;gap:12px;width:360px;height:48px;border:1px solid #F2F2F2;border-radius:4px;margin-right:12px;background:#fff}.BalancePage_action .left .input img,.BalancePage_action .rightPart img{width:24px;height:24px}.BalancePage_action .left .input input{flex:1;width:300px;height:24px}.BalancePage_action .left .input input:focus{outline:none}.BalancePage_action .rightPart{display:flex;justify-content:center;align-items:center;gap:12px;background:#5C5ACC;border-radius:4px;height:100%;max-height:48px;padding:12px 16px 12px 12px}.BalancePage_action .rightPart p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fafafa}.BalancePage_action .btn-delete{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 16px 12px 12px;gap:12px;border-radius:4px;transition:.3s;background:none;outline:none;border:none}.BalancePage_action .btn-delete:hover{background:rgba(223,98,98,.15)}.BalancePage_action .btn-delete p{font-weight:700;font-size:14px;line-height:22px;display:flex;align-items:center;letter-spacing:.05em;color:#df6262}.BubleContainerGuideBookTitle{display:flex;padding:20px;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch;border-radius:8px;background:var(--background-white, #fff);width:100%}.FormGuideBook .Header{padding:24px;border-radius:0 8px 8px;background-color:#fff;margin-bottom:16px}.Typography{overflow:hidden;color:var(--neutral-color-neutral-900, #333);text-overflow:ellipsis;white-space:nowrap;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.TypographySubAccordion{overflow:hidden;color:var(--neutral-color-neutral-800, #656565);text-overflow:ellipsis;white-space:nowrap;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px}.TypographySubMiniAccordion{overflow:hidden;color:var(--neutral-color-neutral-4, #333);text-overflow:ellipsis;white-space:nowrap;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;margin-right:8px}.LayoutLabelling{background:#fff;max-height:calc(100dvh - 120px);min-height:calc(100dvh - 120px);overflow-y:scroll}.LayoutLabelling .Header{display:flex;align-items:center;justify-content:center;padding:16px;background:#454399;margin-bottom:24px}.LayoutLabelling .Header .Text{font-weight:600;font-size:16px;line-height:24px;color:#fff}.LayoutLabelling .Title{display:flex;align-items:center;gap:12px;padding:16px}.LayoutLabelling .Title p{font-weight:400;font-size:16px;line-height:24px;color:#656464}.LayoutLabelling .Question{display:flex;align-items:center;justify-content:space-between;padding:8px 16px}.LayoutLabelling .Question .Left{display:flex;align-items:center;gap:12px}.LayoutLabelling .Question .Button{display:flex;align-items:center;gap:4px}.LayoutLabelling .Question p{font-size:12px;line-height:22px;letter-spacing:.01em;color:#333}.LayoutLabelling .Answer{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 8px 40px}.LayoutLabelling .Answer .Left{display:flex;align-items:center;gap:12px}.LayoutLabelling .Answer .Left img{width:16px;height:16px;margin-left:20px}.LayoutLabelling .Answer .Left p{font-size:12px;line-height:22px;letter-spacing:.01em;color:#333;width:63px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.HeaderLabelForm .left{display:flex;align-items:center;gap:8px}.HeaderLabelForm .left .arrow{padding:12px;display:flex;align-items:center;justify-content:center}.HeaderLabelForm .left .text{font-weight:700;font-size:16px;line-height:24px;display:flex;align-items:center;color:#656464}.HeaderLabelForm .right{display:flex;align-items:center;justify-content:flex-end;padding:0;gap:4px;height:48px}.HeaderLabelForm .right .save{display:flex;align-items:center;justify-content:center;gap:12px;width:115px;height:48px;background:#5c5acc;border-radius:4px;color:#fff}.HeaderLabelForm .right .more{display:flex;align-items:center;justify-content:center;width:48px;height:48px}.HeaderLabelForm .right .formView{display:flex;align-items:center;justify-content:center;width:128px;height:48px;gap:8px}.HeaderLabelForm .button-right{display:flex;justify-content:flex-end;align-items:center;gap:12px}.HeaderLabelForm .button-right .btn-save{display:flex;width:80px;height:36px;padding:8px;justify-content:center;align-items:center;gap:8px;border-radius:4px;background:#5C5ACC;color:#fafafa}.BgBcFollowTag{position:absolute;top:72px;right:0;z-index:4;width:calc(100dvw - 320px);height:calc(100dvh - 72px)!important;background-color:#00000050;display:flex;justify-content:center;align-items:center}.BcFollowUpTagAction{display:flex;width:615px;flex-direction:column;align-items:flex-start;border-radius:8px;box-shadow:0 0 10px #0000001a;background-color:#fff}.BcFollowUpTagAction .Head{display:flex;padding:12px;justify-content:space-between;align-items:center;align-self:stretch;border-bottom:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--background-white, #fff);border-radius:8px 8px 0 0}.BcFollowUpTagAction .Head .Left{display:flex;align-items:center;gap:8px}.BcFollowUpTagAction .Head .Left p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:24px;font-style:normal;font-weight:700;line-height:32px;letter-spacing:-.48px}.BcFollowUpTagAction .Body{overflow-y:scroll;overflow-x:hidden;display:flex;height:39.0625vh;width:calc(100% - 24px);padding:12px;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch;border-bottom:1px solid var(--neutral-color-neutral-100, #fafafa);background:var(--background-white, #fff)}.BcFollowUpTagAction .Body .Timestamp{display:flex;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch}.BcFollowUpTagAction .Body .Timestamp .Action{display:flex;align-items:center;align-content:center;gap:8px;flex-wrap:wrap}.BcFollowUpTagAction .Body .Timestamp .Info{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:16px}.BcFollowUpTagAction .Body .Timestamp .Input{display:flex;padding:12px;align-items:center;gap:10px;align-self:stretch;border-radius:4px;border:1px solid var(--neutral-color-neutral-3, #656464);background:#fff}.BcFollowUpTagAction .Body .Timestamp .Act{border:1px solid var(--primary-color-primary-400, #817ee5)}.BcFollowUpTagAction .Body .Timestamp .Input p{flex:1;color:var(--primary-color-primary-900, #23224d);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.BcFollowUpTagAction .Body .Timestamp .TextInfo{display:flex;padding:4px 8px;align-items:center;gap:8px}.BcFollowUpTagAction .Body .Timestamp .TextInfo p{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.BcFollowUpTagAction .Body .WrapperTag{display:flex;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch}.BcFollowUpTagAction .Body .WrapperTag label{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.BcFollowUpTagAction .Body .WrapperTag .InputTag{width:100%}.BcFollowUpTagAction .Footer{display:flex;padding:12px;justify-content:space-between;align-items:center;align-self:stretch;background:var(--background-white, #fff);border-radius:0 0 8px 8px}.BcFollowUpTagAction .Footer button{outline:none;background:none;border:none}.BcFollowUpTagAction .Footer .Cancel{display:flex;padding:12px;justify-content:center;align-items:center}.BcFollowUpTagAction .Footer .Cancel p{color:var(--info-color-danger, #df6262);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.BcFollowUpTagAction .Footer .Add{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:var(--primary-color-primary-600, #5c5acc)}.BcFollowUpTagAction .Footer .Add:hover{background:var(--primary-color-primary-600, #23224d)}.BcFollowUpTagAction .Footer .Add p{color:var(--neutral-color-neutral-100, #fafafa);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.FollowUpTagActionOpt{display:flex;width:400px;padding:4px;flex-direction:column;align-items:flex-start;gap:4px}.FollowUpTagActionOpt_Add{display:flex;padding:8px 12px;align-items:flex-start;gap:10px;align-self:stretch;cursor:pointer}.FollowUpTagActionOpt_Add:hover{background:var(--primary-color-primary-500, #6562df)}.FollowUpTagActionOpt_Add:hover p{color:var(--neutral-color-neutral-100, #fafafa)}.FollowUpTagActionOpt_Add p{font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.FollowUpTagActionOpt_Add p{color:var(--neutral-color-neutral-4, #333)}.titleRadioGB{color:var(--neutral-color-neutral-800, #656565)!important;font-family:Inter;font-size:14px!important;font-style:normal!important;font-weight:700!important;line-height:20px!important;letter-spacing:-.14px!important}.descRadioGB{color:var(--neutral-color-neutral-700, #808080)!important;font-family:Inter;font-size:10px!important;font-style:normal!important;font-weight:300!important;line-height:16px!important}.subtitleRadioGB{color:var(--neutral-color-neutral-900, #333)!important;margin-bottom:10px;font-family:Inter;font-size:14px!important;font-style:normal!important;font-weight:500!important;line-height:20px!important}.SidebarTemplate .menu .active-submenu{border:1px solid #6562DF;box-shadow:0 0 5px #6562df26;border-radius:4px;background:var(--neutral-color-neutral-100, #FAFAFA)}.EditBtnGBPage{display:flex;height:36px;padding:0 4px;justify-content:center;align-items:center;gap:4px;border-radius:4px;border:1px solid var(--primary-color-primary-600, #5c5acc)}.TypoEditBtnGBPage{color:var(--primary-color-primary-600, #5c5acc);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.ContactListPage_data .ActionData{width:auto;padding:25px 16px;display:flex;justify-content:center;align-items:center;gap:8px;position:sticky;right:0;background:#ffffff;border-left:1px solid #f2f2f2}.DropdownGuideBook{background-color:#fff}.DropdownGuideBook:hover{background-color:#6562df}.informationIcon{color:#000}.BubleContainerGuideBookTitle{display:flex;padding:12px 20px;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch;border-radius:8px;background:var(--background-white, #fff);width:100%}.GBScriptTrigger{margin-top:30px;color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.ScriptWrapperTitle{display:flex;justify-content:flex-start;gap:8px;width:100%!important}#SettingScriptTitle{display:flex;justify-content:center;align-items:center;border:1px solid #5C5ACC;padding:0 8px;border-radius:4px;background:none}#SettingScriptTitle:hover{border:1px solid #23224D;background:#B8B7E5}.GBScriptInputTrigger{display:flex;border-radius:inherit}.GBScriptInputTrigger input{width:auto!important;caret-color:#6562df!important;color:#333!important;min-width:200px!important}.ScriptWrapperTitle .AnyRespondTrigger{flex:1;border:1px solid #B3B3B3;padding:8px 12px;background-color:#fafafa;border-radius:4px}.ScriptWrapperTitle .AnyRespondTrigger p{font-size:12px;line-height:18px;font-weight:400;color:#b3b3b3}.FormGuideBookActive{border-left:5px solid #6562df}.FormGuideBook{margin-bottom:100px}.FormGuideBook .Header{padding:12px 24px;border-radius:0 8px 8px;background-color:#fff;margin-bottom:16px}.FormGuideBook .Header .Title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.FormGuideBook .Header .Title .Left{display:flex;align-items:center}.FormGuideBook .Header .Title .iconUser{display:flex;align-items:center;justify-content:center;background:#ffe9b3;border:1px solid #ffcb47;border-radius:32px;width:40px;height:40px}.FormGuideBook .Header .Title input{margin:0 12px;font-size:24px;line-height:32px;display:flex;align-items:center;letter-spacing:-.01em;color:#333;flex:1;border-bottom:1px solid #f2f2f2}.FormGuideBook .Header .Title .more{display:flex;align-items:center;justify-content:center;width:48px;height:48px}.FormGuideBook .Header .Deskripsi{border-bottom:1px solid #f2f2f2;margin-bottom:12px}.FormGuideBook .Header .Deskripsi p,.FormGuideBook .Header .Deskripsi input{font-size:12px;line-height:22px;color:#333}.FormGuideBook .Header .Repeat{display:flex;align-items:center;gap:4px}.FormGuideBook .Header .Repeat p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656565}.FormGuideBook .Bagian{padding:24px;border-radius:8px;background-color:#fff;display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.FormGuideBook .Bagian .more{display:flex;align-items:center;justify-content:center;width:48px;height:48px}.FormGuideBook .Bagian input{font-weight:600;font-size:16px;line-height:24px;display:flex;align-items:center;color:#333;border-bottom:1px solid #f2f2f2;flex:1}.FormGuideBook .FormArea{padding:24px;background-color:#fff;border-radius:0 8px 8px;margin-bottom:16px}.FormGuideBook .FormArea .Question{display:flex;align-items:center;justify-content:space-between;gap:8px;marfgin-bottom:16px}.FormGuideBook .FormArea .Question input{display:flex;flex-direction:row;align-items:center;flex:1;padding:12px;background:#ffffff;border:1px solid #656464;border-radius:4px;font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#23224d}.FormGuideBook .FormArea .Deskripsi{margin-bottom:16px;border-bottom:1px solid #bdbdbd}.FormGuideBook .FormArea .Answer{padding:12px 0}.FormGuideBook .FormArea .Answer .AnswerItem{display:flex;align-items:center;justify-content:space-between;padding-left:28px;margin-bottom:16px}.FormGuideBook .FormArea .Answer .AnswerItem .Left,.FormGuideBook .FormArea .Answer .AnswerItem .Left img{display:flex;align-items:center;gap:12px}.FormGuideBook .FormArea .Answer .AnswerItem .Left input{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.FormGuideBook .FormArea .Action{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f2f2f2;margin-top:16px}.FormGuideBook .FormArea .Action .Left{display:flex;align-items:center;gap:4px}.FormGuideBook .FormArea .Action .Left div{width:44px;height:48px;display:flex;flex-direction:row;justify-content:center;align-items:center;border:none;background:#fff;cursor:pointer}.FormGuideBook .FormArea .Action .Right{display:flex;align-items:center;gap:4px;padding:0}.FormGuideBook .FormArea .Action .Right .Required{display:flex;align-items:center;gap:12px;padding:0}.FormGuideBook .FormArea .Action .Right .Required p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#656464}.FormGuideBook .more{display:flex;align-items:center;justify-content:center;width:48px;height:48px}.FormGuideBook .FormArea .ShortAnswer{display:flex;align-items:flex-start;padding:12px;gap:10px;background:#fafafa;border:1px solid #f2f2f2;border-radius:4px;margin:12px 0}.FormGuideBook .FormArea .ShortAnswer input{flex:1;background:#fafafa}.FormGuideBook .FormArea .Scale{padding:12px 0}.FormGuideBook .FormArea .Scale .Input{display:flex;align-items:center;padding:0;gap:12px;margin-bottom:12px}.FormGuideBook .FormArea .Scale .Input p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#333}.FormGuideBook .FormArea .Scale .Input .Number button{background:white;padding:12px;border:1px solid #656464;border-radius:4px}.FormGuideBook .FormArea .Scale .Input .Number button .Left{display:flex;align-items:center;gap:10px}.FormGuideBook .FormArea .Scale .AnswerScale{display:flex;align-items:center;padding:0 12px;gap:12px;margin-bottom:12px}.FormGuideBook .FormArea .Scale .AnswerScale p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#333}.FormGuideBook .FormArea .Scale .AnswerScale input{flex:1;display:flex;align-items:center;padding:4px 0;gap:4px;border-bottom:1px solid #b3b3b3;font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em}.FormGuideBook .FormArea .DateAnswer{display:flex;align-items:center;padding:4px 0;gap:12px;height:32px;margin:12px 0}.FormGuideBook .FormArea .DateAnswer p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.FormGuideBook .FormArea .TimeAnswer{display:flex;align-items:center;padding:4px 0;gap:12px;height:32px;margin:12px 0}.FormGuideBook .FormArea .TimeAnswer p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.ListFormGuideBookForm{display:flex;flex-direction:column;gap:16px}#wrapper-loading-form-guidebook{position:relative;height:100%;margin-top:calc(100dvh - 700px)}.profile-main-loader{left:50%!important;margin-left:-100px;position:fixed!important;top:50%!important;margin-top:-100px;width:45px;z-index:9000!important}.profile-main-loader .loader{position:relative;margin:0 auto;width:200px;height:200px}.profile-main-loader .loader:before{content:"";display:block;padding-top:100%}.circular-loader{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;height:100%;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;width:100%;position:absolute;top:0;left:0;margin:auto}.loader-path{stroke-dasharray:150,200;stroke-dashoffset:-10;-webkit-animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;stroke-linecap:round}@-webkit-keyframes rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}to{stroke-dasharray:89,200;stroke-dashoffset:-124}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}to{stroke-dasharray:89,200;stroke-dashoffset:-124}}@-webkit-keyframes color{0%{stroke:#5c5acc}40%{stroke:#5c5acc}66%{stroke:#5c5acc}80%,90%{stroke:#5c5acc}}@keyframes color{0%{stroke:#5c5acc}40%{stroke:#5c5acc}66%{stroke:#5c5acc}80%,90%{stroke:#5c5acc}}.TypographyLoadingFormGuideBook{margin-top:30px;color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:24px;font-style:normal;font-weight:700;line-height:32px;letter-spacing:-.48px}.ElementLabelling{background:#fff;max-height:calc(100dvh - 120px);min-height:calc(100dvh - 120px);overflow-y:scroll}.ElementLabelling p{font-size:16px;line-height:24px;color:#656464}.ElementLabelling .Header{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#454399;margin-bottom:24px}.ElementLabelling .Header .Text{font-weight:600;font-size:16px;line-height:24px;color:#fff}.ElementLabelling .Section{margin-bottom:24px}.ElementLabelling .Section .Title{padding-left:16px;font-weight:700;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333}.ElementLabelling .Section .Bagian{padding:16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.ElementLabelling .Section .Bagian .Left{display:flex;align-items:center;gap:12px}.ElementLabelling .Answer .Title{padding-left:16px;font-weight:700;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333}.ElementLabelling .Answer .Type{padding:16px;display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;cursor:pointer}.ElementLabelling .Answer .Type .Left{display:flex;align-items:center;gap:12px}.AutoSaved{display:flex;width:276px;padding:8px 12px;align-items:center;justify-content:space-between;gap:4px;position:absolute;left:10px;right:10px;bottom:10px;border-radius:8px;border:1px solid var(--neutral-color-neutral-500, #b3b3b3);background:var(--background-white, white);box-shadow:0 0 10px #0000001a}.TypoAutoSave{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.ActiveElement{border-radius:4px;border:1px solid var(--primary-color-primary-300, #a2a1e5);box-shadow:5px 5px 5px #6562df26}.ActiveButtonElement{padding:3px 8px}.ActiveButtonElement:hover{background:var(--primary-color-primary-100, #dadaf2);border-radius:4px;box-shadow:5px 5px 5px #6562df26}.TypographySubAccordion{color:var(--neutral-color-neutral-800, #656565);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px}.ChatbodyGuideBookTitle{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;align-self:stretch;overflow:hidden;color:var(--neutral-color-neutral-900, #333);text-overflow:ellipsis;font-family:Inter;font-size:24px;font-style:normal;font-weight:700;line-height:32px;letter-spacing:-.48px}.Typography{overflow:hidden;color:var(--neutral-color-neutral-900, #333);text-overflow:ellipsis;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.TypographySubAccordion{overflow:hidden;color:var(--neutral-color-neutral-800, #656565);text-overflow:ellipsis;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px}.TypographySubAccordionSubtitleDetail{color:var(--neutral-color-neutral-700, #808080);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:16px}.CenterFlex{display:flex;align-items:center;justify-content:center;gap:8px}.CardGuideBook{display:flex;padding:10px;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch;border-radius:4px;border:1px solid var(--neutral-color-neutral-300, #e5e4e4);background:var(--background-white, #fff)}.WrapperTitleGuideBook{display:flex;padding:4px;align-items:flex-start;justify-content:space-between;gap:10px;align-self:stretch;background:var(--neutral-color-neutral-100, #fafafa)}.TeksNormalGuideBook{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:16px}.TitleCardGuideBook{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.SubTitleCardGuideBook{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:-.1px}.QuickAnswerTitleGuideBook{color:#333;font-size:10px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:-.1px}.QuickAnswerGuideBookAnswer{display:flex;width:calc(100% - 8px);padding:4px;align-items:center;gap:4px;border-radius:4px;background:#fafafa;border:1px solid #f2f2f2;margin-top:4px}.QuickAnswerGuideBookAnswer p{font-size:10px;font-style:normal;font-weight:300;line-height:16px;color:#333}.QuickAnswerBodyGuideBook{display:flex;width:280px;padding:4px;align-items:center;gap:4px;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--neutral-color-neutral-100, #fafafa);color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:16px}.AnswerGuideBook{display:flex;flex-direction:column;gap:8px}.WrapperNavigationGuideBookDetail{display:flex;gap:10px;align-items:center}.TitleGuideBookDetail{overflow:hidden;color:var(--neutral-color-neutral-900, #333);text-overflow:ellipsis;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.TypographySubMiniAccordion{overflow:hidden;color:var(--neutral-color-neutral-4, #333);text-overflow:ellipsis;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.WrapperHeaderAccordion{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.WrapperHeaderAccordion .title{color:#000;font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:-.1px}.WrapperHeaderAccordion .subtitle{color:var(--primary-color-primary-500, #6562df);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:-.1px}.GBSPreviewLayoutMessage{display:flex;padding:12px 4px;flex-direction:column;align-items:flex-end;gap:4px;flex:1 0 0;align-self:stretch;background:#efe6dd;overflow-y:scroll}.GBSPreviewLayoutMessageLeft{display:flex;padding:12px 4px;flex-direction:column;align-items:flex-start;gap:4px;flex:1 0 0;align-self:stretch;background:#efe6dd;overflow-y:scroll}.LayoutGBScript{background:#fff;max-height:calc(100dvh - 120px);min-height:calc(100dvh - 120px);overflow-y:scroll}.LayoutGBScript .Header{display:flex;align-items:center;justify-content:center;padding:16px;background:#454399;margin-bottom:24px}.LayoutGBScript .Header .Text{display:flex;justify-content:center;align-items:center;gap:10px;font-weight:600;font-size:16px;line-height:24px;color:#fff}.LayoutGBScript .Title{display:flex;align-items:center;gap:12px;padding:16px}.LayoutGBScript .Title p{font-weight:400;font-size:16px;line-height:24px;color:#656464}.LayoutGBScript .Question{display:flex;align-items:center;justify-content:space-between;padding:8px 16px}.LayoutGBScript .Question .Left{display:flex;align-items:center;gap:12px}.LayoutGBScript .Question .Button{display:flex;align-items:center;gap:4px}.LayoutGBScript .Question p{font-size:12px;line-height:22px;letter-spacing:.01em;color:#333}.LayoutGBScript .Answer{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 8px 40px}.LayoutGBScript .Answer .Left{display:flex;align-items:center;gap:12px}.LayoutGBScript .Answer .Left img{width:16px;height:16px;margin-left:20px}.LayoutGBScript .Answer .Left p{font-size:12px;line-height:22px;letter-spacing:.01em;color:#333;width:63px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.PreviewSubChapterGuideBook{margin:0 15px}.headerPreviewSubChapterGuideBook{display:flex;justify-content:space-between}.backgroundPreviewLayout{display:flex;margin:0 15px;padding:8px;flex-direction:column;background:#efe6dd;gap:6px;height:calc(100dvh - 250px);overflow-y:scroll}.ActiveEyeLayout{display:flex;height:24px;padding:8px;justify-content:center;align-items:center;gap:4px;border-radius:4px;background:var(--primary-color-primary-200, #b8b7e5)}.GuideBookFormBody{max-height:calc(100dvh - 120px)!important;min-height:calc(100dvh - 120px)!important;padding:0;height:calc(100dvh - 120px)!important;overflow:hidden;width:100%;background:#f2f2f2;position:fixed;bottom:0;left:0}.GuideBookFormBody .middle{height:calc(100dvh - 120px)!important;max-height:calc(100dvh - 120px)!important;overflow-y:scroll;padding-top:57px!important;padding-right:60px!important;padding-left:20px!important}.ini_bagian_tengah p{max-height:100%}.GuideBookText{color:var(--neutral-color-neutral-500, #b3b3b3);font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.GuideBookTitle{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.LabelFormHeader{position:fixed;top:0;left:0}.NavbarLabelForm{display:flex;align-items:center;gap:10px;padding:0 26px;height:48px;width:calc(100dvw - 52px);background:#ffffff}.NavbarLabelForm .text{font-weight:500;font-size:14px;line-height:24px;color:#dadaf2}.HeaderLabelForm{display:flex;justify-content:space-between;align-items:center;gap:49px;padding:0 16px;height:71px;width:calc(100dvw - 32px)!important;background:#ffffff;border-bottom:1px solid #f2f2f2}.HeaderLabelForm_left{display:flex;align-items:center;gap:12px}.HeaderLabelForm_left .left{display:flex;align-items:center;gap:8px}.HeaderLabelForm_left .left .arrow{padding:12px;display:flex;align-items:center;justify-content:center}.HeaderLabelForm_left .left .text{font-weight:700;font-size:16px;line-height:24px;display:flex;align-items:center;color:#656464}.HeaderLabelForm .middle{display:flex;align-items:center}.HeaderLabelForm .middle .labelDropdown{display:flex;flex-direction:row;align-items:center;padding:0 12px;gap:4px;width:344px;height:48px;margin-right:4px}.HeaderLabelForm .middle .labelDropdown .labelling{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:4px 8px;gap:4px;width:280px;height:48px}.HeaderLabelForm .middle .labelDropdown .labelling .content{display:flex;flex-direction:row;align-items:center;padding:0;gap:12px;width:236px;height:40px}.HeaderLabelForm .middle .icon{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0 4px;gap:4px;width:152px;height:48px}.HeaderLabelForm .middle .icon .name{display:flex;align-items:center;justify-content:center;padding:12px;cursor:pointer}.HeaderLabelForm .middle .undo{display:flex;align-items:center;justify-content:center;padding:12px}.HeaderLabelForm .middle .undo .item{display:flex;align-items:center;justify-content:center;cursor:pointer}.HeaderLabelForm .middle .separator{width:1px;height:40px;background:#656464}.HeaderLabelForm .middle .iconUser{display:flex;align-items:center;justify-content:center;background:#ffe9b3;border:1px solid #ffcb47;border-radius:32px;width:40px;height:40px}.HeaderLabelForm .right{display:flex;align-items:center;justify-content:flex-end;padding:0;gap:4px;height:48px;button {outline: none; background: none; font-size: 12px; font-weight: 600; line-height: 20px; display: flex; align-items: center; gap: 4px; border-radius: 4px; transition: .3s;} #export_script{} #import_script{border: 1px solid #6562df;} #save_script{background: #6562df; color: white;} #save_script:hover{background: #23224D;}}#gbscript_header_btn_back{padding:0;border:none;outline:none;background:none}.BroadcastPage_connect .connect{display:flex;justify-content:center;align-items:center;gap:12px;background:#23224D;border-radius:4px;padding:0 16px 0 12px;width:fit-content;height:48px;cursor:pointer}.BroadcastPage_action .left .input{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 12px;gap:12px;width:360px;height:48px;border:1px solid #F2F2F2;border-radius:4px;margin-right:12px;background:#fff}.BroadcastPage_action .right{display:flex;justify-content:center;align-items:center;gap:12px;background:#5C5ACC;border-radius:4px;min-width:162px;max-width:max-content;height:100%;max-height:48px;padding:0 16px 0 12px;cursor:pointer}.BroadcastPage_data{max-width:calc(100dvw - 352px);overflow:scroll}.BroadcastPage_data table{width:100%;border-spacing:0;border-collapse:separate}.BroadcastPage_data thead{background:#EDEDFF}.BroadcastPage_data .thead tr,.BroadcastPage_data .tbody tr{display:flex}.BroadcastPage_data .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root .css-i4bv87-MuiSvgIcon-root{fill:#828282}.BroadcastPage_data thead .Checkbox{display:flex;width:64px;height:24px;padding:16px 8px;align-items:center;gap:8px;position:sticky;left:0}.BroadcastPage_data thead .name{display:flex;width:168px;height:24px;padding:16px 8px;align-items:center;gap:8px;position:sticky;left:0}.BroadcastPage_data thead .schedule{display:flex;width:168px;height:24px;padding:16px 8px;align-items:center;gap:8px}.BroadcastPage_data .content{min-width:148px;padding:16px}.BroadcastPage_data .delivered{min-width:88px;padding:16px}.BroadcastPage_data .status{width:68px;padding:16px}.BroadcastPage_data .time{min-width:138px;padding:16px}.BroadcastPage_data .estimated{min-width:348px;padding:16px}.BroadcastPage_data .action{min-width:274px;padding:16px}.BroadcastPage_data tbody tr{background:#FFFFFF}.BroadcastPage_data tbody .name{font-weight:500;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333}.BroadcastPage_data tbody .content{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656565}.BroadcastPage_data tbody .delivered div,.BroadcastPage_data tbody .time div,.BroadcastPage_data tbody .estimated div{display:flex;align-items:center;gap:8px}.BroadcastPage_data tbody .delivered div p,.BroadcastPage_data tbody .time div p,.BroadcastPage_data tbody .estimated div p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.BroadcastPage_data tbody .delivered .start,.BroadcastPage_data tbody .time .start{font-weight:700;font-size:14px;line-height:20px;letter-spacing:.01em}.BroadcastPage_data tbody .delivered .on-going{color:#6562df}.BroadcastPage_data tbody .delivered .finish{color:#219655}.BroadcastPage_data tbody .status .status{border-radius:20px;padding:4px 8px;max-width:fit-content;min-width:none}.BroadcastPage_data tbody .status .status p{font-weight:600;font-size:10px;line-height:18px;letter-spacing:-.01em}.BroadcastPage_data tbody .status .completed{background:#E3FCE9}.BroadcastPage_data tbody .status .completed p{color:#219655}.BroadcastPage_data tbody .status .pending{background:#FCE3E3}.BroadcastPage_data tbody .status .pending p{color:#df6262}.BroadcastPage_data tbody .status .send{background:#B8B7E5}.BroadcastPage_data tbody .status .send p{color:#23224d}.BroadcastPage_data tbody .time .on-going{color:#6562df}.BroadcastPage_data tbody .time .finish{color:#333}.BroadcastPage_data tbody .action .action{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:0}.BroadcastPage_data tbody .action .action .pause{display:flex;justify-content:center;align-items:center;padding:8px;gap:8px;background:#CCA239;border-radius:4px;cursor:pointer}.BroadcastPage_data tbody .action .action .pause p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#fafafa}.BroadcastPage_data tbody .action .action .continue{display:flex;justify-content:center;align-items:center;padding:8px;gap:8px;background:#5C5ACC;border-radius:4px;cursor:pointer}.BroadcastPage_data tbody .action .action .continue p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#fafafa}.BroadcastPage_data tbody .action .action .see-log{display:flex;justify-content:center;align-items:center;padding:0 8px;gap:8px;border:1px solid #5C5ACC;border-radius:4px;height:36px;cursor:pointer}.BroadcastPage_data tbody .action .action .see-log p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#5c5acc}.SidebarTemplate{display:flex;flex-direction:column;align-items:flex-start;gap:24px;width:100%;max-height:calc(100dvh - 72px);overflow-y:scroll;position:relative}.SidebarTemplate .head{position:sticky;top:0;background:#fff}.SidebarTemplate .head h4{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:32px;font-style:normal;font-weight:600;line-height:40px;letter-spacing:-.64px}.SidebarTemplate .head p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#656464;margin-top:4px;max-width:254px}.SidebarTemplate .menu{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.SidebarTemplate .menu:last-child{margin-bottom:100px}.SidebarTemplate .menu .title{font-weight:500;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#656464}.SidebarTemplate .menu .submenu{display:flex;align-items:center;padding:12px 16px;gap:12px;width:244px;max-width:244px;border-radius:4px;border:1px solid var(--neutral-color-neutral-300, #E5E4E4);background:var(--background-white, #FFF)}.SidebarTemplate .menu .submenu img{width:24px;height:24px}.SidebarTemplate .menu .submenu p{font-weight:500;font-size:14px;line-height:17px;letter-spacing:-.01em;color:#656464}.SidebarTemplate .menu .active-submenu{border:1px solid #6562DF;box-shadow:0 0 5px #6562df26;border-radius:4px}.SidebarTemplate .menu .active-submenu p{color:#6562df}.BroadcastLogPage{height:100vh;max-height:100vh;position:fixed;width:100dvw;max-width:100dvw}.BroadcastLogPage .left{max-width:320px;width:320px;padding:24px 16px}.BroadcastLogPage .rightPart{flex:1;padding:24px 16px;background:#f7f5f5;max-width:calc(100dvw - 320px);height:calc(100dvh - 72px)!important;min-height:100%;overflow-y:scroll}.BroadcastLogPage .rightPart .Result{gap:4px;margin-bottom:24px;display:flex;max-width:500px;padding:4px 12px;justify-content:space-between;align-items:center}.BroadcastLogPage .rightPart .Result p{color:var(--neutral-color-neutral-800, #656565);font-size:14px;font-family:Inter;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.BroadcastLogPage .rightPart .Result button{display:flex;height:24px;padding:8px;justify-content:center;align-items:center;gap:8px;outline:none;border:none;background:#F7F5F5}.BroadcastLogPage .rightPart .Result button:hover{background:var(--primary-color-primary-100, #DADAF2)}.BroadcastLogPage .rightPart .Result button:hover p{color:#23224d}.BroadcastLogPage .rightPart .Result button p{color:var(--primary-color-primary-600, #5C5ACC);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.BroadcastLogPage_breadcrumbs{display:flex;flex-direction:row;align-items:center;gap:8px}.BroadcastLogPage_breadcrumbs img:first-child{width:24px;height:24px}.BroadcastLogPage_breadcrumbs img{width:16px;height:16px}.BroadcastLogPage_breadcrumbs p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.BroadcastLogPage_head h4{margin-top:24px;font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em}.BroadcastLogPage_head p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.BroadcastLogPage_connect{display:flex;flex-direction:column;align-items:center;gap:16px}.BroadcastLogPage_connect img{width:250px;height:250px}.BroadcastLogPage_connect h4{font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em;text-align:center}.BroadcastLogPage_connect p{font-weight:400;font-size:16px;line-height:24px;color:#656464;margin-top:4px}.BroadcastLogPage_action{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.BroadcastLogPage_action .left{display:flex;align-items:flex-start;gap:12px;width:100%;padding:0}.BroadcastLogPage_action .left .input{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 12px;gap:12px;width:360px;height:48px;border:1px solid #f2f2f2;border-radius:4px;margin-right:12px;background:#fff}.BroadcastLogPage_action .left .input img,.BroadcastLogPage_action .left .btn img,.BroadcastLogPage_action .right img{width:24px;height:24px}.BroadcastLogPage_action .left .input input{flex:1;width:300px;height:24px}.BroadcastLogPage_action .left .input input:focus{outline:none}.BroadcastLogPage_action .left .btn{width:100%;min-width:48px;max-width:48px;height:48px;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:4px}.BroadcastLogPage .rightPart .BroadcastLogPage_action .right{display:flex;align-items:center;gap:8px}.BroadcastLogPage_action .right button{border:none;outline:none;background:none;display:flex;padding:12px 16px 12px 12px;justify-content:center;align-items:center;gap:8px;border-radius:4px;background:var(--primary-color-primary-600, #5c5acc)}.BroadcastLogPage_action .right button p{color:var(--neutral-color-neutral-100, #fafafa);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px}.BroadcastLogPage_data{max-width:calc(100dvw - 352px);overflow:scroll;margin-top:20px}.BroadcastLogPage_data .freezed{background:#A2A1E5;position:absolute;bottom:0;left:0;width:100%;height:5px}.BroadcastLogPage_data table{width:100%;border-spacing:0;border-collapse:collapse}.BroadcastLogPage_data thead,.BroadcastLogPage_data thead tr>*{background:#ededff}.BroadcastLogPage_data tbody,.BroadcastLogPage_data tbody tr>*{background:#fff}.BroadcastLogPage_data thead tr,.BroadcastLogPage_data tbody tr{display:flex}.BroadcastLogPage_data thead tr th>button{padding:0;border:none;background:none;outline:none;display:flex;align-items:center;justify-content:center}.BroadcastLogPage_data thead tr>*{height:24px}.BroadcastLogPage_data tbody tr>*{height:32px}.BroadcastLogPage_data thead tr th>p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;cursor:pointer}.BroadcastLogPage_data tbody .Selected>*{background:#E5E4E4}.BroadcastLogPage_data tbody .Notselected>*{background:#FFF}.BroadcastLogPage_data thead .Checkbox,.BroadcastLogPage_data tbody .Checkbox{display:flex;width:64px;padding:16px 8px;align-items:center;gap:8px;position:sticky;left:0}.BroadcastLogPage_data thead .Name{display:flex;flex:1;width:168px;padding:16px;justify-content:space-between;align-items:center}.BroadcastLogPage_data tbody .Name{display:flex;flex:1;width:168px;padding:16px;align-items:center;gap:10px}.BroadcastLogPage_data tbody .Name p{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.BroadcastLogPage_data thead .Status{display:flex;width:96px;padding:16px;justify-content:space-between;align-items:center}.BroadcastLogPage_data tbody .Status{display:flex;width:96px;padding:16px;align-items:center;gap:4px}.BroadcastLogPage_data tbody .Status .status{display:flex;width:66px;height:16px;padding:4px 8px;justify-content:center;align-items:center;gap:10px;flex-shrink:0;border-radius:20px}.BroadcastLogPage_data tbody .Status .status p{font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:-.1px}.BroadcastLogPage_data tbody .Status .completed{background:#E3FCE9;color:var(--Green-1, #219655)}.BroadcastLogPage_data tbody .Status .completed p{color:#219655}.BroadcastLogPage_data tbody .Status .pending{background:var(--neutral-color-neutral-100, #FAFAFA)}.BroadcastLogPage_data tbody .Status .pending p{color:var(--neutral-color-neutral-900, #333)}.BroadcastLogPage_data tbody .Status .send{background:#b8b7e5}.BroadcastLogPage_data tbody .Status .send p{color:#23224d}.BroadcastLogPage_data tbody .Status .failed{background:#F1948A;color:#fff}.BroadcastLogPage_data tbody .Status .failed p{color:#fff}.BroadcastLogPage_data tbody .Status .draft{border:1px solid var(--neutral-color-neutral-500, #B3B3B3);background:var(--background-white, #FFF)}.BroadcastLogPage_data tbody .Status .draft p{color:var(--neutral-color-neutral-800, #656565)}.BroadcastLogPage_data thead .Start{display:flex;width:168px;padding:16px;justify-content:space-between;align-items:center}.BroadcastLogPage_data tbody .Start{display:flex;width:168px;padding:16px;align-items:center;gap:8px}.BroadcastLogPage_data tbody .Start p{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.BroadcastLogPage_data thead .End{display:flex;width:168px;padding:16px;justify-content:space-between;align-items:center}.BroadcastLogPage_data tbody .End{display:flex;width:168px;padding:16px;align-items:center;gap:8px}.BroadcastLogPage_data tbody .End p{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.BroadcastLogPage_data thead .Recipient{display:flex;width:96px;padding:16px;justify-content:space-between;align-items:center}.BroadcastLogPage_data tbody .Recipient{display:flex;width:96px;padding:16px;align-items:center;gap:4px}.BroadcastLogPage_data thead .Sent{display:flex;width:128px;padding:16px;justify-content:space-between;align-items:center}.BroadcastLogPage_data tbody .Sent{display:flex;width:128px;padding:16px;align-items:center;gap:4px}.BroadcastLogPage_data tbody .Sent p,.BroadcastLogPage_data tbody .Respond p,.BroadcastLogPage_data tbody .Read p{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.BroadcastLogPage_data thead .Read{display:flex;width:128px;padding:16px;justify-content:space-between;align-items:center}.BroadcastLogPage_data tbody .Read{display:flex;width:128px;padding:16px;align-items:center;gap:4px}.BroadcastLogPage_data thead .Action{display:flex;width:68px;height:24px;padding:16px;justify-content:center;align-items:center;gap:10px;position:sticky;right:0}.BroadcastLogPage_data tbody .Action{display:flex;width:84px;height:32px;padding:16px 8px;justify-content:center;align-items:center;gap:8px;position:sticky;right:0}.BroadcastLogPage_data tbody .Action button{outline:none;border:none;display:flex;padding:8px;justify-content:center;align-items:center;gap:4px;border-radius:4px;border:1px solid var(--primary-color-primary-600, #5c5acc);color:var(--primary-color-primary-600, #5c5acc);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;background:none}.BroadcastLogDetail{height:100vh;max-height:100vh;position:fixed;width:100dvw;max-width:100dvw}.BroadcastLogDetail .left{max-width:320px;width:320px;padding:24px 16px}.BroadcastLogDetail .rightPart{flex:1;padding:24px 16px;background:#f7f5f5;max-width:calc(100dvw - 320px);height:calc(100dvh - 72px)!important;min-height:100%;overflow-y:scroll}.BCLogSummary{margin-top:20px;display:flex;align-items:flex-start;gap:12px;align-self:stretch}.BCLogSummary .Left{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%;align-self:stretch;border-radius:8px;background:var(--background-white, #fff);padding:12px}.BCLogSummary .Left .Head{display:flex;align-items:center;gap:12px;align-self:stretch}.BCLogSummary .Left .Head h3{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:24px;font-style:normal;font-weight:700;line-height:32px;letter-spacing:-.48px}.BCLogSummary .Left .Body{display:flex;align-items:flex-start;gap:8px;align-self:stretch;flex:1 0 0}.BCLogSummary .Left .Body .NameTime{display:flex;padding:8px;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:4px;border-radius:4px;border:1px solid var(--neutral-color-neutral-300, #e5e4e4);background:var(--background-white, #fff);flex:1 1;height:calc(100% - 18px);max-width:100%}.BCLogSummary .Left .Body .NameTime .Name{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}.BCLogSummary .Left .Body .NameTime .p1{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:16px}.BCLogSummary .Left .Body .NameTime .p2{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.BCLogSummary .Left .Body .NameTime .Time{display:flex;align-items:flex-end;gap:24px;align-self:stretch}.BCLogSummary .Left .Body .NameTime .Time .Left{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:0}.BCLogSummary .Left .Body .NameTime .Time button{display:flex;min-width:64px;max-width:fit-content;padding:4px 8px;justify-content:center;align-items:center;gap:10px;border-radius:20px;background:var(--primary-color-primary-200, #b8b7e5);color:var(--primary-color-primary-900, #23224d);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:-.1px;outline:none;border:none}.BCLogSummary .Left .Body .NameTime .Time button p{font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:-.1px}.BCLogSummary .Left .Body .NameTime .Time .completed{background:#E3FCE9;color:var(--Green-1, #219655)}.BCLogSummary .Left .Body .NameTime .Time .completed p{color:#219655}.BCLogSummary .Left .Body .NameTime .Time .pending{background:var(--neutral-color-neutral-100, #FAFAFA)}.BCLogSummary .Left .Body .NameTime .Time .pending p{color:var(--neutral-color-neutral-900, #333)}.BCLogSummary .Left .Body .NameTime .Time .send{background:#b8b7e5}.BCLogSummary .Left .Body .NameTime .Time .send p{color:#23224d}.BCLogSummary .Left .Body .NameTime .Time .draft{border:1px solid var(--neutral-color-neutral-500, #B3B3B3);background:var(--background-white, #FFF)}.BCLogSummary .Left .Body .NameTime .Time .draft p{color:var(--neutral-color-neutral-800, #656565)}.BCLogSummary .Left .Body .NameTime .Time .fail{background:#F1948A;color:#fff}.BCLogSummary .Left .Body .NameTime .Time .fail p{color:#fff}.BCLogSummary .Left .Body .Wrapper{display:flex;padding:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;flex:1 0 0;align-self:stretch;border-radius:4px;border:1px solid var(--neutral-color-neutral-300, #e5e4e4);background:var(--background-white, #fff);max-width:148px}.BCLogSummary .Left .Body .Wrapper .Title{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:16px}.BCLogSummary .Left .Body .Wrapper .Text{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:24px;font-style:normal;font-weight:400;line-height:32px;letter-spacing:-.24px;text-align:center}.BCLogSummary .Left .Body .Wrapper .Info{display:flex;align-items:center;gap:4px}.BCLogSummary .Right{display:flex;padding:12px;flex-direction:column;align-items:flex-start;gap:24px;flex:1 0 0;align-self:stretch;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--background-white, #fff)}.BCLogSummary .Right ._{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:1 0 0;align-self:stretch}.BCLogSummary .Right ._ .Title{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.BCLogSummary .Right ._ .BoxPreview{display:flex;height:112px;padding:12px 4px;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch}.BCLogTable{margin-top:12px;display:flex;padding:12px;flex-direction:column;align-items:flex-start;gap:12px;flex:1 0 0;align-self:stretch;border-radius:8px;background:var(--background-white, #fff)}.BCLogTable .Action{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.BCLogTable .Action .Input{display:flex;width:288px;padding:12px;align-items:flex-start;gap:10px;flex-shrink:0;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--background-white, #fff)}.BCLogTable .Action .Input input{flex:1}.BCLogTable .Action .Right{display:flex;align-items:center;gap:8px}.BCLogTable .Action .Right button{border:none;outline:none;display:flex;padding:8px 16px 8px 8px;justify-content:center;align-items:center;gap:8px;border-radius:4px;background:var(--primary-color-primary-600, #5c5acc)}.BCLogTable .Action .Right button p{color:var(--neutral-color-neutral-100, #fafafa);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.BCLogTableWrapper{width:100%;border-radius:8px;border:1px solid var(--neutral-color-neutral-300, #e5e4e4)}.BCLogTableData{max-height:600px!important;min-height:400px!important;flex:1;overflow:scroll}.BCLogTableData table{width:100%;border-spacing:0;border-collapse:separate}.BCLogTableData thead{background:#dadaf2;position:sticky;top:0;z-index:2}.BCLogTableData tbody{background:#fafafa}.BCLogTableData thead tr,.BCLogTableData tbody tr{display:flex}.BCLogTableData thead tr>*{background:#dadaf2}.BCLogTableData tbody tr>*{background:#fafafa}.BCLogTableData tbody tr>*{border-bottom:none}.BCLogTableData tbody tr td>p{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.BCLogTableData tbody .Selected>*{background:#e5e4e4}.BCLogTableData tbody .Notselected>*{background:#fafafa}.BCLogTableData thead tr>th,.BCLogTableData tbody tr>td{height:24px}.BCLogTableData thead tr th>p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px}.BCLogTableData thead tr th>button{padding:0;border:none;background:none;outline:none;display:flex;align-items:center;justify-content:center}.BCLogTableData .freezed{background:#A2A1E5;position:absolute;bottom:0;left:0;width:100%;height:5px}.BCLogTableData thead .Checkbox{display:flex;width:64px;padding:8px;align-items:center;gap:4px;position:sticky;left:0;z-index:1}.BCLogTableData tbody .Checkbox{display:flex;width:64px;padding:8px;align-items:center;gap:4px;position:sticky;left:0}.BCLogTableData thead .SendTime{display:flex;width:184px;flex:1;padding:8px;justify-content:space-between;align-items:center;align-self:stretch}.BCLogTableData tbody .SendTime{display:flex;width:184px;flex:1;padding:8px;align-items:center;gap:4px}.BCLogTableData thead .Wa{display:flex;width:184px;padding:8px;justify-content:space-between;align-items:center;align-self:stretch}.BCLogTableData tbody .Wa{display:flex;width:184px;padding:8px;align-items:center;gap:4px}.BCLogTableData tbody .Wa p{color:var(--Green-1, #219655)}.BCLogTableData thead .ContactNumber{display:flex;width:184px;padding:8px;justify-content:space-between;align-items:center;align-self:stretch}.BCLogTableData tbody .ContactNumber{display:flex;width:184px;padding:8px;align-items:center;gap:4px}.BCLogTableData thead .ContactName{display:flex;width:184px;padding:8px;justify-content:space-between;align-items:center;align-self:stretch}.BCLogTableData tbody .ContactName{display:flex;width:184px;padding:8px;align-items:center;gap:4px}.BCLogTableData thead .Respond,.BCLogTableData thead .Read{display:flex;width:164px;padding:8px;justify-content:space-between;align-items:center;align-self:stretch}.BCLogTableData tbody .Respond,.BCLogTableData tbody .Read{display:flex;width:164px;padding:8px;align-items:center;gap:4px}.BCLogTableData tbody .Read .isRead{display:flex;padding:8px;align-items:center;gap:4px}.BCLogTableData tbody .Respond .isRespond,.BCLogTableData tbody .Read .isRead p{color:var(--primary-color-primary-500, #6562df);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.BCLogTable .Result{gap:4px;margin-bottom:24px;display:flex;max-width:500px;padding:4px 12px;justify-content:space-between;align-items:center}.BCLogTable .Result p{color:var(--neutral-color-neutral-800, #656565);font-size:14px;font-family:Inter;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.BCLogTable .Result button{display:flex;height:24px;padding:8px;justify-content:center;align-items:center;gap:8px;outline:none;border:none;background:#F7F5F5}.BCLogTable .Result button:hover{background:var(--primary-color-primary-100, #DADAF2)}.BCLogTable .Result button:hover p{color:#23224d}.BCLogTable .Result button p{color:var(--primary-color-primary-600, #5C5ACC);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.buttonMenuIcon{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:4px;border-radius:4px;background:var(--primary-color-primary-600, #5c5acc);color:#fff}.buttonMenuIcon:hover{background:#23224d!important;border-color:#23224d!important}.Item .Tag .L .GbBox{display:flex;padding:4px;align-items:center;gap:8px;border-radius:4px;border:1px solid var(--Primary-Color-Primary500, #6562df);background:var(--Background-White, #fff);color:var(--Neutral-Color-Neutral4, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.Item .Tag .L .WaitResponBox{color:var(--Primary-Color-Primary500, #6562df);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:-.1px}.Item .Tag .L .LabelContact{display:flex;padding:4px 8px;align-items:center;gap:8px;border-radius:4px;border:1px solid var(--Neutral-Color-Neutral500, #b3b3b3);background:var(--Background-White, #fff)}.Item .Tag .L .LabelContact .contacts{color:var(--Neutral-Color-Neutral4, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.BgAddRecepientTag{position:absolute;top:72px;right:0;z-index:4;width:calc(100dvw - 320px);height:calc(100dvh - 72px)!important;background-color:#00000050;display:flex;justify-content:center;align-items:center}.BgAddRecepientTag .AddRecepientTag{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;box-shadow:0 0 10px #0000001a;background:#fff}.BgAddRecepientTag .AddRecepientTag .MuiAutocomplete-popper{display:none}.AddRecepientTag .Header{display:flex;padding:16px;justify-content:space-between;align-items:center;align-self:stretch;border-bottom:1px solid var(--neutral-color-neutral-200, #F2F2F2);background:var(--neutral-color-neutral-100, #FAFAFA);border-radius:8px 8px 0 0;width:calc(100% - 32px)}.AddRecepientTag .Header .Left{display:flex;align-items:center;gap:8px}.AddRecepientTag .Header .Left p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.AddReceiptPage_data{border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #F2F2F2);box-shadow:0 -5px 5px #0000000d inset;overflow:scroll;width:calc(100% - 32px)}.TableAddFilterTag{width:100%;border-spacing:0;border-collapse:separate}.TableAddFilterTag thead{background:#DADAF2}.TableAddFilterTag tbody{background:#FAFAFA}.TableAddFilterTag thead tr,.TableAddFilterTag tbody tr{display:flex}.TableAddFilterTag thead tr>*{background:#DADAF2;height:24px}.TableAddFilterTag tbody tr>*{height:32px}.TableAddFilterTag thead tr th p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.TableAddFilterTag thead tr th>button{border:none;outline:none;display:flex;justify-content:center;align-items:center;padding:0;background:none}.TableAddFilterTag tbody .Selected>*{background:#E5E4E4}.TableAddFilterTag tbody tr>*{background:#FFF}.TableAddFilterTag thead .Checkbox,.TableAddFilterTag tbody .Checkbox{display:flex;width:56px;padding:16px 8px;align-items:center;gap:8px;position:sticky;left:0}.TableAddFilterTag thead .Tag{display:flex;width:148px;padding:16px;justify-content:space-between;align-items:center;position:sticky;left:72px;border-right:1px solid var(--neutral-color-neutral-500, #B3B3B3)}.TableAddFilterTag tbody .Tag{display:flex;width:148px;padding:16px;align-items:center;gap:10px;position:sticky;left:72px;border-right:1px solid var(--neutral-color-neutral-500, #B3B3B3)}.TableAddFilterTag tbody .Tag .Item{display:flex;padding:4px 8px;align-items:center;gap:8px;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #F2F2F2);background:var(--neutral-color-neutral-100, #FAFAFA)}.TableAddFilterTag tbody .Tag .Item p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:130px}.TableAddFilterTag thead .Contact{display:flex;width:168px;padding:16px;justify-content:space-between;align-items:center}.TableAddFilterTag tbody .Contact{display:flex;width:168px;padding:16px;align-items:center;gap:10px}.TableAddFilterTag thead .Desc{display:flex;width:362px;padding:16px;justify-content:space-between;align-items:center}.TableAddFilterTag tbody .Desc{display:flex;width:362px;padding:16px;align-items:center;gap:10px}.TableAddFilterTag tbody .Contact p,.TableAddFilterTag tbody .Desc p{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.AddOneContactList_formInput{display:flex;flex-direction:column;align-items:flex-start}.AddOneContactList_formInput .input{height:48px;width:100%;border:1px solid #F2F2F2;border-radius:4px;color:#656464;margin-top:8px}.AddOneContactList_formInput input{padding:0 12px;height:48px;width:calc(100% - 24px);color:#656464}.AddOneContactList_formInput .input-select .MuiFormControl-root .MuiInputBase-root input{height:100%;margin-top:0}.AddOneContactList_formInput textarea{width:608px;height:120px;border:1px solid #f2f2f2;border-radius:4px;color:#656464;font-family:Inter}.ContainerInput{display:flex;width:100%;gap:12px;justify-content:space-between;align-items:center}.LargeButton{display:flex;justify-content:center;padding:14px;align-items:center;width:150px;border-radius:4px;background:var(--primary-color-primary-600, #5c5acc);color:var(--neutral-color-neutral-100, #fafafa);cursor:pointer;font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.ContainerHotkeys{color:var(--info-color-success, #62df7e);display:flex;justify-content:center;align-items:center;gap:5px;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.useBackSlash{position:absolute;left:1em;bottom:.9em}.ActiveNotification{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:932px;background:#ffffff;outline:none;border-radius:8px}.ActiveNotification_Header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #f2f2f2;margin-bottom:12px}.ActiveNotification_Header div{cursor:pointer}.HeaderModalAddNewTemplate{color:var(--neutral-color-neutral-4, #333);margin-left:10px;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.ContainerHeaderAddNewTemplate{display:flex;width:300px}.ContainerContentAddNewTemplate{display:flex;margin:10px 20px}.leftModalAddNewTemplate{padding:30;display:flex;flex-direction:column;gap:20;flex:1.1}.RightModalAddNewTemplate{display:flex;flex:1}.ContainerPreviewAddNewTemplate{display:flex;width:100%;padding:16px;flex-direction:column;align-items:flex-start;gap:24px;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--background-white, #fff)}.CardPreviewAddNewTemplate{display:flex;padding:12px 4px;flex-direction:column;align-items:flex-start;gap:4px;flex:1 0 0;align-self:stretch;background:#efe6dd}.ButtonModalNewTemplate{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:8px;align-self:stretch;border-radius:4px;border:1px solid var(--primary-color-primary-600, #5c5acc);margin-top:20px;background-color:#fff}.ButtonTitleAddNewTemplate{color:var(--primary-color-primary-600, #5c5acc);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.ContainerFooterModalAddNewTemplate{display:flex;padding:16px;justify-content:space-between;align-items:center;align-self:stretch}.ButtonCancelAddNewTemplate{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;color:#df6262;background-color:#fff}.ButtonSubmitAddNewTemplate{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:var(--primary-color-primary-600, #5c5acc);color:#f2f2f2}.ButtonSubmitAddNewTemplate:hover{background:var(--primary-color-primary-600, #23224d)}.ButtonSubmitAddNewTemplate:disabled{background:grey}.BgActiveNotification{position:absolute;top:72px;right:0;z-index:4;width:calc(100dvw - 320px);height:calc(100dvh - 72px)!important;background-color:#00000050;display:flex;justify-content:center;align-items:center}.BgActiveNotification .AddReceiptPage{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;box-shadow:0 0 10px #0000001a;background:#fff;width:calc(100dvw - 376px)}.AddReceiptPage .Header{display:flex;padding:16px;justify-content:space-between;align-items:center;align-self:stretch}.AddReceiptPage .Header .Left{display:flex;align-items:center;gap:8px}.AddReceiptPage .Result{gap:4px;margin-bottom:24px;display:flex;margin-left:32px;width:100%;gap:48px;padding:4px 12px;justify-content:flex-start;align-items:center}.AddReceiptPage .Result p{color:var(--neutral-color-neutral-800, #656565);font-size:14px;font-family:Inter;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.AddReceiptPage .Result button{display:flex;height:24px;padding:8px;justify-content:center;align-items:center;gap:8px;outline:none;border:none;background:#F7F5F5}.AddReceiptPage .Result button:hover{background:var(--primary-color-primary-100, #DADAF2)}.AddReceiptPage .Result button:hover p{color:#23224d}.AddReceiptPage .Result button p{color:var(--primary-color-primary-600, #5C5ACC);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.ActiveNotification_HeaderModalAddReceipt{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #f2f2f2;margin-bottom:12px}.ActiveNotification_HeaderModalAddReceipt div{cursor:pointer}.ContainerHeaderModalAddReceipt{display:flex}.SelectedParticipantAddModalRecipients{color:var(--neutral-color-neutral-900, #333);margin-right:10px;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.ContainerSelectedParticipantAddModalRecipients{display:flex;justify-content:center;align-items:center}.AddReceiptPage_data{max-width:calc(100dvw - 408px);max-height:47.23vh;overflow:scroll}.AddReceiptPage_data table{width:100%;border-spacing:0;position:relative}.AddReceiptPage_data thead{background:#EDEDFF;max-width:calc(100dvw - 376px);width:100%;position:sticky;top:0;z-index:2}.AddReceiptPage_data .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root .css-i4bv87-MuiSvgIcon-root{fill:#820202}.AddReceiptPage_data .css-y8ay40-MuiTableCell-root{background:#EDEDFF}.AddReceiptPage_data .css-1ex1afd-MuiTableCell-root,.AddReceiptPage_data .css-y8ay40-MuiTableCell-root,.AddReceiptPage_data .css-1ygcj2i-MuiTableCell-root{border:none}.AddReceiptPage_data thead th{font-weight:700;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333;text-align:start}.AddReceiptPage_data thead th button{min-width:16px;height:16px;padding:0;cursor:pointer;color:transparent;transition:none;outline:none}.AddReceiptPage_data thead th button:active{outline:none}.AddReceiptPage_data .checkbox{width:24px;padding:16px}.AddReceiptPage_data .contact{min-width:168px;width:100%;max-width:168px;padding:16px}.AddReceiptPage_data .contact .noWaBtn{font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;color:#656565;padding:16px;margin:0;width:100%;height:100%;text-align:start;justify-content:flex-start;transition:none}.AddReceiptPage_data .contact .noWaBtn:focus{outline:none}.AddReceiptPage_data .contact .noWaBtn:active{background:rgba(223,98,98,.1)}.AddReceiptPage_data .freezed{background:#A2A1E5;position:absolute;bottom:0;left:0;width:100%;height:5px}.AddReceiptPage_data .birth{min-width:168px;width:100%;max-width:168px;padding:16px}.AddReceiptPage_data .country{min-width:168px;width:100%;max-width:168px!important;padding:16px}.AddReceiptPage_data .tag{min-width:268px;max-width:268px;padding:16px}.AddReceiptPage_data .column-freezed{min-width:168px;max-width:168px;padding:16px}.AddReceiptPage_data .label,.AddReceiptPage_data .notes{min-width:268px;padding:16px}.AddReceiptPage_data .notes input{width:100%}.AddReceiptPage_data .action{width:87px;padding:16px;display:flex;justify-content:center;align-items:center;gap:8px;position:sticky;right:0;background:#FFFFFF;border-left:1px solid #F2F2F2}.AddReceiptPage_data .actionData{width:87px;padding:25px 16px;display:flex;justify-content:center;align-items:center;gap:8px;position:sticky;right:0;background:#FFFFFF;border-left:1px solid #F2F2F2}.AddReceiptPage_data thead th div{display:flex;justify-content:space-between;align-items:center;gap:10px}.AddReceiptPage_data thead th div p{font-weight:700;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333}.AddReceiptPage_data thead th div p span{color:#df6262}.AddReceiptPage_data thead th div svg{cursor:pointer}.AddReceiptPage_data thead .action{background-color:#ededff;border-left:1px solid var(--neutral-color-neutral-200, #F2F2F2)}.AddReceiptPage_data tbody tr{background:#FFFFFF}.AddReceiptPage_data tbody tr td{max-height:32px;margin:0;color:#333;color-scheme:light}.AddReceiptPage_data tbody .name{font-weight:500;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333}.AddReceiptPage_data tbody .content{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.AddReceiptPage_data tbody .tag .tags,.AddReceiptPage_data tbody .column-freezed .tags{display:flex;justify-content:flex-start;align-items:center;gap:4px;overflow-x:scroll;margin:auto 0}.AddReceiptPage_data tbody .action svg{cursor:pointer}.AddReceiptPage_data tbody .FilterResult{background:var(--neutral-color-neutral-100, #FAFAFA);box-shadow:0 0 10px #0000001a;z-index:2}.AddReceiptPage_data tbody .FilterResult .NumberData{position:sticky;left:0;top:74px;background:var(--neutral-color-neutral-100, #FAFAFA);display:flex;justify-content:center;align-items:center;color:var(--primary-color-primary-500, #6562DF);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;height:100%;z-index:99999999999}.AddReceiptPage_data tbody .FilterResult .ContactResult{position:sticky;top:74px;left:74px;background:var(--neutral-color-neutral-100, #FAFAFA);box-shadow:0 0 10px #0000001a}.AddReceiptPage_data tbody .FilterResult .Content{display:flex;height:calc(100% - 8px);padding:4px 4px 4px 8px;justify-content:space-between;align-items:center;border-radius:4px;border:1px solid var(--primary-color-primary-500, #6562DF);background:var(--background-white, #FFF)}.AddReceiptPage_data tbody .FilterResult .Content p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.AddReceiptPage_data tbody .FilterResult .birthResult{width:200px}.AddReceiptPage_data tbody .FilterResult .remove{display:flex;justify-content:center;align-items:center;position:sticky;right:0;background:#FAFAFA;border-left:1px solid #F2F2F2;cursor:pointer}.AddReceiptPage_data tbody .FilterResult .remove p{color:#5c5acc;font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.AddReceiptPage_data .openInChatRoom{display:flex;justify-content:flex-end;align-items:center;gap:3px}.AddReceiptPage_data .openInChatRoom .left{display:flex;align-items:center;padding:4px 8px;gap:8px;background:rgba(51,51,51,.25);border-radius:8px;width:116px}.AddReceiptPage_data .openInChatRoom .left p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333}.AddReceiptPage_data .openInChatRoom .right{background:#B3B3B3;border-radius:4px;max-width:20px;max-height:20px;display:flex;justify-content:center;align-items:center;padding:0}.BgCBTemplate{position:absolute;top:72px;right:0;z-index:4;width:calc(100dvw - 320px);height:calc(100dvh - 72px)!important;background-color:#00000050;display:flex;justify-content:center;align-items:center}.BroadcastChatTemplate{display:flex;width:calc(100dvw - 354px);height:calc(100dvh - 109px);flex-direction:column;justify-content:center;align-items:center;border-radius:8px;box-shadow:0 0 10px #0000001a;background:#fff}.BroadcastChatTemplate .Header{display:flex;padding:16px;width:calc(100% - 32px);justify-content:space-between;align-items:center;border-bottom:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--neutral-color-neutral-100, #fafafa);border-radius:8px 8px 0 0}.BroadcastChatTemplate .Header p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.BroadcastChatTemplate .Header .Left{display:flex;align-items:center;gap:4px}.BroadcastChatTemplate .Header .Left .p1{color:var(--neutral-color-neutral-500, #b3b3b3);font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px;text-decoration-line:underline}.BroadcastChatTemplate .Header .Left .p2{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.BCTemplateBody{display:flex;align-items:flex-start;flex:1 0 0;align-self:stretch}.BCTemplateBody .Left{display:flex;padding:8px 0 8px 16px;flex-direction:column;align-items:flex-start;gap:12px;flex:1 0 0;align-self:stretch}.BCTemplateBody .Left .SearchCreate{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;align-self:stretch}.BCTemplateBody .Left .SearchCreate label{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.BCTemplateBody .Left .SearchCreate ._{display:flex;align-items:center;gap:8px;align-self:stretch}.BCTemplateBody .Left .SearchCreate ._ .Input{display:flex;padding:12px;align-items:flex-start;gap:4px;flex:1 0 0;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2)}.BCTemplateBody .Left .SearchCreate ._ .Input input{flex:1;color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.BCTemplateBody .Left .SearchCreate ._ .btn{display:flex;padding:12px;justify-content:center;align-items:center;gap:8px;border-radius:4px;border:2px solid var(--primary-color-primary-600, #5c5acc);background:none}.BCTemplateBody .Left .SearchCreate ._ .btn p{color:var(--primary-color-primary-600, #5c5acc);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px}.BCTemplateBody .Left .Top{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;align-self:stretch}.BCTemplateBody .Left .Top label{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.BCTemplateBody .Left .Top .Name{display:flex;padding:12px;align-items:flex-start;gap:4px;align-self:stretch;border-radius:4px;border:1px solid var(--neutral-color-neutral-3, #656464);background:#fff;color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.BCTemplateBody .Left .Top .Info{display:flex;padding:4px 8px;align-items:center;gap:8px;align-self:stretch}.BCTemplateBody .Left .Top .Info p{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.BCTemplateBody .Left .Middle{display:flex;flex-direction:column;align-items:flex-start;gap:12px;flex:1 0 0;align-self:stretch;overflow-y:scroll}.BCTemplateBody .Left .Middle .CTA{display:flex;align-items:center;gap:8px;align-self:stretch}.BCTemplateBody .Left .Middle .CTA button{border:none;outline:none;background:none;display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:4px;flex:1 0 0;border-radius:4px}.BCTemplateBody .Left .Middle .CTA p{font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.BCTemplateBody .Left .Middle .CTA .Add{background:var(--primary-color-primary-600, #5c5acc)}.BCTemplateBody .Left .Middle .CTA .Add p{color:var(--neutral-color-neutral-100, #fafafa)}.BCTemplateBody .Left .Middle .CTA .Wait{border:1px solid var(--primary-color-primary-600, #5c5acc);background:var(--background-white, #fff)}.BCTemplateBody .Left .Middle .CTA .Wait p{color:var(--primary-color-primary-500, #6562df)}.BCTemplateBody .Right{display:flex;padding:8px;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch;width:292px}.BCTemplateBody .Right ._{display:flex;width:calc(100% - 32px);padding:16px;flex-direction:column;align-items:flex-start;flex:1 0 0;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--background-white, #fff)}.BCTemplateBody .Right ._ .Preview{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:1 0 0;align-self:stretch}.BCTemplateBody .Right ._ .Preview h3{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.BCTemplateBody .Right .UseTemplate{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;align-self:stretch;border-radius:4px;background:var(--primary-color-primary-600, #5c5acc)}.BCTemplateBody .Right .UseTemplate:disabled{background:var(--primary-color-primary-600, gray)}.BCTemplateBody .Right .UseTemplate p{color:var(--neutral-color-neutral-100, #fafafa);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.BCTemplateBody .Right .disabled{background:#656464}.BCTemplateBody .Left .TableWrapper{width:100%;overflow:scroll;border-radius:4px;border:1px solid var(--neutral-color-neutral-300, #e5e4e4);flex:1 0 0}.Table_CreateBCTemplate{width:100%;border-spacing:0;border-collapse:separate}.Thead_CreateBCTemplate{background:#dadaf2!important;position:sticky;top:0}.Thead_CreateBCTemplate .Name{background:#dadaf2!important;flex-direction:row!important}.Tbody_CreateBCTemplate{background:#fff}.Thead_CreateBCTemplate tr,.Tbody_CreateBCTemplate tr{display:flex}.Thead_CreateBCTemplate tr>*{background:#dadaf2}.Thead_CreateBCTemplate tr th>p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px}.Thead_CreateBCTemplate tr th>.filterBtn{padding:0;border:none;background:none;outline:none}.Tbody_CreateBCTemplate tr th>p{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.Tbody_CreateBCTemplate .Selected{border:2px solid var(--primary-color-primary-500, #6562df)}.Thead_CreateBCTemplate .Name{display:flex;padding:8px;width:208px;height:24px;justify-content:space-between;align-items:center;flex:1 0 0;align-self:stretch}.Thead_CreateBCTemplate .Hotkey{display:flex;padding:8px;width:124px;height:24px;justify-content:space-between;align-items:center;flex:1 0 0;align-self:stretch}.Thead_CreateBCTemplate .Created{display:flex;padding:8px;width:164px;height:24px;justify-content:space-between;align-items:center;flex:1 0 0;align-self:stretch}.Thead_CreateBCTemplate .Action{display:flex;width:64px;height:24px;padding:8px;justify-content:space-between;align-items:center;align-self:stretch}.Tbody_CreateBCTemplate .Name{display:flex;height:24px;width:208px;padding:8px;align-items:center;gap:4px;flex:1 0 0}.Tbody_CreateBCTemplate .Name p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:192px}.Tbody_CreateBCTemplate .Hotkey{display:flex;height:24px;width:124px;padding:8px;align-items:center;gap:4px;flex:1 0 0}.Tbody_CreateBCTemplate .Created{display:flex;height:24px;width:164px;padding:8px;align-items:center;gap:4px;flex:1 0 0}.Tbody_CreateBCTemplate .Action{display:flex;height:24px;width:64px;padding:8px;justify-content:center;align-items:center;gap:4px}.Tbody_CreateBCTemplate .Action p{color:var(--primary-color-primary-600, #5c5acc);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.BCMessageWrapper{display:flex;padding:12px 4px;flex-direction:column;align-items:flex-start;gap:4px;flex:1 0 0;align-self:stretch;background:#efe6dd;overflow-y:scroll}.WrapperWarningHotkey{display:flex;gap:10px;justify-content:center;align-items:center;position:absolute;top:0;right:0}.WrapperWarningHotkey .title{color:var(--info-color-danger, #df6262);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.TableRowEdit:hover{border-radius:4px;background:var(--primary-color-primary-100, #dadaf2)}.elipsisUseChatTemplateGb{white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis}.BCTemplateBody .Left .Middle .CTA .Wait button{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:8px;align-self:stretch;border-radius:4px;border:1px solid #5c5acc;margin-top:20px}.BCTemplateBody .Left .Middle .WaitForRespondWrapper{display:flex;width:624px;padding:4px 12px;justify-content:space-between;align-items:center;border-radius:8px;border:1px solid var(--neutral-color-neutral-500, #b3b3b3);background:var(--neutral-color-neutral-100, #fafafa);color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.BCTemplateBody .Left .Middle .WaitForRespondWrapper .LeftWaitForRespondWrapper{display:flex;align-items:center;gap:4px}.ContainerListRecipientBroadcast{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.ContainerListRecipientBroadcast .ByTag{display:flex;align-items:center;gap:4px;width:calc(100% - 100px)}.ContainerListRecipientBroadcast .ByTag .title{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.ContainerListRecipientBroadcast .ByTag ._{display:flex;align-items:center;gap:4px;flex:1;overflow:scroll}.ContainerListRecipientBroadcast .ByTag ._ .Item{margin-top:16px;display:flex;height:24px;padding:4px;align-items:center;gap:4px;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #F2F2F2);background:var(--neutral-color-neutral-100, #FAFAFA)}.ContainerListRecipientBroadcast .ByTag ._ .Item p{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px;text-wrap:nowrap}.ContainerActionListRecipientBroadcast{display:flex;align-items:center;gap:4px}.ContainerActionListRecipientBroadcast button{display:flex;border:none;outline:none;padding:8px;justify-content:center;align-items:center;gap:4px;border-radius:4px;background:none}.ContainerActionListRecipientBroadcast .Edit{background:none;transition:all .3s ease}.ContainerActionListRecipientBroadcast .Edit:hover{background:var(--primary-color-primary-100, #DADAF2)}.ContainerActionListRecipientBroadcast .Edit p{color:var(--primary-color-primary-600, #5C5ACC);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.ContainerActionListRecipientBroadcast .Edit .icon{color:#6562df}.ContainerActionListRecipientBroadcast .Edit:hover p,.ContainerActionListRecipientBroadcast .Edit:hover .icon{color:#23224d}.WarningCycleMaxDay{position:absolute;left:0;bottom:-25px;color:red;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.CreateBroadcastPage{height:100vh;max-height:100vh;position:fixed;width:100dvw;max-width:100dvw}.CreateBroadcastPage .leftPart{max-width:320px;width:320px;padding:24px 16px}.CreateBroadcastPage .rightPart{flex:1;padding:24px 16px 24px 40px;background:#f7f5f5;max-width:calc(100dvw - 320px);height:calc(100dvh - 72px)!important;min-height:100%;overflow-y:scroll}.CreateBroadcastPage_breadcrumbs{display:flex;flex-direction:row;align-items:center;gap:8px}.CreateBroadcastPage_breadcrumbs img:first-child{width:24px;height:24px}.CreateBroadcastPage_breadcrumbs img{width:16px;height:16px}.CreateBroadcastPage_breadcrumbs p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.CreateBroadcastPage_connect{display:flex;flex-direction:column;align-items:center;gap:16px}.CreateBroadcastPage_connect img{width:250px;height:250px}.CreateBroadcastPage_connect h4{font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em;text-align:center}.CreateBroadcastPage_connect p{font-weight:400;font-size:16px;line-height:24px;color:#656464;margin-top:4px}.CreateBroadcastPage_connect .connect{display:flex;justify-content:center;align-items:center;gap:12px;background:#23224d;border-radius:4px;padding:0 16px 0 12px;width:fit-content;height:48px;cursor:pointer}.CreateBroadcastPage_connect .connect img{width:24px;height:24px}.CreateBroadcastPage_connect .connect p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fff}.CreateBroadcastPage_action{display:flex;justify-content:space-between;align-items:center;margin-top:12px;margin-bottom:24px}.CreateBroadcastPage_action .left{display:flex;align-items:flex-start;gap:12px;width:100%;padding:0}.CreateBroadcastPage_action .left .input{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 12px;gap:12px;width:360px;height:48px;border:1px solid #f2f2f2;border-radius:4px;margin-right:12px;background:#fff}.CreateBroadcastPage_action .left .input img,.CreateBroadcastPage_action .left .btn img,.CreateBroadcastPage_action .right img{width:24px;height:24px}.CreateBroadcastPage_action .left .input input{flex:1;width:300px;height:24px}.CreateBroadcastPage_action .left .input input:focus{outline:none}.CreateBroadcastPage_action .left .btn{width:100%;min-width:48px;max-width:48px;height:48px;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:4px}.CreateBroadcastPage_action .right{display:flex;justify-content:center;align-items:center;gap:12px;background:#5c5acc;border-radius:4px;min-width:162px;max-width:max-content;height:100%;max-height:48px;padding:0 16px 0 12px;cursor:pointer}.CreateBroadcastPage_action .right p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fafafa}.CreateBroadcastPage_data{max-width:calc(100dvw - 376px);overflow-x:scroll}.CreateBroadcastPage_data table{width:100%;border-spacing:0}.CreateBroadcastPage_data thead{background:#ededff}.CreateBroadcastPage_data .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root .css-i4bv87-MuiSvgIcon-root{fill:#828282}.CreateBroadcastPage_data thead th{font-weight:700;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333;text-align:start}.CreateBroadcastPage_data .name,.CreateBroadcastPage_data .content{min-width:148px;padding:16px}.CreateBroadcastPage_data .delivered{min-width:88px;padding:16px}.CreateBroadcastPage_data .status{width:68px;padding:16px}.CreateBroadcastPage_data .time{min-width:138px;padding:16px}.CreateBroadcastPage_data .estimated{min-width:348px;padding:16px}.CreateBroadcastPage_data .action{min-width:274px;padding:16px}.CreateBroadcastPage_data tbody tr{background:#ffffff}.CreateBroadcastPage_data tbody .name{font-weight:500;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333}.CreateBroadcastPage_data tbody .content{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656565}.CreateBroadcastPage_data tbody .delivered div,.CreateBroadcastPage_data tbody .time div,.CreateBroadcastPage_data tbody .estimated div{display:flex;align-items:center;gap:8px}.CreateBroadcastPage_data tbody .delivered div p,.CreateBroadcastPage_data tbody .time div p,.CreateBroadcastPage_data tbody .estimated div p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.CreateBroadcastPage_data tbody .delivered .start,.CreateBroadcastPage_data tbody .time .start{font-weight:700;font-size:14px;line-height:20px;letter-spacing:.01em}.CreateBroadcastPage_data tbody .delivered .on-going{color:#6562df}.CreateBroadcastPage_data tbody .delivered .finish{color:#219655}.CreateBroadcastPage_data tbody .status .status{border-radius:20px;padding:4px 8px;max-width:fit-content;min-width:none}.CreateBroadcastPage_data tbody .status .status p{font-weight:600;font-size:10px;line-height:18px;letter-spacing:-.01em}.CreateBroadcastPage_data tbody .status .completed{background:#e3fce9}.CreateBroadcastPage_data tbody .status .completed p{color:#219655}.CreateBroadcastPage_data tbody .status .pending{background:#fce3e3}.CreateBroadcastPage_data tbody .status .pending p{color:#df6262}.CreateBroadcastPage_data tbody .status .send{background:#b8b7e5}.CreateBroadcastPage_data tbody .status .send p{color:#23224d}.CreateBroadcastPage_data tbody .time .on-going{color:#6562df}.CreateBroadcastPage_data tbody .time .finish{color:#333}.CreateBroadcastPage_data tbody .action .action{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:0}.CreateBroadcastPage_data tbody .action .action .pause{display:flex;justify-content:center;align-items:center;padding:8px;gap:8px;background:#cca239;border-radius:4px;cursor:pointer}.CreateBroadcastPage_data tbody .action .action .pause p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#fafafa}.CreateBroadcastPage_data tbody .action .action .continue{display:flex;justify-content:center;align-items:center;padding:8px;gap:8px;background:#5c5acc;border-radius:4px;cursor:pointer}.CreateBroadcastPage_data tbody .action .action .continue p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#fafafa}.CreateBroadcastPage_data tbody .action .action .see-log{display:flex;justify-content:center;align-items:center;padding:0 8px;gap:8px;border:1px solid #5c5acc;border-radius:4px;height:36px;cursor:pointer}.CreateBroadcastPage_data tbody .action .action .see-log p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#5c5acc}.BroadcastContainer{display:flex;gap:8px;justify-content:space-between;margin-top:30px}.FormBroadcast{display:flex;flex-direction:column;padding:10px}.BroadcastLeft{display:flex;flex-direction:column;gap:16px;width:calc(100% - 320px)}.BroadCast_header{display:flex;padding:12px;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch;border-radius:8px;background:#ffffff}.BroadCast_header .top{display:flex;align-items:center;gap:12px}.BroadCast_header .bottom{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;align-self:stretch;margin-top:12px}.BroadCast_header .bottom label{font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px;color:#656464}.BroadCast_header .bottom label span{color:#df6262}.BroadCast_header .bottom .input{width:100%;height:48px}.BroadCast_header .bottom .input .css-13cymwt-control,.BroadCast_header .bottom .input .css-t3ipsp-control{height:100%;border-color:#f2f2f2!important}.Broadcast_accordion{padding:12px;gap:8px;border-radius:8px!important;background:#ffffff;margin:16px 0 0!important;box-shadow:none!important}.Broadcast_accordion:before{display:none}.Broadcast_accordionHeader{display:flex;align-self:stretch;padding:0!important;min-height:0!important}.Broadcast_accordionHeader .MuiAccordionSummary-content{margin:0!important;width:100%;display:flex;justify-content:space-between;cursor:auto}.Broadcast_accordionHeader .title{display:flex;align-items:center;gap:4px;width:100%}.Broadcast_accordionHeader .wrapper{display:flex;flex-direction:column}.Broadcast_accordionHeader .info{display:flex;padding:4px 8px;align-items:center;gap:8px}.Broadcast_accordionHeader .WrapperTitleSchedule{display:flex;flex-direction:column;gap:10px}.Broadcast_accordionHeader .WrapperTitleSchedule .title{display:flex;gap:10px;color:var(--Neutral-Color-Neutral4, #333);font-family:Inter;font-size:16px;font-style:normal;font-weight:700;line-height:24px}.Broadcast_accordionHeader .WrapperTitleSchedule .WarningSchedule{display:flex;gap:10px}.Broadcast_accordionHeader .WrapperTitleSchedule .WarningSchedule .WarningText{color:var(--Neutral-Color-Neutral3, #656464);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.Broadcast_accordionBody{padding:0!important;margin-top:8px}.Broadcast_accordionBody .ContainerBuble{width:calc(100% - 24px);padding:12px;border:1px solid #f2f2f2;background:#fafafa;margin-bottom:8px}.Broadcast_accordionBody .ContainerBuble .BubleHeader{display:flex;justify-content:space-between;align-items:center}.Broadcast_accordionBody .ContainerBuble .BubleHeader .title{font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;color:#333}.Broadcast_accordionBody .ContainerBubleBroadcast .BubleHeader .useTemplateBtn{display:flex;height:20px;padding:8px;justify-content:center;align-items:center;gap:4px;border-radius:4px;cursor:pointer}.Broadcast_accordionBody .ContainerBubleBroadcast .BubleHeader .useTemplateBtn:hover{background:#dadaf2;transition:.3s}.Broadcast_accordionBody .ContainerBubleBroadcast .BubleHeader .useTemplateBtn p{color:var(--primary-color-primary-600, #5c5acc);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.Broadcast_accordionBody .ContainerBuble .ContainerEditor{padding:0;border:none}.Broadcast_accordionBody .ContainerBuble .ContainerEditor textarea{display:flex;padding:12px;align-items:flex-start;gap:10px;align-self:stretch;border-radius:4px;border:1px solid #333;background:#ffffff;box-shadow:0 0 5px #5c5acc26;min-height:22px;margin-bottom:4px;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;color:#333}.Broadcast_accordionBody .ButtonModalNewTemplate{background:#5c5acc}.Broadcast_accordionBody .ButtonModalNewTemplate p{color:#fafafa}.Broadcast_accordionBody .ContainerBCTemplate{display:flex;padding:12px 8px 12px 12px;border-radius:8px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--neutral-color-neutral-100, #fafafa);align-items:center;gap:4px;align-self:stretch}.Broadcast_accordionBody .ContainerBCTemplate p{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.Broadcast_accordionBody .ContainerBCTemplate .Name{display:flex;padding:12px;align-items:center;gap:10px;flex:1 0 0;border-radius:4px;border:1px solid var(--neutral-color-neutral-3, #656464);background:var(--background-white, #fff)}.Broadcast_accordionBody .ContainerBCTemplate .Hotkey{display:flex;width:136px;height:24px;padding:12px;align-items:center;gap:10px;border-radius:4px;border:1px solid var(--neutral-color-neutral-3, #656464);background:var(--background-white, #fff);overflow-x:scroll}.Broadcast_accordionBody .ContainerBCTemplate .Hotkey p{padding-top:12px;text-wrap:nowrap}.Broadcast_accordionBody .ContainerBCTemplate .Action{display:flex;align-items:center;justify-content:center;padding:0;border:none;outline:none;background:none}.BroadcastRight{position:relative}.BroadcastRight_card{padding:10px;position:fixed;right:16px;top:96px;width:284px;height:calc(100% - 138px)}.BroadcastRight h3{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;margin-bottom:20px;margin-top:10px}.BroadcastRight p{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.CardTitle h3{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:24px;font-style:normal;font-weight:700;line-height:32px;letter-spacing:-.48px}.AddOneContactList_formInput input{padding:0 12px;height:48px;width:calc(100% - 24px);border:1px solid #f2f2f2;border-radius:4px;color:#656464;margin-top:8px}.AddOneContactList_formInput .input-select .MuiFormControl-root,.AddOneContactList_formInput .input-select .MuiFormControl-root .MuiInputBase-root{height:100%;padding:0}.BoxPreview{display:flex;height:48.07vh;width:"auto";padding:12px 4px;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch;background:#efe6dd;overflow-y:scroll}.ButtonOutline{background-color:#219655;display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;border:2px solid var(--primary-color-primary-600, #5c5acc)}.ContainerTimeCreateBroadcast{display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch;margin-top:8px}.ContainerTimeSchedule{display:flex;width:calc(100% - 24px);padding:12px;flex-direction:column;align-items:flex-start;gap:8px;border-radius:8px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--neutral-color-neutral-100, #fafafa)}.TimeScheduleType{display:flex;align-items:center;gap:4px;align-self:stretch}.TimeScheduleType p{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.TimeScheduleType .Input{flex:1;display:flex;padding:12px;justify-content:space-between;align-items:center;border-radius:4px;border:1px solid var(--primary-color-primary-400, #817ee5);background:#fff;box-shadow:0 0 5px #5c5acc26;cursor:pointer}.TimeScheduleType .On{border:1px solid var(--neutral-color-neutral-3, #656464)}.TimeScheduleType .Input p{color:var(--primary-color-primary-900, #23224d);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.TimeScheduleType .Input input{background:var(--neutral-color-neutral-100, #fafafa);outline:none;padding:0}.TimeScheduleType .Action,.TimeScheduleDate .Action{display:flex;padding:0;justify-content:center;align-items:center}.TimeScheduleDate{display:flex;align-items:center;gap:4px;align-self:stretch}.TimeScheduleDate p{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px}.TimeScheduleDate .Date{margin-left:4px;flex:2;display:flex;padding:2px 12px;justify-content:space-between;align-items:center;border-radius:4px;background:var(--background-white, #fff)}.TimeScheduleDate .Warn{border:1px solid var(--neutral-color-neutral-200, #DF6262)}.TimeScheduleDate .WrapperButtonCustom{display:flex;padding:10px;gap:4px;justify-content:space-between}.TimeScheduleDate .WrapperButtonCustom .Right{display:flex;gap:4px}.TimeScheduleDate .WrapperButtonCustom .CustomCancel{color:var(--info-color-danger, #df6262);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.TimeScheduleDate .WrapperButtonCustom .CustomReset{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.TimeScheduleDate .WrapperButtonCustom .CustomSetDate{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:4px;border-radius:4px;background:var(--primary-color-primary-900, #5c5acc);color:var(--background-white, #fff);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.TimeScheduleDate .WrapperButtonCustom .CustomSetDate:active{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:4px;border-radius:4px;background:var(--primary-color-primary-900, #23224d);color:var(--background-white, #fff);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.TimeScheduleDate .Date .react-datepicker__input-container input{width:95%}.TimeScheduleDate .Date .rmdp-container,.TimeScheduleDate .Date .rmdp-container input{width:95%;border:none;padding:2px 0}.TimeScheduleDate .Date .rmdp-container .rmdp-day-picker div .rmdp-week:first-child{background:var(--background-enable, #f5f7fa)}.TimeScheduleDate .Date .rmdp-container .rmdp-day-picker div .rmdp-week:first-child .rmdp-week-day{color:var(--grey-grey-800, #424242)}.TimeScheduleDate .Date .rmdp-container .rmdp-today span{color:var(--primary-color-primary-500, #6562df);background:none}.TimeScheduleDate .Date .rmdp-container .rmdp-day span:hover{border-radius:8px}.TimeScheduleDate .Date .rmdp-container .rmdp-selected span{color:var(--primary-color-primary-500, #fff);border-radius:8px;background:var(--primary-color-primary-500, #6562df)}.TimeScheduleDate .Date .rmdp-container .rmdp-day .rmdp-day-hidden:hover{background:#fff}.TimeScheduleDate .Date .rmdp-container .rmdp-disabled span{color:#ccc}.TimeScheduleDate .Date .btnDay{background:none;border:none;outline:none;margin:3px 0;padding:0;flex:1;width:300px;display:flex;justify-content:start}.TimeScheduleDate .Date .btnDay p{color:var(--primary-color-primary-900, #23224d);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.TimeScheduleDate .Date .btnCustomDay{background:none;border:none;padding:12px 0 0;flex:1;width:300px;display:flex;justify-content:start;overflow-x:scroll}.TimeScheduleDate .Date .btnCustomDay p{color:var(--primary-color-primary-900, #23224d);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px;text-wrap:nowrap}.PopoverSelectDay{display:flex;width:400px;padding:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;border-radius:8px;border:1px solid var(--primary-color-primary-500, #6562df);background:var(--background-white, #fff);box-shadow:5px 5px 5px #6562df26}.PopoverSelectDay .Body{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;align-self:stretch}.PopoverSelectDay .Body .Head{display:flex;padding:4px;justify-content:center;align-items:center;gap:10px;align-self:stretch;color:var(--neutral-color-neutral-900, #333);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.PopoverSelectDay .Body .Option{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.PopoverSelectDay .Body .Option .Day{display:flex;padding:8px;justify-content:center;align-items:center;color:var(--neutral-color-neutral-500, #b3b3b3);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;border-radius:4px;cursor:pointer}.PopoverSelectDay .Body .Option .Selected{border:1px solid var(--primary-color-primary-500, #6562df);background:var(--background-white, #fff)}.PopoverSelectDay .Action{display:flex;justify-content:space-between;align-items:flex-start;align-self:stretch}.PopoverSelectDay .Action button{border:none;outline:none;background:none}.PopoverSelectDay .Action .Cancel{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:4px;color:var(--info-color-danger, #df6262);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.PopoverSelectDay .Action .Right{display:flex;align-items:flex-start;gap:8px}.PopoverSelectDay .Action .Right .Reset{display:flex;padding:8px;justify-content:center;align-items:center;color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.PopoverSelectDay .Action .Right .Set{display:flex;padding:8px;justify-content:center;align-items:center;gap:4px;border-radius:4px;background:var(--primary-color-primary-600, #5c5acc);color:var(--neutral-color-neutral-100, #fafafa);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.PopoverSelectMonthDay{display:flex;padding:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;border-radius:8px;border:1px solid var(--primary-color-primary-500, #6562df);background:var(--background-white, #fff);box-shadow:5px 5px 5px #6562df26}.PopoverSelectMonthDay .Head{display:flex;padding:4px;justify-content:center;align-items:center;gap:4px;align-self:stretch}.PopoverSelectMonthDay .Head p{color:var(--neutral-color-neutral-900, #333);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.PopoverSelectMonthDay .Body{display:flex;flex-direction:column}.PopoverSelectMonthDay .Option{display:flex;align-items:center;align-self:stretch}.PopoverSelectMonthDay .Option button{outline:none;border:none;display:flex;width:34px;padding:8px;justify-content:center;align-items:center;border-radius:8px;background:var(--primary-color-primary-500, #fff)}.PopoverSelectMonthDay .Option button p{color:var(--neutral-color-neutral-800, #656565);text-align:center;font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;line-height:150%}.PopoverSelectMonthDay .Option .Selected{background:var(--primary-color-primary-500, #6562df)}.PopoverSelectMonthDay .Option .Selected p{color:var(--black-white-white, #fff)}.PopoverSelectMonthDay .Action{display:flex;justify-content:space-between;align-items:flex-start;align-self:stretch}.PopoverSelectMonthDay .Action button{border:none;outline:none;background:none}.PopoverSelectMonthDay .Action .Cancel{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:4px;color:var(--info-color-danger, #df6262);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.PopoverSelectMonthDay .Action .Right{display:flex;align-items:flex-start;gap:8px}.PopoverSelectMonthDay .Action .Right .Reset{display:flex;padding:8px;justify-content:center;align-items:center;color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.PopoverSelectMonthDay .Action .Right .Set{display:flex;padding:8px;justify-content:center;align-items:center;gap:4px;border-radius:4px;background:var(--primary-color-primary-600, #5c5acc);color:var(--neutral-color-neutral-100, #fafafa);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.TimeScheduleDate .Time{border:1px solid var(--neutral-color-neutral-200, #656464);width:200px;box-shadow:none}.TimeScheduleDate .Failed_Time{box-shadow:none;width:200px;border:1px solid red!important}.ScheduleTypeOption{display:flex;width:200px;padding:4px;flex-direction:column;align-items:flex-start;gap:4px}.ScheduleTypeOption_Add{display:flex;padding:8px 12px;align-items:flex-start;gap:10px;align-self:stretch;cursor:pointer}.ScheduleTypeOption_Add:hover{background:var(--primary-color-primary-500, #6562df)}.ScheduleTypeOption_Add:hover p{color:var(--neutral-color-neutral-100, #fafafa)}.ScheduleTypeOption_Add p{font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.ScheduleTypeOption_Add p{color:var(--neutral-color-neutral-4, #333)}.BroadcastEndTimeSchedule{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;align-self:stretch}.BroadcastEndTimeSchedule label{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.BroadcastEndTimeSchedule .Data{display:flex;align-items:center;gap:4px;align-self:stretch}.BroadcastEndTimeSchedule .Left{cursor:pointer;display:flex;max-width:140px;min-width:120px;padding:12px;align-items:flex-start;gap:4px;border-radius:4px;border:1px solid var(--neutral-color-neutral-3, #656464);background:var(--background-white, #fff)}.BroadcastEndTimeSchedule .Left p{flex:1;color:var(--primary-color-primary-900, #23224d);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.BroadcastEndTimeSchedule .PickDate{display:flex;padding:12px;justify-content:space-between;align-items:flex-start;border-radius:4px;border:1px solid var(--primary-color-primary-400, #656464);background:var(--background-white, #fff);box-shadow:0 0 5px #5c5acc26}.BroadcastEndTimeSchedule .PickDate .Date{flex:1;border:none}.BroadcastEndTimeSchedule .PickDate .Date p{color:var(--primary-color-primary-900, #23224d);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.BroadcastEndTimeSchedule .PickDate .Date button{display:flex;height:36px;padding:8px 4px;justify-content:center;align-items:center;gap:4px;background:none}.BroadcastEndTimeSchedule .WrapperButtonCustom{display:flex;padding:10px;gap:4px;justify-content:space-between}.BroadcastEndTimeSchedule .WrapperButtonCustom .Right{display:flex;gap:4px}.BroadcastEndTimeSchedule .WrapperButtonCustom .CustomCancel{color:var(--info-color-danger, #df6262);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.BroadcastEndTimeSchedule .WrapperButtonCustom .CustomReset{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.BroadcastEndTimeSchedule .WrapperButtonCustom .CustomSetDate{display:flex;height:36px;padding:8px 4px;justify-content:center;align-items:center;gap:4px;border-radius:4px;background:var(--primary-color-primary-900, #5c5acc)!important;font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.BroadcastEndTimeSchedule .WrapperButtonCustom .CustomSetDate:active{background:var(--primary-color-primary-900, #23224d)!important}.ContainerTimeCreateBroadcast .ButtonModalNewSchedule{display:flex;padding:8px;justify-content:center;align-items:center;gap:4px;border-radius:4px;background:var(--primary-color-primary-600, #5c5acc)}.ContainerTimeCreateBroadcast .ButtonModalNewSchedule p{color:#fafafa}.Broadcast_accordion .ButtonMenuBroadcast{display:flex;padding:8px;justify-content:center;align-items:center;gap:4px;border-radius:4px;background:var(--primary-color-primary-600, #5c5acc)}.Broadcast_accordion .ButtonMenuBroadcast p{color:var(--neutral-color-neutral-100, #fafafa);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.ContainerFollowCreateBroadcast{display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch;margin-top:8px}.ContainerFollowCreateBroadcast .Item{width:calc(100% - 24px);display:flex;padding:12px;flex-direction:column;align-items:flex-start;gap:8px;border-radius:8px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--neutral-color-neutral-100, #fafafa)}.ContainerFollowCreateBroadcast .Action{display:flex;align-items:center;gap:4px}.ContainerFollowCreateBroadcast .Action .Edit{display:flex;padding:8px;justify-content:center;align-items:center;gap:4px;cursor:pointer}.ContainerFollowCreateBroadcast .Action .Edit p{color:var(--primary-color-primary-600, #5c5acc);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.ContainerFollowCreateBroadcast .Action .Delete{cursor:pointer;display:flex;padding:8px;justify-content:center;align-items:center;gap:4px}.ContainerFollowCreateBroadcast .Item label{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.ContainerFollowCreateBroadcast .Item .Tag{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.ContainerFollowCreateBroadcast .Item .Tag .L{flex:1;display:flex;align-items:center;gap:4px;width:13dvw}.ContainerFollowCreateBroadcast .Item .TagItem{display:flex;padding:4px;height:18px;align-items:center;gap:8px;border-radius:4px;border:1px solid var(--primary-color-primary-500, #6562df);background:var(--background-white, #fff)}.ContainerFollowCreateBroadcast .Item .TagItem p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ContainerFollowCreateBroadcast .Item .Delegate{display:flex;justify-content:space-between;align-items:center;align-self:stretch;height:36px}.ContainerFollowCreateBroadcast .Item .Delegate .L{flex:1;display:flex;align-items:center;gap:8px;width:13dvw;overflow-x:scroll}.ContainerFollowCreateBroadcast .Item .MemberItem{display:flex;padding:4px 8px 4px 4px;align-items:center;gap:8px;border-radius:4px;border:1px solid var(--neutral-color-neutral-500, #b3b3b3);background:var(--background-white, #fff);margin-top:16px}.ContainerFollowCreateBroadcast .Item .MemberItem img{width:20px;border-radius:50%}.ContainerFollowCreateBroadcast .Item .MemberItem p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.ContainerFollowCreateBroadcast .Item .TeamItem{display:flex;padding:4px 8px;align-items:center;gap:8px;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--background-white, #fff);margin-top:16px}.ContainerFollowCreateBroadcast .Item .TeamItem p{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px;text-wrap:nowrap}.ContainerFollowCreateBroadcast .Item .Note{display:flex;align-items:center;gap:12px;align-self:stretch}.ContainerFollowCreateBroadcast .Item .Note .L{display:flex;padding:12px;align-items:flex-start;gap:10px;flex:1 0 0;border-radius:4px;border:1px solid var(--neutral-color-neutral-4, #333);background:var(--background-white, #fff);box-shadow:0 0 5px #5c5acc26}.ContainerFollowCreateBroadcast .Note .L p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.ContainerFooterCreateBroadcast{display:flex;padding:16px;justify-content:space-between;align-items:center;align-self:stretch}.ButtonCancelAddNewBc{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;color:#df6262;background-color:#fff}.ContainerFooterCreateBroadcast .Right{display:flex;align-items:flex-start;gap:8px}.ContainerFooterCreateBroadcast .Right .Draft{display:flex;padding:12px;justify-content:center;align-items:center;gap:8px;border-radius:4px;border:2px solid var(--primary-color-primary-600, #5c5acc);background:var(--background-white, #fff);color:var(--primary-color-primary-600, #5c5acc);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px}.ContainerFooterCreateBroadcast .Right .Send{display:flex;padding:12px;justify-content:center;align-items:center;gap:8px;border-radius:4px;background:var(--primary-color-primary-600, #5c5acc);border:2px solid var(--primary-color-primary-600, #5c5acc);color:var(--neutral-color-neutral-100, #fafafa);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px}.ContainerFooterCreateBroadcast .Right .Send_Disabled{background-color:gray;border-color:gray}.createBroadcast_msgEmpty{display:flex;padding:4px 8px;align-items:center;gap:8px;align-self:stretch;border-radius:4px;background:#df6262}.createBroadcast_msgEmpty p{font-size:12px;font-style:normal;font-weight:400;line-height:18px;color:#fff}.CreateBroadcastPage .rightPart .WarnWrapper{display:flex;padding:4px 8px;align-items:center;gap:8px}.CreateBroadcastPage .rightPart .WarnWrapper p{flex:1;color:var(--Info-Color-Danger, #DF6262);line-height:18px;font-family:Inter;font-size:12px;font-style:normal;font-weight:400}.CreateBroadcastPage .Follow_Up_BC_SM .BgCBTemplate{top:72px!important}.CampaignPage{height:100vh;max-height:100vh;position:fixed;width:100dvw;max-width:100dvw}.CampaignPage .left{max-width:320px;width:320px;padding:24px 16px}.CampaignPage .right{flex:1;padding:24px 16px 24px 40px;background:#f7f5f5;max-width:calc(100dvw - 320px);height:calc(100dvh - 72px)!important;min-height:100%;overflow-y:scroll}.CampaignPage_breadcrumbs{display:flex;flex-direction:row;align-items:center;gap:8px}.CampaignPage_breadcrumbs img:first-child{width:24px;height:24px}.CampaignPage_breadcrumbs img{width:16px;height:16px}.CampaignPage_breadcrumbs p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.CampaignPage_head h4{margin-top:24px;font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em}.CampaignPage_head p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.CampaignPage_action{display:flex;justify-content:space-between;align-items:center;margin-top:12px;margin-bottom:24px}.CampaignPage_action .left{display:flex;align-items:flex-start;gap:12px;width:100%;padding:0}.CampaignPage_action .left .input{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 12px;gap:12px;width:360px;height:48px;border:1px solid #F2F2F2;border-radius:4px;margin-right:12px;background:#fff}.CampaignPage_action .left .input img,.CampaignPage_action .left .btn img,.CampaignPage_action .right img{width:24px;height:24px}.CampaignPage_action .left .input input{flex:1;width:300px;height:24px}.CampaignPage_action .left .input input:focus{outline:none}.CampaignPage_action .left .btn{width:100%;min-width:48px;max-width:48px;height:48px;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:4px}.CampaignPage_action .right{display:flex;justify-content:center;align-items:center;gap:12px;background:#5C5ACC;border-radius:4px;min-width:162px;max-width:max-content;height:100%;max-height:48px;padding:0 16px 0 12px;cursor:pointer}.CampaignPage_action .right p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fafafa}.CampaignPage_data{max-width:calc(100dvw - 376px);overflow-x:scroll}.CampaignPage_data table{width:100%;border-spacing:0}.CampaignPage_data thead{background:#EDEDFF}.CampaignPage_data .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root .css-i4bv87-MuiSvgIcon-root{fill:#828282}.CampaignPage_data thead th{font-weight:700;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333;text-align:start}.CampaignPage_data .name,.CampaignPage_data .contact{min-width:148px;padding:16px}.CampaignPage_data .audience{min-width:128px;padding:16px}.CampaignPage_data .content{width:168px;padding:16px}.CampaignPage_data .date{width:138px;padding:16px}.CampaignPage_data .action{min-width:142px;padding:16px}.CampaignPage_data tbody tr{background:#FFFFFF}.CampaignPage_data tbody .name{font-weight:500;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333}.CampaignPage_data tbody .content{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656565}.CampaignPage_data tbody .delivered div,.CampaignPage_data tbody .time div,.CampaignPage_data tbody .estimated div{display:flex;align-items:center;gap:8px}.CampaignPage_data tbody .delivered div p,.CampaignPage_data tbody .time div p,.CampaignPage_data tbody .estimated div p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.CampaignPage_data tbody .delivered .start,.CampaignPage_data tbody .time .start{font-weight:700;font-size:14px;line-height:20px;letter-spacing:.01em}.CampaignPage_data tbody .delivered .on-going{color:#6562df}.CampaignPage_data tbody .delivered .finish{color:#219655}.CampaignPage_data tbody .status .status{border-radius:20px;padding:4px 8px;max-width:fit-content;min-width:none}.CampaignPage_data tbody .status .status p{font-weight:600;font-size:10px;line-height:18px;letter-spacing:-.01em}.CampaignPage_data tbody .status .completed{background:#E3FCE9}.CampaignPage_data tbody .status .completed p{color:#219655}.CampaignPage_data tbody .status .pending{background:#FCE3E3}.CampaignPage_data tbody .status .pending p{color:#df6262}.CampaignPage_data tbody .status .send{background:#B8B7E5}.CampaignPage_data tbody .status .send p{color:#23224d}.CampaignPage_data tbody .time .on-going{color:#6562df}.CampaignPage_data tbody .time .finish{color:#333}.CampaignPage_data tbody .action .action{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:0}.CampaignPage_data tbody .action .action .pause{display:flex;justify-content:center;align-items:center;padding:8px;gap:8px;background:#CCA239;border-radius:4px;cursor:pointer}.CampaignPage_data tbody .action .action .pause p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#fafafa}.CampaignPage_data tbody .action .action .continue{display:flex;justify-content:center;align-items:center;padding:8px;gap:8px;background:#5C5ACC;border-radius:4px;cursor:pointer}.CampaignPage_data tbody .action .action .continue p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#fafafa}.CampaignPage_data tbody .action .action .see-log{display:flex;justify-content:center;align-items:center;padding:0 8px;gap:8px;border:1px solid #5C5ACC;border-radius:4px;height:36px;cursor:pointer}.CampaignPage_data tbody .action .action .see-log p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#5c5acc}.CreateCampaignPage{height:100vh;max-height:100vh;position:fixed;width:100dvw;max-width:100dvw}.CreateCampaignPage .left{max-width:320px;width:320px;padding:24px 16px}.CreateCampaignPage .right{flex:1;padding:24px 16px 24px 40px;background:#f7f5f5;max-width:calc(100dvw - 320px);height:calc(100dvh - 72px)!important;min-height:100%;overflow-y:scroll}.CreateCampaignPage_breadcrumbs{display:flex;flex-direction:row;align-items:center;gap:8px}.CreateCampaignPage_breadcrumbs img:first-child{width:24px;height:24px}.CreateCampaignPage_breadcrumbs img{width:16px;height:16px}.CreateCampaignPage_breadcrumbs p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.CreateCampaignPage_head h4{margin-top:24px;font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em}.CreateCampaignPage_head p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.CreateCampaignPage_form{display:flex;flex-direction:column;align-items:flex-start;padding:12px;gap:12px;margin-top:16px}.CreateCampaingPage_formInput{display:flex;flex-direction:column;justify-content:center;gap:8px;width:calc(100% - 24px)}.CreateCampaingPage_formInput label{display:flex;align-items:center;gap:4px;font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#333}.CreateCampaingPage_formInput label span{color:#df6262}.CreateCampaingPage_formInput input{width:calc(100% - 24px);padding:12px;border:1px solid #F2F2F2;border-radius:4px}.CreateCampaignPage_send{display:flex;justify-content:center;align-items:center;padding:0;gap:12px;margin-top:24px}.CreateCampaignPage_send .btn-cancel{display:flex;justify-content:center;align-items:center;padding:12px;cursor:pointer}.CreateCampaignPage_send .btn-cancel p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#df6262}.CreateCampaignPage_send .btn-save{display:flex;justify-content:center;align-items:center;padding:12px;gap:12px;background:#F2F2F2;border:2px solid #656565;border-radius:4px;cursor:pointer}.CreateCampaignPage_send .btn-save p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#656565}.BroadcastPage{height:100vh;max-height:100vh;position:fixed;width:100dvw;max-width:100dvw}.BroadcastPage .left{max-width:320px;width:320px;padding:24px 16px}.BroadcastPage .right{flex:1;padding:24px 16px;background:#f7f5f5;max-width:calc(100dvw - 320px);height:calc(100dvh - 72px)!important;min-height:100%;overflow-y:scroll}.BroadcastPage_breadcrumbs{display:flex;flex-direction:row;align-items:center;gap:8px}.BroadcastPage_breadcrumbs img:first-child{width:24px;height:24px}.BroadcastPage_breadcrumbs img{width:16px;height:16px}.BroadcastPage_breadcrumbs p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.BroadcastPage_head h4{margin-top:24px;font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em}.BroadcastPage_head p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.BroadcastPage_connect{display:flex;flex-direction:column;align-items:center;gap:16px}.BroadcastPage_connect img{width:250px;height:250px}.BroadcastPage_connect h4{font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em;text-align:center}.BroadcastPage_connect p{font-weight:400;font-size:16px;line-height:24px;color:#656464;margin-top:4px}.BroadcastPage_connect .connect:hover{display:flex;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:var(--primary-color-primary-600, #23224d);padding:0 16px 0 12px;width:fit-content;height:48px;cursor:pointer}.BroadcastPage_connect .connect{display:flex;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:var(--primary-color-primary-600, #5c5acc);padding:0 16px 0 12px;width:fit-content;height:48px;cursor:pointer}.BroadcastPage_connect .connect img{width:24px;height:24px}.BroadcastPage_connect .connect p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fff}.BroadcastPage_action{display:flex;justify-content:space-between;align-items:center;margin-top:12px;margin-bottom:24px}.BroadcastPage_action .left{display:flex;align-items:flex-start;gap:12px;width:100%;padding:0}.BroadcastPage_action .left .input{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 12px;gap:12px;width:360px;height:48px;border:1px solid #f2f2f2;border-radius:4px;margin-right:12px;background:#fff}.BroadcastPage_action .left .input img,.BroadcastPage_action .left .btn img,.BroadcastPage_action .right img{width:24px;height:24px}.BroadcastPage_action .left .input input{flex:1;width:300px;height:24px}.BroadcastPage_action .left .input input:focus{outline:none}.BroadcastPage_action .left .btn{width:100%;min-width:48px;max-width:48px;height:48px;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:4px}.BroadcastPage_action .right{display:flex;justify-content:center;align-items:center;gap:12px;background:#5c5acc;border-radius:4px;min-width:162px;max-width:max-content;height:100%;max-height:48px;padding:0 16px 0 12px;cursor:pointer}.BroadcastPage_action .right p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fafafa}.BroadcastPage .right .Result{gap:4px;margin-bottom:24px;display:flex;max-width:500px;padding:4px 12px;justify-content:space-between;align-items:center}.BroadcastPage .right .Result p{color:var(--neutral-color-neutral-800, #656565);font-size:14px;font-family:Inter;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.BroadcastPage .right .Result button{display:flex;height:24px;padding:8px;justify-content:center;align-items:center;gap:8px;outline:none;border:none;background:#F7F5F5}.BroadcastPage .right .Result button:hover{background:var(--primary-color-primary-100, #DADAF2)}.BroadcastPage .right .Result button:hover p{color:#23224d}.BroadcastPage .right .Result button p{color:var(--primary-color-primary-600, #5C5ACC);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.BroadcastPage_actionright{display:flex;justify-content:center;align-items:center;gap:12px;background:#5c5acc;border-radius:4px;min-width:162px;max-width:max-content;height:100%;max-height:48px;padding:0 16px 0 12px;cursor:pointer}.BroadcastPage_actionright p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fafafa}.BroadcastMemberPage_data{max-width:calc(100dvw - 352px);overflow:scroll}.BroadcastMemberPage_data table{width:100%;border-spacing:0;border-collapse:collapse}.BroadcastMemberPage_data thead,.BroadcastMemberPage_data thead tr>*{background:#ededff}.BroadcastMemberPage_data tbody,.BroadcastMemberPage_data tbody td>*{background:#fafafa}.BroadcastMemberPage_data thead tr,.BroadcastMemberPage_data tbody tr{display:flex}.BroadcastMemberPage_data thead tr th>button{padding:0;border:none;background:none;outline:none;display:flex;align-items:center;justify-content:center}.BroadcastMemberPage_data .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root .css-i4bv87-MuiSvgIcon-root{fill:#828282}.BroadcastMemberPage_data thead th p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.BroadcastMemberPage_data tbody td p{background:none}.BroadcastMemberPage_data tbody .Selected>*{background:#E5E4E4}.BroadcastMemberPage_data tbody .Notselected>*{background:#FFF}.BroadcastMemberPage_data .freezed{background:#A2A1E5;position:absolute;bottom:0;left:0;width:100%;height:5px}.BroadcastMemberPage_data thead .Checkbox{display:flex;width:64px;height:24px;padding:16px 8px;align-items:center;gap:8px;position:sticky;left:0}.BroadcastMemberPage_data tbody .Checkbox{display:flex;width:64px;height:32px;padding:16px 8px;align-items:center;gap:8px;position:sticky;left:0}.BroadcastMemberPage_data thead .name{display:flex;width:208px;flex:1;height:24px;padding:16px;justify-content:space-between;align-items:center;position:sticky;left:80px}.BroadcastMemberPage_data tbody .name{display:flex;width:208px;flex:1;height:32px;padding:16px;align-items:center;gap:10px;position:sticky;left:80px}.BroadcastMemberPage_data tbody .name p{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.BroadcastMemberPage_data thead .schedule{display:flex;width:192px;height:24px;padding:16px;justify-content:space-between;align-items:center}.BroadcastMemberPage_data tbody .schedule{display:flex;width:192px;height:32px;padding:16px;justify-content:flex-start;gap:8px;align-items:center}.BroadcastMemberPage_data tbody .schedule p{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px}.PopoverScheduleBC{display:flex;padding:8px;align-items:flex-start;gap:8px;border-radius:4px;border:1px solid var(--neutral-color-neutral-300, #e5e4e4);background:var(--background-white, #fff);box-shadow:0 0 10px #0000001a}.PopoverScheduleBC .BC{display:flex;flex-direction:column;gap:4px}.PopoverScheduleBC .BC p,.PopoverScheduleBC .BC ul li{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.BroadcastMemberPage_data thead .status{display:flex;width:96px;height:24px;padding:16px;justify-content:space-between;align-items:center}.BroadcastMemberPage_data tbody .status{display:flex;width:96px;height:32px;padding:16px;align-items:center;gap:4px}.BroadcastMemberPage_data thead .statusUpdate{display:flex;width:192px;height:24px;padding:16px;justify-content:space-between;align-items:center}.BroadcastMemberPage_data tbody .statusUpdate{display:flex;width:192px;height:32px;padding:16px;align-items:center;gap:4px}.BroadcastMemberPage_data tbody .statusUpdate p{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.BroadcastMemberPage_data thead .action{display:flex;width:20px;height:24px;padding:16px;justify-content:space-between;align-items:center;position:sticky;right:0}.BroadcastMemberPage_data tbody .action{display:flex;width:20px;height:32px;padding:16px;align-items:center;gap:4px;position:sticky;right:0}.PopoverActionBC{display:flex;padding:4px;flex-direction:column;align-items:flex-start;gap:4px}.PopoverActionBC button{border:none;outline:none;background:none;display:flex;align-items:center;gap:8px;width:100%}.PopoverActionBC button p{font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.PopoverActionBC .Edit,.PopoverActionBC .Trash{border-radius:4px}.PopoverActionBC .Edit:hover{background:var(--primary-color-primary-500, #6562DF)}.PopoverActionBC .Edit .Text,.PopoverActionBC .Edit svg{color:var(--neutral-color-neutral-900, #333)}.PopoverActionBC .Edit:hover .Text,.PopoverActionBC .Edit:hover svg{color:var(--background-white, #fff)}.PopoverActionBC .Trash:hover{background:var(--info-color-danger, #df6262)}.PopoverActionBC .Trash .Text,.PopoverActionBC .Trash svg{color:var(--info-color-danger, #DF6262)}.PopoverActionBC .Trash:hover .Text,.PopoverActionBC .Trash:hover svg{color:var(--background-white, #fff)}.BroadcastMemberPage_data tbody .schedule button,.BroadcastMemberPage_data tbody .action button{padding:0;border:none;outline:none;display:flex;justify-content:center;align-items:center}.BroadcastMemberPage_data tbody tr>*{background:#ffffff}.BroadcastMemberPage_data tbody .content{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656565}.BroadcastMemberPage_data tbody .status .status{display:flex;width:66px;height:16px;padding:4px 8px;justify-content:center;align-items:center;gap:10px;flex-shrink:0;border-radius:20px}.BroadcastMemberPage_data tbody .status .status p{font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:-.1px}.BroadcastMemberPage_data tbody .status .completed{background:#E3FCE9;color:var(--Green-1, #219655)}.BroadcastMemberPage_data tbody .status .completed p{color:#219655}.BroadcastMemberPage_data tbody .status .pending{background:var(--neutral-color-neutral-100, #FAFAFA)}.BroadcastMemberPage_data tbody .status .pending p{color:var(--neutral-color-neutral-900, #333)}.BroadcastMemberPage_data tbody .status .send{background:#b8b7e5}.BroadcastMemberPage_data tbody .status .send p{color:#23224d}.BroadcastMemberPage_data tbody .status .draft{border:1px solid var(--neutral-color-neutral-500, #B3B3B3);background:var(--background-white, #FFF)}.BroadcastMemberPage_data tbody .status .draft p{color:var(--neutral-color-neutral-800, #656565)}.BroadcastMemberPage_data tbody .status .failed{background:#F1948A;color:#fff}.BroadcastMemberPage_data tbody .status .failed p{color:#fff}.broadcast_emptyMsg{display:flex;padding:4px 0!important;justify-content:center;align-items:center;gap:4px;border-radius:20px!important;background:#DF6262!important;box-shadow:0 0 10px #0000001a;width:94px!important}.broadcast_emptyMsg p{font-size:10px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:-.1px;color:#fff;text-transform:none;width:62px}.broadcast_emptyMsgDetail .MuiPaper-root{display:flex;width:300px;padding:4px 8px;align-items:center;gap:8px;border-radius:4px;background:#FFFFFF;box-shadow:0 0 10px #0000001a}.broadcast_emptyMsgDetail .MuiPaper-root p{font-size:12px;font-style:normal;font-weight:400;line-height:18px;color:#df6262}.ButtonCreateChatTemplate{display:flex;padding:12px 16px 12px 12px;justify-content:center;align-items:center;gap:8px;border-radius:4px;background:var(--primary-color-primary-600, #5c5acc);color:#fff}.ButtonCreateChatTemplate:hover{background-color:#23224d}#delete_bulk_template{display:flex;padding:12px 16px 12px 12px;justify-content:center;align-items:center;gap:8px;border-radius:4px;background:none;transition:.3s;p {color: #DF6262;}}#delete_bulk_template:hover{background:rgba(223,98,98,.15)}.AddContactListWa,.AddContactListWa .css-1t1j96h-MuiPaper-root-MuiDialog-paper{width:532px;margin:0 auto}.AddContactListWa .css-hz1bth-MuiDialog-container,.AddContactListWa .css-1t1j96h-MuiPaper-root-MuiDialog-paper{margin:0;padding:0;min-width:532px}.AddContactListWa .css-1t1j96h-MuiPaper-root-MuiDialog-paper{background:#FAFAFA;position:relative}.AddContactListWa_head{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #F2F2F2;position:sticky;top:0;background:#FAFAFA;border-radius:4px 4px 0 0}.AddContactListWa_body{background:#ffffff;display:flex;flex-direction:column;align-items:flex-start;padding:12px 24px;gap:12px;border-radius:0 0 4px 4px}.AddContactListWa_bodyStepper{width:100%;display:flex;align-items:flex-start;justify-content:center;gap:12px}.AddContactListWa_bodyStepper .step{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:60px}.AddContactListWa_bodyStepper .step .circle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;border:1px solid #B3B3B3;border-radius:32px;width:32px;height:32px}.AddContactListWa_bodyStepper .step .circle p{color:#b3b3b3;font-weight:500;font-size:14px;line-height:24px;letter-spacing:-.01em}.AddContactListWa_bodyStepper .step p{color:#b3b3b3;font-weight:600;font-size:10px;line-height:18px;letter-spacing:-.01em;text-align:center}.AddContactListWa_bodyStepper .step-active .circle,.AddContactListWa_bodyStepper .step-active .circle p,.AddContactListWa_bodyStepper .step-active p{color:#817ee6;border-color:#817ee6}.AddContactListWa_bodyStepper .step-passed .circle{background:#817EE6;border-color:#817ee6}.AddContactListWa_bodyStepper .step-passed .circle p{color:#fff}.AddContactListWa_bodyStepper .step-passed p{color:#817ee6}.AddContactListWa_bodyStepper .line{border:1px solid #B3B3B3;width:80px;margin-top:16px}.AddContactListWa_bodyStepper .line-passed{border-color:#817ee6}.AddContactListWa_bodyMain{width:100%}.AddContactListWa_bodyStepOne .top{padding:12px 0}.AddContactListWa_bodyStepOne .top .text{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#656565}.AddContactListWa_bodyStepOne .top .download{margin-top:8px;display:flex;align-items:center;padding:4px;gap:12px;border:.5px dashed #B3B3B3;border-radius:4px;max-width:271px}.AddContactListWa_bodyStepOne .top .download img{width:20px;height:20px}.AddContactListWa_bodyStepOne .top .download p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#656565;text-decoration:none}.AddContactListWa_bodyStepOne .center{padding:12px 0}.AddContactListWa_bodyStepOne .center .text{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#000}.AddContactListWa_bodyStepOne .center .img{max-width:484px;overflow:scroll}.AddContactListWa_bodyStepOne .center .img img{margin-top:4px;height:100px;width:min-content;overflow-x:scroll}.AddContactListWa_bodyStepOne .bottom{margin-top:12px;border:1px dashed #6562DF;border-radius:4px}.AddContactListWa_bodyStepOne .bottom label{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px 12px;gap:8px}.AddContactListWa_bodyStepOne .bottom .info{font-weight:700;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333}.AddContactListWa_bodyStepOne .bottom .info span{color:#5c5acc}.AddContactListWa_bodyStepOne .bottom .size{margin-top:-8px;font-weight:300;font-size:10px;line-height:18px;color:#b3b3b3}.AddContactListWa_bodyStepOne .Wrapper_Selected_Wa{max-height:126px;min-height:fit-content;overflow-y:scroll}.AddContactListWa_bodyStepOne .Selected_Wa{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;align-self:stretch;margin-bottom:4px;height:100%}.AddContactListWa_bodyStepOne .Selected_Wa .Wa{display:flex;justify-content:space-between;align-items:center;align-self:stretch;border-radius:4px;border:1px solid var(--neutral-color-neutral-100, #FAFAFA);background:var(--background-white, #FFF)}.AddContactListWa_bodyStepOne .Selected_Wa .Wa .Left{display:flex;align-items:center;gap:4px}.AddContactListWa_bodyStepOne .avatar{width:32px;height:32px}.AddContactListWa_bodyStepOne .avatar-active{width:32px;height:32px;border:2px solid #219655}.AddContactListWa_bodyStepOne .avatar-lost{width:32px;height:32px;border:2px solid #B3B3B3}.AddContactListWa_bodyStepOne .avatar-disabled{width:32px;height:32px;border:2px solid #219655!important}.AddContactListWa_bodyStepOne .Selected_Wa .Wa .Left .number{color:var(--Green-1, #219655);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.AddContactListWa_bodyStepOne .Selected_Wa .Wa .Left .name{color:var(--Green-1, #219655);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.AddContactListWa_bodyStepOne .Selected_Wa .Wa .Center{display:flex;width:164px;align-items:center;gap:4px;overflow-x:scroll}.AddContactListWa_bodyStepOne .Selected_Wa .Wa .Center .Tag{display:flex;padding:4px;align-items:center;gap:4px;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #F2F2F2);background:var(--neutral-color-neutral-100, #FAFAFA);margin-top:16px}.AddContactListWa_bodyStepOne .Selected_Wa .Wa .Center .Tag p{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px}.AddContactListWa_bodyStepOne .WaNumberOption{display:flex;width:calc(100% - 16px);justify-content:space-between;align-items:center;align-self:stretch;border-radius:4px}.AddContactListWa_bodyStepOne .WaNumberOption .Left{display:flex;align-items:center;gap:4px}.AddContactListWa_bodyStepOne .WaNumberOption .Left .number{color:var(--Green-1, #219655);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.AddContactListWa_bodyStepOne .WaNumberOption .Left .name{color:var(--Green-1, #219655);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100px}.AddContactListWa_bodyStepOne .WaNumberOption .Right{display:flex;width:164px;align-items:center;gap:4px;overflow-x:scroll}.AddContactListWa_bodyStepOne .WaNumberOption .Right .Tag{display:flex;padding:4px;align-items:center;gap:4px;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #F2F2F2);background:var(--neutral-color-neutral-100, #FAFAFA);margin-top:16px}.AddContactListWa_bodyStepOne .WaNumberOption .Right .Tag p{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px}.AddContactListWa_bodyStepTwo .top{padding:12px 0}.AddContactListWa_bodyStepTwo .top .text{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#656565}.AddContactListWa_bodyStepTwo .top .download{margin-top:8px;display:flex;align-items:center;padding:4px;gap:12px;border:.5px dashed #B3B3B3;border-radius:4px;max-width:271px}.AddContactListWa_bodyStepTwo .top .download img{width:20px;height:20px}.AddContactListWa_bodyStepTwo .top .download p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#656565;text-decoration:none}.AddContactListWa_bodyStepTwo .center .file{display:flex;justify-content:space-between;align-items:center;padding:4px;background:#FAFAFA;border-radius:4px}.AddContactListWa_bodyStepTwo .center .file div{display:flex;align-items:center;gap:12px}.AddContactListWa_bodyStepTwo .center .file div img{width:24px;height:24px}.AddContactListWa_bodyStepTwo .center .file div p{font-weight:500;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333}.AddContactListWa_bodyStepTwo .center .file .delete{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#df6262;padding:8px;cursor:pointer}.AddContactListWa_bodyStepThree{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:12px 24px;gap:8px;width:calc(100% - 48px)}.AddContactListWa_bodyStepThree img{width:240px;height:240px}.AddContactListWa_bodyStepThree p{font-weight:600;font-size:16px;line-height:24px;color:#000}.AddContactListWa_bodyStepThree h2{font-weight:600;font-size:32px;line-height:40px;letter-spacing:-.02em;color:#6562df}.AddContactListWa_bodyStepTable{width:100%;max-height:184px;overflow-y:scroll}.Info_Step2{display:flex;flex-direction:column;align-items:flex-start}.Info_Step2 .title,.Info_Step2 .subtitle{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.InfoAutoTag{display:flex;justify-content:space-between;border-radius:4px;padding:4px 8px;background:#FAFAFA;width:calc(100% - 16px)}.InfoAutoTagLeft{display:flex;align-items:center;gap:4px;p {font-weight: 400; font-size: 12px; color: #333333; line-height: 12px;}}.AddContactListWa_body .Search_Step2{display:flex;padding:4px 8px;align-items:center;gap:8px;align-self:stretch;border-radius:4px;border:.5px solid var(--neutral-color-neutral-500, #B3B3B3);background:var(--background-white, #FFF)}.AddContactListWa_body .Search_Step2 input{display:flex;align-items:center;gap:8px;flex:1 0 0;color:var(--neutral-color-neutral-700, #808080);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px}.AddContactListWa_action{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.AddContactListWa_action .btn{display:flex;justify-content:center;align-items:center;min-width:47px;max-width:max-content;height:36px;border-radius:4px;cursor:pointer;padding:0 12px;gap:12px}.AddContactListWa_action .btn p{font-weight:600;font-size:12px;line-height:20px}.AddContactListWa_action .btn-cancel p{color:#5c5acc}.AddContactListWa_action .btn-next{background:#5C5ACC;transition:.3s}.AddContactListWa_action .btn-next:hover{background:#23224D}.AddContactListWa_action .btn-next:disabled{background:#656464}.AddContactListWa_action .btn-next p{color:#fafafa}.AddContactListWa_bodyStepTable table{width:100%;border-spacing:0;border-collapse:separate}.AddContactListWa_bodyStepTable table thead{position:sticky;top:0;z-index:3}.AddContactListWa_bodyStepTable thead tr,.AddContactListWa_bodyStepTable tbody tr{display:flex}.AddContactListWa_bodyStepTable thead tr>*{background:#DADAF2}.AddContactListWa_bodyStepTable thead tr th>*{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.AddContactListWa_bodyStepTable tbody tr>*{border:none}.AddContactListWa_bodyStepTable tbody .Selected>*{background:#E5E4E4}.AddContactListWa_bodyStepTable tbody .Notselected>*{background:#FFF}.AddContactListWa_bodyStepTable thead .check{display:flex;width:50px!important;height:8px;padding:16px 8px;align-items:center;gap:8px;position:sticky;left:0}.AddContactListWa_bodyStepTable tbody .check{display:flex;width:50px;height:8px;padding:16px 8px;align-items:center;gap:8px;position:sticky;left:0}.AddContactListWa_bodyStepTable thead .team{display:flex;width:148px;height:8px;padding:16px;justify-content:space-between;align-items:center;position:sticky;left:40px}.AddContactListWa_bodyStepTable tbody .team{display:flex;width:148px;height:8px;padding:16px;align-items:center;gap:10px;position:sticky;left:40px}.AddContactListWa_bodyStepTable tbody .team p{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.AddContactListWa_bodyStepTable thead .member{flex:1;display:flex;height:8px;padding:16px;justify-content:space-between;align-items:center}.AddContactListWa_bodyStepTable tbody .member{flex:1;display:flex;width:118px;height:8px;padding:16px;align-items:center;gap:10px}.FetchingLoading .Main{display:flex;width:480px;height:280px;padding:16px 40px;flex-direction:column;justify-content:center;align-items:center;gap:12px;flex-shrink:0;border-radius:8px;border:1px solid var(--Neutral-Color-Neutral200, #F2F2F2);background:var(--Background-White, #FFF)}.FetchingLoading .Main section{display:flex;flex-direction:column;justify-content:center;align-items:center;align-self:stretch}.FetchingLoading .Main section .Title{color:var(--Neutral-Color-Neutral4, #333);text-align:center;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.FetchingLoading .Main section .Subtitle{color:var(--Grey-1, #BDBDBD);text-align:center;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.FetchingLoading .Main .MuiLinearProgress-bar{background-color:#6562df}.FetchingLoading .Main .MuiLinearProgress-root{background-color:#f2f2f2}.AddOneContactList,.AddOneContactList .css-1t1j96h-MuiPaper-root-MuiDialog-paper{width:680px;margin:0 auto}.AddOneContactList .css-hz1bth-MuiDialog-container,.AddOneContactList .css-1t1j96h-MuiPaper-root-MuiDialog-paper{margin:0;padding:0;min-width:680px}.AddOneContactList .css-1t1j96h-MuiPaper-root-MuiDialog-paper{background:#fafafa;position:relative}.AddOneContactList_head{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #f2f2f2;position:sticky;top:0;background:#fafafa;z-index:3}.AddOneContactList_formInput{display:flex;flex-direction:column;align-items:flex-start;padding:12px 24px}.AddOneContactList_formInput label{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464;margin:0}.AddOneContactList_formInput label span{color:#df6262}.AddOneContactList_formInput input{padding:0 12px;height:48px;width:calc(100% - 24px)!important;border:1px solid #f2f2f2;border-radius:4px;color:#656464;margin-top:0!important}.AddOneContactList_formInput .input-select{border:1px solid #817ee6;box-shadow:0 0 5px #5c5acc26;border-radius:4px;width:100%;height:48px;margin-top:8px}.AddOneContactList_formInput .input-select .MuiFormControl-root{height:100%;padding:0}.AddOneContactList_formInput .input-select .MuiFormControl-root .MuiInputBase-root{height:100%!important;padding:0}.AddOneContactList_formInput .input-select .MuiFormControl-root .MuiInputBase-root input{height:100%;padding:0 12px;margin-top:0}.AddOneContactList_formInput textarea{width:608px;height:120px;border:1px solid #f2f2f2;border-radius:4px;padding:12px;color:#656464;font-family:Inter}.AddOneContactList_formInput .inputWaNumber{display:flex;align-items:center;gap:8px;margin-top:8px}.AddOneContactList_formInput .inputWaNumber input{width:520px;margin-top:0}.AddOneContactList_formInput .inputWaNumber .flag{display:flex;align-items:center;justify-content:center;gap:4px;width:80px;height:48px;border:1px solid #656464;border-radius:4px}.AddOneContactList_formInput .inputWaNumber .flag p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#23224d}.AddOneContactList_formInput .css-b62m3t-container{width:100%}.AddOneContactList_formInput .select__control{width:100%;margin:0}.AddOneContactList_formInputWarning input{border-color:#df6262;width:calc(100% - 24px)!important;margin-top:0!important}.AddOneContactList_formWarningMsg{display:flex;padding:4px 8px;align-items:center;gap:8px;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;color:#df6262;margin-left:24px;margin-top:8px}.AddOneContactList_footer{display:flex;justify-content:flex-end;align-items:center;padding:16px 24px;gap:12px;margin-top:12px;position:sticky;bottom:0;background:#fafafa}.AddOneContactList_footer .cancel{display:flex;justify-content:center;align-items:center;gap:8px;width:86px;height:36px;border:1px solid transparent;border-radius:4px;cursor:pointer}.AddOneContactList_footer .cancel p{font-weight:700;font-size:12px;line-height:20px;letter-spacing:.02em;color:#df6262}.AddOneContactList_footer .cancel img{width:16px;height:16px}.AddOneContactList_footer .add{display:flex;justify-content:center;align-items:center;gap:8px;width:132px;height:36px;background:#5c5acc;border-radius:4px;cursor:pointer}.AddOneContactList_footer .add:disabled{background:#656464}.AddOneContactList_footer .add p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#fafafa}.AddOneContactList_footer .add img{width:16px;height:16px}.SidebarContact{display:flex;flex-direction:column;align-items:flex-start;gap:24px;width:100%;max-height:calc(100dvh - 72px);overflow-y:scroll;position:relative}.SidebarContact .head{position:sticky;top:0;background:#fff}.SidebarContact .head h4{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:32px;font-style:normal;font-weight:600;line-height:40px;letter-spacing:-.64px}.SidebarContact .head p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#656464;margin-top:4px;max-width:254px}.SidebarContact .menu{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.SidebarContact .menu:last-child{margin-bottom:100px}.SidebarContact .menu .title{font-weight:500;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#656464}.SidebarContact .menu .submenu{display:flex;align-items:center;padding:12px 16px;gap:12px;width:244px;max-width:244px;border-radius:4px;border:1px solid var(--neutral-color-neutral-300, #E5E4E4);background:var(--background-white, #FFF)}.SidebarContact .menu .submenu img{width:24px;height:24px}.SidebarContact .menu .submenu p{font-weight:500;font-size:14px;line-height:17px;letter-spacing:-.01em;color:#656464}.SidebarContact .menu .active-submenu{border:1px solid #6562DF;box-shadow:0 0 5px #6562df26;border-radius:4px}.SidebarContact .menu .active-submenu p{color:#6562df}.ContactGroupPage{height:100vh;max-height:100vh;position:fixed;width:100dvw;max-width:100dvw}.ContactGroupPage .left{max-width:320px;width:320px;padding:24px 16px}.ContactGroupPage .right{flex:1;padding:24px 16px 24px 40px;background:#f7f5f5;max-width:calc(100dvw - 320px);height:calc(100dvh - 72px)!important;min-height:100%;overflow-y:scroll}.ContactGroupPage_breadcrumbs{display:flex;flex-direction:row;align-items:center;gap:8px}.ContactGroupPage_breadcrumbs img:first-child{width:24px;height:24px}.ContactGroupPage_breadcrumbs img{width:16px;height:16px}.ContactGroupPage_breadcrumbs p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.ContactGroupPage_connect{display:flex;flex-direction:column;align-items:center;gap:16px}.ContactGroupPage_connect img{width:250px;height:250px}.ContactGroupPage_connect h4{font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em;text-align:center}.ContactGroupPage_connect p{font-weight:400;font-size:16px;line-height:24px;color:#656464;margin-top:4px}.ContactGroupPage_connect .connect{display:flex;justify-content:center;align-items:center;gap:12px;background:#23224D;border-radius:4px;padding:0 16px 0 12px;width:fit-content;height:48px;cursor:pointer}.ContactGroupPage_connect .connect img{width:24px;height:24px}.ContactGroupPage_connect .connect p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fff}.ContactGroupPage_head h4{margin-top:24px;font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em}.ContactGroupPage_head p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.ContactGroupPage_action{display:flex;justify-content:space-between;align-items:center;margin-top:12px;margin-bottom:24px}.ContactGroupPage_action .left{display:flex;align-items:flex-start;gap:12px;padding:0;flex:1}.ContactGroupPage_action .left .input{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 12px;gap:12px;width:360px;height:48px;border:1px solid #F2F2F2;border-radius:4px;margin-right:12px;background:#fff}.ContactGroupPage_action .left .input img,.ContactGroupPage_action .left .btn img,.ContactGroupPage_action .right img{width:24px;height:24px}.ContactGroupPage_action .left .input input{flex:1;width:300px;height:24px}.ContactGroupPage_action .left .input input:focus{outline:none}.ContactGroupPage_action .left .btn{width:100%;min-width:48px;max-width:48px;height:48px;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:4px}.ContactGroupPage_action .right{display:flex;align-items:flex-start;gap:8px;max-width:228px;width:fit-content;height:48px!important}.ContactGroupPage_action .btn-add{display:flex;justify-content:center;align-items:center;gap:12px;background:#5C5ACC;border-radius:4px;min-width:228px;max-width:228px;height:48px;cursor:pointer}.ContactGroupPage_action .btn-add p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fafafa}.ContactGroupPage_data{max-width:calc(100dvw - 376px);overflow-x:scroll}.ContactGroupPage_data table{width:100%;border-spacing:0}.ContactGroupPage_data thead{background:#EDEDFF}.ContactGroupPage_data .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root .css-i4bv87-MuiSvgIcon-root{fill:#828282}.ContactGroupPage_data thead th{font-weight:700;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333;text-align:start}.ContactGroupPage_data .name{min-width:208px;padding:16px}.ContactGroupPage_data .contact,.ContactGroupPage_data .last{min-width:108px;max-width:108px;padding:16px}.ContactGroupPage_data .param{min-width:277px;padding:16px}.ContactGroupPage_data .action{min-width:203px;padding:16px}.ContactGroupPage_data tbody tr{background:#FFFFFF}.ContactGroupPage_data tbody .name{font-weight:500;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333}.ContactGroupPage_data tbody .content{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656565}.ContactGroupPage_data tbody .delivered div,.ContactGroupPage_data tbody .time div,.ContactGroupPage_data tbody .estimated div{display:flex;align-items:center;gap:8px}.ContactGroupPage_data tbody .delivered div p,.ContactGroupPage_data tbody .time div p,.ContactGroupPage_data tbody .estimated div p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.ContactGroupPage_data tbody .delivered .start,.ContactGroupPage_data tbody .time .start{font-weight:700;font-size:14px;line-height:20px;letter-spacing:.01em}.ContactGroupPage_data tbody .delivered .on-going{color:#6562df}.ContactGroupPage_data tbody .delivered .finish{color:#219655}.ContactGroupPage_data tbody .status .status{border-radius:20px;padding:4px 8px;max-width:fit-content;min-width:none}.ContactGroupPage_data tbody .status .status p{font-weight:600;font-size:10px;line-height:18px;letter-spacing:-.01em}.ContactGroupPage_data tbody .status .completed{background:#E3FCE9}.ContactGroupPage_data tbody .status .completed p{color:#219655}.ContactGroupPage_data tbody .status .pending{background:#FCE3E3}.ContactGroupPage_data tbody .status .pending p{color:#df6262}.ContactGroupPage_data tbody .status .send{background:#B8B7E5}.ContactGroupPage_data tbody .status .send p{color:#23224d}.ContactGroupPage_data tbody .time .on-going{color:#6562df}.ContactGroupPage_data tbody .time .finish{color:#333}.ContactGroupPage_data tbody .action .action{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:0}.ContactGroupPage_data tbody .action .action .pause{display:flex;justify-content:center;align-items:center;padding:8px;gap:8px;background:#CCA239;border-radius:4px;cursor:pointer}.ContactGroupPage_data tbody .action .action .pause p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#fafafa}.ContactGroupPage_data tbody .action .action .continue{display:flex;justify-content:center;align-items:center;padding:8px;gap:8px;background:#5C5ACC;border-radius:4px;cursor:pointer}.ContactGroupPage_data tbody .action .action .continue p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#fafafa}.ContactGroupPage_data tbody .action .action .see-log{display:flex;justify-content:center;align-items:center;padding:0 8px;gap:8px;border:1px solid #5C5ACC;border-radius:4px;height:36px;cursor:pointer}.ContactGroupPage_data tbody .action .action .see-log p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#5c5acc}.ContactListDetail{height:100vh;max-height:100vh;position:fixed;width:100dvw;max-width:100dvw}.ContactListDetail .left{max-width:320px;width:320px;padding:24px 16px}.ContactListDetail .right{flex:1;padding:24px 16px;background:#f7f5f5;max-width:calc(100dvw - 320px);height:calc(100dvh - 72px)!important;min-height:100%;overflow-y:scroll;position:relative}.ContactListDetail .right .Wrapper{display:flex;align-items:flex-start;gap:12px;margin-top:20px}.ContactListDetail .right .Wrapper .ContactHistory{flex:1;display:flex;padding:12px;flex-direction:column;align-items:flex-start;gap:12px;border-radius:8px;background:#fff;width:calc(100% - 364px);height:calc(100dvh - 184px)}.ContactListDetail .right .Wrapper .ContactHistory .Result{gap:4px;display:flex;max-width:500px;padding:4px 12px;justify-content:space-between;align-items:center}.ContactListDetail .right .Wrapper .ContactHistory .Result p{color:var(--neutral-color-neutral-800, #656565);font-size:14px;font-family:Inter;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.ContactListDetail .right .Wrapper .ContactHistory .Result button{display:flex;height:24px;padding:8px;justify-content:center;align-items:center;gap:8px;outline:none;border:none;background:#f7f5f5}.ContactListDetail .right .Wrapper .ContactHistory .Result button:hover{background:var(--primary-color-primary-100, #dadaf2)}.ContactListDetail .right .Wrapper .ContactHistory .Result button:hover p{color:#23224d}.ContactListDetail .right .Wrapper .ContactHistory .Result button p{color:var(--primary-color-primary-600, #5c5acc);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.ContactListDetail .right .Wrapper .DetailContact{display:flex;min-width:296px;max-width:296px;padding:12px;flex-direction:column;align-items:flex-start;gap:12px;border-radius:8px;background:var(--background-white, #fff);max-height:calc(100dvh - 184px);height:fit-content;overflow-y:scroll}.ContactHistoryHeader{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.ContactHistoryHeader .Back{display:flex;align-items:flex-start;gap:12px}.ContactHistoryHeader .Back p{color:#333;font-size:24px;font-family:Inter;font-weight:700;line-height:32px;letter-spacing:-.48px}.ContactHistoryHeader .Action{display:flex;width:100%;justify-content:space-between;align-items:center}.ContactHistoryHeader .Action .Left{display:flex;align-items:flex-start;gap:8px;flex-shrink:0}.ContactHistoryHeader .Action .Left .Input{display:flex;padding:12px;align-items:flex-start;gap:10px;flex:1 0 0;border-radius:4px;background:var(--background-white, #fff);width:270px}.ContactHistoryHeader .Action .Left .Input input{flex:1}.ContactHistoryHeader .Action .Left .ButtonLarge{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px}.ContactHistoryHeader .Action .Right{display:flex;align-items:center;gap:8px}.ContactHistoryHeader .Action .Right button{outline:none;display:flex;height:36px;padding:8px 16px 8px 8px;justify-content:center;align-items:center;gap:8px;border-radius:4px;background:var(--primary-color-primary-600, #5c5acc)}.ContactHistoryHeader .Action .Right button p{color:var(--neutral-color-neutral-100, #fafafa);font-size:12px;font-family:Inter;font-weight:600;line-height:20px;letter-spacing:.24px}.ContactHistoryBody_Wrapper{border-radius:8px;border:1px solid var(--neutral-color-neutral-300, #e5e4e4);width:100%;max-height:calc(100dvh - 350px)!important;min-height:calc(100dvh - 350px)!important}.ContactHistoryBody{min-width:49.167vw!important;max-height:100%;overflow:scroll}.ContactHistoryBody .Table_ContactHistory{width:100%;border-spacing:0;border-collapse:separate}.ContactHistoryBody .Thead_ContactHistory{background:#dadaf2;position:sticky;top:0;z-index:2}.ContactHistoryBody .Tbody_ContactHistory{background:#fafafa}.ContactHistoryBody .Thead_ContactHistory tr,.ContactHistoryBody .Tbody_ContactHistory tr{display:flex}.ContactHistoryBody .Thead_ContactHistory tr>*{background:#dadaf2}.ContactHistoryBody .Tbody_ContactHistory tr>*{border-bottom:none}.ContactHistoryBody .Thead_ContactHistory tr th>p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px}.ContactHistoryBody .Tbody_ContactHistory tr td>p{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.ContactHistoryBody .Tbody_ContactHistory .Selected>*{background:#e5e4e4}.ContactHistoryBody .Tbody_ContactHistory .Notselected>*{background:#fafafa}.ContactHistoryBody .Thead_ContactHistory .Checkbox{display:flex;width:64px;height:24px;padding:8px;align-items:center;gap:4px;position:sticky;left:0;z-index:1}.ContactHistoryBody .Tbody_ContactHistory .Checkbox{display:flex;width:64px;height:24px;padding:8px;align-items:center;gap:4px;position:sticky;left:0}.ContactHistoryBody .Thead_ContactHistory .Date{display:flex;width:124px;height:24px;padding:8px;justify-content:space-between;align-items:center;align-self:stretch}.ContactHistoryBody .Tbody_ContactHistory .Date{display:flex;width:124px;height:24px;padding:8px;align-items:center;gap:4px}.ContactHistoryBody .Thead_ContactHistory .Time{display:flex;width:104px;height:24px;padding:8px;justify-content:space-between;align-items:center;align-self:stretch}.ContactHistoryBody .Tbody_ContactHistory .Time{display:flex;width:104px;height:24px;padding:8px;align-items:center;gap:4px}.ContactHistoryBody .Thead_ContactHistory .SessionId{display:flex;width:200px;height:24px;padding:8px;justify-content:space-between;align-items:center;align-self:stretch}.ContactHistoryBody .Tbody_ContactHistory .SessionId{display:flex;width:200px;height:24px;padding:8px;align-items:center;gap:4px}.ContactHistoryBody .Thead_ContactHistory .WaNumber{display:flex;width:200px;height:24px;padding:8px;justify-content:space-between;align-items:center;align-self:stretch}.ContactHistoryBody .Tbody_ContactHistory .WaNumber{display:flex;width:200px;height:24px;padding:8px!important;align-items:center;gap:4px;border:none!important}.ContactHistoryBody .Thead_ContactHistory .Username,.ContactHistoryBody .Thead_ContactHistory .Activity{display:flex;width:164px;height:24px;padding:8px;justify-content:space-between;align-items:center;align-self:stretch}.ContactHistoryBody .Tbody_ContactHistory .Username,.ContactHistoryBody .Tbody_ContactHistory .Activity{display:flex;width:164px;height:24px;padding:8px!important;align-items:center;gap:4px;border:none!important}.ContactHistoryBody .Thead_ContactHistory .Username,.ContactHistoryBody .Tbody_ContactHistory .Username{width:250px}.ContactHistoryBody .Thead_ContactHistory .From,.ContactHistoryBody .Thead_ContactHistory .To{display:flex;width:244px;height:24px;padding:8px;justify-content:space-between;align-items:center;align-self:stretch}.ContactHistoryBody .Tbody_ContactHistory .From,.ContactHistoryBody .Tbody_ContactHistory .To{display:flex;width:244px;height:24px;padding:8px;align-items:center;gap:4px}.ContactHistoryBody .Tbody_ContactHistory .From .tags,.ContactHistoryBody .Tbody_ContactHistory .To .tags{display:flex;gap:4px;overflow-x:scroll}.ContactHistoryBody .Tbody_ContactHistory .From .tags .item,.ContactHistoryBody .Tbody_ContactHistory .To .tags .item{display:flex;height:24px;padding:4px;align-items:center;gap:4px;border-radius:4px;border:1px solid #f2f2f2;background:#fafafa}.ContactHistoryBody .Tbody_ContactHistory .From .contactListTag p,.ContactHistoryBody .Tbody_ContactHistory .To .contactListTag p{font-size:10px;font-style:normal;font-weight:300;line-height:18px;color:#656464}*/ .ContactHistoryBody .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root .css-i4bv87-MuiSvgIcon-root{fill:#820202}.ContactHistoryBody .css-y8ay40-MuiTableCell-root{background:#ededff}.ContactHistoryBody .css-1ex1afd-MuiTableCell-root,.ContactHistoryBody .css-y8ay40-MuiTableCell-root,.ContactHistoryBody .css-1ygcj2i-MuiTableCell-root{border:none}.ContactHistoryBody .Chatroom{display:flex;padding:8px 12px;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch;border-radius:4px;background:var(--neutral-color-neutral-100, #fafafa)}.ContactHistoryBody .Chatroom .ChatroomHeader,.ContactHistoryBody .Chatroom .ChatroomBody{display:flex;justify-content:space-between;align-items:flex-start;align-self:stretch}.ContactHistoryBody .Chatroom .ChatroomHeader .Date{color:var(--neutral-color-neutral-3, #656464);font-size:10px;font-family:Inter;font-weight:300;line-height:18px}.ContactHistoryBody .Chatroom .ChatroomHeader .Info{color:var(--neutral-color-neutral-800, #656565);font-size:10px;font-family:Inter;font-weight:600;line-height:18px;letter-spacing:-.1px}.ContactHistoryBody .Chatroom .ChatroomBody .Left{display:flex;width:120px;align-items:center;gap:4px}.ContactHistoryBody .Chatroom .ChatroomBody .Left img{width:16px;height:16px;border-radius:50%}.ContactHistoryBody .Chatroom .ChatroomBody .Left .User{color:var(--neutral-color-neutral-3, #656464);font-size:10px;font-family:Inter;font-weight:600;line-height:18px;letter-spacing:-.1px}.ContactHistoryBody .Chatroom .ChatroomBody .Right{display:flex;width:120px;flex-direction:column;justify-content:center;align-items:flex-end;gap:10px}.ContactHistoryBody .Chatroom .ChatroomBody .Right .Tag,.ContactHistoryBody .Chatroom .ChatroomBody .Right .ContactOneField{display:flex;padding:4px 8px;align-items:center;gap:8px;border-radius:4px;border:1px solid #f2f2f2;background:var(--neutral-color-neutral-100, #fafafa);color:var(--neutral-color-neutral-3, #656464);font-size:10px;font-family:Inter;font-weight:300;line-height:18px}.ContactHistoryBody .Session{display:flex;padding:12px;flex-direction:column;align-items:flex-end;gap:4px;align-self:stretch;border-radius:4px;border:1px solid var(--neutral-color-neutral-500, #b3b3b3);background:var(--neutral-color-neutral-100, #fafafa)}.ContactHistoryBody .Session .Header,.ContactHistoryBody .Session .Date{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.ContactHistoryBody .Session .Header .Left .Name p,.ContactHistoryBody .Session .Header .Middle .Detail{color:var(--neutral-color-neutral-3, #656464);font-size:10px;font-family:Inter;font-weight:600;line-height:18px;letter-spacing:-.1px}.ContactHistoryBody .Session .Name .Closed{outline:none;border:none;display:flex;padding:4px 8px;align-items:center;gap:8px;border-radius:4px;background:var(--primary-color-primary-100, #dadaf2);color:var(--primary-color-primary-500, #6562df);font-size:10px;font-family:Inter;font-weight:600;line-height:18px;letter-spacing:-.1px}.ContactHistoryBody .Session .Date p{color:var(--neutral-color-neutral-3, #656464);font-size:10px;font-family:Inter;font-weight:300;line-height:18px}.ContactHistoryBody .User{display:flex;height:26px;align-items:center;gap:4px;width:100%}.ContactHistoryBody .User .UserBody{display:flex;align-items:flex-start;gap:8px;width:100%}.ContactHistoryBody .User .UserBody .Content{display:flex;align-items:center;gap:4px}.ContactHistoryBody .User .UserBody .Content img{width:16px;height:16px}.ContactHistoryBody .User .UserBody .Content .waName,.ContactHistoryBody .User .UserBody .Content .waPhone{color:var(--green-1, #219655);font-size:10px;font-family:Inter;font-weight:600;line-height:18px;letter-spacing:-.1px}.ContactHistoryBody .User .UserBody .Content .username{color:var(--neutral-color-neutral-3, #656464);font-size:10px;font-family:Inter;font-weight:600;line-height:18px;letter-spacing:-.1px}.ContactListDetail .right .Wrapper .DetailContact{display:flex;width:320px;padding:12px;flex-direction:column;align-items:flex-start;gap:12px;border-radius:8px;background:var(--background-white, #fff)}.ContactListDetail .right .Wrapper .DetailContact .Title{display:flex;align-items:center;gap:4px;align-self:stretch;color:var(--neutral-color-neutral-4, #333);font-size:16px;font-family:Inter;font-weight:600;line-height:24px}.ContactListDetail .Wrapper .DetailContact .Information{display:flex;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch}.ContactListDetail .Wrapper .DetailContact .Information .Avatar{display:flex;align-items:center;gap:12px}.ContactListDetail .Wrapper .DetailContact .Information .Avatar img{width:60px;height:60px}.ContactListDetail .Wrapper .DetailContact .Information .UserInfo{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.ContactListDetail .Wrapper .DetailContact .Information .UserInfo .Name{color:var(--neutral-color-neutral-900, #333);font-size:16px;font-family:Inter;font-weight:600;line-height:24px}.ContactListDetail .Wrapper .DetailContact .Information .UserInfo .Phone{display:flex;align-items:center;gap:4px}.ContactListDetail .Wrapper .DetailContact .Information .UserInfo .Phone .Number{color:var(--green-1, #219655);font-size:12px;font-family:Inter;line-height:22px;letter-spacing:.12px}.ContactListDetail .Wrapper .DetailContact .Information .UserInfo .Phone img{width:20px;height:20px}.ContactListDetail .Wrapper .DetailContact .Information .UserInfo .LastActive{color:var(--neutral-color-neutral-500, #b3b3b3);font-size:12px;font-family:Inter;line-height:22px;letter-spacing:.12px}.ContactListDetail .Wrapper .DetailContact .Information .Data{display:flex;padding:12px 0;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch}.ContactListDetail .Wrapper .DetailContact .Information .Data .Title{display:flex;justify-content:space-between;align-items:center;align-self:stretch;width:100%}.ContactListDetail .Wrapper .DetailContact .Information .Data .Content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;align-self:stretch}.ContactListDetail .Wrapper .DetailContact .Information .Data .Content label{color:#656464;font-size:14px;font-family:Inter;font-weight:500;line-height:24px;letter-spacing:.14px}.ContactListDetail .Wrapper .DetailContact .Information .Data .Content label span{color:red}.ContactListDetail .Wrapper .DetailContact .Information .Data .Content input{display:flex;padding:12px;align-items:center;gap:4px;flex:1 0 0;border-radius:4px;border:1px solid var(--neutral-color-neutral-500, #b3b3b3);background:var(--neutral-color-neutral-100, #fafafa);width:calc(100% - 24px);color:var(--neutral-color-neutral-800, #656565);font-size:14px;font-family:Inter;font-weight:500;line-height:24px;letter-spacing:.14px}.ContactListDetail .Wrapper .DetailContact .Information .Data .input-contact{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;width:100%}.ContactListDetail .Wrapper .DetailContact .Information .Data .input-contact label{font-size:12px;line-height:22px;display:flex;align-items:center;letter-spacing:.01em;color:#333;margin-bottom:4px}.ContactListDetail .Wrapper .DetailContact .Information .Data .input-contact label span{color:#df6262}.ContactListDetail .Wrapper .DetailContact .Information .Data .input-contact .input-field{padding:12px;gap:4px;width:calc(100% - 26px);border:1px solid #656464;box-shadow:0 0 5px #5c5acc26;border-radius:4px}.ContactListDetail .Wrapper .DetailContact .Information .Data .input-contact .input-field:focus{border:1px solid #817ee6}.ant-picker{padding:12px;gap:4px;width:100%;border:1px solid #656464!important;box-shadow:0 0 5px #5c5acc26;border-radius:4px}.ant-picker-focused{border:1px solid #5c5acc!important}.ContactListDetail .Wrapper .DetailContact .Information .Data .input-contact .MuiAutocomplete-root{border:1px solid #656464;gap:4px;width:calc(100% - 2px);border-radius:4px}.ContactListDetail .Wrapper .DetailContact .Information .Data .input-contact .MuiAutocomplete-root:hover{border:1px solid #656464}.ContactListDetail .Wrapper .DetailContact .Information .Data .input-contact .MuiAutocomplete-root:focus{border:1px solid #817ee6}.ContactListDetail .Wrapper .DetailContact .Information .Data .input-button{display:flex;justify-content:space-between;align-items:flex-start;align-self:stretch;margin-top:12px}.ContactListDetail .Wrapper .DetailContact .Information .Data .input-button .btn-cancel,.ContactListDetail .Wrapper .DetailContact .Information .Data .input-button .btn-save{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;cursor:pointer}.ContactListDetail .Wrapper .DetailContact .Information .Data .input-button .btn-save{border-radius:4px;background:#23224d}.ContactListDetail .Wrapper .DetailContact .Information .Data .input-button .btn-cancel p,.ContactListDetail .Wrapper .DetailContact .Information .Data .input-button .btn-save p{font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px;color:#df6262}.ContactListDetail .Wrapper .DetailContact .Information .Data .input-button .btn-save p{color:#fff}.ContactListDetail .Wrapper .DetailContact .Footer{display:flex;justify-content:flex-end;align-items:center;width:100%}.ContactListDetail .Wrapper .DetailContact .Footer .Action{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;background:none;border:none;outline:none;color:var(--primary-color-primary-600, #5c5acc);font-size:14px;font-family:Inter;font-weight:700;line-height:22px;letter-spacing:.7px}.contactHistory_infoContactTable .MuiPaper-root{display:flex;align-items:center;padding:4px 8px;gap:8px;width:calc(100% - 16px);max-width:320px;background:rgba(51,51,51,.9);border-radius:4px}.contactHistory_infoContactTable .MuiPaper-root p{color:#fff}.warningChangeNumber{display:flex;padding:12px;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;align-self:stretch;border-radius:8px;background:var(--neutral-color-neutral-100, #fafafa);box-shadow:0 0 10px #0000001a}.warningChangeNumber .top{display:flex;align-items:center;gap:4px}.warningChangeNumber .top p{font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;color:#df6262}.warningChangeNumber .center{margin-top:4px}.warningChangeNumber .center p{font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;color:#333}.warningChangeNumber .bottom{display:flex;align-items:center;gap:8px;align-self:stretch}.warningChangeNumber .bottom .btn-cancel{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:8px;border-radius:4px;outline:none;border:none;background:transparent}.warningChangeNumber .bottom .btn-cancel p{font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px;color:#656464}.warningChangeNumber .bottom .btn-yes{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:8px;border-radius:4px;background:var(--primary-color-primary-600, #5c5acc);transition:.3s}.warningChangeNumber .bottom .btn-yes:hover{background:var(--primary-color-primary-900, #23224d)}.warningChangeNumber .bottom .btn-yes p{font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px;color:#fff}.ContactListDetail .noDataOnThisPage{display:flex;padding:12px;justify-content:center;align-items:center;align-self:stretch;border-radius:8px;background:#fafafa}.ContactListDetail .noDataOnThisPage p{font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px;color:#656565}.ContactListHistoryPage{height:100vh;max-height:100vh;position:fixed;width:100dvw;max-width:100dvw}.ContactListHistoryPage .left{max-width:320px;width:320px;padding:24px 16px}.ContactListHistoryPage .right{flex:1;padding:24px 16px 24px 40px;background:#f7f5f5;max-width:calc(100dvw - 320px);height:calc(100dvh - 72px)!important;min-height:100%;overflow-y:scroll;position:relative}.ContactListHistoryPage_breadcrumbs{display:flex;flex-direction:row;align-items:center;gap:8px}.ContactListHistoryPage_breadcrumbs img:first-child{width:24px;height:24px}.ContactListHistoryPage_breadcrumbs img{width:16px;height:16px}.ContactListHistoryPage_breadcrumbs p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.ContactListHistoryPage_head h4{margin-top:24px;font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em}.ContactListHistoryPage_head p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.ContactListHistoryPage .right .Result{gap:4px;margin-bottom:24px;display:flex;max-width:500px;padding:4px 12px;justify-content:space-between;align-items:center}.ContactListHistoryPage .right .Result p{color:var(--neutral-color-neutral-800, #656565);font-size:14px;font-family:Inter;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.ContactListHistoryPage .right .Result button{display:flex;height:24px;padding:8px;justify-content:center;align-items:center;gap:8px;outline:none;border:none;background:#F7F5F5}.ContactListHistoryPage .right .Result button:hover{background:var(--primary-color-primary-100, #DADAF2)}.ContactListHistoryPage .right .Result button:hover p{color:#23224d}.ContactListHistoryPage .right .Result button p{color:var(--primary-color-primary-600, #5C5ACC);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.ContactListHistoryPage_action{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.ContactListHistoryPage_action .left{display:flex;align-items:flex-start;gap:12px;padding:0;flex:1}.ContactListHistoryPage_action .left .input{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 12px;gap:12px;width:100%;height:48px;border-radius:4px;background:#fff;caret-color:#6562df}.ContactListHistoryPage_action .left .input img,.ContactListHistoryPage_action .left .btn img,.ContactListHistoryPage_action .right img{width:24px;height:24px}.ContactListHistoryPage_action .left .input input{flex:1;height:24px}.ContactListHistoryPage_action .left .input .BgSmallcaps{display:flex;height:24px;width:24px;justify-content:center;align-items:center;gap:8px;border-radius:4px}.ContactListHistoryPage_action .left .input input:focus{outline:none}.ContactListHistoryPage_action .left .btn{width:100%;min-width:48px;max-width:48px;height:48px;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:4px}.ContactListHistoryPage_action .right{display:flex;justify-content:flex-end;align-items:flex-start;gap:8px;height:48px!important}.ContactListHistoryPage_action .btn-export{display:flex;justify-content:center;align-items:center;padding:0 14px 0 10px;gap:12px;border-radius:4px;cursor:pointer;height:52px}.ContactListHistoryPage_action .btn-export p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#5c5acc}.ContactListHistoryPage_action .btn-add-contact{display:flex;justify-content:center;align-items:center;padding:0 14px 0 10px;gap:12px;background:#5C5ACC;border-radius:4px;cursor:pointer;height:52px}.ContactListHistoryPage_action .btn-add-contact:hover,.ContactListHistoryPage_action .btn-add-contact:focus,.ContactListHistoryPage_action .btn-add-contact:active{background:#23224D}.ContactListHistoryPage_action .btn-add-contact p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fafafa}.ContactListHistoryPage_action .btn-add{display:flex;justify-content:center;align-items:center;gap:12px;border:2px solid #5C5ACC;border-radius:4px;padding:12px 16px 12px 12px;cursor:pointer}.ContactListHistoryPage_action .btn-add p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#5c5acc}.ContactListHistoryPage_action .btn-edit{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 16px 12px 12px;gap:12px;border-radius:4px;transition:.3s}.ContactListHistoryPage_action .btn-edit:hover{background:rgb(92,90,204,.15)}.ContactListHistoryPage_action .btn-edit p{font-weight:700;font-size:14px;line-height:22px;display:flex;align-items:center;letter-spacing:.05em;color:#5c5acc}.ContactListHistoryPage_action .btn-delete{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 16px 12px 12px;gap:12px;border-radius:4px;transition:.3s}.ContactListHistoryPage_action .btn-delete:hover{background:rgba(223,98,98,.15)}.ContactListHistoryPage_action .right .btn-delete p{font-weight:700;font-size:14px;line-height:22px;display:flex;align-items:center;letter-spacing:.05em;color:#df6262}.ContactListHistoryPage_data{max-width:calc(100dvw - 376px);max-height:60vh;overflow:scroll}.ContactListHistoryPage_data table{width:100%;border-spacing:0;position:relative}.ContactListHistoryPage_data thead{background:#EDEDFF;max-width:calc(100dvw - 376px);width:100%;position:sticky;top:0;z-index:2}.ContactListHistoryPage_data .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root .css-i4bv87-MuiSvgIcon-root{fill:#820202}.ContactListHistoryPage_data .css-y8ay40-MuiTableCell-root{background:#EDEDFF}.ContactListHistoryPage_data .css-1ex1afd-MuiTableCell-root,.ContactListHistoryPage_data .css-y8ay40-MuiTableCell-root,.ContactListHistoryPage_data .css-1ygcj2i-MuiTableCell-root{border:none}.ContactListHistoryPage_data thead th{font-weight:700;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333;text-align:start}.ContactListHistoryPage_data thead th button{min-width:16px;height:16px;padding:0;cursor:pointer;color:transparent;transition:none;outline:none}.ContactListHistoryPage_data thead th button:active{outline:none}.ContactListHistoryPage_data .checkbox{width:24px;padding:16px}.ContactListHistoryPage_data .contact{min-width:168px;width:100%;max-width:168px;padding:16px}.ContactListHistoryPage_data .contact .noWaBtn{font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;color:#656565;padding:16px;margin:0;width:100%;height:100%;text-align:start;justify-content:flex-start;transition:none}.ContactListHistoryPage_data .contact .noWaBtn:focus{outline:none}.ContactListHistoryPage_data .contact .noWaBtn:active{background:rgba(223,98,98,.1)}.ContactListHistoryPage_data .freezed{background:#A2A1E5;position:absolute;bottom:0;left:0;width:100%;height:5px}.ContactListHistoryPage_data .birth{min-width:168px;width:100%;max-width:168px;padding:16px}.ContactListHistoryPage_data .session{min-width:268px;width:100%;max-width:268px;padding:16px}.ContactListHistoryPage_data .country{min-width:168px;width:100%;max-width:168px!important;padding:16px}.ContactListHistoryPage_data .tag{min-width:268px;max-width:268px;padding:16px}.ContactListHistoryPage_data .column-freezed{min-width:168px;max-width:168px;padding:16px}.ContactListHistoryPage_data .label,.ContactListHistoryPage_data .notes{min-width:268px;padding:16px}.ContactListHistoryPage_data .notes input{width:100%}.ContactListHistoryPage_data .action{width:87px;padding:16px;display:flex;justify-content:center;align-items:center;gap:8px;position:sticky;right:0;background:#FFFFFF;border-left:1px solid #F2F2F2}.ContactListHistoryPage_data .actionData{width:87px;padding:25px 16px;display:flex;justify-content:center;align-items:center;gap:8px;position:sticky;right:0;background:#FFFFFF;border-left:1px solid #F2F2F2}.ContactListHistoryPage_data thead th div{display:flex;justify-content:space-between;align-items:center;gap:10px}.ContactListHistoryPage_data thead th div p{font-weight:700;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333}.ContactListHistoryPage_data thead th div p span{color:#df6262}.ContactListHistoryPage_data thead th div svg{cursor:pointer}.ContactListHistoryPage_data thead .action{background-color:#ededff;border-left:1px solid var(--neutral-color-neutral-200, #F2F2F2)}.ContactListHistoryPage_data tbody tr{background:#FFFFFF}.ContactListHistoryPage_data tbody tr td{max-height:32px;margin:0;color:#333;color-scheme:light}.ContactListHistoryPage_data tbody tr td p{color:var(--Neutral-Color-Neutral900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px;text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis}.ContactListHistoryPage_data tbody .name{font-weight:500;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333}.ContactListHistoryPage_data tbody .content{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.ContactListHistoryPage_data tbody .tag .tags,.ContactListHistoryPage_data tbody .column-freezed .tags{display:flex;justify-content:flex-start;align-items:center;gap:4px;overflow-x:scroll;margin:auto 0}.contactListTag{display:flex;padding:4px 8px;align-items:center;gap:8px;border-radius:4px;border:1px solid #F2F2F2;background:#FAFAFA}.ContactListHistoryPage_data tbody .action svg{cursor:pointer}.ContactListHistoryPage_data tbody .FilterResult{background:var(--neutral-color-neutral-100, #FAFAFA);box-shadow:0 0 10px #0000001a;z-index:2}.ContactListHistoryPage_data tbody .FilterResult .NumberData{position:sticky;left:0;top:74px;background:var(--neutral-color-neutral-100, #FAFAFA);display:flex;justify-content:center;align-items:center;color:var(--primary-color-primary-500, #6562DF);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;height:100%;z-index:99999999999}.ContactListHistoryPage_data tbody .FilterResult .ContactResult{position:sticky;top:74px;left:74px;background:var(--neutral-color-neutral-100, #FAFAFA);box-shadow:0 0 10px #0000001a}.ContactListHistoryPage_data tbody .FilterResult .Content{display:flex;height:calc(100% - 8px);padding:4px 4px 4px 8px;justify-content:space-between;align-items:center;border-radius:4px;border:1px solid var(--primary-color-primary-500, #6562DF);background:var(--background-white, #FFF)}.ContactListHistoryPage_data tbody .FilterResult .Content p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.ContactListHistoryPage_data tbody .FilterResult .birthResult{width:200px}.ContactListHistoryPage_data tbody .FilterResult .remove{display:flex;justify-content:center;align-items:center;position:sticky;right:0;background:#FAFAFA;border-left:1px solid #F2F2F2;cursor:pointer}.ContactListHistoryPage_data tbody .FilterResult .remove p{color:#5c5acc;font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.ContactListHistoryPage_addManualContact{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 8px 8px 12px;width:calc(100% - 16px);gap:8px;background:#5C5ACC;border-radius:4px;cursor:pointer;margin-top:12px}.ContactListHistoryPage_addManualContact p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#fafafa}.ContactListHistoryPage_data .openInChatRoom{display:flex;justify-content:flex-end;align-items:center;gap:3px}.ContactListHistoryPage_data .openInChatRoom .left{display:flex;align-items:center;padding:4px 8px;gap:8px;background:rgba(51,51,51,.25);border-radius:8px;width:116px}.ContactListHistoryPage_data .openInChatRoom .left p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333}.ContactListHistoryPage_data .openInChatRoom .right{background:#B3B3B3;border-radius:4px;max-width:20px;max-height:20px;display:flex;justify-content:center;align-items:center;padding:0}.contactListHistory_infoContactTable .MuiPaper-root{display:flex;align-items:center;padding:4px 8px;gap:8px;width:calc(100% - 16px);max-width:380px;background:rgba(51,51,51,.9);border-radius:4px;margin-top:10px}.contactListHistory_infoContactTable .MuiPaper-root p{color:#fff}.RoboPage{height:100vh;max-height:100vh;position:fixed;width:100dvw;max-width:100dvw}.RoboPage .left{max-width:320px;width:320px;padding:24px 16px}.RoboPage .right{flex:1;padding:24px 16px 24px 40px;background:#f7f5f5;max-width:calc(100dvw - 320px);height:calc(100dvh - 72px)!important;min-height:100%;overflow-y:scroll}.RoboPage .right .Result{gap:4px;margin-bottom:24px;display:flex;max-width:500px;padding:4px 12px;justify-content:space-between;align-items:center}.RoboPage .right .Result p{color:var(--neutral-color-neutral-800, #656565);font-size:14px;font-family:Inter;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.RoboPage .right .Result button{display:flex;height:24px;padding:8px;justify-content:center;align-items:center;gap:8px;outline:none;border:none;background:#F7F5F5}.RoboPage .right .Result button:hover{background:var(--primary-color-primary-100, #DADAF2)}.RoboPage .right .Result button:hover p{color:#23224d}.RoboPage .right .Result button p{color:var(--primary-color-primary-600, #5C5ACC);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.RoboPage_breadcrumbs{display:flex;flex-direction:row;align-items:center;gap:8px}.RoboPage_data{max-width:calc(100dvw - 352px);overflow:scroll}.RoboPage_data table{width:100%;border-spacing:0;border-collapse:collapse}.RoboPage_data thead,.RoboPage_data thead tr>*{background:#dadaf2}.RoboPage_data tbody,.RoboPage_data tbody td>*{background:transparent}.RoboPage_data thead tr,.RoboPage_data tbody tr{display:flex}.RoboPage_data thead tr th>button{padding:0;border:none;background:none;outline:none;display:flex;align-items:center;justify-content:center}.RoboPage_data .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root .css-i4bv87-MuiSvgIcon-root{fill:#828282}.RoboPage_data thead th p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;cursor:pointer}.RoboPage_data tbody td p{background:none;color:var(--neutral-color-neutral-900, #656565);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.RoboPage_data tbody .Selected>*{background:#e5e4e4}.RoboPage_data tbody .Notselected>*{background:#fff}.RoboPage_data .freezed{background:#a2a1e5;position:absolute;bottom:0;left:0;width:100%;height:5px}.RoboPage_data thead tr>*{height:24px}.RoboPage_data tbody tr>*{height:32px}.RoboPage_data thead .Checkbox{display:flex;width:64px;padding:16px 8px;align-items:center;gap:8px;position:sticky;left:0}.RoboPage_data tbody .Checkbox{display:flex;width:64px;padding:16px 8px;align-items:center;gap:8px;position:sticky;left:0;z-index:300}.RoboPage_data thead .RoboName{flex:1;display:flex;width:168px;padding:16px;justify-content:space-between;align-items:center}.RoboPage_data tbody .RoboName{flex:1;display:flex;width:168px;padding:16px;align-items:center;gap:10px}.RoboPage_data thead .status{flex:1;display:flex;width:168px;padding:16px;justify-content:space-between;align-items:center}.RoboPage_data tbody .status{flex:1;display:flex;width:168px;padding:16px;align-items:center;gap:10px}.RoboPage_data thead .roboMethod{flex:1;display:flex;width:168px;padding:16px;justify-content:space-between;align-items:center}.RoboPage_data tbody .roboMethod{flex:1;display:flex;width:168px;padding:16px;align-items:center;gap:10px;color:#6562df;font-weight:600;font-size:16px;line-height:24px}.RoboPage_data thead .TeamLevel{display:flex;width:168px;padding:16px;justify-content:space-between;align-items:center}.RoboPage_data tbody .TeamLevel{display:flex;width:168px;padding:16px;align-items:center;gap:10px}.RoboPage_data thead .Operator{display:flex;width:168px;padding:16px;justify-content:space-between;align-items:center}.RoboPage_data tbody .Operator{display:flex;width:168px;padding:16px;align-items:center;gap:10px;overflow-x:scroll}.RoboPage_data tbody .Operator .Wrapper{display:flex;margin-top:16px;min-width:fit-content;max-width:fit-content;width:fit-content;padding:4px 8px;align-items:center;gap:4px;border-radius:4px;border:1px solid var(--primary-color-primary-500, #6562df);background:var(--background-white, #fff)}.RoboPage_data tbody .Operator .Wrapper p{flex:1 0 0;color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.RoboPage_data thead .ScriptGB{display:flex;width:208px;padding:16px;justify-content:space-between;align-items:center}.RoboPage_data tbody .ScriptGB{display:flex;width:208px;padding:16px;align-items:center;gap:10px}.RoboPage_data thead .faqGB{display:flex;width:208px;padding:16px;justify-content:space-between;align-items:center}.RoboPage_data tbody .faqGB{display:flex;width:208px;padding:16px;align-items:center;gap:10px}.RoboPage_data thead .SmartClar{display:flex;width:148px;padding:16px;justify-content:space-between;align-items:center}.RoboPage_data tbody .SmartClar{display:flex;width:148px;padding:16px;align-items:center;gap:10px;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.RoboPage_data tbody .SmartClar .enable{color:var(--primary-color-primary-500, #6562df)}.RoboPage_data tbody .SmartClar .disable{color:red}.RoboPage_data thead .action{display:flex;width:116px;padding:16px;justify-content:center;align-items:center;gap:10px;border-left:1px solid var(--neutral-color-neutral-200, #f2f2f2);position:sticky;right:0}.RoboPage_data tbody .action{display:flex;width:132px;padding:16px 8px;justify-content:center;align-items:center;gap:8px;border-left:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--background-white, #fff);position:sticky;right:0}.RoboPage_data tbody .action button{outline:none;border:none}.RoboPage_data tbody .action .setting{display:flex;padding:8px;justify-content:center;align-items:center;gap:4px;border-radius:4px;border:1px solid var(--primary-color-primary-600, #5c5acc)}.RoboPage_data tbody .action .setting p{color:var(--primary-color-primary-600, #5c5acc);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.RoboPage_data tbody .action .delete{display:flex;padding:4px;justify-content:center;align-items:center;gap:12px}.GuidebookName{overflow:hidden;color:var(--neutral-color-neutral-900, #333);text-overflow:ellipsis;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px}.GuidebookInfo{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:-.1px}.CustomSelectScript{display:flex;padding:4px;justify-content:space-between;align-items:center;align-self:stretch;width:calc(100% - 8px)}.CustomSelectScript .info{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}.CustomSelectScript .info .title{overflow:hidden;color:var(--neutral-color-neutral-900, #333);text-overflow:ellipsis;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px}.CustomSelectScript .info .subtitle{overflow:hidden;color:var(--neutral-color-neutral-800, #656565);text-overflow:ellipsis;font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:16px}.CustomSelectScript .step{display:flex;max-width:180px;justify-content:flex-end;align-items:center;gap:4px}.CustomSelectScript .step p{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:-.1px}.ContainerBubleBroadcast{display:flex;width:calc(100% - 26px);padding:12px;flex-direction:column;align-items:flex-start;gap:12px;border-radius:8px;border:1px solid var(--primary-color-primary-500, #6562df);background:var(--background-white, #fff)}.BubleHeader{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.BubleHeader .TextQuick{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.InputEditor{display:flex;padding:12px;align-items:center;justify-content:space-between;border-radius:4px;border:1px solid var(--neutral-color-neutral-300, #e5e4e4);background:var(--neutral-color-neutral-100, #fafafa);width:100%}.toolbar{display:flex;padding:8px;justify-content:space-between}.ContainerEditor{display:flex;flex-direction:column;padding:12px;gap:10px;width:100%}.TextAreaChat{border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--background-white, #fff);color:var(--Black-3, #828282);padding:4px;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;width:100%}.Toolbar{display:flex;padding:10px;justify-content:space-between;align-items:center;border-radius:4px;background:var(--neutral-color-neutral-200, #f2f2f2)}.BubleChatDocumentTitle{overflow:hidden;color:var(--primary-color-primary-900, #23224d);text-align:start;text-overflow:ellipsis;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px;width:100px}.ReactQuillInputBc .ql-container{border-radius:4px;border:1px solid var(--neutral-color-neutral-4, #333);background:var(--background-white, #fff);box-shadow:0 0 5px #5c5acc26}.ReactQuillInputBcActive .ql-container{border-radius:4px;border:1px solid var(--primary-color-primary-500, #6562df);background:var(--background-white, #fff);box-shadow:0 0 5px #5c5acc26;caret-color:#6562df}.ReactQuillWarning .ql-container{border-color:red}.Bg_FollowCS{position:fixed;left:0;top:72px;width:calc(100dvw + -0px);height:calc(100dvh - 72px);background-color:#00000050;display:flex;justify-content:center;align-items:center;z-index:2}.FollowCS{width:83.59375dvw;height:min-content;max-height:72.115vh;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;box-shadow:0 0 10px #0000001a;background:#fff!important}.FollowCS .SearchPart{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:12px;align-self:stretch;border-bottom:none;background:#fff;width:296px;padding:12px 8px 12px 16px}.FollowCS .Warn_NotFilled{display:flex;justify-content:flex-start;align-items:center;gap:8px;border-radius:8px;background:var(--info-color-danger, #df6262);box-shadow:0 0 10px #0000001a;width:calc(100% - 48px);margin:0 16px 150px;padding:8px;position:absolute;left:0;z-index:400}.FollowCS .Warn_NotFilled .Info p{color:#fff;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.FollowCS_head{display:flex;padding:12px;justify-content:space-between;align-items:center;align-self:stretch;border-radius:8px 8px 0 0;border-bottom:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--background-white, #fff)}.FollowCS_head .left{display:flex;align-items:center;gap:8px;padding:0}.FollowCS_head .left p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:24px;font-style:normal;font-weight:700;line-height:32px;letter-spacing:-.48px}.FollowCS .body{display:flex;max-height:400px;height:400px;width:100%;overflow:scroll}.FollowCS .body .left{padding:10px 16px;display:flex;flex-direction:column;gap:10px;flex:.7}.FollowCS .body .left .BridgeSentence{display:flex;align-items:center;gap:2px}.FollowCS .body .left .search{color:var(--Neutral-Color-Neutral900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.FollowCS .body .left .TitleSelectStep{display:flex;justify-content:flex-start;align-items:center;gap:4px}.FollowCS .body .right{padding:10px 16px;display:flex;flex-direction:column;gap:10px;flex:.3}.FollowCS .body .right .header{display:flex;padding:16px;flex-direction:column;align-items:center;gap:10px;align-self:stretch;border-radius:4px;background:var(--Primary-Color-Primary100, #dadaf2);color:var(--Primary-Color-Primary900, #23224d);font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.FollowCS .body .right .preview{display:flex;padding:4px;flex-direction:column;align-items:flex-start;gap:8px;flex:1 0 0;align-self:stretch;border-radius:4px;border:1px solid var(--Neutral-Color-Neutral200, #f2f2f2);background:var(--Background-White, #fff)}.Follow_CS_Footer{display:flex;padding:8px 12px;width:calc(100% - 24px)!important;justify-content:space-between;align-items:center;align-self:stretch;background:var(--background-white, #fff);border-radius:0 0 8px 8px}.Follow_CS_Footer button{border:none;outline:none;background:none}.Follow_CS_Footer .Left{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;cursor:pointer}.Follow_CS_Footer .Left p{font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px;color:#df6262}.Follow_CS_Footer .Right{display:flex;align-items:center;gap:8px}.Follow_CS_Footer .Right button{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:var(--primary-color-primary-600, #5c5acc)}.Follow_CS_Footer .Right button p{color:var(--neutral-color-neutral-100, #fafafa);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.Follow_CS_Footer .Right button:disabled{display:flex;padding:12px;justify-content:center;align-items:center;gap:12px;border-radius:4px;background:var(--primary-color-primary-600, #808080)!important}.Follow_CS_Footer .Right button:disabled p{color:var(--neutral-color-neutral-100, #fafafa)!important;font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px}.SelectStepTitle{color:var(--Neutral-Color-Neutral4, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.SelectStepCount{color:var(--Neutral-Color-Neutral800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:16px}.WrapperSpesificStep{display:flex;justify-content:space-between}.WrapperWaitResponCS{display:flex;gap:10px;align-items:center;justify-content:center;border-radius:8px;padding:8px 4px;border:1px solid var(--Neutral-Color-Neutral500, #b3b3b3);background:var(--Neutral-Color-Neutral100, #fafafa)}.CreateRoboPage{height:100vh;max-height:100vh;position:fixed;width:100dvw;max-width:100dvw}.CreateRoboPage .leftPart{max-width:320px;width:320px;padding:24px 16px}.CreateRoboPage .rightPart{flex:1;padding:24px 16px 16px;background:#f7f5f5;max-width:calc(100dvw - 320px);height:calc(100dvh - 72px)!important;min-height:100%;overflow-y:scroll;justify-content:flex-start;position:relative}.CreateRoboContainer{display:flex;gap:16px;justify-content:space-between;margin-top:30px}.CreateRoboLeft{display:flex;padding-right:0;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:16px;width:calc(100% - 330px)}.CreateRoboRight{position:fixed;top:96px;right:16px;bottom:16px;display:flex;width:300px;padding:8px;flex-direction:column;align-items:flex-start;gap:8px;border-radius:4px;background:var(--background-white, #fff)}.CreateRoboRight .wrapper_nores{display:flex;justify-content:center;align-items:center;gap:8px;width:100%;button {flex: 1;} .NoResDisabled {border-color: #656565; color: #656565; &:hover {background: #fff; color: #656565; cursor: default;}}}.CreateRoboRight .Preview{display:flex;padding:12px 16px 16px 12px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:8px;flex:1 0 0;align-self:stretch;background:#efe6dd;overflow-y:scroll;position:relative}.CreateRoboRight .Preview .add_tag{position:absolute;bottom:10px;margin-left:auto;margin-right:auto;width:calc(100% - 24px);border-radius:8px;background:var(--Background-White, #FFF);display:flex;padding:4px;flex-direction:column;align-items:flex-start;gap:8px}.CreateRoboRight .Preview .add_tag .title{display:flex;padding:4px 8px;justify-content:flex-end;align-items:center;gap:4px;align-self:stretch;p{display: flex; flex-direction: column; justify-content: center; flex: 1 0 0; align-self: stretch; color: var(--Neutral-Color-Neutral900, #333); font-family: Inter; font-size: 12px; font-style: normal; font-weight: 600; line-height: 20px;}}.CreateRoboRight .Preview .add_tag .body{display:flex;align-items:flex-start;gap:4px;align-self:stretch}.CreateRoboRight .Preview .ScriptRecord{width:100%;text-align:center;display:flex;justify-content:center;gap:12px;hr {height: 1px; width: 33px; border: none; stroke-width: 1px; stroke: var(--Neutral-Color-Neutral900, #333); background: #333;} p {text-transform: capitalize;}}.CreateRoboLeft .CreateRobo_accordionBody .useTemplateBtn{display:flex;height:20px;padding:8px;justify-content:center;align-items:center;gap:4px;border-radius:4px;cursor:pointer}.CreateRoboLeft .CreateRobo_accordionBody .useTemplateBtn:hover{background:#dadaf2;transition:.3s}.CreateRoboLeft .CreateRobo_accordionBody .useTemplateBtn p{color:var(--primary-color-primary-600, #5c5acc);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.CreateRoboRight .NoRes:hover{color:var(--primary-color-primary-600, #23224D);background:#B8B7E5}.CreateRoboLeft .Name .Head{display:flex;align-items:center;gap:12px}.CreateRoboLeft .Name .Head h2{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:24px;font-style:normal;font-weight:700;line-height:32px;letter-spacing:-.48px}.CreateRobo_accordion{padding:12px;gap:8px;border-radius:8px!important;background:#ffffff;margin:16px 0 0!important;box-shadow:none!important;width:calc(100% - 24px)}.CreateRobo_accordion:before{display:none}.CreateRobo_accordionHeader{display:flex;align-self:stretch;padding:0!important;min-height:0!important}.CreateRobo_accordionHeader .MuiSwitch-root{transform:scale(.7);margin-left:auto}.CreateRobo_accordionHeader .Header{display:flex;align-items:center;gap:4px}.CreateRobo_accordionHeader .Header p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:16px;font-style:normal;font-weight:700;line-height:24px}.CreateRoboLeft .CreateRobo_accordionHeader .MuiAccordionSummary-content{margin:0!important;width:100%;display:flex;justify-content:space-between;cursor:auto}.CreateRoboLeft .CreateRobo_accordionBody{padding:0!important;margin-top:8px}.CreateRoboLeft .CreateRobo_accordionBody .label{color:var(--Neutral-Color-Neutral3, #656464);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px;margin-bottom:4px}.CreateRoboLeft .wrp_btn{background:none;border:none;outline:none;padding:0;display:flex;justify-content:center;align-items:center}.CreateRobo_accordionBody .ContainerBCTemplate{display:flex;padding:12px 8px 12px 12px;border-radius:8px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--neutral-color-neutral-100, #fafafa);align-items:center;gap:4px;align-self:stretch}.CreateRobo_accordionBody .ContainerBCTemplate p{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.CreateRobo_accordionBody .ContainerBCTemplate .Name{display:flex;padding:12px;align-items:center;gap:10px;flex:1 0 0;border-radius:4px;border:1px solid var(--neutral-color-neutral-3, #656464);background:var(--background-white, #fff)}.CreateRobo_accordionBody .ContainerBCTemplate .Hotkey{display:flex;width:136px;height:24px;padding:12px;align-items:center;gap:10px;border-radius:4px;border:1px solid var(--neutral-color-neutral-3, #656464);background:var(--background-white, #fff);overflow-x:scroll}.CreateRobo_accordionBody .ContainerBCTemplate .Hotkey p{padding-top:12px;text-wrap:nowrap}.CreateRobo_accordionBody .ContainerBCTemplate .Action{display:flex;align-items:center;justify-content:center;padding:0;border:none;outline:none;background:none}.CreateRobo_accordionBody .postSectionSection{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.CreateRobo_accordionBody .postSectionSection .itemDivSection{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;align-self:stretch;textarea {display: flex; height: 80px; padding: 12px; align-items: flex-start; gap: 10px; align-self: stretch; border-radius: 4px; border: 1px solid #E5E4E4; background: #FFF;} .ql-container {height: 104px;} .inputGroup {width: 100%; display: flex; align-items: flex-start; gap: 4px; align-self: stretch; .inputTime {display: flex; width: 96px; height: 24px; padding: 12px; align-items: center; gap: 10px; border-radius: 4px; border: 1px solid #B3B3B3; background: #FFF;} .Input {display: flex; flex: 1; padding: 12px; align-items: center; gap: 10px; align-self: stretch; border-radius: 4px; border: 1px solid var(--neutral-color-neutral-3, #656464); background: #fff;} .Act {border: 1px solid var(--primary-color-primary-400, #817ee5);} .Input p {flex: 1; color: var(--primary-color-primary-900, #23224d); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px;} .FollowUpTagActionOpt {display: flex; padding: 4px; flex-direction: column; align-items: flex-start; gap: 4px;} .FollowUpTagActionOpt_Add {display: flex; padding: 8px 12px; align-items: flex-start; gap: 10px; align-self: stretch; cursor: pointer;} .FollowUpTagActionOpt_Add:hover {background: var(--primary-color-primary-500, #6562df);} .FollowUpTagActionOpt_Add:hover p {color: var(--neutral-color-neutral-100, #fafafa);} .FollowUpTagActionOpt_Add p {font-family: Inter; font-size: 12px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: .12px;} .FollowUpTagActionOpt_Add p {color: var(--neutral-color-neutral-4, #333);}} .primeSaveInChatHistory {display: flex; padding: 8px 12px; align-items: center; gap: 8px; align-self: stretch; border-radius: 8px; border: 1px solid#B3B3B3; background:#FAFAFA; .MuiCheckbox-root {padding: 0;} .rightSection {display: flex; gap: 4px;}} .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root .css-i4bv87-MuiSvgIcon-root {fill: #6562df;} .postSessionSummary {display: flex; padding: 8px 12px; flex-direction: column; justify-content: center; align-items: flex-start; gap: 8px; align-self: stretch; border-radius: 8px; border: 1px solid#333; background:#FFF; .topSection {display: flex; align-items: center; gap: 12px; align-self: stretch; .leftSection {flex: 1; display: flex; gap: 4px;} .rightSection {display: flex; gap: 12px; .setSummary {border: none; padding: 0;}} .MuiSwitch-root {transform: scale(.8);}} .setSummary {display: flex; height: 36px; padding: 8px; justify-content: center; align-items: center; gap: 4px; align-self: stretch; border-radius: 4px; border: 1px solid #5C5ACC; p {color: #6562DF;}}}}.CreateRobo_accordionBody .otherPromptSection{display:flex;flex-direction:column;gap:12px}.CreateRobo_accordionBody .otherPromptSection .foreward{display:flex;width:calc(100% - 24px);padding:12px;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;border-radius:8px;border:1px solid #F2F2F2;background:#FFF;textarea {display: flex; height: 56px; padding: 12px; align-items: flex-start; gap: 10px; align-self: stretch; border-radius: 4px; border: 1px solid #F2F2F2; background: #FFF;}}.CreateRobo_accordionBody .otherPromptSection .timezone{display:flex;width:calc(100% - 24px);height:79px;max-height:376px;padding:12px;flex-direction:column;align-items:flex-start;gap:8px;flex-shrink:0;margin-bottom:12px}.CreateRobo_accordionBody .otherPromptSection .timezone .head{display:flex;justify-content:flex-start;align-items:center;align-self:stretch;gap:4px}.CreateRobo_accordionBody .otherPromptSection .timezone .main{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px}.CreateRobo_accordionBody .otherPromptSection .timezone .main :is(#timezone_robot,#language_robot){width:100%}.CreateRobo_accordionBody .otherPromptSection .timezone .main :is(#timezone_robot,#language_robot) .optionTimezone{padding:12px;p {font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px;}}.CreateRobo_accordionBody .otherPromptSection .dataSelected{margin-top:12px;display:flex;flex-wrap:wrap;gap:12px}.CreateRobo_accordionBody .otherPromptSection .dataSelected .item{display:flex;min-width:40px;padding:4px 8px;align-items:center;gap:8px;border-radius:4px;border:1px solid #B3B3B3;background:#FFF}.CreateRobo_accordionBody .otherPromptSection .dataSelectedList{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:-10px;margin-top:12px}.CreateRobo_accordionBody .otherPromptSection .dataSelectedList .itemData{display:flex;padding:8px 12px;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;align-self:stretch;svg {fill: #5C5ACC;}}.CreateRoboPage .FollowUpWrapper{position:fixed;top:72px;left:0;width:calc(100dvw - 320px);height:100vh}.CreateRoboPage .FollowUpWrapper>*{width:100%!important}.CreateRoboPage .FollowUpWrapper .Asdiv,.CreateRoboPage .FollowUp .ContainerFollowCreateGuideBook .Asdiv{background:none}.CreateRoboPage .FollowUpWrapper .BgCBTemplate{top:0!important;left:0}.CreateRoboPage .popup_warn_llm{background-color:#fff;width:420px;border-radius:8px}.CreateRoboPage .popup_warn_llm .header_popup_warn_llm{display:flex;align-items:center;justify-content:flex-end;padding:12px 16px}.CreateRoboPage .popup_warn_llm .body_popup_warn_llm{display:flex;flex-direction:column;padding:0 16px;margin-bottom:24px}.CreateRoboPage .popup_warn_llm .body_popup_warn_llm .popup_warn_llm_text{color:#333;font-weight:700;font-size:14px;line-height:20px;text-align:center}.CreateRoboPage .popup_warn_llm .body_popup_warn_llm .popup_warn_llm_subtext{color:#656464;font-weight:400;font-size:12px;line-height:22px;text-align:center}.CreateRoboPage .llm_empty_key{background-color:#fff;width:420px;border-radius:8px}.CreateRoboPage .llm_empty_key .header_llm_empty_key{display:flex;align-items:center;justify-content:flex-end;padding:12px 16px}.CreateRoboPage .llm_empty_key .body_llm_empty_key{display:flex;flex-direction:column;align-items:center;gap:4px}.CreateRoboPage .llm_empty_key .body_llm_empty_key .title{font-weight:700;font-size:14px;line-height:20px;text-align:center;color:#333}.CreateRoboPage .llm_empty_key .body_llm_empty_key .sub_title{font-weight:400;font-size:12px;line-height:22px;text-align:center;color:#656464}.CreateRoboPage .llm_empty_key .footer_llm_empty_key{display:flex;justify-content:center;align-items:center;gap:12px;padding:12px 16px;button {border: none; outline: none; background: none; font-weight: 600; font-size: 12px; line-height: 20px; padding: 8px 12px;} #cancel_empty_llm{color: rgba(51,51,51,1);} #ok_empty_llm{color: rgba(250,250,250,1); background: rgba(101,98,223,1); border-radius: 4px;} #ok_empty_llm:hover{background: rgba(35,34,77,1);}}.CreateRoboPage .server_error{background-color:#fff;width:420px;border-radius:8px}.CreateRoboPage .server_error .header_server_error{display:flex;align-items:center;justify-content:flex-end;padding:12px 16px}.CreateRoboPage .server_error .body_server_error{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:24px}.CreateRoboPage .server_error .body_server_error .wrapper_text{display:flex;flex-direction:column;align-items:center;padding:0 16px}.CreateRoboPage .server_error .body_server_error .wrapper_text .title{font-weight:700;font-size:14px;line-height:20px;text-align:center;color:#df6262}.CreateRoboPage .server_error .body_server_error .wrapper_text .sub_title{font-weight:400;font-size:12px;line-height:22px;text-align:center;color:#656464}.option_menu{justify-content:space-between;border-radius:4px;background:#FFF;display:flex;padding:12px;align-items:flex-start;gap:10px;align-self:stretch}.RobotLLmConfigWa{display:flex;padding:12px;flex-direction:column;align-items:flex-start;gap:16px;align-self:stretch;border-radius:8px;border:1px solid#6562DF;background:#FFF;margin:16px 12px 0}.RobotLLmConfigWa:last-child{margin-bottom:16px}.pp_create_variable{display:flex;width:615px;flex-direction:column;align-items:flex-start;border-radius:8px;box-shadow:0 0 10px #0000001a;background:#fff}.pp_create_variable .head{display:flex;padding:12px;justify-content:space-between;align-items:center;align-self:stretch;border-bottom:1px solid var(--Neutral-Color-Neutral200, #F2F2F2);background:var(--Background-White, #FFF);border-radius:8px 8px 0 0;p{color: var(--Neutral-Color-Neutral4, #333); font-family: Inter; font-size: 24px; font-style: normal; font-weight: 700; line-height: 32px; letter-spacing: -.48px;}}.pp_create_variable .body{display:flex;height:400px;padding:12px;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch;border-bottom:1px solid var(--Neutral-Color-Neutral100, #FAFAFA);background:var(--Background-White, #FFF);overflow-y:scroll}.pp_create_variable .body .wrap{display:flex;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch;label{color: var(--Neutral-Color-Neutral900, #333); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px;} input{display: flex; padding: 12px; align-items: flex-start; gap: 10px; align-self: stretch; border-radius: 4px; caret-color: #817EE5;} .focus{border-radius: 4px; border: 1px solid var(--Primary-Color-Primary400, #817EE5); background: #FFF; box-shadow: 0px 0px 5px 0px rgba(92,90,204,.15);} .filled{border: 1px solid var(--Neutral-Color-Neutral3, #656464); background: #FFF;} .empty{border: 1px solid var(--Neutral-Color-Neutral200, #F2F2F2);} .option_menu{display: flex; justify-content: space-between; border-radius: 4px; background: #FFF; display: flex; padding: 12px; align-items: flex-start; gap: 10px; align-self: stretch;}}.pp_create_variable .body .wrap_tgl{display:flex;justify-content:space-between;align-items:center;width:100%}.pp_create_variable .bottom{border-radius:0 0 8px 8px;display:flex;padding:12px;justify-content:space-between;align-items:center;align-self:stretch;background:var(--Background-White, #FFF);button{display: flex; padding: 12px; justify-content: center; align-items: center; gap: 12px; border: none; outline: none; background: none;} #cancel_create_variable{color: var(--Info-Color-Danger, #DF6262); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 700; line-height: 22px;} #confirm_create_variable{color: var(--Neutral-Color-Neutral100, #FAFAFA); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 700; line-height: 22px; border-radius: 4px; background: var(--Primary-Color-Primary600, #5C5ACC);}}.WaNumber{overflow:hidden;color:var(--Green-1, #219655);text-overflow:ellipsis;font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px}.WaName{overflow:hidden;color:var(--neutral-color-neutral-900, #333);text-overflow:ellipsis;font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px}.BadgeOption{display:flex;height:24px;padding:1px;align-items:center;gap:4px;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--neutral-color-neutral-100, #fafafa);color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px}.container{display:block;position:relative;padding-left:35px;margin-bottom:25px;cursor:pointer;font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#eee}.container:hover input~.checkmark{background-color:#ccc}.container input:checked~.checkmark{background-color:#2196f3}.checkmark:after{content:"";position:absolute;display:none}.container input:checked~.checkmark:after{display:block}.container .checkmark:after{left:9px;top:5px;width:5px;height:10px;border:solid white;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.ContainerSelectedWa{display:flex;padding:4px 8px;justify-content:space-between;align-items:center;align-self:stretch;border-radius:4px;background:var(--background-white, #fff)}.MinusBox{width:20px;height:20px;flex-shrink:0;display:flex;justify-content:center;align-items:center;background-color:#df6262;border-radius:4px;margin-right:10px}.IdentityUser{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;margin-left:5px}.CreateWorkflowPage .CreateWorkflowPage_header{display:flex;height:40px;padding:12px 16px;justify-content:space-between;align-items:center;flex-shrink:0}.CreateWorkflowPage .CreateWorkflowPage_header .leftSection{display:flex;align-items:center;gap:12px;flex-shrink:0}.CreateWorkflowPage .CreateWorkflowPage_header .leftSection .text{display:flex;align-items:center;gap:4px}.CreateWorkflowPage .CreateWorkflowPage_header .rightSection{display:flex;justify-content:flex-end;align-items:center;gap:12px;button {display: flex; height: 36px; padding: 8px; justify-content: center; align-items: center; gap: 8px; border-radius: 4px;} .btnTest {border: 1px solid #6562DF; p {color: #6562DF;}} .btnSave {background: #6562DF; p {color: #FFF;}}}.CreateWorkflowPage .CreateWorkflowPage_body{display:flex;background:#F7F5F5;height:calc(100dvh - 136px);width:calc(100dvw - 59px);padding:0 29.5px}.CreateWorkflowPage .CreateWorkflowPage_body .leftSection{width:calc(100% - 600px);height:100%}.CreateWorkflowPage .CreateWorkflowPage_body .leftSection .react-flow__panel{display:none}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection{max-width:600px;min-width:600px;padding:48px 0;height:calc(100% - 96px);max-height:calc(100% - 96px);width:100%;overflow-y:scroll;margin:0}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain{width:calc(100% - 24px);height:max-content;max-height:calc(100dvh - 376px);display:flex;padding:12px;flex-direction:column;align-items:flex-start;gap:12px;border-radius:8px;background:#FFF;overflow-y:scroll}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .listItemComponent{display:flex;align-items:flex-start;gap:12px;align-self:stretch}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .listItemComponent .itemComponent{display:flex;width:calc(100% + -0px);padding:8px 12px;align-items:center;gap:12px;align-self:stretch;border-radius:4px;border:1px solid#B3B3B3;background:#FFF}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .listItemComponent .itemComponent .icon{display:flex;padding:4px;align-items:center;justify-content:center;gap:10px;border-radius:4px;background:#DDFED8}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .listItemComponent .itemComponent .desc{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .headerTitle{display:flex;align-items:center;gap:8px;align-self:stretch;justify-content:space-between;button {display: flex; height: 24px; padding: 8px; justify-content: center; align-items: center; gap: 4px;} .buttonRemove {p {color: #DF6262;}}}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .itemSelect{display:flex;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch;position:relative;cursor:pointer;input {display: flex; padding: 12px; width: calc(100% - 24px); align-items: flex-start; gap: 10px; align-self: stretch; border-radius: 4px; border: 1px solid#656464; background:#FFF;}}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .itemSelect .inputSelect{display:flex;padding:12px;align-items:center;justify-content:space-between;gap:10px;align-self:stretch;border-radius:4px;border:1px solid#656464;background:#FFF}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .itemSelect .listItem{display:flex;flex-direction:column;position:absolute;top:88px;background:#FFF;width:calc(100% - 24px);padding:12px;gap:12px;z-index:200}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .itemSelect .listItem .item{padding:4px 8px;border-radius:4px;border:1px solid#656464;background:#FFF;cursor:pointer}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .AddTagComponent{overflow-y:scroll;overflow-x:hidden;display:flex;height:100%;max-height:400px;width:calc(100% - 24px);padding:12px;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch;border-bottom:1px solid #fafafa;background:#fff}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .WrapperGroup{display:flex;padding:4px;align-items:flex-start;gap:8px;align-self:stretch;border-radius:8px;background:#F2F2F2;button{display: flex; min-width: 100px; padding: 8px; justify-content: center; align-items: center; gap: 8px; flex: 1 0 0; color: #656565; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: -.14px; background: none;} .active{color: #6562DF; border-radius: 4px; background: #FFF;}}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .Timestamp{display:flex;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .Timestamp .Action{display:flex;align-items:center;align-content:center;gap:8px;flex-wrap:wrap}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .Timestamp .Info{color:#656565;font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:16px}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .Timestamp .Input{display:flex;padding:12px;align-items:center;gap:10px;align-self:stretch;border-radius:4px;border:1px solid#656464;background:#fff;p {flex: 1; color: #23224d; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px;}}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .Timestamp .Act{border:1px solid#817ee5}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .Timestamp .TextInfo{display:flex;padding:4px 8px;align-items:center;gap:8px;p {color:#656464; font-family: Inter; font-size: 12px; font-style: normal; font-weight: 400; line-height: 18px;}}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .WrapperTag{display:flex;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch;label {color: #333; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 500; line-height: 24px; letter-spacing: .14px;} textarea {border: 1px solid #F2F2F2; border-radius: 4px; padding: 12px; width: calc(100% - 24px); min-width: calc(100% - 24px); max-width: calc(100% - 24px);} .InputTag {width: 100%;} .WrapperTitleTimeStamp {display: flex; align-items: center; gap: 10px; .title {color: #333; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px;}}}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .WrapperTag .custom-input{display:flex;height:24px;padding:12px;align-items:center;gap:10px;width:calc(100% - 24px);border-radius:4px;border:1px solid #E5E4E4}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .actionList{display:flex;align-items:flex-start;gap:12px;align-self:stretch;button {display: flex; padding: 12px; justify-content: center; align-items: center; gap: 8px; flex: 1 0 0;} .btnCancel {p {color: #DF6262;}} .btnSave {background: #5C5ACC; p {color: #FAFAFA;}}}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .PromptTab .PromptTabHead{width:100%;overflow:scroll}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .PromptTab .PromptTabBody .PromptTabBody_index_2 .section .MuiAccordionSummary-content{align-items:center;margin:0}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .PromptTab .PromptTabBody .PromptTabBody_index_2 .section .MuiAccordionSummary-content .Header{width:100%}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .PromptTab .PromptTabBody .PromptTabBody_index_2 .section .CreateRobo_accordionBody{padding:0}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .PromptTab .PromptTabBody .PromptTabBody_index_2 .section .CreateRobo_accordionBody .btn_add_llm{margin-top:8px}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .GbFollowUpSendMessageAction{width:100%;box-shadow:none}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .GbFollowUpSendMessageAction .WrapperGroup{width:calc(100% - 8px);flex:1;button {flex: 1;}}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .GbFollowUpSendMessageAction .WrapperGroupBody{flex-direction:column;margin-top:12px;hr {height: 1px; background: #B3B3B3; width: 100%; border: none; margin: 12px 0; padding: 0;} .mentionContactConfig {display: flex; padding: 12px; flex-direction: column; align-items: flex-start; gap: 16px; align-self: stretch; border-radius: 8px; border: 1px solid#6562DF; background:#FFF; .mainSection {display: flex; justify-content: space-between; align-items: center; align-self: stretch; .leftSection {display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 4px; flex: 1 0 0;}}}}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .GbFollowUpSendMessageAction .WrapperGroupBody .left .ContactListPage_action{width:100%}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .GbFollowUpSendMessageAction .WrapperGroupBody .left .ContactListPage_action .left{width:100%;max-width:100%}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .GbFollowUpSendMessageAction .WrapperGroupBody .left .ContactListSM_data{width:100%;max-width:100%;position:relative}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .BcFollowUpTagActionWorkflow{display:flex;width:100%;flex-direction:column;align-items:flex-start;border-radius:8px}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .BcFollowUpTagActionWorkflow .Timestamp{display:flex;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .BcFollowUpTagActionWorkflow .Timestamp .Action{display:flex;align-items:center;align-content:center;gap:8px;flex-wrap:wrap}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .BcFollowUpTagActionWorkflow .Timestamp .Input{display:flex;padding:12px;align-items:center;gap:10px;align-self:stretch;border-radius:4px;border:1px solid var(--neutral-color-neutral-3, #656464);background:#fff;p {flex: 1; color: var(--primary-color-primary-900, #23224d); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px;}}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .BcFollowUpTagActionWorkflow .Timestamp .Act{border:1px solid var(--primary-color-primary-400, #817ee5)}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .BcFollowUpTagActionWorkflow .Timestamp .Info{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:16px}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .BcFollowUpTagActionWorkflow .Timestamp .TextInfo{display:flex;padding:4px 8px;align-items:center;gap:8px;p {color: var(--neutral-color-neutral-3, #656464); font-family: Inter; font-size: 12px; font-style: normal; font-weight: 400; line-height: 18px;}}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .BcFollowUpTagActionWorkflow .WrapperTag{display:flex;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch;label {color: var(--neutral-color-neutral-900, #333); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 500; line-height: 24px; letter-spacing: .14px;} .InputTag {width: 100%;}}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .BcFollowUpTagActionWorkflow .WrapperSelectUpdate{display:flex;gap:4px;button {background: none; outline: none; border: none; font-weight: 600; font-size: 12px; line-height: 20px;} #select_all_update_contact{color: rgba(92,90,204,1);} #clear_update_contact{color: rgba(51,51,51,1);}}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .btnAdvance{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:4px;border-radius:4px;background:#DADAF2}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .WrapperVarUserData{display:flex;padding-top:8px;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .WrapperVarUserData .listItem{display:flex;padding:12px;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;align-self:stretch;border-radius:8px;border:1px solid #6562DF;background:#FFF}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .WrapperVarUserData .listItem .title{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .WrapperVarUserData .listItem .type{display:flex;height:26px;padding:8px 12px;align-items:center;justify-content:space-between;gap:10px;align-self:stretch;border-radius:4px;border:1px solid #B3B3B3;background:#FAFAFA}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .WrapperVarUserData .listItem .desc{display:flex;align-items:center;gap:4px;align-self:stretch;input {display: flex; padding: 12px; align-items: center; gap: 10px; flex: 1 0 0; border-radius: 4px; border: 1px solid #333; background: #FFF; box-shadow: 0px 0px 5px 0px rgba(92,90,204,.15);}}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .bodySectionSummary{display:flex;max-height:400px;height:max-content;overflow-y:scroll;padding:12px;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch;border-bottom:1px solid #FAFAFA}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .bodySectionSummary .partHistory{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;align-self:stretch}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .bodySectionSummary .partHistory .item{display:flex;width:calc(100% - 16px);height:42px;padding:4px 8px;align-items:center;gap:8px;border-radius:4px;border:1px solid #B3B3B3}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .bodySectionSummary .partHistory .item .MuiButtonBase-root{padding:0;span {color: #BDBDBD;}}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .bodySectionSummary .partHistory .item .rightSection{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0;p {&:nth-child(1) {color: #999;} &:nth-child(1) {color: #B3B3B3;}}}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .bodySectionSummary .partHistory .itemActive{border-color:#6562df}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .bodySectionSummary .partHistory .itemActive .MuiButtonBase-root{span {color: #6562DF;}}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .bodySectionSummary .partHistory .itemActive .rightSection{p {&:nth-child(1) {color: #333;} &:nth-child(1) {color: #656565;}}}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .bodySectionSummary .input{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;align-self:stretch;textarea {display: flex; height: 80px; padding: 12px; align-items: flex-start; gap: 10px; align-self: stretch; border-radius: 4px; border: 1px solid #E5E4E4; background: #FFF;} .ql-container {height: 104px;}}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .bodySectionSummary .inputSection{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;align-self:stretch;p {display: flex; align-items: center; gap: 4px;} .input {display: flex; padding: 12px; align-items: center; gap: 10px; align-self: stretch; border-radius: 4px; border: 1px solid#656464; background: #FFF; flex-direction: row;} .textarea {display: flex; height: 120px; min-height: 120px; max-height: 120px; width: calc(100% - 24px); min-width: calc(100% - 24px); max-width: calc(100% - 24px); padding: 12px; align-items: flex-start; gap: 10px; align-self: stretch; border-radius: 4px; border: 1px solid#656464; background: #FFF;} #tab_prompt {margin-bottom: 0 !important;} .ql-container {height: 144px;}}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .bodySectionSummary .inputOptionMenu{display:flex;padding:12px;align-items:center;justify-content:space-between;gap:10px;align-self:stretch;border-radius:4px;border:1px solid #656464;background:#FFF;position:relative}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .bodySectionSummary .inputOptionMenu .inputOptionList{position:absolute;top:56px;left:0;z-index:2;display:flex;width:calc(100% - 8px);max-height:176px;overflow-y:scroll;padding:4px;flex-direction:column;align-items:flex-start;gap:4px;border-radius:4px;border:1px solid #B3B3B3;background:#FFF}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .bodySectionSummary .inputOptionMenu .inputOptionList .inputMenu{display:flex;height:22px;padding:8px 12px;justify-content:space-between;align-items:center;align-self:stretch;background:#FFF}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .bodySectionSummary .inputSummaryContext{display:flex;padding:8px 12px;justify-content:space-between;align-items:center;align-self:stretch;border-radius:8px;border:1px solid #6562DF;background:#FFF}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .bodySectionSummary .inputSummaryContext .leftSection{display:flex;align-items:center;gap:4px;align-self:stretch;width:100%}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .bodySectionSummary .inputSummaryContext .MuiSwitch-root{transform:scale(.8)}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .summaryChatSession{display:flex;padding:0;flex-direction:column;align-items:flex-start;gap:16px;align-self:stretch;border-bottom:1px solid #F2F2F2;background:#FFF}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .summaryChatSession .headerSection{display:flex;height:36px;justify-content:space-between;align-items:center;align-self:stretch}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .summaryChatSession .headerSection .rightSection{display:flex;align-items:center;gap:12px}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .summaryChatSession .headerSection .rightSection .MuiSwitch-root{transform:scale(.7)}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .summaryChatSession .inputSection{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;align-self:stretch;p {display: flex; align-items: center; gap: 4px;} .input {display: flex; padding: 12px; align-items: center; gap: 10px; align-self: stretch; border-radius: 4px; border: 1px solid#656464; background: #FFF;} .textarea {display: flex; height: 120px; min-height: 120px; max-height: 120px; width: calc(100% - 24px); min-width: calc(100% - 24px); max-width: calc(100% - 24px); padding: 12px; align-items: flex-start; gap: 10px; align-self: stretch; border-radius: 4px; border: 1px solid#656464; background: #FFF;} #tab_prompt {margin-bottom: 0 !important;} .ql-container {height: 144px;}}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .summaryChatSession .inputOptionMenu{display:flex;padding:12px;align-items:center;justify-content:space-between;gap:10px;align-self:stretch;border-radius:4px;border:1px solid #656464;background:#FFF;position:relative}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .summaryChatSession .inputOptionMenu .inputOptionList{position:absolute;top:56px;left:0;z-index:2;display:flex;width:calc(100% - 8px);max-height:176px;overflow-y:scroll;padding:4px;flex-direction:column;align-items:flex-start;gap:4px;border-radius:4px;border:1px solid #B3B3B3;background:#FFF}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .summaryChatSession .inputOptionMenu .inputOptionList .inputMenu{display:flex;height:22px;padding:8px 12px;justify-content:space-between;align-items:center;align-self:stretch;background:#FFF}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .summaryChatSession .setupAreaConfigSummary{display:flex;height:68px;padding:12px;align-items:flex-start;gap:10px;align-self:stretch;border-radius:4px;border:1px solid #F2F2F2;background:#FFF;textarea {font-size: 12px; font-style: normal; font-weight: 400; line-height: 18px; height: 100%; width: 100%;}}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .summaryChatSession .tabsSumamryChatSession{display:flex;padding:4px;align-items:flex-start;gap:8px;align-self:stretch;border-radius:8px;background:#F2F2F2}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .summaryChatSession .tabsSumamryChatSession .tabItem{display:flex;min-width:100px;padding:8px;justify-content:center;align-items:center;gap:8px;flex:1 0 0;border-radius:4px;background:#F2F2F2;p {color: #656565;} .wrp_btn {padding: 0; display: flex; align-items: center;}}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .summaryChatSession .tabsSumamryChatSession .tabItemActive{background:#FFF;p {color: #6562DF;}}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .summaryChatSession .saveOnHistory{display:flex;padding:8px;align-items:center;gap:8px;align-self:stretch;border-radius:8px;border:1px solid #B3B3B3}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .summaryChatSession .saveOnHistory .MuiCheckbox-root{padding:0;svg {fill: #5C5ACC;}}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .summaryChatSession .saveOnHistory .rightSectionData{display:flex;align-items:center;gap:4px;flex:1 0 0}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .optionIfCondition{display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .optionIfCondition .tabList{display:flex;align-items:flex-start;gap:12px;align-self:stretch}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .optionIfCondition .tabList .tabItem{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:4px;flex:1 0 0;border-radius:4px;p {color: #656565;}}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .optionIfCondition .tabList .tabItemActive{background:#DADAF2;p {color: #23224D;}}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .conditionList,.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .conditionList .conditionItem{display:flex;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .conditionList .conditionItem .detail{display:flex;padding:8px;width:calc(100% - 16px);flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch;border-radius:8px;border:1px solid #B3B3B3;background:#FFF}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .conditionList .conditionItem .detail .head{display:flex;align-items:center;justify-content:space-between;gap:8px;align-self:stretch}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .conditionList .conditionItem .detail .input{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;align-self:stretch;input {display: flex; height: 24px; width: calc(100% - 24px); padding: 12px; align-items: center; gap: 10px; align-self: stretch; border-radius: 4px; border: 1px solid #F2F2F2; background: #FFF;} .selectData {display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 12px; flex: 1 0 0; padding: 12px; width: calc(100% - 24px); border-radius: 4px; border: 1px solid #F2F2F2; background: #FFF; position: relative; input {width: 100%; border: none; padding: 0;} .listDataVar {position: absolute; top: 55px; left: 0; display: flex; width: calc(100% - 8px); padding: 4px; flex-direction: column; align-items: flex-start; gap: 4px; border-radius: 4px; border: 1px solid #B3B3B3; background: #FFF; z-index: 500; .itemVar {display: flex; padding: 8px 12px; align-items: flex-start; gap: 10px; align-self: stretch;}}}}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .conditionList .conditionItem .conjungtion{display:flex;min-width:40px;padding:4px 8px;justify-content:center;align-items:center;gap:8px;border-radius:4px;border:1px solid #6562DF;background:#FFF;p {text-transform: capitalize;}}.CreateWorkflowPage .CreateWorkflowPage_body .rightSection .addComponentMain .conditionList .addCondition{display:flex;padding:12px;justify-content:center;align-items:center;gap:8px;align-self:stretch;border-radius:4px;border:2px solid#5C5ACC;p {color: #5C5ACC;}}.FollowUpTagActionOpt_workflow{max-width:546px!important}.PromptTab{margin-top:20px;width:100%}.PromptTabHead{display:flex;align-items:flex-start}.PromptTabHead_item{display:flex;width:100px;min-width:90px;max-width:160px;padding:12px 16px;justify-content:center;align-items:center;gap:8px;border-radius:8px 8px 0 0;border:1px solid #f2f2f2;background:#fafafa;margin:0 0 -1px}.PromptTabHead_itemActive{background:#ffffff;border:none}.PromptTabHead_item h2{font-size:16px;font-style:normal;font-weight:600;line-height:24px;color:#b3b3b3}.PromptTabHead_itemActive h2{color:#6562df}.PromptTabBody{display:flex;flex-direction:column;align-items:flex-start;gap:12px;border-radius:0 8px 8px;background:#ffffff}.PromptTabBody_index_0{display:flex;padding:12px;flex-direction:column;align-items:flex-end;gap:8px;align-self:stretch}.PromptTabBody_index_0 .head{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.PromptTabBody_index_0 .head .left{display:flex;align-items:center;gap:4px}.PromptTabBody_index_0 .input{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;align-self:stretch;p {color: #656464;} input {display: flex; padding: 12px; align-items: center; gap: 10px; align-self: stretch; border-radius: 4px; border: 1px solid #333333; box-shadow: 0px 0px 5px 0px rgba(92,90,204,.15); color: #333333;} textarea {display: flex; height: 80px; padding: 12px; align-items: flex-start; gap: 10px; align-self: stretch; border-radius: 4px; border: 1px solid #333333;}}.PromptTabBody_index_0 .input-flex{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4px;align-self:stretch;p {color: #656464; min-width: fit-content; width: 150px;} input {display: flex; padding: 12px; align-items: center; gap: 10px; align-self: stretch; border-radius: 4px; border: 1px solid #333333; box-shadow: 0px 0px 5px 0px rgba(92,90,204,.15); color: #333333;} textarea {display: flex; height: 80px; padding: 12px; align-items: flex-start; gap: 10px; align-self: stretch; border-radius: 4px; border: 1px solid #333333;} .prompt_part div {margin-bottom: 0 !important;}}.PromptTabBody_index_0 .rule_section_button{display:flex;width:100%}.PromptTabBody_index_0 .rule_section{display:flex;flex-direction:column;gap:8px;width:100%}.PromptTabBody_index_0 .rule_section .RuleComp{border:1px solid #F2F2F2;padding:12px;border-radius:8px}.PromptTabBody_index_0 .rule_section .RuleComp .rule_header{display:flex;justify-content:space-between;align-items:center;button {color: #DF6262; display: flex; align-items: center; justify-content: flex-start; background: none; outline: none; gap: 4px; font-size: 12px;} h2{font-size: 14px; font-weight: 500; line-height: 20px;}}.PromptTabBody_index_1{display:flex;padding:12px;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch;width:calc(100% - 24px);textarea {display: flex; height: 320px; padding: 12px; align-items: flex-start; gap: 10px; align-self: stretch; border-radius: 4px; border: 1px solid #6562DF; box-shadow: 0px 0px 5px 0px rgba(92,90,204,.15);} .quill {width: 100%; .ql-toolbar {display: none;} .ql-container {display: flex; width: 100%; height: 320px; padding: 12px; align-items: flex-start; gap: 10px; align-self: stretch; border-radius: 4px; border: 1px solid #6562DF !important; box-shadow: 0px 0px 5px 0px rgba(92,90,204,.15); .ql-editor {width: 100%; padding: 0;}}} .quill > .ql-container > .ql-editor.ql-blank::before{font-size: 12px; line-height: 18px; font-weight: 400; color: #B3B3B3; font-style: normal;}}.PromptTabBody_index_1 .head{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.PromptTabBody_index_1 .head .left{display:flex;align-items:center;gap:4px}.PromptTabBody_index_2{display:flex;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch}.PromptTabBody_index_2 .section{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}.PromptTabBody_index_2 .section .head{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.PromptTabBody_index_2 .section .head .left{display:flex;align-items:center;gap:4px}.PromptTabBody_index_2 .section .head .href{font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px;color:#6562df;cursor:pointer}.PromptTabBody_index_2 .section .input_btn{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;align-self:stretch}.PromptTabBody_index_2 .section .input_btn .input{display:flex;padding:12px;align-items:center;gap:10px;flex:1 0 0;border-radius:4px;border:1px solid #817EE5;box-shadow:0 0 5px #5c5acc26;cursor:pointer;input {display: flex; align-items: center; gap: 12px; flex: 1 0 0;} svg {cursor: pointer;} .default_input {flex: 1 0 0; font-weight: 500; font-size: 14px; line-height: 20px; color: #656565;}}.PromptTabBody_index_2 .section .input_btn .default_input_wrapper{border:1px solid #B3B3B3;box-shadow:none;background:#FAFAFA}.PromptTabBody_index_2 .section .input_btn .btn{display:flex;height:52px;padding:12px;justify-content:center;align-items:center;gap:8px;background:#5C5ACC;color:#fafafa}.PromptTabBody_index_2 .section .input_btn .btn_use_api_default{padding:8px;background:#656464}.PromptTabBody_index_2 .section .api_change_confirm{display:flex;flex-direction:column;gap:12px;background:#FAFAFA;padding:8px;p{font-weight: 500; font-size: 14px; line-height: 20px; color: #333333;} .section_footer{display: flex; gap: 8px; align-items: center; button {background: none; outline: none; border: none; font-weight: 600; font-size: 12px; line-height: 20px;} #cancel_change_api{color: #656464;} #ok_change_api{color: #FFFFFF; background: #5C5ACC; border-radius: 4px;} #ok_change_api:hover{background: #23224D;}}}.PromptTabBody_index_2 .section .info_result{display:flex;padding:4px 8px;align-items:center;gap:8px;p {color: #62DF7E;}}.PromptTabBody_index_2 .section .rule_section{display:flex;flex-direction:column;gap:8px;width:100%}.PromptTabBody_index_2 .section .rule_section .RuleComp{border:1px solid #F2F2F2;padding:12px;border-radius:8px}.PromptTabBody_index_2 .section .rule_section .RuleComp .rule_header{display:flex;justify-content:space-between;align-items:center;button {color: #DF6262; display: flex; align-items: center; justify-content: flex-start; background: none; outline: none; gap: 4px; font-size: 12px;} h2{font-size: 14px; font-weight: 500; line-height: 20px;}}.PromptTabBody_index_2 .section .condition_section{display:flex;flex-direction:column;gap:8px;width:100%}.PromptTabBody_index_2 .section .condition_section .condition_when{display:flex;align-items:center;gap:4px;align-self:stretch;padding:12px;input {display: flex; height: 24px; padding: 12px; align-items: center; gap: 10px; flex: 1 0 0; border-radius: 4px; border: 1px solid #E5E4E4;}}.PromptTabBody_index_2 .section .condition_section .ConditionComp{border:1px solid #F2F2F2;padding:12px;border-radius:8px;display:flex;flex-direction:column;gap:8px}.PromptTabBody_index_2 .section .condition_section .ConditionComp .cond_header{display:flex;justify-content:space-between;align-items:center;button {color: #DF6262; display: flex; align-items: center; justify-content: flex-start; background: none; outline: none; gap: 4px; font-size: 12px;} h2{font-size: 14px; font-weight: 500; line-height: 20px;}}.PromptTabBody_index_2 .section .condition_section .ConditionComp .cond_prompt_header{color:#656464}.PromptTabBody_index_2 .section .condition_section .main_action{display:flex;justify-content:space-between;align-items:center}.PromptTabBody_index_2 .section .condition_section #create_sub_variable{display:flex;padding:8px;justify-content:center;align-items:center;gap:4px;align-self:stretch;border-radius:4px;border:1px solid #5C5ACC;background:#fff;color:#5c5acc;font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;margin:0 12px 12px}.PromptTabBody_index_2 .section .condition_section #create_sub_variable:hover{border:1px solid var(--Primary-Color-Primary900, #23224D);background:var(--Primary-Color-Primary200, #B8B7E5)}.PromptTabBody_index_2 .section .condition_item{border:1px solid #F2F2F2;margin-bottom:8px}.PromptTabBody_index_2 .section .comp{padding:1px;border-radius:8px;border:1px solid var(--Neutral-Color-Neutral200, #F2F2F2)}.PromptTabBody_index_2 .section .comp .custom_accordion{box-shadow:none!important;background:#fff}.PromptTabBody_index_2 .section .comp .custom_accordion .custom_accordion_summary{background:#fff;margin-top:0;width:100%;padding:0}.PromptTabBody_index_2 .section .comp .custom_accordion .custom_accordion_summary .MuiAccordionSummary-content{margin:0}.PromptTabBody_index_2 .section .comp .custom_accordion:before{display:none}.PromptTabBody_index_2 .section .condition_item:last-child{margin-bottom:0}.PromptTabBody_index_2 .section .DefaultAction{padding:12px;border-radius:8px;display:flex;flex-direction:column;gap:8px}.PromptTabBody_index_2 .section .DefaultAction .cond_header{display:flex;justify-content:space-between;align-items:center;button {color: #DF6262; display: flex; align-items: center; justify-content: flex-start; background: none; outline: none; gap: 4px; font-size: 12px;} h2{font-size: 14px; font-weight: 500; line-height: 20px;}}.PromptTabBody_index_2 .section .DefaultAction .prompt_part{display:flex;height:80px;padding:12px;width:calc(100% - 24px);align-items:flex-start;gap:10px;align-self:stretch;border-radius:4px;border:1px solid #E5E4E4}.PromptTabBody_index_2 .section .DefaultAction .cond_prompt_header{color:#656464}.PromptTabBody_index_2 .section .default_action_checkbox{display:flex;padding:12px;justify-content:space-between;align-items:center;align-self:stretch}.PromptTabBody_index_2 .section .default_action_checkbox .left{display:flex;align-items:center;gap:4px}.PromptTabBody_index_2 .section .default_action_checkbox .left .priority{display:flex;padding:4px 12px 4px 8px;align-items:center;gap:4px;border-radius:40px;background:var(--Primary-Color-Primary500, #6562DF);color:var(--Background-White, #FFF);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:-.1px}.PromptTabBody_index_2 .section .default_action_checkbox .left .variable_name{flex:1}.PromptTabBody_index_2 .section .default_action_checkbox .left .variable_name_on{border-bottom:1px solid var(--Neutral-Color-Neutral800, #5C5ACC)}.PromptTabBody_index_2 .section .default_action_checkbox .left .variable_name_off{border-bottom:1px solid var(--Neutral-Color-Neutral800, #656565)}.PromptTabBody_index_2 .section .default_action_checkbox .left .variable_input_name{width:100%;display:flex;align-items:center;gap:4px;align-self:stretch;border-bottom:1px solid var(--Neutral-Color-Neutral800, #656565);caret-color:#5c5acc}.PromptTabBody_index_2 .section .default_action_checkbox .MuiSwitch-root{transform:scale(.7)}.PromptTabBody_index_2 .section .default_action_checkbox .right{display:flex;justify-content:center;align-items:center;gap:0px}.PromptTabBody_index_2 .section .default_action_checkbox .right .edit_varible{display:flex;justify-content:center;align-items:center;gap:4px;background:#fff;border-radius:4px;border:1px solid rgb(92,90,204);padding:4px 8px;font-size:14px;font-weight:500;line-height:20px;color:#5c5acc}.PromptTabBody_index_2 .section .wrapper{margin:0 12px;display:flex;padding:8px 12px;justify-content:space-between;align-items:center;align-self:stretch;border-radius:4px;border:1px solid var(--Neutral-Color-Neutral200, #F2F2F2);background:var(--Background-White, #FFF);p{color: var(--Neutral-Color-Neutral800, #656565); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px; letter-spacing: -.14px;}}.gb_popup_suggestion{display:flex;width:208px;padding:8px 8px 4px;flex-direction:column;align-items:flex-start;gap:8px;z-index:1000;position:absolute;border-radius:4px;border:1px solid #E5E4E4;box-shadow:0 0 10px #0000001a;background:#ffffff}.gb_popup_suggestion .head{position:relative;display:flex;min-height:24px;align-items:center;align-self:stretch;overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none}.gb_popup_suggestion .head .item{display:flex;padding:4px 8px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-width:fit-content;p {color: #B3B3B3;}}.gb_popup_suggestion .head .item-active{background:#6562DF;p {color: #FFFFFF;}}.gb_popup_suggestion .search{display:flex;padding:4px 8px;align-items:center;gap:8px;align-self:stretch;border-radius:4px;border:.5px solid #B3B3B3;input {display: flex; align-items: center; gap: 8px; flex: 1 0 0; border: none; padding: 0;}}.gb_popup_suggestion .head::-webkit-scrollbar{display:none}.gb_popup_suggestion .result{overflow-y:scroll;max-height:200px;width:100%}.gb_popup_suggestion .item{display:flex;padding:4px 8px;justify-content:space-between;align-items:center;align-self:stretch}.gb_popup_suggestion .item:hover{background:#6562DF;p {color: #FFFFFF;}}.gb_popup_suggestion .highlight{font-weight:700}.btn_add_llm{display:flex;justify-content:flex-start;align-items:center;gap:8px;background:none;border:none;outline:none;background:#5C5ACC;font-weight:600;font-size:12px;line-height:20px;color:#fafafa;border-radius:4px;padding:8px 8px 8px 12px}.prompt_part{width:100%}.prompt_part .quill>.ql-container>.ql-editor.ql-blank:before{font-size:12px;line-height:18px;font-weight:400;color:#b3b3b3;font-style:normal}.prompt_part .quill{width:100%}.prompt_part .quill .ql-toolbar{display:none}.prompt_part .quill .ql-container{display:flex;width:100%;padding:12px;align-items:flex-start;gap:10px;align-self:stretch;border-radius:4px}.prompt_part .quill .ql-container .ql-editor{width:100%;padding:0}.prompt_part_empty .quill .ql-container{height:120px;border:1px solid #E5E4E4!important}.prompt_part_focus .quill .ql-editor{caret-color:#6562df}.prompt_part_focus .quill .ql-container{height:120px;border:1px solid #6562DF!important;box-shadow:#5c5acc26}.prompt_part_filled .quill .ql-container{height:120px;border:1px solid rgba(51,51,51,1)!important}.tab_prompt_part_empty .quill .ql-container{height:320px;border:1px solid #E5E4E4!important}.tab_prompt_part_focus .quill .ql-editor{caret-color:#6562df}.tab_prompt_part_focus .quill .ql-container{height:320px;border:1px solid #6562DF!important;box-shadow:#5c5acc26}.tab_prompt_part_filled .quill .ql-container{height:320px;border:1px solid rgba(51,51,51,1)!important}.rule_prompt_part_empty .quill .ql-container{height:80px;border:1px solid #E5E4E4!important;background:rgba(250,250,250,1)}.rule_prompt_part_focus .quill .ql-editor{caret-color:#6562df}.rule_prompt_part_focus .quill .ql-container{height:80px;border:1px solid #6562DF!important;box-shadow:#5c5acc26}.rule_prompt_part_filled .quill .ql-container{height:80px;border:1px solid rgba(51,51,51,1)!important}.tab_prompt_bg_disabled .quill .ql-container{border:1px solid #B3B3B3!important;background:rgba(250,250,250,1)}.tab_prompt_bg_disabled .quill .ql-container .ql-editor{p {font-size: 12px; line-height: 18px; font-weight: 400; color: #B3B3B3; font-style: normal;}}.prompt_error .quill .ql-container{border:1px solid #DF6262!important}.quill_h_64 .quill .ql-container{min-height:48px;max-height:120px;height:fit-content;overflow-y:auto}.quill_h_100 .quill .ql-container{min-height:100px;max-height:120px;height:fit-content;overflow-y:auto}.ConditionRoboFollowUp{z-index:1;position:fixed;width:100%;height:calc(100% - 72px);top:72px;left:320px}.ConditionRoboFollowUp .ConditionRoboFollowUpWrapper{width:100%;height:100%;position:relative}.CreateRoboPage .warn_error{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:4px 8px;color:#df6262;font-weight:400;font-size:12px;line-height:18px}.RobotLLmConfig{width:calc(100% - 24px);padding:12px}.RobotLLmConfig .Header{display:flex;align-items:center;gap:4px}.RobotLLmConfig .Header p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:16px;font-style:normal;font-weight:700;line-height:24px}.RobotLLmConfig .Body{display:flex;align-items:center;gap:12px;align-self:stretch;width:calc(100% - 12px);padding-left:12px;overflow:hidden;flex-direction:row;input {display: flex; width: 56px; height: 24px; padding: 12px; align-items: center; gap: 10px; border-radius: 4px; border: 1px solid #656464;}}.RobotLLmConfig .Body .MuiSlider-root{margin-top:20px}.RobotLLmConfig .Body .MuiInputBase-root{width:100%}.RobotLLmConfigWa{display:flex;padding:12px;flex-direction:column;align-items:flex-start;gap:16px;align-self:stretch;border-radius:8px;border:1px solid#6562DF;background:#FFF}.RobotLLmConfigWa .mainSection{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.RobotLLmConfigWa .mainSection .leftSection{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;flex:1 0 0}#create_variable{margin:0 12px 12px;display:flex;padding:8px;justify-content:center;align-items:center;gap:4px;align-self:stretch;border-radius:4px;background:var(--Primary-Color-Primary600, #5C5ACC);color:var(--Neutral-Color-Neutral100, #FAFAFA);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}#create_variable:hover{background:var(--Primary-Color-Primary900, #23224D)}.custom-node,.create-new-custom-node{position:relative;padding:8px;background:white;text-align:center;min-width:300px;width:300px;max-width:300px;border-radius:12px;border:1px solid #656565;display:flex;align-items:center;gap:8px}:is(.custom-node,.create-new-custom-node) .icon{display:flex;padding:4px;align-items:center;gap:10px;border-radius:4px}:is(.custom-node,.create-new-custom-node) .main{display:flex;flex-direction:column;align-items:flex-start;gap:0;width:180px}:is(.custom-node,.create-new-custom-node) .node-actions{display:flex;gap:4px;svg {margin: 4px;}}.create-new-custom-node{border:none;padding:0;background:transparent;display:flex;align-items:center;justify-content:center;min-width:318px;width:318px;max-width:318px}.create-new-custom-node .create-new-node{border:1px solid #5C5ACC;box-shadow:5px 5px 5px #6562df26;border-radius:4px;padding:8px;display:flex;gap:8px;align-items:center;p {color: #5C5ACC;}}.FollowDelegateWorkflow{width:100%;height:min-content;max-height:max-content;display:flex;flex-direction:column;justify-content:center;align-items:center;hr {height: 1px; background: #B3B3B3; width: 100%; border: none; margin: 12px 0; padding: 0;} .Table_Reallocates,.Table_ReallocateTeam {width: 100%; padding: 0; margin: 0; border-radius: 8px;}}.FollowDelegateWorkflow .SearchPart{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:12px;align-self:stretch;border-bottom:none;background:#FFF;width:100%;padding:0;overflow-y:scroll;overflow-x:hidden}.FollowDelegateWorkflow .Warn_NotFilled{display:flex;justify-content:flex-start;align-items:center;gap:8px;border-radius:8px;background:var(--info-color-danger, #DF6262);box-shadow:0 0 10px #0000001a;width:calc(100% - 48px);margin:0 16px 150px;padding:8px;position:absolute;left:0;z-index:400}.FollowDelegateWorkflow .Warn_NotFilled .Info p{color:#fff;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.SettingTimeReallocateAccordion{padding:8px;gap:8px;border-radius:8px!important;background:#FAFAFA!important;margin:0!important;box-shadow:none!important;width:calc(100% - 16px)}.SettingTimeReallocateAccordion:before{display:none}.SettingTimeReallocateAccordionHeader{display:flex;align-self:stretch;justify-content:space-between;padding:0!important;min-height:0!important}.SettingTimeReallocateAccordionHeader .MuiAccordionSummary-content{display:flex;align-items:center;justify-content:space-between;margin:0!important}.SettingTimeReallocateAccordionHeader .Header{display:flex;align-items:center;gap:4px}.SettingTimeReallocateAccordionHeader .Header p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:16px;font-style:normal;font-weight:700;line-height:24px}.SettingTimeReallocateAccordionBody{padding:0!important}.SettingTimeReallocateAccordionBody .Body{display:flex;flex-direction:column;gap:4px}.SettingTimeReallocateAccordionBody .Body .bottom{display:flex;align-items:flex-start;gap:4px;align-self:stretch}.SettingTimeReallocateAccordionBody .Body .bottom .input_time{display:flex;height:28px;padding:4px 8px;align-items:center;gap:4px;flex:1 0 0;width:100%;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.SettingTimeReallocateAccordionBody .Body .bottom .MuiInputBase-root{display:flex;height:36px;padding:4px 8px;align-items:center;gap:4px;width:120px}.SettingTimeReallocateAccordionBody .Body .bottom .MuiInputBase-root .MuiInputBase-input{padding:0;text-transform:capitalize;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.SimulatorWorkflow{background:rgba(216,234,235,.5);position:fixed;top:0;left:0;width:100dvw;height:100dvh;display:flex;justify-content:center;align-items:center}.SimulatorWorkflow .mainSection{display:flex;flex-direction:row;align-items:flex-start;align-self:stretch;border-radius:10px;background:#FFF;padding:12px 20px;height:calc(100dvh - 122px);width:calc(100dvw - 152px);margin-top:49px;gap:20px}.SimulatorWorkflow .mainSection .leftSection{padding:8px;min-width:464px;max-width:calc(100% - 16px);height:calc(100% - 16px);flex:1;display:flex;flex-direction:column;gap:12px}.SimulatorWorkflow .mainSection .leftSection .headerSection{display:flex;justify-content:space-between;align-items:center}.SimulatorWorkflow .mainSection .leftSection .mainSectionSimulator{display:flex;padding:8px;flex-direction:column;align-items:flex-start;gap:8px;background:var(--background-white, #fff);min-width:464px;max-width:calc(100% - 16px);height:calc(100% - 52px);flex-shrink:0;border-radius:8px;border:1px solid #B3B3B3;background:#FFF}.SimulatorWorkflow .mainSection .leftSection .mainSectionSimulator .Header{display:flex;padding:4px;justify-content:space-between;align-items:center;align-self:stretch;button {p {color: #5C5ACC;}}}.SimulatorWorkflow .mainSection .leftSection .mainSectionSimulator .SetTime{display:flex;padding:4px;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch;border-radius:4px;border:1px solid var(--Neutral-Color-Neutral300, #e5e4e4);background:var(--Neutral-Color-Neutral100, #fafafa);p {width: 100%; color: var(--Neutral-Color-Neutral800, #656565); text-align: center; font-family: Inter; font-size: 12px; font-style: normal; font-weight: 400; line-height: 18px;} .DateInput {display: flex; align-items: flex-start; gap: 4px; align-self: stretch; Button {display: flex; height: 36px; padding: 8px 12px; align-items: center; gap: 10px; flex: 1 0 0; border-radius: 4px; border: 1px solid #333; background: #fff; box-shadow: 0px 0px 5px 0px rgba(92,90,204,.15); p {text-align: start; flex: 1 0 0; color: var(--Neutral-Color-Neutral4, #333); font-family: Inter; font-size: 12px; font-style: normal; font-weight: 400; line-height: 18px;} .wrapper {display: flex; justify-content: center; align-items: center; padding: 4px;}} #btn_select_time_simulator .ant-picker {border: none !important;}}}.SimulatorWorkflow .mainSection .leftSection .mainSectionSimulator .Preview{display:flex;padding:12px 16px 16px 12px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:8px;flex:1 0 0;align-self:stretch;background:#efe6dd;overflow-y:scroll}.SimulatorWorkflow .mainSection .leftSection .mainSectionSimulator .Preview .ScriptRecord{width:100%;text-align:center}.SimulatorWorkflow .mainSection .leftSection .mainSectionSimulator .Preview .ScriptRecord .script{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px}.SimulatorWorkflow .mainSection .leftSection .mainSectionSimulator .Preview .ScriptRecord .script .minus{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px}.SimulatorWorkflow .mainSection .leftSection .mainSectionSimulator .Preview .ScriptRecord .script .bold{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px}.SimulatorWorkflow .mainSection .leftSection .mainSectionSimulator .Preview .Default{font-size:10px;font-weight:300;line-height:18px;color:#656565;text-align:center;width:100%}.SimulatorWorkflow .mainSection .leftSection .mainSectionSimulator .Preview .MRight{display:flex;padding-left:0;justify-content:flex-end;align-items:center;gap:4px;align-self:stretch}.SimulatorWorkflow .mainSection .leftSection .mainSectionSimulator .Preview .MRight .Message{position:relative;display:flex;padding:4px 8px;flex-direction:column;align-items:flex-start;width:fit-content;border-radius:0 4px 4px;background:#e3e3fc;box-shadow:2px 2px 5px #0000000d}.SimulatorWorkflow .mainSection .leftSection .mainSectionSimulator .Preview .MRight .Message .body{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:16px}.SimulatorWorkflow .mainSection .leftSection .mainSectionSimulator .Preview .MRight .Message .time{display:flex;align-items:center;gap:4px;align-self:stretch;p {flex: 1 0 0; color: var(--neutral-color-neutral-3, #656464); text-align: right; font-family: Inter; font-size: 10px; font-style: normal; font-weight: 300; line-height: 18px;}}.SimulatorWorkflow .mainSection .leftSection .mainSectionSimulator .Preview .MRight .Message .triangle{position:absolute;width:17px;height:17px;right:-13px;top:0}.SimulatorWorkflow .mainSection .leftSection .mainSectionSimulator .Preview .MLeft{display:flex;padding:0 16px 0 4px;align-items:center;gap:8px;align-self:stretch}.SimulatorWorkflow .mainSection .leftSection .mainSectionSimulator .Preview .MLeft .Message{position:relative;display:flex;padding:4px 8px;flex-direction:column;align-items:flex-start;flex:1 0 0;border-radius:0 4px 4px;background:var(--background-white, #fff);box-shadow:2px 2px 5px #0000000d;margin-left:24px;margin-top:8px}.SimulatorWorkflow .mainSection .leftSection .mainSectionSimulator .Preview .MLeft .Message .body{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:16px}.SimulatorWorkflow .mainSection .leftSection .mainSectionSimulator .Preview .MLeft .Message .time{flex:1 0 0;color:var(--neutral-color-neutral-3, #656464);text-align:right;font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px;align-self:stretch}.SimulatorWorkflow .mainSection .leftSection .mainSectionSimulator .Preview .MLeft .Message .triangle{position:absolute;width:17px;height:17px;left:-16px;top:0}.SimulatorWorkflow .mainSection .leftSection .mainSectionSimulator .Preview .MLeft .Message .text{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333;word-wrap:break-word}.SimulatorWorkflow .mainSection .leftSection .mainSectionSimulator .Preview .MLeft .Message .url{display:flex;flex-direction:row;align-items:center;padding:4px;gap:8px;background:#dadaf2;border:1px solid #6562df;border-radius:8px;cursor:pointer}.SimulatorWorkflow .mainSection .leftSection .mainSectionSimulator .Preview .MLeft .Message .url .urlContent{display:flex;flex-direction:row;align-items:center;padding:0;gap:8px;img {width: 60px; height: 60px; border-radius: 4px;} .info {display: flex; flex-direction: column; align-items: flex-start; padding: 0px; .title {font-weight: 400; font-size: 12px; line-height: 22px; letter-spacing: .01em; color: #333333; white-space: nowrap; width: 200px; overflow: hidden; text-overflow: ellipsis;} .desc-wrapper {width: 100%; .desc {font-weight: 300; font-size: 10px; line-height: 18px; color: #656565; white-space: nowrap; width: 200px; overflow: hidden; text-overflow: ellipsis;}} .domain {font-weight: 300; font-size: 10px; line-height: 16px; display: flex; align-items: center; letter-spacing: .01em; color: #b3b3b3;}}}.SimulatorWorkflow .mainSection .leftSection .mainSectionSimulator .Preview :is(.MLeft .Message .image,.MRight .Message .image){position:relative;img,video {width: 100%; height: 100%; max-height: 300px; border-radius: 4px; object-fit: contain;} .mediaPlayer {position: absolute; top: 50%; left: 50%; cursor: pointer;}}.SimulatorWorkflow .mainSection .leftSection .mainSectionSimulator .Preview :is(.MLeft .Message .document,.MRight .Message .document){display:flex;align-items:center;padding:4px;gap:4px;border-radius:4px;cursor:pointer;img {width: 32px; height: 32px; border-radius: 4px;} h2 {font-weight: 300; font-size: 10px; line-height: 18px; color: #333333;} p {font-weight: 600; font-size: 10px; line-height: 18px; letter-spacing: -.01em; color: #656565;}}.SimulatorWorkflow .mainSection .leftSection .mainSectionSimulator .Preview .InfoRecord{display:flex;padding:4px 8px;justify-content:center;align-items:center;gap:8px;align-self:stretch;border-radius:4px;background:rgba(255,255,255,.5);margin-left:12px;p {flex: 1 0 0; color: var(--Neutral-Color-Neutral3, #656464); text-align: center; font-family: Inter; font-size: 10px; font-style: normal; font-weight: 300; line-height: 16px;}}.SimulatorWorkflow .mainSection .leftSection .mainSectionSimulator .wrapper_nores{display:flex;justify-content:center;align-items:center;gap:8px;width:100%}.SimulatorWorkflow .mainSection .leftSection .mainSectionSimulator .wrapper_nores .NoRes{display:flex;height:36px;padding:8px;width:calc(100% + -0px);justify-content:center;align-items:center;gap:4px;align-self:stretch;border-radius:4px;border:1px solid #5C5ACC;p {color: #5C5ACC;}}.SimulatorWorkflow .mainSection .leftSection .mainSectionSimulator .Write{display:flex;padding:4px;height:48px;width:calc(100% - 8px);justify-content:center;align-items:center;gap:4px;align-self:stretch;background:#F2F2F2;input {display: flex; padding: 12px; align-items: center; gap: 4px; flex: 1 0 0; border-radius: 4px; border: 1px solid #F2F2F2; background: #FFF; width: calc(100% - 24px); height: calc(100% - 24px);}}.SimulatorWorkflow .mainSection .rightSection{padding:8px;min-width:642px;max-width:calc(100% - 16px);height:calc(100% - 16px);flex:1;display:flex;flex-direction:column;gap:12px}.SimulatorWorkflow .mainSection .rightSection .headerSection{display:flex;justify-content:space-between;align-items:center}.SimulatorWorkflow .mainSection .rightSection .bodySection{display:flex;height:calc(100% - 16px);width:calc(100% - 16px);padding:8px;flex-direction:column;align-items:flex-start;flex:1 0 0;border-radius:4px;border:1px solid #E5E4E4;background:#FAFAFA}.SimulatorWorkflow .mainSection .rightSection .bodySection :is(.headSection,.mainSection){display:flex;height:24px;justify-content:center;align-items:center;gap:4px;flex-shrink:0;width:calc(100% + -0px)}.SimulatorWorkflow .mainSection .rightSection .bodySection :is(.headSection,.mainSection) :is(.leftSection,.rightSection){min-width:195px;max-width:calc(30% - 20px);gap:10px;flex:1 0 0;border-radius:4px;border:1px solid #D8EAEB;background:#FFF;padding:0 10px;height:fit-content;p {font-size: 10px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: -.1px;}}.SimulatorWorkflow .mainSection .rightSection .bodySection :is(.headSection,.mainSection) .rightSection{min-width:381px;max-width:calc(100% - 20px)}.SimulatorWorkflow .mainSection .rightSection .bodySection .mainSection{width:100%;padding:0;margin-top:2px;background:transparent;height:calc(100% - 26px)}.SimulatorWorkflow .mainSection .rightSection .bodySection .mainSection :is(.leftSection,.rightSection){height:100%}.WorkflowPage{height:100vh;max-height:100vh;position:fixed;width:100dvw;max-width:100dvw}.WorkflowPage .left{max-width:320px;width:320px;padding:24px 16px}.WorkflowPage .right{flex:1;padding:24px 16px 24px 40px;background:#f7f5f5;max-width:calc(100dvw - 320px);height:calc(100dvh - 72px)!important;min-height:100%;overflow-y:scroll}.PageFourZeroFour{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100dvw;height:100vh;background:#F7F5F5}.not_found_section{max-width:800px;display:flex;justify-content:center;align-items:center;gap:24px;background:#FFFFFF;padding:24px 40px;border-radius:8px;margin-top:-72px}.not_found_section .info{max-width:360px;display:flex;flex-direction:column;gap:16px}.not_found_section .title{font-weight:600;font-size:32px;line-height:40px;color:#333}.not_found_section .subtitle{font-weight:400;font-size:16px;line-height:24px;color:#2e2d66}.CheckoutPage{width:100dvw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#F7F5F5;overflow-y:scroll}.CheckoutPage_main{display:flex;justify-content:center;gap:16px;margin-top:72px}.CheckoutPage_main .left{width:484px;padding:24px 40px 40px;border-radius:12px;gap:24px;display:flex;flex-direction:column;background:#FFFFFF;h6 {color: #6562DF;} .personal {display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; button {display: flex; align-items: center; gap: 8px; border-radius: 4px; font-size: 12px; width: 80px;} .edit-true {background: #5C5ACC !important; color: #fff;} .edit-false {color: #6562DF; background: none !important; outline: none; border: 1px solid #5C5ACC;}} .form {display: flex; flex-direction: column; justify-content: center; gap: 8px;} .input-form {display: flex; flex-direction: column; width: 100%; .label {font-family: "Inter"; font-size: 14px; font-weight: 500; line-height: 20px; text-align: left; color: #656565; span {color: #DF6262;}} .input {padding: 12px; display: flex; justify-content: center; align-items: center; width: calc(100% - 26px); height: calc(100% - 2px); border: 1px solid #656464; border-radius: 4px; input {font-size: 14px; line-height: 20px; font-weight: 500; font-family: "Inter"; width: 100%;}} .border-brown {border: 1px solid #B3B3B3 !important; background: #FAFAFA; input {background: #FAFAFA; color: #656565;}} .input-promo {display: flex; align-items: center; gap: 4px; .btn-promo {min-width: 101px; max-width: 101px; height: 46px; padding: 0; display: flex; justify-content: center; align-items: center; gap: 8px; border-radius: 4px; background: none; font-family: "Inter"; font-size: 14px; font-weight: 700; line-height: 22px; text-align: left; color: #5C5ACC; border: 2px solid #5C5ACC}}} .input-multi {display: flex; justify-content: space-between; align-items: center; gap: 8px; .input-form {max-width: 236px;}} .promo {.head {display: flex; justify-content: space-between; align-items: center; .cancel-promo {background: none;}}} .promo-info {background-image: url(public/assets/images/discount-card-payment.jpeg); background-size: cover; width: calc(100% - 24px); height: 58px; border-radius: 8px; display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 0 12px; .main {flex: 1;}}}.CheckoutPage_main .right{width:420px;height:max-content;max-height:344px;padding:24px 40px 40px;gap:24px;border-radius:12px;background:#FFFFFF;display:flex;flex-direction:column;hr {background: #E5E4E4; width: 100%;} .payment {display: flex; justify-content: space-between; align-items: center;} .button-payment {display: flex; justify-content: center; align-items: center; height: 48px; width: 100%; background: #23224D;}}.CheckoutPage_main .right .price .flex{display:flex;justify-content:space-between;align-items:center}.CheckoutPage_main .inputWaNumber{display:flex;align-items:center;gap:4px;width:100%}.CheckoutPage_main .inputWaNumber input{margin-top:0;width:100%}.CheckoutPage_main .inputWaNumber .country{display:flex;align-items:center;justify-content:center}.CheckoutPage_main .inputWaNumber .country .btnChange{display:flex;flex-direction:row;align-items:center;padding:12px;gap:4px;border-radius:4px;height:48px}.CheckoutPage_main .inputWaNumber .country .btnChange:hover{background:#fafafa}.CheckoutPage_main .inputWaNumber .country .btnChange .flag{width:24px;height:24px;border-radius:50%;overflow:hidden}.CheckoutPage_main .inputWaNumber .country .btnChange p{font-weight:600;font-size:16px;line-height:24px;color:#333}.infoErrorCheckoutPage{display:flex;padding:4px 8px;align-items:center;gap:8px;margin-top:4px;p {font-size: 12px; font-weight: 400; line-height: 22px; letter-spacing: .12px; color: #DF6262;}}.inputErrorCheckoutPage{border-color:#df6262!important}.CheckoutHistory{width:100dvw;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#F7F5F5}.CheckoutHistory .CheckoutHistoryHeader{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:calc(100dvw - 24px);background:#FFFFFF;padding:16px 12px;gap:12px;h4 {color: #333333; font-weight: 700; font-size: 24px; line-height: 32px;}}.CheckoutHistory .WrapperComp{width:100dvw;display:flex;min-height:100vh}.CheckoutFailPage{width:100dvw;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#F7F5F5}.CheckoutFailPage_main{display:flex;justify-content:center;gap:16px}.CheckoutFailPage_main .left{width:484px;padding:24px 40px 40px;border-radius:12px;gap:24px;display:flex;flex-direction:column;background:#FFFFFF;h6 {color: #6562DF;} .form {display: flex; flex-direction: column; justify-content: center; gap: 8px;} .input-form {display: flex; flex-direction: column; width: 100%; .label {font-family: "Inter"; font-size: 14px; font-weight: 500; line-height: 20px; text-align: left; color: #656565; span {color: #DF6262;}} .input {padding: 12px; display: flex; justify-content: center; align-items: center; width: calc(100% - 26px); height: calc(100% - 2px); border: 1px solid #656464; border-radius: 4px; input {font-size: 14px; line-height: 20px; font-weight: 500; font-family: "Inter"; width: 100%;}} .input-promo {display: flex; align-items: center; gap: 4px; .btn-promo {min-width: 101px; max-width: 101px; height: 46px; padding: 0; display: flex; justify-content: center; align-items: center; gap: 8px; border-radius: 4px; background: none; font-family: "Inter"; font-size: 14px; font-weight: 700; line-height: 22px; text-align: left; color: #5C5ACC; border: 2px solid #5C5ACC}}} .input-multi {display: flex; justify-content: space-between; align-items: center; gap: 8px; .input-form {max-width: 236px;}} .promo {.head {display: flex; justify-content: space-between; align-items: center; .cancel-promo {background: none;}}} .promo-info {background-image: url(public/assets/images/discount-card-payment.jpeg); background-size: cover; width: calc(100% - 24px); height: 58px; border-radius: 8px; display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 0 12px; .main {flex: 1;}}}.CheckoutFailPage_main .right{width:420px;height:max-content;max-height:344px;padding:24px 40px 40px;gap:24px;border-radius:12px;background:#FFFFFF;display:flex;flex-direction:column;hr {background: #E5E4E4; width: 100%;} .payment {display: flex; justify-content: space-between; align-items: center;} .button-payment {display: flex; justify-content: center; align-items: center; height: 48px; width: 100%; background: #23224D;}}.CheckoutFailPage_main .right .price .flex{display:flex;justify-content:space-between;align-items:center}.PaymentStatus{display:flex;gap:24px;padding:40px 24px 40px 40px;background:#FFFFFF;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;section{display: flex; flex-direction: column; gap: 8px; justify-content: center; .info {font-weight: 700; font-size: 24px; line-height: 32px; text-align: center;} .text {font-weight: 500; font-size: 14px; line-height: 20px; text-align: center; width: 512px;} .failBtn {background: none; outline: none; border: none; color: #656565; font-weight: 600; font-size: 12px; line-height: 20px; text-decoration: underline;}}}.CheckoutSuccessPage{width:100dvw;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#F7F5F5}.CheckoutSuccessPage_main{display:flex;justify-content:center;gap:16px}.CheckoutSuccessPage_main .left{width:484px;padding:24px 40px 40px;border-radius:12px;gap:24px;display:flex;flex-direction:column;background:#FFFFFF;h6 {color: #6562DF;} .form {display: flex; flex-direction: column; justify-content: center; gap: 8px;} .input-form {display: flex; flex-direction: column; width: 100%; .label {font-family: "Inter"; font-size: 14px; font-weight: 500; line-height: 20px; text-align: left; color: #656565; span {color: #DF6262;}} .input {padding: 12px; display: flex; justify-content: center; align-items: center; width: calc(100% - 26px); height: calc(100% - 2px); border: 1px solid #656464; border-radius: 4px; input {font-size: 14px; line-height: 20px; font-weight: 500; font-family: "Inter"; width: 100%;}} .input-promo {display: flex; align-items: center; gap: 4px; .btn-promo {min-width: 101px; max-width: 101px; height: 46px; padding: 0; display: flex; justify-content: center; align-items: center; gap: 8px; border-radius: 4px; background: none; font-family: "Inter"; font-size: 14px; font-weight: 700; line-height: 22px; text-align: left; color: #5C5ACC; border: 2px solid #5C5ACC}}} .input-multi {display: flex; justify-content: space-between; align-items: center; gap: 8px; .input-form {max-width: 236px;}} .promo {.head {display: flex; justify-content: space-between; align-items: center; .cancel-promo {background: none;}}} .promo-info {background-image: url(public/assets/images/discount-card-payment.jpeg); background-size: cover; width: calc(100% - 24px); height: 58px; border-radius: 8px; display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 0 12px; .main {flex: 1;}}}.CheckoutSuccessPage_main .right{width:420px;height:max-content;max-height:344px;padding:24px 40px 40px;gap:24px;border-radius:12px;background:#FFFFFF;display:flex;flex-direction:column;hr {background: #E5E4E4; width: 100%;} .payment {display: flex; justify-content: space-between; align-items: center;} .button-payment {display: flex; justify-content: center; align-items: center; height: 48px; width: 100%; background: #23224D;}}.CheckoutSuccessPage_main .right .price .flex{display:flex;justify-content:space-between;align-items:center}.ModulPage{height:100vh;max-height:100vh;position:fixed;width:100dvw;max-width:100dvw}.ModulPage .left{max-width:320px;width:320px;padding:24px 16px}.ModulPage .right{flex:1;padding:24px 16px 24px 40px;background:#f7f5f5;max-width:calc(100dvw - 320px);height:calc(100dvh - 72px)!important;min-height:100%;overflow-y:scroll}.ModulPage .right .top{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.ModulPage .right .top .input{display:flex;width:360px;padding:12px;align-items:center;gap:4px;border-radius:4px;border:1px solid #F2F2F2;background:#FFFFFF;input {font-size: 14px; font-style: normal; font-weight: 500; line-height: 24px; letter-spacing: .14px; width: 100%;}}.ModulPage .right .top .btnAddModule{display:flex;padding:12px 16px 12px 12px;justify-content:center;align-items:center;gap:8px;border-radius:4px;background:#5C5ACC;p {color: #FAFAFA;}}.ModulPage .right .main{margin-top:20px;display:flex;padding:8px;flex-direction:column;align-items:flex-start;gap:8px;flex:1 0 0;align-self:stretch;border-radius:8px;background:#FFF;min-height:calc(100dvh - 320px);max-height:calc(100dvh - 320px)}.ModulPage .right .main .addFolder{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:4px;border-radius:4px;background:#5C5ACC;p {color: #FAFAFA;}}.ModulPage .right .main .bulkAction{display:flex;padding:4px 8px;justify-content:space-between;align-items:center;align-self:stretch}.ModulPage .right .main .bulkAction .left{display:flex;align-items:center;gap:8px}.ModulPage .right .main .bulkAction .breadcrumbsFolder{display:flex;align-items:center;gap:4px;p:nth-child(1) {color: #656464; cursor: pointer;} p:nth-child(2) {color: #6562DF; cursor: pointer;}}.ModulPage .right .main .bulkAction .rightAction{display:flex;align-items:center;gap:8px}.ModulPage .right .main .bulkAction .rightAction .move{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:4px;border-radius:4px;background:none;p {color: #5C5ACC;}}.ModulPage .right .main .bulkAction .rightAction .move:hover{border-radius:4px;background:var(--Primary-Color-Primary100, #DADAF2)}.ModulPage .right .main .bulkAction .rightAction .delete{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:4px;background:none;p {color: #DF6262;}}.ModulPage .right .main .bulkAction .rightAction .edit{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:4px;background:none;p {color: #23224D;}}.ModulPage .right .main .bulkAction .rightAction .edit:hover{border-radius:4px;background:var(--Primary-Color-Primary100, #DADAF2)}.ModulPage .right .main .data{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;border-radius:4px;overflow-y:scroll}.ModulPage .right .main .data :is(.header,.itemData){display:flex;height:32px;width:calc(100% - 24px);padding:8px 8px 8px 16px;justify-content:space-between;align-items:center;flex:1 0 0;background:#DADAF2;border-radius:4px 4px 0 0;border-bottom:.5px solid #656565;p,input {font-size: 12px; font-style: normal; font-weight: 700; line-height: 18px; color: #333333;} input {width: 100%;} div {display: flex; height: 32px; padding: 8px; justify-content: space-between; align-items: center; flex: 1 0 0;} .name {flex: 4;} .time {flex: 2;} .status {flex: 1;} .action {flex: 1;}}.ModulPage .right .main .data .itemData{background:#FFFFFF;border-bottom:.5px solid #B3B3B3;p {font-size: 12px; font-style: normal; font-weight: 400; line-height: 18px;} .detail {display: flex; flex-direction: column; align-items: flex-start; gap: 4px; justify-content: flex-start; padding: 0;} .openFolder {display: flex; height: 32px; padding: 4px 8px; justify-content: center; align-items: center; gap: 4px; border-radius: 4px; border: 1px solid #5C5ACC; background: none;} .name {.MuiCheckbox-root {padding: 0; color: #CCCCCC; svg {fill: #CCCCCC;}} .Mui-checked {color: #5C5ACC; svg {fill: #5C5ACC;}} .rightDataName {display: flex; align-items: center; gap: 4px; justify-content: flex-start; input {background: transparent;}} .path {padding: 0; display: flex; justify-content: flex-start; gap: 4px; align-items: center; p {font-size: 10px; font-style: normal; font-weight: 300; line-height: 16px; color: #808080;}}} .actionModel {justify-content: space-around; svg {cursor: pointer;}}}.ModulPage .right .main .data .itemDataSelected{background:#F2F2F2}.ModulPage .right .Result{gap:4px;margin-bottom:24px;display:flex;max-width:500px;padding:4px 12px;justify-content:space-between;align-items:center}.ModulPage .right .Result p{color:var(--neutral-color-neutral-800, #656565);font-size:14px;font-family:Inter;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.ModulPage .right .Result button{display:flex;height:24px;padding:8px;justify-content:center;align-items:center;gap:8px;outline:none;border:none;background:#F7F5F5}.ModulPage .right .Result button:hover{background:var(--primary-color-primary-100, #DADAF2)}.ModulPage .right .Result button:hover p{color:#23224d}.ModulPage .right .Result button p{color:var(--primary-color-primary-600, #5C5ACC);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.create_folder{display:flex;flex-direction:column;background:#fff;width:360px;border-radius:8px}.create_folder .head{display:flex;justify-content:space-between;align-items:center;padding:12px;p{color: #333333; font-weight: 600; font-size: 16px; line-height: 24px;}}.create_folder .body{padding:8px 12px;input{width: calc(100% - 24px); border: 1px solid #F2F2F2; padding: 12px; border-radius: 4px; font-weight: 500; font-size: 14px; line-height: 20px; flex: 1;} input::placeholder{color: #BDBDBD;}}.create_folder .bottom{display:flex;justify-content:space-between;align-items:center;padding:12px;button{border: none; background: none; outline: none; font-weight: 700; font-size: 14px; line-height: 22px; padding: 12px; display: flex; align-items: center; justify-content: center; gap: 12px;} #cancel_create_folder{color: #DF6262;} #create_create_folder{background: #5C5ACC; border-radius: 4px; color: #FAFAFA;}}.edit_folder{display:flex;flex-direction:column;width:500px}.edit_folder .BodyPopup .wrapper{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;align-self:stretch;label{color: var(--Neutral-Color-Neutral3, #656464); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 500; line-height: 24px; letter-spacing: .14px;} .input_name{display: flex; padding: 12px; align-items: center; gap: 4px; align-self: stretch; border-radius: 4px; border: 1px solid var(--Neutral-Color-Neutral3, #656464); background: #FFF;}}.edit_folder .BodyPopup .wrapper .head{display:flex;align-items:center;gap:4px;button{padding: 0}}.edit_folder .FooterPopup{button{display: flex; padding: 12px; justify-content: center; align-items: center; gap: 12px; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 700; line-height: 22px;} #cancel_edit_folder{color: var(--Info-Color-Danger, #DF6262);} #save_edit_folder{color: var(--Info-Color-Danger, #FAFAFA); border-radius: 4px; background: var(--Primary-Color-Primary600, #5C5ACC);}}.create_module .header_module{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;height:48px}.create_module .header_module .header_back{display:flex;justify-content:start;gap:12px}.create_module .header_module .header_back .header_back_text{display:flex;justify-content:flex-start;align-items:center;gap:4px}.create_module .header_module .header_back .header_back_text .module_text{color:#b3b3b3;font-weight:400;font-size:16px;line-height:24px}.create_module .header_module .header_back .header_back_text .module_title{font-weight:500;font-size:14px;line-height:20px}.create_module .header_module #create_module{display:flex;justify-content:center;align-items:center;gap:12px;color:#fafafa;font-weight:700;font-size:14px;line-height:22px;background:#5C5ACC;border-radius:4px}.create_module .body_module{max-height:calc(100dvh - 144px)!important;min-height:calc(100dvh - 144px)!important;padding:0;height:calc(100dvh - 120px)!important;overflow:hidden;width:100%;background:#f7f5f5;position:fixed;bottom:0;left:0}.create_module .body_module .system_instruction{background:#fff;max-height:calc(100dvh - 144px);min-height:calc(100dvh - 144px);overflow-y:scroll;padding-left:12px;padding-right:12px;padding-top:8px;display:flex;justify-content:flex-start;gap:16px;flex-direction:column;label {color: #656464; font-weight: 500; font-size: 14px; line-height: 24px;} .token_wrapper {padding:0px 8px 4px 8px; color: #656565; font-weight: 500; font-size: 12px; line-height: 12px;} .wrapper_input{display: flex; flex-direction: column; gap: 4px; .head{display: flex; align-items: center; justify-content: flex-start; gap: 4px;} .option_menu{cursor: pointer; padding: 12px; display: flex; justify-content: space-between; align-items: center; border-radius: 4px; caret-color: #6562DF; gap: 12px; width: calc(100% - 24px); p{color: #333333;}}} .slider{.slider_header {display: flex; align-items: center; gap: 4px; .wrp_btn {background: none; border: none; outline: none; padding: 0; display: flex; justify-content: center; align-items: center;} p {color: var(--neutral-color-neutral-4, #333); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px;}} .wrapper_slider {display: flex; align-items: center; gap: 12px; align-self: stretch; .MuiSlider-root {margin-top: 20px;} input {display: flex; width: 56px; height: 24px; padding: 12px; align-items: center; gap: 10px; border-radius: 4px; border: 1px solid #656464;}}} #modul_name{padding: 12px; gap: 4px; border-radius: 4px; border: 1px solid #656464;} #module_system_instruction{border: 1px solid #333333; padding: 12px; border-radius: 4px;} .quill_wrap{.ql-snow.ql-toolbar,.ql-snow .ql-toolbar {padding: 0px; border: none;}} #system_instruction{.Popupemoji {position: absolute; z-index: 9999999; top: 20px; left: 20px;}}}.create_module .body_module .a{display:flex;flex-direction:column;gap:12px;flex:1 0 0;overflow-y:scroll;padding:0 16px;height:40px}.create_module .body_module .chat_module{max-height:calc(100dvh - 144px);min-height:calc(100dvh - 144px);display:flex;flex-direction:column}.create_module .body_module .chat_module .data_point_title{align-self:center;display:flex;justify-content:space-between;align-items:center;padding:4px 8px;border-radius:4px;width:calc(100% - 46px);margin-top:12px;gap:8px;p,span {color: #000000; font-weight: 500; font-size: 14px; line-height: 20px;} span{color: red;} .title {flex: 1; position: relative; background: none; border-bottom: 1px solid #333333; caret-color: #6562DF;} .counter{color: #656565; font-weight: 500; font-size: 14px; line-height: 20px; padding-right: 16px;} .close_data_point {opacity: 0; transition: opacity .2s;} #modul_counter{background: none; border-bottom: 1px solid #333333; max-width: 48px; caret-color: #6562DF;}}.create_module .body_module .chat_module .data_point_title:hover{background:#FFFFFF}.create_module .body_module .chat_module .data_point_title:hover .close_data_point{opacity:1;cursor:pointer}.create_module .body_module .chat_module .chat_module_header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;button {background: none; outline: none; border: none;} #clear_chat_module{display: flex; justify-content: flex-start; align-items: center; gap: 8px; color: #DF6262; font-weight: 600; font-size: 12px; line-height: 20px;} .save_search{display: flex; justify-content: flex-start; align-items: center; gap: 8px; #save_data_point{display: flex; justify-content: start; align-items: center; gap: 8px; padding: 8px; border-radius: 4px; background: #5C5ACC; color: #FAFAFA; font-weight: 600; font-size: 12px; line-height: 20px;} #save_data_point:disabled{background: #656464;} #search_data_point{display: flex; justify-content: center; align-items: center; padding: 8px; border-radius: 4px; background: #FFFFFF;} #open_edit_variable{display: flex; padding: 8px; justify-content: center; align-items: center; gap: 4px; color: var(--Primary-Color-Primary600, #5C5ACC); font-family: Inter; font-size: 12px; font-style: normal; font-weight: 600; line-height: 20px; border-radius: 4px; border: 1px solid var(--Primary-Color-Primary600, #5C5ACC);}}}.create_module .body_module .chat_module .list_message{display:flex;flex-direction:column;align-items:flex-start;gap:12px;flex:1 0 0;align-self:stretch;overflow-y:scroll;padding:8px 16px;position:relative}.create_module .body_module .chat_module .list_message .header_msg{display:flex;justify-content:space-between;align-items:center}.create_module .body_module .chat_module .list_message .header_msg .right{display:flex;justify-content:flex-start;align-items:center;gap:8px}.create_module .body_module .chat_module .list_message .header_msg .right>*{cursor:pointer}.create_module .body_module .chat_module .list_message .header_msg .title_nores{color:#b3b3b3;font-weight:700;font-size:14px;line-height:20px}.create_module .body_module .chat_module .list_message .header_msg .right{opacity:0;transition:opacity .2s}.create_module .body_module .chat_module .list_message :is(.msg_ai:hover .right,.msg_user:hover .right,.msg_shopping:hover .right,.msg_user_data:hover .right,.custom_message:hover .right){opacity:1}.create_module .body_module .chat_module .list_message :is(.msg_ai,.msg_user){position:relative}.create_module .body_module .chat_module .list_message .msg_user{width:280px;display:flex;flex-direction:column;gap:8px;padding:8px;background:#fff;border-radius:0 4px 4px}.create_module .body_module .chat_module .list_message .msg_user .name{color:#656565;font-weight:700;font-size:14px;line-height:20px}.create_module .body_module .chat_module .list_message .msg_user .body_nores{color:#656565;font-weight:400;font-size:12px;line-height:22px}.create_module .body_module .chat_module .list_message .msg_user .section{display:flex;justify-content:space-between;align-items:center;gap:4px;padding:5px;background:#fff;input {text-align: center; font-size: 18px; border: none; outline: none; background: none;} span {font-size: 14px; color: #333;} span,input {font-weight: 400; font-size: 12px; line-height: 18px;} .wrapper_autocomplete{flex: 1; .MuiAutocomplete-root{margin-top: -4px;} .MuiInputBase-input{padding: 7px 4px 7px 6px;} .MuiInputBase-root {padding: 0; border: none; outline: none; background: none;} .MuiIconButton-root{margin-top: 4px; padding: 0; border: none; width: 16px; height: 16px;} .MuiAutocomplete-listbox{padding: 4px; font-weight: 400; font-size: 12px; line-height: 18px; background: none; color: #333333; .Mui-focused{background: #6562DF; color: #FAFAFA;}}}}.create_module .body_module .chat_module .list_message .msg_user .section .input-container{border:1px solid #333;padding:4px 8px;display:flex;align-items:center;border-radius:4px;flex:1}.create_module .body_module .chat_module .list_message .msg_ai{width:368px;display:flex;flex-direction:column;gap:8px;padding:8px;background:#FAFAFA;border-radius:0 4px 4px;align-self:flex-end;box-shadow:1px 1px 1px px #6562dfcc;img {align-self: center; max-width: 200px; object-fit: cover; max-height: 200px;}}.create_module .body_module .chat_module .list_message .msg_ai .name{color:#219655;font-weight:700;font-size:14px;line-height:20px}.create_module .body_module .chat_module .list_message .text{color:#333;font-weight:400;font-size:12px;line-height:22px}.create_module .body_module .chat_module .list_message .msg_info{align-self:flex-end;border:1px solid #6562DF;padding:8px;border-radius:4px;background:#FFFFFF;display:flex;justify-content:space-between;align-items:center;gap:100px}.create_module .body_module .chat_module .list_message .msg_info .text{color:#23224d;font-weight:500;font-size:14px;line-height:20px}.create_module .body_module .chat_module .list_message .msg_gb{align-self:flex-end;width:368px;display:flex;flex-direction:column;gap:4px;h4{color: #333333; line-height: 18px; font-size: 12px; font-weight: 700;} .info{display: flex; justify-content: space-between; align-items: center; gap: 8px; .left{border: 1px solid #656464; padding: 8px 12px; background: #fff; color: #333333; font-weight: 400; font-size: 12px; line-height: 18px; border-radius: 4px;} .right{width: 184px;}} .MuiAutocomplete-root {flex: 1; .MuiFormControl-root{background: #fff; .MuiInputBase-root{padding: 0px 6px;}}} .MuiPaper-root{outline: 1px solid #B3B3B3; margin-top: 4px;} .MuiAutocomplete-listbox{padding: 4px; font-weight: 400; font-size: 12px; line-height: 18px; background: none; color: #333333; .Mui-focused{background: #6562DF; color: #FAFAFA;}}}.create_module .body_module .chat_module .list_message .msg_shopping{width:368px;align-self:flex-end;display:flex;flex-direction:column;padding:8px;gap:8px;background:#FFFFFF;border-radius:4px}.create_module .body_module .chat_module .list_message .msg_shopping .header_msg .name{font-weight:500;font-size:14px;line-height:20px}.create_module .body_module .chat_module .list_message .msg_shopping .body{display:flex;flex-direction:column;gap:4px}.create_module .body_module .chat_module .list_message .msg_shopping .body ._{display:flex;justify-content:flex-start;align-items:center;gap:4px;p,input{color: #333333; font-weight: 400; font-size: 12px; line-height: 22px;} input {flex: 1; border-radius: 4px; padding: 4px 8px;} input::placeholder {color: #808080; font-weight: 300; font-size: 10px; line-height: 182px;} input:not(:placeholder-shown),input:placeholder-shown {outline: .5px solid #B3B3B3;} input:focus {outline: .5px solid #6562DF;} .title{width: 60px;} .title_itemDetail {width: 110px;} .select_itemData {flex: 1; border: none; outline: .5px solid #B3B3B3; border-radius: 4px; padding: 4px 8px;}}.create_module .body_module .chat_module .list_message .custom_message{width:368px;align-self:flex-end;display:flex;flex-direction:column;padding:8px;gap:8px;background:#FFFFFF;border-radius:4px;position:relative}.create_module .body_module .chat_module .list_message .custom_message .header_msg .name{font-weight:500;font-size:14px;line-height:20px}.create_module .body_module .chat_module .list_message .custom_message .body{display:flex;flex-direction:column;gap:4px;width:100%;height:100%;margin:0}.create_module .body_module .chat_module .list_message .custom_message .body ._{display:flex;justify-content:flex-start;align-items:center;gap:4px;p,.input{color: #333333; font-weight: 400; font-size: 12px; line-height: 22px;} .input {flex: 1; border-radius: 4px; padding: 4px 8px;} .input::placeholder {color: #808080; font-weight: 300; font-size: 10px; line-height: 182px;} .input:not(:placeholder-shown),.input:placeholder-shown {outline: .5px solid #B3B3B3;} .input:focus {outline: .5px solid #6562DF;} .title{width: 60px !important;} .title_itemDetail {width: 110px;} .select_itemData {flex: 1; border: none; outline: .5px solid #B3B3B3; border-radius: 4px; padding: 4px 8px;}}.create_module .body_module .chat_module .list_message .custom_message .body ._ .autocomplete{flex:1}.create_module .body_module .chat_module .list_message .custom_message .body ._ .MuiInputBase-root{padding:0 25px 0 8px;input {padding: 6px 0 4px 0;}}.create_module .body_module .chat_module .list_message .msg_user_data{width:368px;align-self:flex-end;display:flex;flex-direction:column;padding:8px;gap:8px;background:#FFFFFF;border-radius:4px}.create_module .body_module .chat_module .list_message .msg_user_data .header_msg .name{font-weight:500;font-size:14px;line-height:20px}.create_module .body_module .chat_module .list_message .msg_user_data .body{display:flex;flex-direction:column;gap:4px}.create_module .body_module .chat_module .list_message .msg_user_data .body ._{display:flex;justify-content:flex-start;align-items:center;gap:4px;p,input{color: #333333; font-weight: 400; font-size: 12px; line-height: 22px;} .input {flex: 1; border-radius: 4px; padding: 4px 8px; margin-left: 1px;} .input::placeholder {color: #808080; font-weight: 300; font-size: 10px; line-height: 182px;} .input:not(:placeholder-shown),.input:placeholder-shown {outline: .5px solid #B3B3B3;} .input:focus {outline: .5px solid #6562DF;} .title{width: 70px;}}.create_module .body_module .chat_module .list_message .msg_user_data .MuiInputBase-root{padding:0 25px 0 8px}.create_module .body_module .chat_module .list_message :is(.msg_shopping_active,.msg_user_data_active,.custom_message_active){border:1px solid #6562DF}.create_module .body_module .chat_module .list_message>:first-child{margin-top:auto}.create_module .body_module .chat_module .token{display:flex;align-items:center;justify-content:center;gap:20px;padding:8px;p{font-weight: 500; font-size: 12px; line-height: 12px; color: #656565;} .purple{color: #6562DF;}}.create_module .body_module .chat_module .popup_add{display:flex;padding:4px;flex-direction:column;align-items:flex-start;gap:8px;border-radius:8px;border:.5px solid var(--Neutral-Color-Neutral500, #B3B3B3);background:red;box-shadow:5px 5px 5px #6562df26}.create_module .body_module .chat_module .popup_add .input{display:flex;padding:4px 8px;align-items:center;gap:8px;align-self:stretch;border-radius:4px;border:.5px solid var(--Neutral-Color-Neutral500, #B3B3B3)}.create_module .body_module .chat_module .popup_add .input .input_element{color:var(--Neutral-Color-Neutral700, #808080);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px;background:transparent!important}.create_module .body_module .chat_module .popup_add .option_var{display:flex;max-height:300px;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch}.create_module .body_module .chat_module .popup_add{margin:0 12px;display:flex;padding:4px;flex-direction:column;align-items:flex-start;gap:8px;border-radius:8px;border:.5px solid var(--Neutral-Color-Neutral500, #B3B3B3);background:white;box-shadow:5px 5px 5px #6562df26}.create_module .body_module .chat_module .popup_add .input{display:flex;padding:4px 8px;align-items:center;gap:8px;align-self:stretch;border-radius:4px;border:.5px solid var(--Neutral-Color-Neutral500, #B3B3B3);background:var(--Background-White, #FFF)}.create_module .body_module .chat_module .popup_add .input .input_element{flex:1;color:var(--Neutral-Color-Neutral700, #808080);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px;background:transparent!important}.create_module .body_module .chat_module .popup_add .option_var{display:flex;max-height:160px;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch;overflow-y:scroll}.create_module .body_module .chat_module .popup_add .option_var .var_item{cursor:pointer;display:flex;padding:8px 12px;align-items:center;gap:0px;align-self:stretch;background:var(--Background-White, #FFF);color:var(--Neutral-Color-Neutral4, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.create_module .body_module .chat_module .popup_add .option_var .highlighted2{color:var(--Primary-Color-Primary500, #6562DF);font-weight:700}.create_module .body_module .chat_module .popup_add .option_var .var_item:hover{background:var(--Primary-Color-Primary500, #6562DF);color:var(--Background-White, #FFF)}.create_module .body_module .chat_module .popup_add .option_var .var_item:hover .highlighted2{color:var(--Background-White, #FFF);font-weight:700}.create_module .body_module .chat_module .popup_add .option_var :is(.inactive,.inactive:hover){background:#FAFAFA;color:#ccc}.create_module .body_module .chat_module .chat_bottom{display:flex;flex-direction:column;padding:4px 12px;gap:8px;background:#F2F2F2}.create_module .body_module .chat_module .chat_bottom .input_chat{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:4px}.create_module .body_module .chat_module .chat_bottom .input_chat #input_message_module{background:#FFFFFF;padding:12px;width:calc(100% - 24px);resize:none;border-radius:4px;height:20px}.create_module .body_module .chat_module .chat_bottom .input_chat #input_message_module::placeholder{color:#bdbdbd}.create_module .body_module .chat_module .chat_bottom .input_chat .list_respond{display:flex;justify-content:space-between;align-items:center;gap:8px;opacity:0;height:0;transition:opacity .3s ease,max-height .3s ease;width:100%;overflow-y:scroll;button{border: 1px solid #5C5ACC; border-radius: 4px; padding: 8px 16px; background: #fff; font-weight: 600; color: #5C5ACC; font-size: 12px; line-height: 20px; transition: opacity .3s ease,max-height .3s ease; white-space: nowrap; text-overflow: ellipsis;} button:hover {color: #23224D; background: #B8B7E5;} .wrapper_nores{display: flex; gap: 4px; width: 100%; button{flex: 1; background: #fff;} button:hover {color: #23224D; background: #B8B7E5;} .act{color: #23224D; background: #B8B7E5;} #id_no_respond,#input_text_nores{border: 1px solid #5C5ACC; width: 100%;} #id_no_respond:hover{background: #B8B7E5;}}}.create_module .body_module .chat_module .chat_bottom .input_chat .section{display:flex;justify-content:space-between;align-items:center;gap:4px;padding:5px;background:#fff;width:100%;input {text-align: center; font-size: 18px; border: none; outline: none; background: none;} span {font-size: 14px; color: #333;} span,input {font-weight: 400; font-size: 12px; line-height: 18px;} .wrapper_autocomplete{flex: 1; .MuiAutocomplete-root{margin-top: -4px;} .MuiInputBase-input{padding: 7px 4px 7px 6px;} .MuiInputBase-root {padding: 0; border: none; outline: none; background: none;} .MuiIconButton-root{margin-top: 4px; padding: 0; border: none; width: 16px; height: 16px;} .MuiAutocomplete-listbox{padding: 4px; font-weight: 400; font-size: 12px; line-height: 18px; background: none; color: #333333; .Mui-focused{background: #6562DF; color: #FAFAFA;}}}}.create_module .body_module .chat_module .chat_bottom .input_chat .section .input-container{border:1px solid #333;padding:4px 8px;display:flex;align-items:center;border-radius:4px;flex:1}.create_module .body_module .chat_module .chat_bottom .input_chat .list_respond.open{opacity:1;height:max-content}.create_module .body_module .chat_module .chat_bottom .action_chat{display:flex;justify-content:space-between;align-items:center}.create_module .body_module .chat_module .chat_bottom .action_chat .wrapper{display:flex;justify-content:flex-start;align-items:center;gap:8px;button{border: none; outline: none; display: flex; justify-content: center; align-items: center; gap: 4px; padding: 8px;} #btn_user_module,#btn_run_module{color: #FAFAFA; font-weight: 600; font-size: 12px; line-height: 20px; background: #5C5ACC; border-radius: 4px;} #add_action_module{color: #656565; font-size: 12px; font-weight: 600; line-height: 20px; background: none;} #add_action_module:hover{background: #DADAF2;} #add_file_module{background: none;}}.create_module .body_module .chat_module .wrapper_emot{z-index:9999;img{width: 30px; height: 30px;}}.create_module .body_module .chat_module .wrapper_emot .btn_emoji{padding:0!important;width:16px!important}.create_module .body_module .chat_module .wrapper_emot .PopupEmoji{position:fixed;bottom:100px;left:330px;background:none}.create_module .body_module .chat_module .wrapper_emot .PopupEmojiRight{position:fixed;bottom:100px;right:330px;background:none}.create_module .body_module .chat_module .wrapper_emot_absolute{position:absolute;top:48px;right:20px}.create_module .body_module .chat_module .emoji-module-wrapper{position:relative;display:inline-block}.create_module .body_module .chat_module .popup-emoji{position:absolute;top:100%;left:0;bottom:900px;z-index:999;width:200px;height:300px}.create_module .body_module .chat_module .btn_emoji{background:none;border:none;cursor:pointer}.create_module .body_module .data_point{background:#fff;max-height:calc(100dvh - 144px);min-height:calc(100dvh - 144px);display:flex;flex-direction:column;gap:16px;padding:12px 12px 8px;justify-content:flex-start}.create_module .body_module .data_point .data_point_header{display:flex;justify-content:flex-start;align-items:center;gap:8px;overflow-x:auto;width:100%;p {font-weight: 500; font-size: 14px; line-height: 24px; color: #656464; cursor: pointer; white-space: nowrap;} .name{color: #6562DF;} .wrapper_arrow{display: flex; align-items: center; justify-content: center; padding: 0;}}.create_module .body_module .data_point .data_point_search{border:1px solid #F2F2F2;display:flex;justify-content:space-between;align-items:center;gap:4px;padding:12px;border-radius:4px;input{flex: 1;} input::placeholder{font-weight: 500; font-size: 14px; line-height: 20px;}}.create_module .body_module .data_point .data_point_list{display:flex;flex-direction:column;flex:1 0 0;align-self:stretch;overflow-y:scroll;gap:4px}.create_module .body_module .data_point .data_point_list .data_point_item{display:flex;justify-content:space-between;align-items:center;border-radius:4px;padding:8px 12px}.create_module .body_module .data_point .data_point_list .data_point_item .left{display:flex;justify-content:flex-start;align-items:center;gap:8px}.create_module .body_module .data_point .data_point_list .data_point_item .info{display:flex;justify-content:center;align-items:flex-start;flex-direction:column}.create_module .body_module .data_point .data_point_list .data_point_item .info .info_name{color:#000;font-weight:700;font-size:14px;line-height:20px}.create_module .body_module .data_point .data_point_list .data_point_item .info .info_time{color:#656464;font-weight:300;font-size:10px;line-height:18px}.create_module .body_module .data_point .data_point_list .data_point_item .delete_data_point{cursor:pointer;display:flex;justify-content:center;align-items:center;padding:8px}.create_module .body_module .data_point .data_point_list .data_point_folder{display:flex;justify-content:space-between;align-items:center;border-radius:4px;padding:3px}.create_module .body_module .data_point .data_point_list .data_point_folder .left{display:flex;justify-content:flex-start;align-items:center;gap:8px}.create_module .body_module .data_point .data_point_list .data_point_folder .info{display:flex;justify-content:center;align-items:flex-start;gap:4px}.create_module .body_module .data_point .data_point_list .data_point_folder .info .info_name{color:#000;font-weight:700;font-size:14px;line-height:20px}.create_module .body_module .data_point .data_point_list .data_point_folder .rightDataName{display:flex;align-items:center;gap:4px;justify-content:flex-start}.create_module .body_module .data_point .data_point_list .data_point_folder .open_folder_data_point{cursor:pointer;display:flex;justify-content:center;align-items:center;border:1px solid #5C5ACC;background:none;color:#6562df;font-weight:600;font-size:12px;line-height:20px;padding:4px 8px}.create_module .body_module .data_point .data_point_bottom{margin-bottom:24px;display:flex;justify-content:flex-start;align-items:center;gap:12px;button{border: none; outline: none; background: none; display: flex; align-items: center; padding: 8px; gap: 4px;} #add_new_folder{background: #5C5ACC; color: #FAFAFA; font-weight: 600; font-size: 12px; line-height: 20px; border-radius: 4px;} #delete_folder{background: none; color: #DF6262; font-weight: 600; font-size: 12px; line-height: 20px; border-radius: 4px;} .action_part{display: flex; justify-content: space-between; padding: 4px 8px; width: calc(100% - 16px); border-radius: 4px; background: #FAFAFA; .left {display: flex; justify-content: flex-start; align-items: center; gap: 4px; p{font-weight: 400; font-size: 12px; line-height: 18px; color: #333333;}}}}.create_module .wrp_btn{background:none;border:none;outline:none;padding:0;display:flex;justify-content:center;align-items:center}.create_module .CreateRobo_accordionBody{padding:0}.create_module .edit_btn_quill{position:absolute;right:12px;bottom:12px}.create_module .wrapper_emoji{position:absolute;right:12px;top:12px}.create_module .comment_btn_quill{position:absolute;right:13px;top:13px}.create_module .popup_warn_llm{background-color:#fff;width:420px;border-radius:8px}.create_module .popup_warn_llm .header_popup_warn_llm{display:flex;align-items:center;justify-content:flex-end;padding:12px 16px}.create_module .popup_warn_llm .body_popup_warn_llm{display:flex;flex-direction:column;padding:0 16px;margin-bottom:24px}.create_module .popup_warn_llm .body_popup_warn_llm .popup_warn_llm_text{color:#333;font-weight:700;font-size:14px;line-height:20px;text-align:center}.create_module .popup_warn_llm .body_popup_warn_llm .popup_warn_llm_subtext{color:#656464;font-weight:400;font-size:12px;line-height:22px;text-align:center}.popup_list_point{padding:10px}.parent_option_module_popup{display:flex;flex-direction:column}.parent_option_module_popup .MuiPaper-root{border-radius:4px;padding:4px;border:1px solid #B3B3B3}.parent_option_module_popup .MuiPaper-root .option_module_popup{display:flex;border-radius:4px;padding:8px 12px;justify-content:flex-start;align-items:center;gap:8px;font-weight:400;font-size:12px;line-height:22px;cursor:pointer}.parent_option_module_popup .MuiPaper-root .move,.parent_option_module_popup .MuiPaper-root .move ._{color:#333}.parent_option_module_popup .MuiPaper-root .move:hover{background:#6562DF;color:#fff}.parent_option_module_popup .MuiPaper-root .move:hover ._{color:#fff}.parent_option_module_popup .MuiPaper-root .delete,.parent_option_module_popup .MuiPaper-root .delete ._{color:#df6262}.parent_option_module_popup .MuiPaper-root .delete:hover{background:#DF6262;color:#fff}.parent_option_module_popup .MuiPaper-root .delete:hover ._{color:#fff}.FolderModulePopup .MuiPaper-root{width:615px}.model_module .MuiPaper-root{padding:4px;width:280px;ul{padding: 0; li:hover{background: #5C5ACC; color: #fff;} .disable:hover{background: #656464; color: #fff;}}}.module_errorMessage .MuiPaper-root{width:568px;border-radius:8px;box-shadow:0 0 10px #0000001a}.module_errorMessage .MuiPaper-root .body{display:flex;padding:4px 8px;align-items:center;gap:8px;align-self:stretch;p {color: #DF6262; width: 528px;}}.middle_respond{width:580px;background:#FFFFFF;border-radius:8px}.middle_respond .head{display:flex;justify-content:space-between;align-items:center;padding:12px;h4{color: #333333; font-weight: 600; font-size: 16px; line-height: 24px;}}.middle_respond .head .left{display:flex;align-items:center;gap:8px;button {display: flex; height: 36px; padding: 8px; justify-content: center; align-items: center; gap: 8px; font-size: 14px; font-style: normal; font-weight: 700; line-height: 22px; color: #656565; background: none; border-radius: 0;} .menuSelected {color: #6562DF; border-bottom: 2px solid #6562DF;}}.middle_respond .body{padding:12px;transition:opacity .3s ease,max-height .3s ease;width:calc(100% - 24px);height:100%;overflow-y:scroll}.middle_respond .body .btn{border:1px solid #5C5ACC;border-radius:4px;padding:8px 16px;background:#fff;font-weight:600;color:#5c5acc;font-size:12px;line-height:20px;transition:opacity .3s ease,max-height .3s ease;white-space:nowrap;text-overflow:ellipsis}.middle_respond .body .wrapper_nores{display:flex;flex-direction:column;gap:4px;width:100%}.middle_respond .body .wrapper_nores .wrapper_assistant{display:flex;width:100%;gap:4px;button{flex: 1; background: #fff;} button{flex: 1; background: #fff;} button:hover {color: #23224D; background: #B8B7E5;} .act{color: #23224D; background: #B8B7E5;} #id_no_respond,#input_text_nores{border: 1px solid #5C5ACC; width: 100%;} #id_no_respond:hover{background: #B8B7E5;}}.middle_respond .body .wrapper_nores .add_variable{display:flex;flex-direction:column;gap:4px;label{font-weight: 500; font-size: 14px; line-height: 20px; color: #000;} .MuiPaper-root{z-index: 10000; padding: 4px; border: 1px solid #B3B3B3; background: #fff; .MuiAutocomplete-listbox{gap: 4px; display: flex; flex-direction: column; gap: 4px; li{cursor: pointer; display: flex; padding: 8px 12px; align-items: center; gap: 0px; align-self: stretch; background: var(--Background-White, #FFF); color: var(--Neutral-Color-Neutral4, #333); font-family: Inter; font-size: 12px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: .12px;} li[aria-disabled="true"] {background: #FAFAFA; color: #CCCCCC;} li:hover{background: var(--Primary-Color-Primary500, #6562DF); color: var(--Background-White, #FFF);}}}}.middle_respond .bottom{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;button{border-radius: 4px; padding: 8px 12px; font-weight: 600; font-size: 12px; line-height: 20px; background: none; border: none; outline: none;} #cancel_middle_respond{color: #DF6262;} #add_middle_respond{background: #5C5ACC; color: #FAFAFA;}}.popup_instruction{display:flex;flex-direction:column;border-radius:8px;background-color:#fff;width:580px;height:580px}.popup_instruction .header{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid #F2F2F2;border-radius:8px;p{color: #333333; font-weight: 700; font-size: 16px; line-height: 24px;}}.popup_instruction .tab_mode{display:flex;justify-content:center;align-items:center;gap:8px;padding:8px 16px;button{border: none; background: none; outline: none; width: 180px; color: #B3B3B3; font-weight: 500; font-size: 14px; line-height: 20px; border-radius: 4px;} .act {font-weight: 700; color: #fff; background: #6562DF;}}.popup_instruction .body{flex:1 1 0;border-bottom:1px solid #FAFAFA;overflow-y:scroll}.popup_instruction .body .CreateRobo_accordionHeader{display:flex;align-self:stretch;padding:0!important;min-height:0!important}.popup_instruction .body .CreateRobo_accordionHeader .Header{display:flex;align-items:center;gap:4px}.popup_instruction .body .CreateRobo_accordionHeader .Header p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:16px;font-style:normal;font-weight:700;line-height:24px}.popup_instruction .body .CreateRobo_accordionHeader .MuiAccordionSummary-content{margin:0!important;width:100%;display:flex;justify-content:space-between;cursor:auto}.popup_instruction .footer_instruction{display:flex;justify-content:space-between;align-items:center;padding:12px;button{display: flex; justify-content: center; align-items: center; flex-direction: row; border: none; background: none; color: #DF6262; font-weight: 700; font-size: 14px; line-height: 27px; border-radius: 4px; outline: none; gap: 12px;} #save_instruction{color: #FAFAFA; background: #5C5ACC;} #reformat_instruction{color: #5C5ACC;}}.popup_robot_name{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;width:500px}.popup_robot_name .BodyPopup{input {border: 1px solid black;}}.open_module{width:500px;background:#FFFFFF;border-radius:8px}.open_module .head{display:flex;justify-content:flex-end;align-items:center;padding:12px 16px}.open_module .body{display:flex;flex-direction:column;gap:4px;padding-bottom:12px;align-items:center;img{width: 180px;} .info{display: flex; flex-direction: column; padding: 0px 16px; gap: 4px; text-align: center; .text{color: #333333; font-weight: 700; font-size: 14px; line-height: 20px;} .subtext{color: #656464; font-weight: 400; font-size: 12px; line-height: 22px;}}}.open_module .bottom{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;button{border-radius: 4px; padding: 8px; width: 120px; font-weight: 600; font-size: 12px; line-height: 20px; background: none; outline: none; border: none;} .right{display: flex; justify-content: center; align-items: center;} #cancel_open_module{color: #DF6262;} #discard_open_module{color: #5C5ACC;} #save_open_module{width: max-content; color: #FAFAFA; background: #5C5ACC;} #save_open_module:disabled{background: #656464;}}.edit_variable_module{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;width:500px}.edit_variable_module .BodyPopup{height:300px;overflow-y:scroll}.edit_variable_module .BodyPopup .var{justify-content:space-between;align-items:center;display:flex;padding:12px;gap:12px;align-self:stretch;border-radius:8px;border:1px solid var(--Neutral-Color-Neutral200, #F2F2F2);background:var(--Background-White, #FFF);margin-bottom:8px}.edit_variable_module .BodyPopup .var .wrapper{width:100%;display:flex;justify-content:space-between;align-items:center;align-self:stretch}.edit_variable_module .BodyPopup .var .wrapper .left{p{color: var(--Neutral-Color-Neutral900, #333); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: -.14px;}}.edit_variable_module .BodyPopup .var .wrapper .right{display:flex;align-items:center;gap:12px}.edit_variable_module .BodyPopup .var .wrapper .right .btn{background:none;display:flex;padding:8px;justify-content:center;align-items:center;gap:4px;p,.icon{color: #5C5ACC; font-family: Inter; font-size: 12px; font-style: normal; font-weight: 600; line-height: 20px;}}.edit_variable_module .BodyPopup .var .wrapper .right .btn:hover{background:#DADAF2;p,.icon{color: #23224D;}}.edit_variable_module .BodyPopup .var .wrapper .disable .btn{p,.icon{color: #656464;}}.edit_variable_module .BodyPopup .var .wrapper .disable .btn:hover{background:none;p{color: #656464;}}.edit_variable_module .BodyPopup .var .wrapper_subvar{flex:1;display:flex;justify-content:space-between;align-items:center;margin-top:14px;margin-bottom:6px}.edit_variable_module .BodyPopup .var .wrapper_subvar .SubVar{p{color: var(--Neutral-Color-Neutral800, #656565); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px;}}.edit_variable_module .BodyPopup .accord{width:100%;box-shadow:none}.edit_variable_module .BodyPopup .accord .MuiAccordionSummary-root{background:none;padding:0}.edit_variable_module .BodyPopup .accord .MuiAccordionSummary-content{margin:0}.edit_variable_module .BodyPopup .accord_summary{width:100%;min-height:fit-content}.edit_variable_module .BodyPopup .accord_detail{padding:0}.edit_variable_module .FooterPopup{button{color: var(--Background-White, #FFF); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 700; line-height: 22px; display: flex; padding: 12px; justify-content: center; align-items: center; gap: 12px;} #edit_variable{color: #FFFFFF; background: #5C5ACC;} #edit_variable:hover{background: #23224D;} #cancel_edit_variable{color: #DF6262;}}.FineTuningPage{height:100vh;max-height:100vh;position:fixed;width:100dvw;max-width:100dvw}.FineTuningPage .left{max-width:320px;width:320px;padding:24px 16px}.FineTuningPage .right{flex:1;padding:24px 16px 24px 40px;background:#f7f5f5;max-width:calc(100dvw - 320px);height:calc(100dvh - 72px)!important;min-height:100%;overflow-y:scroll}.FineTuningPage .right .Result{gap:4px;margin-bottom:24px;display:flex;max-width:500px;padding:4px 12px;justify-content:space-between;align-items:center}.FineTuningPage .right .Result p{color:var(--neutral-color-neutral-800, #656565);font-size:14px;font-family:Inter;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.FineTuningPage .right .Result button{display:flex;height:24px;padding:8px;justify-content:center;align-items:center;gap:8px;outline:none;border:none;background:#F7F5F5}.FineTuningPage .right .Result button:hover{background:var(--primary-color-primary-100, #DADAF2)}.FineTuningPage .right .Result button:hover p{color:#23224d}.FineTuningPage .right .Result button p{color:var(--primary-color-primary-600, #5C5ACC);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.FineTuningPage_body{display:flex;flex-direction:column;gap:20px;margin-top:12px}.FineTuningPage_body .top{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.FineTuningPage_body .top .input{display:flex;width:360px;padding:12px;align-items:center;gap:8px;border-radius:4px;border:1px solid #F2F2F2;background:#FFFFFF;input {font-size: 14px; font-style: normal; font-weight: 500; line-height: 24px; letter-spacing: .14px; width: 100%;}}.FineTuningPage_body .top .btnAddFineTuning{display:flex;padding:12px 16px 12px 12px;justify-content:center;align-items:center;gap:8px;border-radius:4px;background:#5C5ACC;p {color: #FAFAFA;}}.FineTuningPage_body .main{display:flex;padding:8px;flex-direction:column;align-items:flex-start;gap:8px;flex:1 0 0;align-self:stretch;border-radius:8px;background:#FFF;min-height:calc(100dvh - 320px);max-height:calc(100dvh - 320px)}.FineTuningPage_body .main .addFolder{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:4px;border-radius:4px;background:#5C5ACC;p {color: #FAFAFA;}}.FineTuningPage_body .main .bulkAction{display:flex;padding:4px 8px;justify-content:space-between;align-items:center;align-self:stretch}.FineTuningPage_body .main .bulkAction .left{display:flex;align-items:center;gap:8px}.FineTuningPage_body .main .bulkAction .breadcrumbsFolder{display:flex;align-items:center;gap:4px;p:nth-child(1) {color: #656464; cursor: pointer;} p:nth-child(2) {color: #6562DF; cursor: pointer;}}.FineTuningPage_body .main .bulkAction .rightAction{display:flex;align-items:center;gap:8px}.FineTuningPage_body .main .bulkAction .rightAction .move{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:4px;border-radius:4px;background:none;p {color: #5C5ACC;}}.FineTuningPage_body .main .bulkAction .rightAction .delete{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:4px;background:none;p {color: #DF6262;}}.FineTuningPage_body .main .data{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;border-radius:4px;overflow-y:scroll}.FineTuningPage_body .main .data :is(.header,.itemData){display:flex;height:32px;width:calc(100% - 24px);padding:8px 8px 8px 16px;justify-content:space-between;align-items:center;flex:1 0 0;background:#DADAF2;border-radius:4px 4px 0 0;border-bottom:.5px solid #656565;p,input {font-size: 12px; font-style: normal; font-weight: 700; line-height: 18px; color: #333333;} input {width: 100%;} div {display: flex; height: 32px; padding: 8px; justify-content: space-between; align-items: center; flex: 1 0 0;} .name {flex: 4;} .time {flex: 2;} .status {flex: 1;} .action {flex: 1; display: flex; justify-content: flex-end;} .filterBtn {background: none;}}.FineTuningPage_body .main .data .itemData{background:#FFFFFF;border-bottom:.5px solid #B3B3B3;p {font-size: 12px; font-style: normal; font-weight: 400; line-height: 18px;} .openFolder {display: flex; height: 32px; padding: 4px 8px; justify-content: center; align-items: center; gap: 4px; border-radius: 4px; border: 1px solid #5C5ACC; background: none;} .name {.MuiCheckbox-root {padding: 0; color: #CCCCCC; svg {fill: #CCCCCC;}} .Mui-checked {color: #5C5ACC; svg {fill: #5C5ACC;}} .rightDataName {display: flex; align-items: center; gap: 4px; justify-content: flex-start; .detail {display: flex; flex-direction: column; align-items: flex-start; gap: 4px; justify-content: flex-start; padding: 0;} p {font-size: 12px; font-style: normal; font-weight: 400; line-height: 18px;} .path {padding: 0; display: flex; justify-content: flex-start; gap: 4px; align-items: center; p {font-size: 10px; font-style: normal; font-weight: 300; line-height: 16px; color: #808080;}} input {background: transparent;}}} .actionModel {justify-content: flex-end; gap: 20px; svg {cursor: pointer;}} .status_inprogress,.status_succeeded,.status_failed {display: flex; padding: 4px 12px; justify-content: center; align-items: center; gap: 10px; border-radius: 20px; background: #FFE9B2; max-height: 16px; max-width: 51px; p {color: #997A2B;}} .status_succeeded {background: #E3FCE9; p {color: #219655;}} .status_failed {background: #FFF1F1; cursor: pointer; gap: 4px; p {color: #EC5756;}}}.FineTuningPage_body .main .data .itemDataSelected{background:#F2F2F2}.FineTuningPage_body .Result{margin-top:-11px;margin-bottom:0!important;padding:0 4px!important}.fineTuning_errorMessage .MuiPaper-root{width:298px;border-radius:8px;box-shadow:0 0 10px #0000001a}.fineTuning_errorMessage .MuiPaper-root .body{display:flex;padding:4px 8px;align-items:center;gap:8px;align-self:stretch;p {color: #DF6262; width: 260px;}}.PreviewHistorySession{display:flex;flex-direction:column;align-items:flex-start;padding:0;background:#FFFFFF;max-width:90dvw;height:80vh;margin:10vh 5dvw;box-shadow:5px 5px 5px #6562df26;border-radius:8px;z-index:101}.PreviewHistorySession .Header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:16px 24px;gap:12px;width:calc(100% - 48px);border-bottom:1px solid #F2F2F2}.PreviewHistorySession .Header .Left{display:flex;flex-direction:row;align-items:center;padding:0;gap:12px}.PreviewHistorySession .Header .Title{font-weight:700;font-size:24px;line-height:32px;display:flex;align-items:center;letter-spacing:-.02em;color:#333}.PreviewHistorySession .Header .Session{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:4px 8px;gap:8px;border:1px solid #DF6262;border-radius:4px;font-weight:600;font-size:10px;line-height:18px;letter-spacing:-.01em;color:#df6262}.PreviewHistorySession .Information{display:flex;flex-direction:column;align-items:flex-start;padding:12px 16px 16px;gap:8px;width:calc(100% - 32px)}.PreviewHistorySession .Information .Info{display:flex;flex-direction:row;align-items:center;padding:0;gap:4px;width:100%}.PreviewHistorySession .Information .Info p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333}.PreviewHistorySession .Information .Info .Left{width:140px;font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#656464}.PreviewHistorySession .Information .Info .RightContact{display:flex;align-items:flex-start;padding:0;gap:12px}.PreviewHistorySession .Information .Info .RightContact .Contact{display:flex;flex-direction:row;align-items:center;padding:0;gap:4px}.PreviewHistorySession .Information .Info .RightContact .Contact img{width:20px;height:20px;border-radius:50%}.PreviewHistorySession .Information .Info .RightContact .Contact p{font-weight:400;font-size:12px;line-height:22px;display:flex;align-items:center;letter-spacing:.01em}.PreviewHistorySession .Information .Info .RightContact .Contact .Green{color:#219655}.PreviewHistorySession .Information .Info .RightUser{display:flex;align-items:center;gap:4px}.PreviewHistorySession .Information .Info .RightUser img{width:20px;height:20px;border-radius:50%}.PreviewHistorySession .Information .Info .RightUser .Green{color:#219655}.PreviewHistorySession .Information .InfoUsername{display:flex;align-items:flex-start;gap:4px;align-self:stretch}.PreviewHistorySession .Information .InfoUsername .Left{width:140px;font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#656464}.PreviewHistorySession .Information .InfoUsername .RightPart{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px}.PreviewHistorySession .Information .InfoUsername .RightUser{display:flex;align-items:center;gap:4px}.PreviewHistorySession .Information .InfoUsername .RightUser img{width:20px;height:20px;border-radius:50%}.PreviewHistorySession .Information .InfoUsername .RightUser p{color:var(--Neutral-Color-Neutral900, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.PreviewHistorySession .Information .InfoUsername .RightUser .Green{color:#219655}.PreviewHistorySession .Body{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:12px 16px 16px;gap:12px;isolation:isolate;width:calc(100% - 32px);min-height:fit-content;max-height:200px;overflow-y:scroll;background:#FAFAFA;border-radius:0 0 8px 8px}.PreviewHistorySession .Body .ChatLeft{display:flex;flex-direction:column;align-items:flex-start;padding:4px 8px;isolation:isolate;min-width:136px;background:#fff;border-radius:0 4px 4px;position:relative;margin-left:16px}.PreviewHistorySession .Body .ChatLeft .triangle{position:absolute;top:0;left:-16px;width:17px;height:17px}.PreviewHistorySession .Body .ChatLeft .name{font-weight:600;font-size:10px;line-height:18px;letter-spacing:-.01em;color:#656565}.PreviewHistorySession .Body .ChatLeft .text{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333}.PreviewHistorySession .Body .ChatLeft .time{font-weight:300;font-size:10px;line-height:18px;display:flex;align-items:center;justify-content:flex-end;color:#656464;width:100%}.PreviewHistorySession .Body .ChatRight{align-self:flex-end;display:flex;flex-direction:column;align-items:flex-start;padding:4px 8px;isolation:isolate;min-width:136px;background:#CECEE5;border-radius:0 4px 4px;position:relative;margin-right:16px}.PreviewHistorySession .Body .ChatRight .triangle{position:absolute;top:0;right:-15px;width:17px;height:17px}.PreviewHistorySession .Body .ChatRight .name{font-weight:600;font-size:10px;line-height:18px;letter-spacing:-.01em;color:#656565}.PreviewHistorySession .Body .ChatRight .text{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333}.PreviewHistorySession .Body .ChatRight .time{font-weight:300;font-size:10px;line-height:18px;display:flex;align-items:center;justify-content:flex-end;color:#656464;width:100%}.PreviewHistorySession .Body .ChatLeft .url{display:flex;flex-direction:row;align-items:center;padding:4px;gap:8px;background:#dadaf2;border:1px solid #6562df;border-radius:8px;cursor:pointer}.PreviewHistorySession .Body .ChatLeft .url .urlContent{display:flex;flex-direction:row;align-items:center;padding:0;gap:8px}.PreviewHistorySession .Body .ChatLeft .url .urlContent img{width:60px;height:60px;border-radius:4px}.PreviewHistorySession .Body .ChatLeft .url .urlContent .info{display:flex;flex-direction:column;align-items:flex-start;padding:0}.PreviewHistorySession .Body .ChatLeft .url .urlContent .info .title{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333;white-space:nowrap;width:200px;overflow:hidden;text-overflow:ellipsis}.PreviewHistorySession .Body .ChatLeft .url .urlContent .info .desc-wrapper{width:100%}.PreviewHistorySession .Body .ChatLeft .url .urlContent .info .desc-wrapper .desc{font-weight:300;font-size:10px;line-height:18px;color:#656565;white-space:nowrap;width:200px;overflow:hidden;text-overflow:ellipsis}.PreviewHistorySession .Body .ChatLeft .url .urlContent .info .domain{font-weight:300;font-size:10px;line-height:16px;display:flex;align-items:center;letter-spacing:.01em;color:#b3b3b3}.PreviewHistorySession .Body .ChatLeft .image,.PreviewHistorySession .Body .ChatRight .image{position:relative}.PreviewHistorySession .Body .ChatLeft .image img,.PreviewHistorySession .Body .ChatRight .image img,.PreviewHistorySession .Body .ChatLeft .image video,.PreviewHistorySession .Body .ChatRight .image video{width:100%;height:100%;max-height:300px;border-radius:4px;object-fit:contain}.PreviewHistorySession .Body .ChatLeft .image .mediaPlayer,.PreviewHistorySession .Body .ChatRight .image .mediaPlayer{position:absolute;top:50%;left:50%;cursor:pointer}.PreviewHistorySession .Body .ChatLeft .document,.PreviewHistorySession .Body .ChatRight .document{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:4px 8px;gap:4px;border-radius:4px;cursor:pointer;background:rgba(255,255,255,.5);box-shadow:0 0 10px #0000001a;width:calc(100% + -0px)}.PreviewHistorySession .Body .ChatLeft .document img,.PreviewHistorySession .Body .ChatRight .document img{width:32px;height:32px;border-radius:4px}.PreviewHistorySession .Body .ChatLeft .document .detail,.PreviewHistorySession .Body .ChatRight .document .detail{flex:1;max-width:calc(100% - 76px)}.PreviewHistorySession .Body .ChatLeft .document h2,.PreviewHistorySession .Body .ChatRight .document h2{font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px;color:#333}.PreviewHistorySession .Body .ChatLeft .document p,.PreviewHistorySession .Body .ChatRight .document p{font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px;color:#656565}.PreviewHistorySession .Body .ChatLeft .document .failed,.PreviewHistorySession .Body .ChatRight .document .failed{font-size:10px;font-style:normal;font-weight:300;line-height:18px;color:#656565}.PreviewHistorySession .Body .ChatRight .url{display:flex;flex-direction:row;align-items:center;padding:4px;gap:8px;background:#dadaf2;border:1px solid #6562df;border-radius:8px;cursor:pointer}.PreviewHistorySession .Body .ChatRight .url .urlContent{display:flex;flex-direction:row;align-items:center;padding:0;gap:8px}.PreviewHistorySession .Body .ChatRight .url .urlContent img{width:60px;height:60px;border-radius:4px}.PreviewHistorySession .Body .ChatRight .url .urlContent .info{display:flex;flex-direction:column;align-items:flex-start;padding:0}.PreviewHistorySession .Body .ChatRight .url .urlContent .info .title{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333;white-space:nowrap;width:200px;overflow:hidden;text-overflow:ellipsis}.PreviewHistorySession .Body .ChatRight .url .urlContent .info .desc-wrapper{width:100%}.PreviewHistorySession .Body .ChatRight .url .urlContent .info .desc-wrapper .desc{font-weight:300;font-size:10px;line-height:18px;color:#656565;white-space:nowrap;width:200px;overflow:hidden;text-overflow:ellipsis}.PreviewHistorySession .Body .ChatRight .url .urlContent .info .domain{font-weight:300;font-size:10px;line-height:16px;display:flex;align-items:center;letter-spacing:.01em;color:#b3b3b3}.PreviewHistorySession .Body .ChatRight .text{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333;word-wrap:break-word}.PreviewHistorySession .Body .ChatRight .time{font-weight:300;font-size:10px;line-height:18px;text-align:right;color:#656464;display:flex;justify-content:flex-end;align-items:center;gap:5.33px}.PreviewHistorySession .Body .ChatRight .img{width:16px;height:16px}.PreviewHistorySession .Body .EndSession_Other{width:100%}.DetailTagSession{display:flex;width:500px;padding:12px;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;border-radius:4px;background:rgba(255,255,255,.95);box-shadow:5px 5px 5px #6562df26;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.DetailTagSession .Header{display:flex;justify-content:space-between;align-items:flex-start;align-self:stretch}.DetailTagSession .Header .Left{display:flex;align-items:center;gap:8px}.DetailTagSession .Body{display:flex;padding:4px;align-items:center;gap:8px;align-self:stretch}.DetailTagSession .Body img{width:32px;border-radius:50%}.DetailTagSession .Body .Info{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.DetailTagSession .Body .Info .Name{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.DetailTagSession .Body .Info .Time{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.DetailTagSession .Table{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;border:1px solid var(--neutral-color-neutral-500, #B3B3B3);border-radius:4px;padding:1px}.DetailTagSession .Table .Header,.DetailTagSession .Table .Body{display:flex;align-items:flex-start;align-self:stretch}.DetailTagSession .Table .Header{background:var(--primary-color-primary-100, #DADAF2)}.DetailTagSession .Table .Header .Th{display:flex;padding:8px;justify-content:space-between;align-items:center;flex:1 0 0}.DetailTagSession .Table .Header .Th p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px}.DetailTagSession .Table .Body{align-items:flex-start;align-self:stretch;padding:0;gap:4px;display:flex}.DetailTagSession .Table .Body .Td{display:flex;padding:8px;align-items:center;gap:4px;flex:1 0 0;width:100%;overflow:auto}.DetailTagSession .Table .Body .Left{background:var(--neutral-color-neutral-100, #FAFAFA)}.DetailTagSession .Table .Body .Right{background:var(--neutral-color-neutral-100, #FFF)}.DetailTagSession .Table .Body .Td .Tag{display:flex;height:24px;padding:4px;align-items:center;gap:4px;border-radius:4px;max-width:106px;min-width:fit-content;border:1px solid var(--neutral-color-neutral-200, #F2F2F2);background:var(--neutral-color-neutral-100, #FAFAFA)}.DetailTagSession .Table .Body .Td .Tag p{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px;overflow:hidden;text-overflow:ellipsis}.DetailTagSession .TableContact{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:190px;border:1px solid #B3B3B3;border-radius:4px;position:relative;height:min-content;padding:0!important}.DetailTagSession .TableContact .Header{position:sticky;top:0;left:0;z-index:2;display:flex;flex-direction:row;align-items:flex-start;padding:0;width:100%;height:44px;gap:0;background:#DADAF2;box-shadow:0 0 10px #0000001a}.DetailTagSession .TableContact .Header .Left{display:flex;flex-direction:row;align-items:center;padding:12px 8px;gap:4px;height:calc(100% - 24px);flex:1}.DetailTagSession .TableContact .Header .Center,.DetailTagSession .TableContact .Header .Right{flex:1;display:flex;flex-direction:row;align-items:center;padding:12px 8px;gap:4px;background:#F2F2F2;height:calc(100% - 24px)}.DetailTagSession .TableContact .Body{position:relative;top:1px;display:flex;flex-direction:column;align-items:flex-start;padding:0 0 1px;width:100%;max-height:200px;overflow-y:scroll;gap:0}.DetailTagSession .TableContact .Body .Item{display:flex;flex-direction:row;align-items:flex-start;padding:0;width:376px;height:46px;gap:0;background:#FFFFFF;width:100%}.DetailTagSession .TableContact .Body .Left{flex-direction:row;padding:12px 8px;gap:10px;height:calc(100% - 24px);flex:1;background:#DADAF2;font-weight:500;font-size:14px;line-height:20px;display:flex;align-items:center;letter-spacing:-.01em;color:#656565}.DetailTagSession .TableContact .Body .Center,.DetailTagSession .TableContact .Body .Right{flex:1;display:flex;flex-direction:row;align-items:center;padding:12px 8px;gap:10px;height:calc(100% - 24px)}.DetailTagSession .TableContact .Body .Center{font-weight:400;font-size:12px;line-height:22px;display:flex;align-items:center;letter-spacing:.01em;color:#656565}.DetailTagSession .TableContact .Body .Right{font-weight:400;font-size:12px;line-height:22px;display:flex;align-items:center;letter-spacing:.01em;color:#333}.SidebarStore{display:flex;flex-direction:column;align-items:flex-start;gap:24px;width:100%;max-height:calc(100dvh - 72px);overflow-y:scroll;position:relative}.SidebarStore .head{position:sticky;top:0;background:#fff}.SidebarStore .head h4{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:32px;font-style:normal;font-weight:600;line-height:40px;letter-spacing:-.64px}.SidebarStore .head p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#656464;margin-top:4px;max-width:254px}.SidebarStore .menu{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.SidebarStore .menu:last-child{margin-bottom:100px}.SidebarStore .menu .title{font-weight:500;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#656464}.SidebarStore .menu .submenu{display:flex;align-items:center;padding:12px 16px;gap:12px;width:244px;max-width:244px;border-radius:4px;border:1px solid var(--neutral-color-neutral-300, #E5E4E4);background:var(--background-white, #FFF)}.SidebarStore .menu .submenu img{width:24px;height:24px}.SidebarStore .menu .submenu p{font-weight:500;font-size:14px;line-height:17px;letter-spacing:-.01em;color:#656464}.SidebarStore .menu .active-submenu{border:1px solid #6562DF;box-shadow:0 0 5px #6562df26;border-radius:4px}.SidebarStore .menu .active-submenu p{color:#6562df}.InvoiceSettingsPage{height:100vh;max-height:100vh;position:fixed;width:100dvw;max-width:100dvw}.InvoiceSettingsPage .left{max-width:320px;width:320px;padding:24px 16px}.InvoiceSettingsPage_breadcrumbs{display:flex;flex-direction:row;align-items:center;gap:8px;img:first-child {width: 24px; height: 24px;} img {width: 16px; height: 16px;} p {font-weight: 500; font-size: 14px; line-height: 24px; letter-spacing: .01em; color: #656464;}}.InvoiceSettingsPage .rightPart .Result{gap:4px;margin-bottom:24px;display:flex;max-width:500px;padding:4px 12px;justify-content:space-between;align-items:center}.InvoiceSettingsPage .rightPart .Result p{color:var(--neutral-color-neutral-800, #656565);font-size:14px;font-family:Inter;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.InvoiceSettingsPage .rightPart .Result button{display:flex;height:24px;padding:8px;justify-content:center;align-items:center;gap:8px;outline:none;border:none;background:#F7F5F5}.InvoiceSettingsPage .rightPart .Result button:hover{background:var(--primary-color-primary-100, #DADAF2)}.InvoiceSettingsPage .rightPart .Result button:hover p{color:#23224d}.InvoiceSettingsPage .rightPart .Result button p{color:var(--primary-color-primary-600, #5C5ACC);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.InvoiceSettingsPage .rightPart{flex:1;padding:24px 16px 24px 40px;background:#f7f5f5;max-width:calc(100dvw - 320px);height:calc(100dvh - 72px)!important;min-height:100%;overflow-y:scroll;position:relative}.invoice-page-empty{display:flex;flex-direction:column;align-items:center;justify-content:start;min-height:80vh;padding:2rem;text-align:center;margin-top:3rem}.invoice-page-empty img{width:100%;max-width:300px;height:auto;margin-bottom:2rem}.invoice-page-empty h4{color:#111827;font-size:1.5rem;font-weight:600;margin:0;margin-bottom:.5rem}.invoice-page-empty p{color:#6b7280;font-size:1rem;margin:0;margin-bottom:2rem}@media (max-width: 600px){.buttons-container{flex-direction:column;width:100%}.add-button{width:100%!important}.invoice-page-empty img{max-width:200px}.invoice-page-empty h4{font-size:1.25rem}}.filter-button{display:flex;align-items:center;gap:8px;background-color:#6366f1;color:#fff;padding:8px 16px;border:none;border-radius:8px;cursor:pointer;font-size:14px}.filter-button:hover{background-color:#4f46e5;cursor:pointer}.filter-button span{color:#fff}.filter-popover{width:350px;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.filter-header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#fafafa;border-bottom:1px solid #E5E7EB}.filter-title{font-size:16px!important;font-weight:600!important;color:#111827}.close-button{padding:4px!important;color:#6b7280!important}.filter-content{padding:16px 20px 1px}.section-title{font-size:14px!important;font-weight:800!important;padding-bottom:16px;color:#374151}.category-list{display:flex;flex-direction:column;max-height:300px;overflow-y:auto}.slice-content{border-top:1px solid #E5E7EB}.category-list.collapsed{max-height:110px}.checkbox-label{display:flex;align-items:center;font-size:14px;color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none}.show-all{text-align:center;font-size:13px;color:#b3b3b3;padding:8px 0;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center}.show-all:hover{color:#374151}.price-inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.price-input{width:100%}.filter-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#fafafa;border-top:1px solid #E5E7EB}.reset-button{background:none;border:none;cursor:pointer;font-size:14px;font-weight:500;padding:0}.inactive-filter{cursor:not-allowed;color:#6b7280}.active-filter{cursor:pointer;color:#ef4444}.apply-button{border:none;border-radius:4px;padding:12px 16px;cursor:pointer;font-size:14px;font-weight:500}.inactive-button{background-color:#d1d5db;color:#6b7280;cursor:not-allowed}.active-button{background-color:#6366f1;color:#fff;cursor:pointer}.active-button:hover{background-color:#4f46e5;color:#fff}.category-list::-webkit-scrollbar{width:4px}.category-list::-webkit-scrollbar-track{background:#F3F4F6;border-radius:2px}.category-list::-webkit-scrollbar-thumb{background:#D1D5DB;border-radius:2px}.category-list::-webkit-scrollbar-thumb:hover{background:#9CA3AF}.container-input-price{display:flex;align-items:center;gap:10px;margin-bottom:24px}.divider-input{display:flex;flex-direction:column;margin-right:24px}.price-label{font-size:14px!important;font-weight:600!important;color:#374151!important;margin-bottom:4px!important}.price-input{height:30px;width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;background-color:#fff;transition:border-color .2s,box-shadow .2s}.price-input:focus{border-color:#6366f1;box-shadow:0 0 5px #6366f14d;outline:none}.card-product-catalog{display:flex;padding:1.25rem;gap:2rem;background:white;border-radius:.75rem;position:relative;height:220px;width:100%;box-shadow:0 1px 3px #0000001a;align-self:stretch;justify-content:space-between;border:1px solid rgba(179,179,179,1);transition:border .2s ease-in-out;cursor:pointer}.card-product-catalog.selected{border:1px solid rgba(101,98,223,1)}.product-left-section{position:relative;width:10rem;flex-shrink:0}.discount-tag{position:absolute;top:-.5rem;left:-.5rem;z-index:1;background:white;border-radius:50%;padding:.25rem;box-shadow:0 2px 4px #0000001a}.product-images{display:flex;flex-direction:column;gap:.5rem}.main-image{width:10rem;height:10rem;border-radius:.5rem;overflow:hidden;background:#f8fafc}.main-image img{width:100%;height:100%;object-fit:cover}.thumbnail-container{display:flex;gap:.25rem}.thumbnail{width:2.25rem;height:2.25rem;border-radius:.25rem;overflow:hidden;background:#f8fafc}.thumbnail img{width:100%;height:100%;object-fit:cover}.variants-box{display:flex;flex-wrap:wrap;gap:.5rem;overflow-x:auto;padding:.5rem;width:100%;max-width:calc(100% - 24rem);align-items:start}.variants-box::-webkit-scrollbar{width:6px;height:6px}.variants-box::-webkit-scrollbar-track{background:rgba(200,200,200,.5);border-radius:4px}.variants-box::-webkit-scrollbar-thumb{background:rgba(51,51,51,1);border-radius:4px}.variants-box::-webkit-scrollbar-thumb:hover{background:rgba(30,30,30,1)}.variants-box{scrollbar-width:thin;scrollbar-color:rgba(51,51,51,1) rgba(200,200,200,.5)}.variant-scroll::-webkit-scrollbar{height:4px}.variant-scroll::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.variant-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.variant-button{display:flex;align-items:center;justify-items:center;gap:.6rem;padding:.3rem .75rem!important;background:white;border:1px solid #e5e7eb;border-radius:.375rem;color:#374151!important;font-size:.875rem;white-space:nowrap;cursor:pointer;transition:all .2s;font-weight:400!important}.variant-button.selected{background:#eef2ff;color:#2563eb!important;border-color:#2563eb;font-weight:600!important}.variant-button img.variant-icon{width:20px;height:30px;object-fit:contain}.variant-button.selected img.variant-icon{filter:brightness(1.2)}.actions-section{min-width:12rem;display:flex;flex-direction:column;justify-content:space-between;flex-shrink:0;width:250px}.product-header{display:flex;gap:2rem;width:35rem;flex-shrink:0;margin-right:-6rem}.controls-container{display:flex;align-items:end;gap:.75rem;margin-left:auto}.quantity-controls{display:flex;align-items:center;gap:.75rem;background:transparent;padding:.3rem;border-radius:.5rem;border:1px solid rgba(101,98,223,1)}.control-button{border:1px solid #e5e7eb!important;color:#fff!important;border-radius:.375rem!important;padding:.375rem!important}.control-button:hover{background:rgba(92,90,204,1)!important}.quantity-display{min-width:2rem;text-align:center;font-weight:500;color:#1f2937;font-size:1rem!important}.delete-button,.box-button{padding:.375rem!important}.delete-button:hover,.box-button:hover{background:#f1f5f9!important}.box-button{color:#2563eb!important}.bottom-actions{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.discount-container{display:flex;align-items:center;justify-content:space-between;background-color:#df62620d;border-radius:50px;padding:8px 17px;width:90%}.discount-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.discount-label-container,.discount-price-container{display:flex;align-items:center;gap:.5rem}.discount-label{font-size:10px!important;color:#6b7280!important;font-weight:500}.discount-price{font-size:10px!important;font-weight:600;color:#ff4747;overflow-x:auto;white-space:nowrap;max-width:100px;display:block;cursor:pointer;transition:overflow .2s;overflow-x:hidden}.discount-price:hover{overflow-x:auto}@media (max-width: 1024px){.card-product-catalog{height:auto;flex-wrap:wrap;gap:1rem}.variants-box{width:100%;max-width:none;margin-left:0}.actions-section{width:100%;flex-direction:row;align-items:center;margin-top:1rem;gap:1rem}.controls-container{flex:1;justify-content:flex-end}.product-header{width:100%;margin-right:0}}.discount-button{border-radius:.375rem!important;padding:.4rem!important;color:#fff!important;height:45px!important;width:45px!important}.discount-popover .MuiPopover-paper{width:320px;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;margin-right:10px;margin-top:10px;margin-left:-10px!important}.popover-content{padding:16px}.popover-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.popover-header h2{font-size:24px;margin:0;font-weight:500}.close-button{padding:4px!important;color:#666!important}.close-button:hover{background-color:transparent!important}.input-section{margin-bottom:16px}.input-section label{display:block;font-size:16px;margin-bottom:8px;color:#333}.input-group{display:flex;gap:8px}.input-with-prefix{flex:1;display:flex;align-items:center;border:1px solid #ddd;border-radius:4px;padding:8px 12px}.currency{color:#ef4444;font-weight:700;white-space:nowrap}.input-with-prefix input{border:none;outline:none;width:100%;color:#ef4444;margin-left:4px}.input-actions{display:flex;gap:4px}.action-button{padding:8px!important;border-radius:6px!important;min-width:36px!important;height:36px!important}.coin-button{background-color:#df6262!important;color:#fff!important}.trash-button{background-color:transparent!important;color:#ef4444!important}.action-button:hover{opacity:.9!important}.add-discount-button{background-color:#b91c1c!important;color:#fff!important;padding:12px!important;margin-top:8px!important;text-transform:none!important;font-size:16px!important;border-radius:6px!important}.add-discount-button:hover{background-color:#991b1b!important}.product-info{flex:1;max-width:18rem;position:relative;justify-content:start;align-items:start}.product-header{display:flex;gap:.8rem}.volume-label{position:absolute;top:0;left:0;font-size:.875rem;color:#6b7280;font-weight:500}.product-name{font-size:1.125rem!important;font-weight:600!important;color:#1f2937;overflow-x:auto;display:block;max-width:100%;scrollbar-width:thin;scrollbar-color:rgba(51,51,51,1) transparent}.product-name::-webkit-scrollbar{height:6px}.product-name::-webkit-scrollbar-thumb{background-color:#333;border-radius:3px}.product-name::-webkit-scrollbar-track{background:transparent}.product-price{margin-top:.25rem!important;font-size:1rem!important;font-weight:700!important;color:#374151!important;span {font-size: 10px; font-style: normal; font-weight: 300; line-height: 16px; text-decoration-line: line-through; color: #808080;}}.product-name-container{display:flex;gap:.5rem;align-items:center}.product-discount-price{font-size:1rem!important;font-weight:400!important;color:gray!important;text-decoration:line-through}.subtotal-container:hover{cursor:default!important}.product-categories-container{display:flex;gap:.5rem;margin-top:.5rem;overflow-x:auto;white-space:nowrap;scrollbar-width:thin;scrollbar-color:rgba(51,51,51,1) transparent;padding-bottom:.5rem}.product-categories-container::-webkit-scrollbar{height:6px}.product-categories-container::-webkit-scrollbar-thumb{background-color:#333;border-radius:3px}.product-categories-container::-webkit-scrollbar-track{background:transparent}.product-category{font-size:.875rem!important;color:#6b7280!important;background-color:#f2f2f2!important;padding:.25rem .5rem!important;border-radius:.25rem!important;display:inline-block}.product-category{margin-top:.5rem!important;font-size:.875rem!important;color:#6b7280!important;background-color:#f2f2f2!important;padding:.25rem .5rem!important;border-radius:.25rem!important;display:inline-block}.product-description{margin-top:.25rem!important;font-size:.875rem!important;color:#6b7280}.show-more{display:flex;justify-content:center;align-items:center;gap:.25rem;color:#5c5acc;font-size:.875rem;font-weight:500;cursor:pointer;margin-top:.5rem;text-align:center}.show-more:hover{text-decoration:underline}.modal-container{display:flex;align-items:center;justify-content:center}.modal-content{background:white;padding:2rem;border-radius:.75rem;width:90%;max-width:500px;text-align:center;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 10px #0003}.modal-image{width:100%;max-width:300px;height:auto;border-radius:.5rem;margin-bottom:1rem}.modal-description{font-size:1rem;color:#374151;line-height:1.5}.variant-button{display:flex;align-items:center;padding:.5rem;border:1px solid #d1d5db;border-radius:.25rem;background-color:#fff;cursor:pointer;transition:all .2s ease-in-out}.variant-button:hover:not(.disabled){background-color:#f3f4f6}.variant-button.selected{border-color:#4f46e5;background-color:#eff6ff}.variant-button.disabled{background-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.variant-icon{width:1.5rem;height:1.5rem;margin-right:.5rem;object-fit:cover}.variants-box{flex:1;max-width:20rem;max-height:250px;background:#f9fafb;border-radius:.5rem;padding:1rem;display:flex;flex-direction:row;gap:1rem;border:1px solid rgba(179,179,179,1);overflow:auto}.variant-group{display:flex;flex-direction:column;gap:.5rem}.variant-label{font-size:.9rem!important;font-weight:500!important;color:#374151}.variant-scroll{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem}.top-actions{display:flex;justify-content:flex-end;align-items:center;gap:1rem;width:100%}.subtotal-container{display:flex;flex-direction:column;align-items:flex-end}.subtotal-label{font-size:.9rem!important;color:#6b7280;margin-bottom:.25rem}.price-container{display:flex;align-items:center;gap:.5rem}.subtotal-price{font-size:1.5rem!important;font-weight:700!important}.original-price{font-size:1rem!important;color:#6b7280;text-decoration:line-through}.original-price.negative{color:#df6262b3}.delete-button{color:#ef4444!important}.delete-button:hover{background-color:transparent!important;color:brown!important}.data-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;border-radius:8px;max-width:400px;margin:0 auto}.data-not-found-image{width:300px;height:300px;object-fit:contain;border-radius:8px}.data-not-found-message{margin-top:1rem;color:#333;font-size:1.2rem;font-weight:600}.InvoiceTemplateCreatePage_invoiceTable_itemColumn{display:flex;align-items:center;width:100%;border-radius:4px;transition:all .3s ease;padding-top:4px!important;padding-bottom:4px!important;overflow:hidden}.InvoiceTemplateCreatePage_invoiceTable_itemColumn.header-column{background:#e8e7ff;border:none;height:40px;display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:0 8px}.InvoiceTemplateCreatePage_invoiceTable_itemColumn.header-column.editing{border:1px solid #6562df;background:transparent}.InvoiceTemplateCreatePage_invoiceTable_itemColumn.header-column.hidden-column{background:rgba(242,242,242,1)}.InvoiceTemplateCreatePage_invoiceTable_itemColumn.header-column .invoice-input{font-weight:500!important;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.InvoiceTemplateCreatePage_invoiceTable_itemColumn.non-header-column{border:1px solid #e0e0e0;height:40px;padding:0;margin-bottom:8px}.InvoiceTemplateCreatePage_invoiceTable_itemColumn.non-header-column.hidden-column{background:rgba(242,242,242,1)}.InvoiceTemplateCreatePage_invoiceTable_itemColumn.discount-column{padding:0;border:1px solid #e0e0e0;background-color:#fafafa;width:calc(100% - 40px)}.InvoiceTemplateCreatePage_invoiceTable_item{display:flex;gap:8px;align-items:stretch;width:100%}.InvoiceTemplateCreatePage_invoiceTable_itemIcon{display:flex;align-items:center;gap:8px;padding-left:10px}.InvoiceTemplateCreatePage_invoiceTable_itemIcon .icon-hover{cursor:pointer;transition:color .3s ease}.InvoiceTemplateCreatePage_invoiceTable_itemIcon .icon-hover:hover{color:#4f4ccc}.InvoiceTemplateCreatePage_invoiceTable_row{margin-bottom:8px}.InvoiceTemplateCreatePage_invoiceTable_row:first-of-type{margin-top:12px}.column-wrapper{display:flex;align-items:stretch;gap:3px;width:200px;min-width:200px;flex-shrink:0}.column-wrapper:first-child{width:250px;min-width:250px}.invoice-input{font-size:12px!important;font-weight:400!important;line-height:22px!important;letter-spacing:.12px!important;width:100%}.invoice-input.not-editing{cursor:default}.invoice-input .MuiInputBase-input{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.MuiSelect-select{padding:8px 12px!important;height:24px!important;line-height:24px!important}.MuiInputBase-input{padding:8px 12px!important;height:24px!important;font-size:12px!important;line-height:24px!important}.MuiOutlinedInput-root{height:40px!important;background-color:transparent!important}.MuiOutlinedInput-input{padding:8px 12px!important;height:24px!important}.discount-input{flex:1}.discount-input .MuiOutlinedInput-input{color:#ff3b3b}.input-discount{width:100%;font-size:12px;line-height:24px;border:none;background:transparent;color:#ff3b3b}.icon-discount-button{min-width:30px;height:28px;background:#ff3b3b;border:none;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s ease;padding:0;flex-shrink:0;margin:auto 0;position:relative;top:-4px;background-color:#ef4444!important;border-radius:.375rem!important;padding:.4rem!important;color:#fff!important}.icon-delete-button{min-width:30px;height:28px;background:transparent;border:none;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s ease;padding:0;flex-shrink:0;margin:auto 0;position:relative;top:-4px;background-color:transparent!important;border-radius:.375rem!important;padding:.4rem!important;color:#fff!important}.discount-button:hover{background:#ff3b3b!important;cursor:default!important}.invoice-table-container{width:100%;padding:0 4px;background:white}.price-input .MuiInputAdornment-root{margin-right:4px}.price-input .MuiOutlinedInput-root{padding-left:8px}.disabled-input{background-color:#b3b3b3!important;cursor:not-allowed!important}.disabled-input:hover{cursor:not-allowed!important}.product-cards{display:flex;flex-direction:column;gap:16px;margin-bottom:20px;width:100%}.product-cards .product-card{background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000001a}.product-cards .product-card .product-details{width:100%;h4 {display: flex; justify-content: space-between; align-items: flex-start; font-family: Inter; font-weight: 500; font-size: 14px; line-height: 24px; letter-spacing: 1%; vertical-align: middle; color: #333; .price-container {display: flex; flex-direction: column; align-items: flex-end; .original-price {color: #888; text-decoration: line-through; font-weight: normal; font-size: 12px;} .current-price {color: #666; font-weight: normal; font-size: 14px;}}} .product-quantity {display: flex; justify-content: space-between; font-size: 14px; color: #666; margin-bottom: 6px;} .product-discount {display: flex; justify-content: space-between; font-size: 14px; color: #666; margin-bottom: 6px; .discount-price {color: #ef4444;}} .product-total {display: flex; justify-content: space-between; font-size: 14px; color: #666; margin-top: 12px; margin-bottom: 16px; .total-price {color: #6366f1; font-weight: 600; font-size: 18px;}} .action-buttons {display: flex; gap: 8px; align-items: center; width: 100%; .edit-button {display: flex; align-items: center; justify-content: center; gap: 4px; padding: 10px; background-color: #6366f1; color: #fff; border: none; border-radius: 6px; font-size: 14px; font-weight: 500; cursor: pointer; transition: background-color .2s; width: 100%; &:hover {background-color: #4f46e5;}} .delete-button {display: flex; align-items: center; justify-content: center; padding: 8px; background: none; border: none; cursor: pointer; color: #ef4444; &:hover {opacity: .8;}}}}.InvoiceTemplateCreatePage_invoiceFooter{display:flex;padding:12px;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch;border-radius:8px;background:#ffffff;margin-top:20px}.InvoiceTemplateCreatePage_invoiceFooter .title{display:flex;align-items:center;gap:4px}.InvoiceTemplateCreatePage_invoiceFooter .main{display:flex;justify-content:space-between;align-items:flex-start;align-self:stretch}.InvoiceTemplateCreatePage_invoiceFooter .main .left{display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:100%;max-width:100%;padding:0;flex:1 0 0}.InvoiceTemplateCreatePage_invoiceFooter .main .left .section{display:flex;width:360px;flex-direction:column;align-items:flex-start;gap:4px}.InvoiceTemplateCreatePage_invoiceFooter .main .left .section .inputTop{display:flex;width:220px;padding:8px 12px;align-items:center;gap:10px;border-radius:4px;border:1px solid #333;background:#fff;box-shadow:0 0 5px #5c5acc26}.InvoiceTemplateCreatePage_invoiceFooter .main .left .section .inputTop:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.InvoiceTemplateCreatePage_invoiceFooter .main .left .section .inputBottom{display:flex;height:40px;padding:8px 12px;align-items:center;gap:10px;align-self:stretch;border-radius:4px;border:1px solid #b3b3b3;background:#fff}.InvoiceTemplateCreatePage_invoiceFooter .main .left .section .inputBottom:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.InvoiceTemplateCreatePage_invoiceFooter .main .right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.InvoiceTemplateCreatePage_invoiceFooter .main .right .section{display:flex;justify-content:flex-start;align-items:center;gap:4px;align-self:stretch}.InvoiceTemplateCreatePage_invoiceFooter .main .right .section.hidden{background-color:#fafafa}.InvoiceTemplateCreatePage_invoiceFooter .main .right .section .one{display:flex;height:36px;width:36px;justify-content:center;align-items:center;gap:8px;cursor:pointer;svg {cursor: pointer;}}.InvoiceTemplateCreatePage_invoiceFooter .main .right .section .two{display:flex;width:120px;padding:8px 12px;align-items:flex-start;gap:10px;border-radius:4px;border:1px solid #b3b3b3;background:#fff;input {background: none; width: 100%; &:disabled {background: #f5f5f5; cursor: not-allowed; opacity: .6;}}}.InvoiceTemplateCreatePage_invoiceFooter .main .right .section .three{display:flex;width:156px;padding:8px;align-items:center;gap:8px;border-radius:4px;border:.5px solid #ccc;background:#fafafa;input {background: none; width: 100%; &:disabled {background: #f5f5f5; cursor: not-allowed; opacity: .6;}}}.InvoiceTemplateCreatePage_invoiceFooter .main .right .section .four{display:flex;align-items:center;gap:4px;position:relative}.InvoiceTemplateCreatePage_invoiceFooter .main .right .section .four .input{position:relative;display:flex;width:120px;padding:8px;align-items:center;gap:8px;border-radius:4px;border:.5px solid #333;background:#fff;input {background: none; width: 100%; padding-right: 20px;} input[type="text"] {width: 100%; padding-right: 20px;} &[data-type="percentage"]::after {content: "%"; position: absolute; right: 8px; color: #000000; pointer-events: none;}}.InvoiceTemplateCreatePage_invoiceFooter .main .right .section .addItem{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:8px}.InvoiceTemplateCreatePage_invoiceFooter .main .right .section .addItem .button_small{color:#5c5acc}.input{position:relative}.input[data-type=percentage] input{text-align:left}.input input{width:100%;background:transparent}.input input[readonly],.two input[readonly]{background:rgba(250,250,250,1)}.MuiMenuItem-root{background-color:#fff!important;color:#000!important}.MuiMenuItem-root:hover{background-color:#6562df!important;color:#fff!important}.change-type-popover{display:flex;gap:5px}.invoice-footer{max-width:450px;margin:20px auto 0;padding:0 16px;display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 200px);overflow-y:auto}.invoice-footer .input-group{width:100%;input,textarea {width: 100%; padding: 10px 12px; border: 1px solid #333333; border-radius: 8px; font-size: 14px; color: #333; height: 44px; box-sizing: border-box; &.focused {border-color: #6562DF;}} textarea {min-height: 60px; resize: none; padding: 10px 12px; height: auto;}}.invoice-footer .input-group.column-layout{display:flex;flex-direction:column;gap:8px}.invoice-footer .input-group.column-layout.price-section{background-color:#fff;border:1px solid #333333;border-radius:8px;padding:12px;gap:10px}.invoice-footer .input-group.column-layout .input-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;button {background: none; border: none; cursor: pointer; padding: 0; margin: 0;}}.invoice-footer .input-group.column-layout .input-header .label-input{background:transparent;border:none!important;padding:0!important;font-weight:500;font-size:14px;color:#333!important;width:auto}.invoice-footer .input-group.column-layout .input-header .label-input:disabled{background-color:#f0f0f0;opacity:.5;cursor:not-allowed}.invoice-footer .input-group.column-layout .amount-field{display:flex;align-items:center;border:1px solid #CCCCCC;border-radius:8px;overflow:hidden;height:44px;padding:0 10px;color:#b3b3b3;cursor:not-allowed;input {flex: 1; border: none; padding: 0; font-size: 14px; height: 100%; background: transparent; color: #B3B3B3; cursor: not-allowed; &:disabled {background-color: #E0E0E0; color: #666; cursor: not-allowed;}}}.invoice-footer .divider{width:100%;height:1px;border-top:1px dashed #BDBDBD;margin:8px 0}.invoice-footer :is(.discount-section,.fee-section,.price-section){border:1px solid;border-radius:8px;padding:12px}.invoice-footer :is(.discount-section,.fee-section,.price-section).discount-section{border-color:#df6262;background-color:#df626233}.invoice-footer :is(.discount-section,.fee-section,.price-section).fee-section{border-color:#6562df;background-color:#6562df33}.invoice-footer :is(.discount-section,.fee-section,.price-section).price-section{border-color:#fff;background-color:#fff}.invoice-footer :is(.discount-section,.fee-section,.price-section) .fee-header{flex:1;display:flex;align-items:center;border:1px solid #333333;border-radius:8px;overflow:hidden;height:44px;background-color:#fff;padding:0 10px;margin-bottom:8px;input {flex: 1; border: none; padding: 0 12px 0 4px; font-size: 14px; height: 100%; &:disabled {background-color: #E0E0E0; color: #666;}} .percentage {padding: 0 12px; color: #666; font-size: 14px; background-color: transparent;} .label-input {&:disabled {background-color: #f0f0f0; opacity: .5; cursor: not-allowed;}} button {background: none; border: none; cursor: pointer; padding: 0; margin: 0;}}.invoice-footer :is(.discount-section,.fee-section,.price-section) .fee-header.focused-fee{border-color:#6562df}.invoice-footer :is(.discount-section,.fee-section,.price-section) .fee-header.focused-discount{border-color:#df6262}.invoice-footer :is(.discount-section,.fee-section,.price-section) .fee-input-group{display:flex;align-items:center;gap:4px}.invoice-footer :is(.discount-section,.fee-section,.price-section) .fee-input-group .fee-input{flex:1;display:flex;align-items:center;border:1px solid #333333;border-radius:8px;overflow:hidden;height:44px;background-color:#fff;padding:0 10px;input {flex: 1; border: none; padding: 0 12px 0 4px; font-size: 14px; height: 100%; &:disabled {background-color: #E0E0E0; color: #666;}} .percentage {padding: 0 12px; color: #666; font-size: 14px; background-color: transparent;} .amount-prefix {padding: 0 8px; color: #666; font-size: 14px;}}.invoice-footer :is(.discount-section,.fee-section,.price-section) .fee-input-group .fee-input.focused-fee{border-color:#6562df}.invoice-footer :is(.discount-section,.fee-section,.price-section) .fee-input-group .fee-input.focused-discount{border-color:#df6262}.invoice-footer :is(.discount-section,.fee-section,.price-section) .fee-input-group .action-buttons{display:flex;align-items:center;gap:4px;padding-top:10px}.invoice-footer :is(.discount-section,.fee-section,.price-section) .fee-input-group .action-buttons .action-button{width:36px;height:44px;display:flex;align-items:center;justify-content:center;border:none;border-radius:4px;cursor:pointer}.invoice-footer :is(.discount-section,.fee-section,.price-section) .fee-input-group .action-buttons .action-button.copy{background-color:#df6262;color:#fff}.invoice-footer :is(.discount-section,.fee-section,.price-section) .fee-input-group .action-buttons .action-button.purple{background-color:#6562df;color:#fff}.invoice-footer :is(.discount-section,.fee-section,.price-section) .fee-input-group .action-buttons .action-button.delete{background-color:#fff;border:1px solid #DF6262;color:#df6262}.invoice-footer .add-button{display:flex;align-items:center;justify-content:center;gap:8px;background:#F0F0FF;border:1px solid #5C5ACC;border-radius:8px;padding:12px;color:#6562df;cursor:pointer;font-weight:500;font-size:14px;height:44px;transition:background-color .3s}.invoice-footer .add-button:is(:hover,:active){background-color:#b8b7e5}.invoice-footer .net-payment-summary{background:#F0F0FF;padding:16px;border-radius:8px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.invoice-footer .net-payment-summary .net-payment-label{color:#666;font-size:14px;font-weight:500}.invoice-footer .net-payment-summary .net-payment-amount{color:#6562df;font-size:22px;font-weight:700}.InvoiceTemplateCreatePage_invoicePayment{display:flex;padding:12px;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch;border-radius:8px;background:#FFFFFF;margin-top:20px}.InvoiceTemplateCreatePage_invoicePayment .top{display:flex;justify-content:space-between;align-items:center;width:100%}.InvoiceTemplateCreatePage_invoicePayment .top .title{display:flex;align-items:center;gap:4px}.InvoiceTemplateCreatePage_invoicePayment .top .rightSection{display:flex;align-items:center;gap:4px;svg {cursor: pointer;}}.InvoiceTemplateCreatePage_invoicePayment .top .rightSection .MuiSwitch-root{transform:scale(.7)}.InvoiceTemplateCreatePage_invoicePayment .main{width:100%;display:flex;flex-direction:column;gap:16px}.InvoiceTemplateCreatePage_invoicePayment .main .selectTransactionFee{width:100%;display:flex;flex-direction:column;gap:4px}.InvoiceTemplateCreatePage_invoicePayment .main .selectTransactionFee .title{display:flex;align-items:center;gap:4px}.InvoiceTemplateCreatePage_invoicePayment .main .selectTransactionFee .title .caption_large{color:#656464}.InvoiceTemplateCreatePage_invoicePayment .main .selectTransactionFee .select .item{display:flex;flex-direction:column;gap:4px;padding:8px 12px}.InvoiceTemplateCreatePage_invoicePayment .main .limitUsingPayment{display:flex;gap:24px}.InvoiceTemplateCreatePage_invoicePayment .main .limitUsingPayment .itemSection{display:flex;flex-direction:column;flex:1}.InvoiceTemplateCreatePage_invoicePayment .main .limitUsingPayment .itemSection .title{display:flex;align-items:center;gap:4px}.InvoiceTemplateCreatePage_invoicePayment .main .limitUsingPayment .itemSection .title .caption_large{color:#656464}.InvoiceTemplateCreatePage_invoicePayment .main .limitUsingPayment .itemSection .data{display:flex;gap:16px;align-items:center}.InvoiceTemplateCreatePage_invoicePayment .main .limitUsingPayment .itemSection .data .input{border:1px solid #656464;padding:12px;display:flex;align-items:center;border-radius:4px;flex:1;gap:8px;input {flex: 1;}}.InvoiceTemplateCreatePage_invoicePayment .main .selectPaymentMethod{width:100%;display:flex;flex-direction:column;gap:4px}.InvoiceTemplateCreatePage_invoicePayment .main .selectPaymentMethod .title{display:flex;align-items:center;gap:4px}.InvoiceTemplateCreatePage_invoicePayment .main .selectPaymentMethod .title .caption_large{color:#656464}.InvoiceTemplateCreatePage_invoicePayment .main .selectPaymentMethod .selected{display:flex;gap:8px;button {padding: 4px;}}.InvoiceTemplateCreatePage_invoicePayment .main .selectPaymentMethod .listDataPayment{display:flex;gap:16px}.InvoiceTemplateCreatePage_invoicePayment .main .selectPaymentMethod .listDataPayment .listDataPaymentItem{display:flex;flex-direction:column;gap:4px;flex:1}.InvoiceTemplateCreatePage_invoicePayment .main .selectPaymentMethod .listDataPayment .itemData{display:flex;align-items:center;padding:4px 8px;gap:8px}.InvoiceTemplateCreatePage_invoicePayment .selectData .showData{width:calc(100% - 26px);border:1px solid #656464;display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:4px}.InvoiceTemplateCreatePage_invoicePayment .selectData .listItemData{border:1px solid #CCCCCC;margin-top:3px;display:flex;flex-direction:column;gap:6px;padding:4px;border-radius:4px;hr {height: 1px; width: 100%; background: #B3B3B3; border: none; margin: -6px 0;}}.InvoiceTemplateCreatePage_invoicePayment .selectData .listItemData .itemData{display:flex;flex-direction:column;gap:4px;padding:8px 12px}.InvoiceTemplateCreatePage_invoicePayment .bank-account-container{width:calc(100% - 32px);padding:16px}.InvoiceTemplateCreatePage_invoicePayment .no-account-text{color:#666;margin-bottom:16px!important;font-size:14px!important}.InvoiceTemplateCreatePage_invoicePayment .add-account-button{background-color:#6366f1!important;text-transform:none!important;padding:6px 16px!important;font-size:14px!important}.InvoiceTemplateCreatePage_invoicePayment .add-account-button:hover{background-color:#4f46e5!important}.InvoiceTemplateCreatePage_invoicePayment .account-details-container{width:100%;border:1px solid #E5E7EB;border-radius:8px;padding:16px;cursor:pointer;margin-bottom:12px}.InvoiceTemplateCreatePage_invoicePayment .account-details-container:last-child{margin-bottom:0}.InvoiceTemplateCreatePage_invoicePayment .bank-name{font-weight:600!important;font-size:16px!important}.InvoiceTemplateCreatePage_invoicePayment .account-info{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.InvoiceTemplateCreatePage_invoicePayment .account-info Typography{font-size:14px!important;color:#4b5563}.InvoiceTemplateCreatePage_invoicePayment .delete-button{padding:4px!important}.InvoiceTemplateCreatePage_invoicePayment .delete-button:hover{background-color:#ef44440a!important}.bank-account-container{width:100%;background:rgba(250,250,250,1)}.bank-account-header{font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:16px}.bank-account-empty{background:#fff;border-radius:8px;padding:24px;text-align:start}.bank-account-empty-text{color:#666;margin-bottom:16px;font-size:14px;line-height:22px;font-weight:400;margin-left:15px}.add-account-button{background-color:#5c5acc!important;color:#fff!important;text-transform:none!important;padding:10px 16px!important;border-radius:8px!important}.add-account-button:hover{background-color:#4f46e5!important}.bank-account-filled{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;display:flex;justify-content:space-between;align-items:center}.bank-info{display:flex;flex-direction:column;gap:4px}.bank-name{font-weight:500;color:#1a1a1a}.account-details{color:#666}.delete-button{color:#ef4444!important;padding:8px!important;min-width:unset!important}.bankListData{display:flex;padding:8px 8px 8px 12px;justify-content:space-between;align-items:center;align-self:stretch;background:#FFF;margin-top:12px;button {padding: 8px;}}.bankListData .leftData{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.bankListActive{border-radius:4px;border:1px solid#6562DF}.InvoiceTemplateCreatePage_invoicePayment{display:flex;padding:12px;flex-direction:column;align-items:flex-start;gap:16px;align-self:stretch;border-radius:8px;background:#FFF}.InvoiceTemplateCreatePage_invoicePayment .top{display:flex;justify-content:space-between;align-items:flex-start;align-self:stretch}.InvoiceTemplateCreatePage_invoicePayment .top .leftSection{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px}.InvoiceTemplateCreatePage_invoicePayment .top .MuiSwitch-root{transform:scale(1)!important}.InvoiceTemplateCreatePage_invoicePayment .mainSection{display:flex;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch}.InvoiceTemplateCreatePage_invoicePayment .mainSection .buttonList{display:flex;align-items:flex-start;gap:8px;button {display: flex; padding: 8px; justify-content: center; align-items: center; gap: 4px;}}.InvoiceTemplateCreatePage_invoicePayment .mainSection .listRules{display:flex;align-items:flex-start;gap:16px;align-self:stretch}.InvoiceTemplateCreatePage_invoicePayment .mainSection .listRules .section{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:4px;flex:1 0 0}.InvoiceTemplateCreatePage_invoicePayment .mainSection .listRules .section .item{display:flex;padding:8px 4px;align-items:center;gap:8px;align-self:stretch;width:calc(100% - 8px)}.InvoiceTemplateCreatePage_invoicePayment .mainSection .listRules .section .itemAccordion{display:flex;padding:8px 4px;align-items:center;flex-direction:column;gap:8px;align-self:stretch;border-radius:4px;border:1px solid#E5E4E4;background:#FFF}.InvoiceTemplateCreatePage_invoicePayment .mainSection .listRules .section .itemAccordion .itemChild{padding-left:24px;width:calc(100% - 28px)}.caption_medium{color:#656464;font-size:13px}.popupShowHistoryInvoice .MuiPaper-root{display:flex;width:592px;flex-direction:column;align-items:flex-start;border-radius:8px;border:1px solid#B3B3B3;box-shadow:0 0 10px #0000001a}.popupShowHistoryInvoice .MuiPaper-root .mainSection .bodySection{display:flex;max-height:200px;padding:8px;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch;overflow-y:scroll;overflow-x:hidden}.invoice-card__header{padding:16px;display:flex;justify-content:space-between;align-items:flex-start}.underline_card{border-bottom:.2px solid #B3B3B3}.invoice-card__divider{padding:0 16px}.invoice-card__title-section{display:flex;flex-direction:column}.invoice-card__title{font-size:10px;color:#666;margin-bottom:4px;font-weight:500}.invoice-card__number{font-size:16px;font-weight:600;color:#333}.invoice-card__status{padding:8px 16px;border-radius:20px;color:#fff;font-weight:500;width:130px;font-size:14px;display:flex;align-items:center;justify-content:center}.invoice-card__details{padding:16px;border-top:1px solid #eee}.invoice-card__detail-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.invoice-card__detail-label{color:#666;font-size:10px}.invoice-card__detail-value{color:#333;font-size:10px;text-align:right;display:flex;align-items:start;justify-content:flex-end;gap:8px}.user-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover}.invoice-card_button-info-history{background:transparent;border:none;padding:0;margin-left:8px;display:flex;align-items:center;justify-content:center;cursor:pointer}.user-avatar{width:20px;height:20px;border-radius:50%;margin-right:8px;object-fit:cover}.invoice-card__payment{font-weight:600;color:#6562df}.invoice-card__actions{display:flex;padding:16px;border-top:1px solid #eee;justify-content:space-between}.invoice-card__edit-button{flex:1;background:#6366f1;color:#fff;border:none;border-radius:8px;padding:12px;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.invoice-card__approve-and-reject-buttons{display:flex;gap:4px;width:300px}.invoice-card__approve-and-reject-buttons .invoice-card__approve-button{background:#5C5ACC;color:#fff;border:none;border-radius:8px;padding:12px;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;width:50%}.invoice-card__approve-and-reject-buttons .invoice-card__reject-button{background:#DF6262;color:#fff;border:none;border-radius:8px;padding:12px;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;width:50%}.invoice-card__edit-button:hover{background:#23224D}.invoice-card__secondary-actions{display:flex;margin-left:5px}.invoice-card__share-button{width:44px;height:44px;border-radius:8px;padding:0!important;border:1px solid #6366f1;background:white;display:flex;align-items:center;justify-content:center;margin-left:8px;cursor:pointer}.invoice-card__more-button{width:44px;height:44px;border-radius:8px;border:1px solid #eee;background:white;display:flex;padding:0!important;align-items:center;justify-content:center;margin-left:8px;cursor:pointer}.invoice-card__share-button:hover,.invoice-card__more-button:hover{background:#f5f5f5}.MobileInvoiceListPage__content{overflow-y:auto;height:calc(100vh - 280px);padding-bottom:60px;-webkit-overflow-scrolling:touch;overscroll-behavior-y:auto;-webkit-user-select:none}.invoice-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026;margin:16px;overflow:hidden;border:1px solid #eaeaea}.no-invoices{display:flex;justify-content:center;align-items:center;height:200px;color:#666;font-size:16px}.BlackBgAddInvoiceTabsMobile{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:3000}.AddInvoiceTabsMobile{position:fixed;bottom:0;left:0;right:0;z-index:999999999;display:flex;flex-direction:column;align-items:flex-start;width:100%;height:400px;background:#ffffff;border-radius:28px 28px 0 0;box-shadow:0 -4px 20px #0000001a;transition:transform .3s ease;will-change:transform;transform:translateZ(0)}.drag-handle{width:100%;height:40px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.drag-handle:active{cursor:grabbing}.line{display:flex;align-items:center;justify-content:center;width:100%}.line hr{width:60px;height:4px;border-radius:100px;background:#79747e;margin:0;border:none}.mainSectionTab{display:flex;padding:0 16px 16px;width:calc(100% - 32px);flex-direction:column;align-items:flex-start;gap:12px;flex:1 0 0;overflow-y:auto}.HeaderSectionTab{display:flex;padding:0 0 16px;justify-content:space-between;align-items:center;align-self:stretch;width:100%}.body_large_semibold{font-size:18px;font-weight:600;color:#333;margin:0}.close-button{cursor:pointer;display:flex;align-items:center;justify-content:center}.BodySectionTab{display:flex;flex-direction:column;align-items:center;width:100%;overflow-y:auto}.Session{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%}.action-button{display:flex;align-items:center;justify-content:center;padding:16px;width:calc(100% - 32px);border-radius:8px;cursor:pointer;margin-bottom:8px;transition:background-color .2s}.button-content{display:flex;align-items:center;justify-content:center;gap:12px;width:100%}.body_large_semibold{font-size:20px!important;font-weight:600;color:#333;margin:0}.action-button span{font-size:16px;color:#333}.delete-button{background-color:#df6262}.delete-button span{color:#fff}.delete-button:hover{background-color:#f44336!important}.edit-button{background-color:#5c5acc}.edit-button span{color:#fff}.disabled-button{background-color:#f5f5f5;cursor:not-allowed}.disabled-button span{color:#b3b3b3}.active-button{background-color:#eef0ff}.active-button span{color:#f5f5f5}.dialog-container-invoice-preview{display:flex;flex-direction:column;height:100%;background:white}.dialog-container-invoice-preview .dialog-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #e0e0e0}.dialog-container-invoice-preview .dialog-title{font-size:20px;font-weight:500;color:#333;margin:0}.dialog-container-invoice-preview .close-button{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.dialog-container-invoice-preview .close-button:hover{opacity:.8}.dialog-container-invoice-preview .dialog-subtitle{padding:16px 0;text-align:center;border-bottom:1px solid #e0e0e0}.dialog-container-invoice-preview .filename{font-size:16px;color:#666}.dialog-container-invoice-preview .dialog-content{flex:1;overflow:auto;padding:0;background:#fff}.dialog-container-invoice-preview .dialog-content .imgSection{max-width:734px;width:calc(100% - 34px);display:flex;margin-left:17.5%;margin-top:12px;flex-direction:column;align-items:center;padding:20px 17px;border-radius:4px;border:1px dashed #B3B3B3;background:#FFF;margin-bottom:200px}.dialog-container-invoice-preview .dialog-content .imgSection .statusSection{width:100%;margin-bottom:21px}.dialog-container-invoice-preview .dialog-content .imgSection .statusSection .invoiceStatusData{display:flex;padding:8px;justify-content:center;align-items:center;gap:10px;flex:1 0 0;width:calc(100% - 16px);border-radius:20px;p {font-size: 12px; font-style: normal; font-weight: 700; line-height: 18px;}}.dialog-container-invoice-preview .dialog-content .imgSection .previewImgPdf{max-width:700px;width:100%;object-fit:contain;margin:0 auto}.dialog-container-invoice-preview .dialog-content .historyData{display:flex;padding:8px;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch;margin:0 16px}.dialog-container-invoice-preview .dialog-content .historyData .historyTab{display:flex;padding:4px;align-items:center;gap:4px;border-radius:8px;background:#F2F2F2}.dialog-container-invoice-preview .dialog-content .historyData .historyTab .item{display:flex;min-width:100px;padding:8px;justify-content:center;align-items:center;gap:8px;border-radius:4px;p {color: #656565;}}.dialog-container-invoice-preview .dialog-content .historyData .historyTab .itemActive{background:#FFF;p {color: #6562DF;}}.dialog-container-invoice-preview .dialog-content .historyData .itemHistory{display:flex;flex-direction:column;padding:8px;align-items:center;gap:12px}.dialog-container-invoice-preview .dialog-content .historyData .itemHistory .topSection{display:flex;align-items:center;gap:12px;flex:1 0 0;img {width: 20px; height: 20px; flex-shrink: 0; border-radius: 50%;}}.dialog-container-invoice-preview .dialog-content .historyData .itemHistory .bottomSection{display:flex;padding-left:48px;align-items:center;gap:8px;align-self:stretch}.dialog-container-invoice-preview .dialog-content .historyData .itemHistory .bottomSection .sectionStatus{display:flex;width:200px;align-items:center;gap:8px}.dialog-container-invoice-preview .dialog-content .historyData .itemHistory .bottomSection .sectionStatus .invoiceStatusData{display:flex;padding:8px;justify-content:center;align-items:center;gap:10px;border-radius:20px;min-width:50px;p {font-size: 12px; font-style: normal; font-weight: 700; line-height: 18px;}}.dialog-container-invoice-preview .dialog-content .historyData .itemHistory .bottomSection .imgProof{width:200px;object-fit:contain}.dialog-container-invoice-preview .dialog-footer{padding:16px;display:flex;justify-content:center;border-top:1px solid #e0e0e0;background:white}.dialog-container-invoice-preview .download-button{background-color:#6562df!important;color:#fff!important;padding:8px 24px!important;font-size:14px!important;text-transform:none!important;min-width:150px!important}.dialog-container-invoice-preview .download-button:hover{background-color:#5452cf!important}.dialog-container-invoice-preview .button-pdf{display:flex;align-items:center;gap:8px;cursor:pointer}.dialog-container-invoice-preview .button-text{margin:0;font-size:14px;color:#6562df}@media (max-width: 500px){.dialog-container-invoice-preview{position:fixed;border-radius:0;top:0;left:0;height:100dvh;width:100dvw;overflow-x:hidden}.dialog-container-invoice-preview .dialog-content .imgSection{padding:20px 8px;width:calc(100% - 38px);margin:12px 10px 50px}.dialog-container-invoice-preview .dialog-content .imgSection .previewImgPdf{max-width:calc(100dvw - 16px)}}.invoice-header{width:100%;background-color:#fff;padding:16px}.search-container{display:flex;align-items:center;gap:8px}.search-input-wrapper{position:relative;flex:1;display:flex;align-items:center;border:1px solid #e0e0e0;border-radius:10px;background-color:#fff;overflow:hidden}.search-input{flex:1;border:none;padding:10px 16px;font-size:14px;color:#333;width:100%;background:transparent}.search-input::placeholder{color:#9e9e9e}.search-input:focus{outline:none}.search-button{background:none;border:none;padding:0 12px 0 0;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center}.filter-button{background-color:#6c5ce7;border:none;border-radius:8px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer}.BlackBgFilterInvoiceMobile{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000050;z-index:100}.filterInvoiceMobile{position:fixed;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;align-items:flex-start;padding:0;width:100%;height:76.4dvh;flex:none;order:0;flex-grow:0;background:#FFFFFF;border-radius:28px 28px 0 0}.filterInvoiceMobile .line{display:flex;padding:16px;flex-direction:column;align-items:center;gap:12px;align-self:stretch;hr {width: 32px; height: 2px; border-radius: 100px; background:#79747E; margin: 0;}}.filterInvoiceMobile .mainSection{display:flex;padding:16px;width:calc(100% - 32px);height:calc(100% - 68px);flex-direction:column;align-items:flex-start;gap:12px;flex:1 0 0}.filterInvoiceMobile .mainSection .Header{display:flex;padding:8px 0;justify-content:space-between;align-items:center;align-self:stretch;p {display: flex; align-items: center; gap: 12px;}}.filterInvoiceMobile .mainSection .Body{display:flex;flex-direction:column;align-items:center;padding:0;width:100%;height:calc(100% + -0px);overflow-y:scroll}.filterInvoiceMobile .mainSection .Body .item{display:flex;padding:16px;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch}.filterInvoiceMobile .mainSection .Body .item .itemHeader{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.filterInvoiceMobile .mainSection .Body .item .itemHeader .rightSection{display:flex;align-items:flex-start;gap:12px}.filterInvoiceMobile .mainSection .Body .item .itemBody{display:flex;align-items:flex-start;align-content:flex-start;gap:12px;align-self:stretch;flex-wrap:wrap}.filterInvoiceMobile .mainSection .Body .item .itemBody .itemDataSession{display:flex;min-width:105px;width:max-content;padding:4px 8px;justify-content:center;align-items:center;gap:4px;border-radius:30px;background:#F2F2F2;p {font-size: 12px; font-style: normal; font-weight: 700; line-height: 22px; letter-spacing: .12px; color: #656565;}}.filterInvoiceMobile .mainSection .Body .item .itemBody .itemDataSessionActive{background:#6562DF;p {color: #FFF;}}.filterInvoiceMobile .mainSection .Body .item .itemBody .inputSelect{width:100%}.filterInvoiceMobile .mainSection .Body .item .itemBody .inputSelect .main{display:flex;height:24px;width:calc(100% - 24px);padding:12px;justify-content:space-between;align-items:center;align-self:stretch;border-radius:4px;border:1px solid #817EE5;background:#FFF;box-shadow:0 0 5px #5c5acc26}.filterInvoiceMobile .mainSection .Body .item .itemBody .inputSelect .listData{margin-top:4px;display:flex;width:calc(100% - 8px);padding:4px;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;border-radius:4px;border:1px solid #656464;background:#FFF}.filterInvoiceMobile .mainSection .Body .item .itemBody .inputSelect .listData .Data{display:flex;padding:12px;align-items:flex-start;gap:10px;align-self:stretch}.filterInvoiceMobile .mainSection .Body .item .itemBody .inputSelect .listData .DataSelected{border-radius:4px;background:#6562DF;p {color: #FAFAFA;}}.filterInvoiceMobile .mainSection .FooterSection{display:flex;align-items:flex-start;gap:12px;align-self:stretch;button{display: flex; padding: 12px 16px 12px 12px; justify-content: center; align-items: center; gap: 8px; flex: 1 0 0; align-self: stretch; border-radius: 8px; background: none; height: 48px;} .Cancel{display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 8px; gap: 8px; font-weight: 600; font-size: 12px; line-height: 20px; letter-spacing: .02em; color: #DF6262;} .Create{display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 8px 12px; gap: 8px; background: #5C5ACC; border-radius: 4px; p{font-weight: 600; font-size: 12px; line-height: 20px; display: flex; align-items: center; letter-spacing: .02em; color: #FAFAFA;}}}.filter-section{margin-bottom:16px}.filter-section h4{font-size:14px;font-weight:500;margin-bottom:8px;color:#333}.filter-options{display:flex;flex-wrap:wrap;gap:8px}.filter-options button{background-color:#f5f5f5;border:1px solid #eee;border-radius:16px;padding:6px 12px;font-size:12px;color:#666;cursor:pointer;transition:all .2s ease}.filter-options button.active{background-color:#6c5ce7;color:#fff;border-color:#6c5ce7}@media (max-width: 360px){.filter-options{gap:6px}.filter-options button{padding:4px 10px;font-size:11px}}.invoice-container{max-width:100%;width:100%;margin:0 auto;background-color:#f9f9f9;min-height:100vh;display:flex;flex-direction:column;box-sizing:border-box;header.invoice-header {width: calc(100% - 32px); display: flex; justify-content: space-between; align-items: center; padding: 16px; background-color: #fff; border-bottom: 1px solid #f0f0f0; position: sticky; top: 0; z-index: 10; flex-shrink: 0; h1 {font-size: 18px; font-weight: 600; color: #333;} .header-actions {display: flex; align-items: center; gap: 8px; margin-right: 20px; .draft-button {display: flex; align-items: center; gap: 8px; padding: 14px 17px; background-color: #f5f7ff; border: 1px solid #e0e7ff; color: #6366f1; border-radius: 20px; border-color: #6366f1; font-size: 14px; font-weight: 500; cursor: pointer; transition: opacity .2s ease; span {color: #6366f1;} &:disabled {opacity: .6; cursor: not-allowed;}} .loading-spinner {animation: spin 1s linear infinite;} @keyframes spin {0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}} .close-button {background: none; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0;}}} .invoice-content {flex: 1; overflow-y: auto; padding-right: 5px; padding-left: 5px; padding-bottom: 80px; max-height: calc(100vh - 132px); box-sizing: border-box; section.invoice-section {margin: 16px 0; padding: 0 16px; .section-label {display: block; font-size: 16px; font-weight: 500; margin-bottom: 8px; color: #333;} .custom-search-dropdown {position: relative; margin-right: 20px; width: 100%; margin-bottom: 20px;} .dropdown-input {position: relative; width: 100%; border: 1px solid #e0e0e0; border-radius: 8px; background-color: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.05); cursor: pointer; &.active {border-color: #6366f1;} .dropdown-search-field {width: 100%; padding: 12px 16px; border: none; outline: none; font-size: 16px; color: #333; background: transparent;} .dropdown-selected {display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; .selected-text {font-size: 16px; color: #333; .placeholder {color: #999; font-style: italic;}} svg {cursor: pointer;}}} .dropdown-options {position: absolute; top: 100%; left: 0; right: 0; max-height: 200px; overflow-y: auto; background-color: #fff; border: 1px solid #e0e0e0; border-radius: 8px; box-shadow: 0 4px 6px rgba(0,0,0,.1); z-index: 10; margin-top: 4px; .option-item {padding: 10px 16px; cursor: pointer; &:hover {background-color: #f5f5f5;} &.no-results {color: #999; cursor: default; &:hover {background-color: transparent;}} .option-label {font-size: 14px; color: #333;}}} .section-header {display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; .edit-button {display: flex; align-items: center; gap: 4px; background: none; border: none; color: #6366f1; font-size: 14px; font-weight: 500; cursor: pointer;}} .section-separator {border-top: 2px dashed #ccc; margin-bottom: 16px;} .invoice-header-card {background-color: #fff; border: 1px solid #e0e0e0; border-radius: 8px; padding: 16px; box-shadow: 0 1px 3px rgba(0,0,0,.05); margin-bottom: 30px; .invoice-header-content {display: flex; justify-content: space-between; margin-bottom: 12px; .company-info {display: flex; gap: 12px; .company-logo {width: 90px; height: 90px; background-color: #f9f3e0; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center; img {width: 100%; height: 100%; object-fit: cover; justify-content: center; align-items: center; display: flex;}} .company-details {h3 {font-size: 14px; font-weight: 600; margin-bottom: 4px; color: #333;} p {font-size: 12px; color: #b3b3b3; margin-bottom: 2px; line-height: 1.4;}}} .invoice-details {display: flex; flex-direction: column; gap: 4px; text-align: right; .invoice-detail-item {display: flex; justify-content: flex-end; gap: 4px; min-width: 80px; .detail-label {font-size: 12px; color: #b3b3b3;} .detail-value-id-invoice {font-size: 12px; font-weight: 600; color: #333; max-width: 80px; word-wrap: break-word; overflow-wrap: break-word; white-space: normal;} .detail-value {font-size: 12px; font-weight: 400; color: #b3b3b3;}}}} .header-divider {height: 2px; background-color: #333; margin-bottom: 12px;} .invoice-addresses {display: flex; flex-direction: column; gap: 8px; .address-item {display: flex; flex-direction: column; .address-label {font-size: 12px; color: #333; font-weight: 600; margin-bottom: 2px;} .address-value {font-size: 12px; font-weight: 500; color: #b3b3b3;}}}} .tab-container {display: flex; border-bottom: 1px solid #e0e0e0; margin-bottom: 16px; justify-content: center; .tab-button {padding: 12px 24px; background: none; border: none; font-size: 14px; color: #666; cursor: pointer; position: relative; margin: 0 12px; &.active {color: #6366f1; font-weight: 500; &::after {content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background-color: #6366f1;}}}} .product-cards {display: flex; flex-direction: column; gap: 16px; margin-bottom: 20px; width: 100%; .product-card {background-color: #fff; border: 1px solid rgba(0,0,0,.1); border-radius: 8px; padding: 16px; box-shadow: 0 1px 3px rgba(0,0,0,.1); .product-details {width: 100%; h4 {display: flex; justify-content: space-between; align-items: flex-start; font-family: Inter; font-weight: 500; font-size: 14px; line-height: 24px; letter-spacing: 1%; vertical-align: middle; color: #333; .price-container {display: flex; flex-direction: column; align-items: flex-end; .original-price {color: #888; text-decoration: line-through; font-weight: normal; font-size: 12px;} .current-price {color: #666; font-weight: normal; font-size: 14px;}}} .product-quantity {display: flex; justify-content: space-between; font-size: 14px; color: #666; margin-bottom: 6px;} .product-discount {display: flex; justify-content: space-between; font-size: 14px; color: #666; margin-bottom: 6px; .discount-price {color: #ef4444;}} .product-total {display: flex; justify-content: space-between; font-size: 14px; color: #666; margin-top: 12px; margin-bottom: 16px; .total-price {color: #6366f1; font-weight: 600; font-size: 18px;}} .action-buttons {display: flex; gap: 8px; align-items: center; width: 100%; .edit-button {display: flex; align-items: center; justify-content: center; gap: 4px; padding: 10px; background-color: #6366f1; color: #fff; border: none; border-radius: 6px; font-size: 14px; font-weight: 500; cursor: pointer; transition: background-color .2s; width: 100%; &:hover {background-color: #4f46e5;}} .delete-button {display: flex; align-items: center; justify-content: center; padding: 8px; background: none; border: none; cursor: pointer; color: #ef4444; &:hover {opacity: .8;}}}}}} .catalog-grid {display: grid; grid-template-columns: 1fr; gap: 16px; width: 100%; margin-bottom: 20px;} .catalog-item {background-color: #fff; border: 1px solid rgba(0,0,0,.1); border-radius: 8px; overflow: hidden; box-shadow: 0 1px 2px rgba(0,0,0,.05); &.product-detail-card {border: 1px solid #e6e1fb; border-radius: 12px; box-shadow: 0 2px 4px rgba(0,0,0,.05);} .catalog-image {width: 100%; height: 100px; position: relative; background-color: #f5f5f5; overflow: hidden; img {width: 100%; height: 100%; object-fit: cover;} .progress-indicator {position: absolute; bottom: 0; left: 0; width: 30%; height: 4px; background-color: #6366f1;}} .catalog-details {padding: 12px; &.product-detail {padding: 12px 16px 16px; display: flex; flex-direction: column; gap: 6px;} h4 {font-size: 14px; font-weight: 500; margin-bottom: 4px; color: #333;} .price-row {display: flex; gap: 8px; align-items: center; margin-bottom: 8px;} .current-price {color: #333; font-weight: 500; font-size: 14px;} .original-price {color: #999; text-decoration: line-through; font-size: 11px;} .product-quantity-info {border-top: 1px dashed #e0e0e0; padding-top: 8px; display: flex; flex-direction: column; gap: 4px;} .info-row {display: flex; justify-content: space-between; font-size: 12px; color: #666;} .discount-amount {color: #ef4444;} .product-total-info {display: flex; justify-content: space-between; align-items: center; margin-top: 8px; font-size: 13px; color: #666;} .total-amount {color: #6366f1; font-weight: 600; font-size: 16px;}}} .shipping-details {display: flex; flex-direction: column; gap: 16px; margin-bottom: 16px; .shipping-method {display: flex; flex-direction: column; gap: 8px; label {font-size: 14px; color: #666;} .dropdown-select {display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; border: 1px solid #e0e0e0; border-radius: 8px; background-color: #fff; cursor: pointer; box-shadow: 0 1px 3px rgba(0,0,0,.05); .selected-option {display: flex; align-items: center; gap: 8px; .shipping-icon {display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; background-color: #00aa13; color: white; border-radius: 50%; font-weight: bold; font-size: 12px;}}}} .shipping-cost {display: flex; flex-direction: column; gap: 8px; label {font-size: 14px; color: #666;} .cost-input {display: flex; align-items: center; padding: 12px 16px; border: 1px solid #e0e0e0; border-radius: 8px; background-color: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.05); .currency {color: #666; margin-right: 8px;} input {border: none; outline: none; width: 100%; font-size: 14px; color: #333;}}}} .invoice-footer-card {background-color: #fff; border: 1px solid #e0e0e0; border-radius: 8px; padding: 16px; box-shadow: 0 1px 3px rgba(0,0,0,.05); display: flex; justify-content: space-between; margin-bottom: 20px; .payment-info {max-width: 40%; h4 {font-size: 14px; font-weight: 500; margin-bottom: 4px; color: #666;} .payment-note {font-size: 12px; color: #999; line-height: 1.4;}} .total-summary {display: flex; flex-direction: column; gap: 8px; text-align: right; .summary-item {display: flex; justify-content: flex-end; align-items: center; font-size: 12px; color: #666; gap: 24px; .summary-label {color: #666; &::after {content: ":"; margin-left: 4px;}} .summary-value {font-weight: 500; color: #333; min-width: 80px; text-align: right;} &.total {font-weight: 600; color: #333; margin-top: 4px; .summary-value {font-weight: 600;}} &.discount {.summary-label {color: #ff0000;} .summary-value {color: #ff0000;}}} .summary-divider {height: 1px; background-color: #e0e0e0; margin: 8px 0; width: 100%;}}} .payment-link-card {background-color: #fff; border: 1px solid #e0e0e0; border-radius: 8px; padding: 16px; box-shadow: 0 1px 3px rgba(0,0,0,.05); h4 {font-size: 14px; font-weight: 500; margin-bottom: 4px; color: #333;} .payment-description {font-size: 12px; color: #999; margin-bottom: 12px;} .fee-details {font-size: 12px; color: #666; margin-bottom: 12px; text-align: right;} .payment-divider {height: 1px; background-color: #e0e0e0; margin-bottom: 12px; width: 100%;} .final-amount {display: flex; justify-content: space-between; align-items: center; .final-price {color: #6366f1; font-weight: 600; font-size: 16px;}}} .notes-container {display: flex; flex-direction: column; gap: 16px; .add-note {display: flex; gap: 12px; .avatar {width: 32px; height: 32px; border-radius: 50%; overflow: hidden; background-color: #f0f0f0; img {width: 100%; height: 100%; object-fit: cover;}} .note-input {flex: 1; display: flex; border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; background-color: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.05); input {flex: 1; padding: 12px 12px 8px 12px; border: none; outline: none; font-size: 14px;} .send-button {background: none; border: none; padding: 8px 15px; cursor: pointer;}}} .note-item {display: flex; gap: 12px; .avatar {width: 32px; height: 32px; border-radius: 50%; overflow: hidden; background-color: #f0f0f0; img {width: 100%; height: 100%; object-fit: cover;}} .note-content {flex: 1; background-color: #fff; border: 1px solid #e0e0e0; border-radius: 8px; padding: 12px; box-shadow: 0 1px 3px rgba(0,0,0,.05); .note-header {display: flex; justify-content: space-between; margin-bottom: 8px; h4 {font-size: 14px; font-weight: 500; color: #333;} .note-date {font-size: 12px; color: #999;}} p {font-size: 14px; margin-bottom: 12px; color: #333;} .note-actions {display: flex; gap: 16px; .edit-note {display: flex; align-items: center; gap: 4px; background: none; border: none; font-size: 12px; cursor: pointer; color: #6366f1;} .delete-note {display: flex; align-items: center; gap: 4px; background: none; border: none; font-size: 12px; cursor: pointer; color: #ef4444;}}}}}}} footer.invoice-actions {padding: 16px; position: sticky; bottom: 0; background-color: #f9f9f9; z-index: 10; .save-button {width: 100%; display: flex; justify-content: center; align-items: center; gap: 8px; background-color: #6366f1; color: white; border: none; border-radius: 8px; padding: 14px; font-size: 16px; font-weight: 500; cursor: pointer; transition: opacity .3s ease; span {color: white;}} .loading-state {width: 100%; display: flex; justify-content: center; align-items: center; gap: 8px; color: white; background-color: #6366f1; border-radius: 8px; padding: 14px;} .loading-spinner {width: 20px; height: 20px; border: 2px solid white; border-top: 2px solid transparent; border-radius: 50%; animation: spin 1s linear infinite;} @keyframes spin {0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}} .save-button:disabled {opacity: .6; cursor: not-allowed;}}}.edit-payment-link-container{display:flex;width:calc(100dvw - 24px);overflow-y:scroll;overflow-x:hidden;height:calc(100dvh - 229px);padding:12px;flex-direction:column;align-items:flex-start;gap:16px;flex-shrink:0}.edit-payment-link-container .edit-payment-link-header{display:flex;justify-content:flex-start;align-items:center;width:100%;gap:10px}.edit-payment-link-container .edit-payment-link-title{font-size:16px;font-weight:600;color:#333;margin:0}.edit-payment-link-container .edit-payment-link-note{font-style:italic;color:#b3b3b3;font-weight:400;font-size:16px;margin:0}.edit-payment-link-container .edit-payment-link-card{background-color:#fff;border:1px solid #333333;border-radius:8px;padding:12px;box-shadow:0 2px 8px #0000001a;width:calc(100% - 24px);margin:0 auto;h4 {font-size: 15px; font-weight: 600; margin: 0 0 4px 0; color: #333;} .edit-payment-link-description {font-size: 12px; color: #999; margin: 0;}}.edit-shipping-cost-container{display:flex;flex-direction:column;width:93%;gap:16px;padding:12px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.edit-shipping-cost-container .edit-shipping-cost-method{display:flex;flex-direction:column;gap:8px;position:relative}.edit-shipping-cost-container .edit-shipping-cost-method .edit-shipping-cost-label{font-size:14px;font-weight:600;color:#333;margin:0}.edit-shipping-cost-container .edit-shipping-cost-method .edit-shipping-cost-input-wrapper{position:relative;border:1px solid #ccc;border-radius:4px;background-color:#fff;padding:8px;cursor:pointer}.edit-shipping-cost-container .edit-shipping-cost-method .edit-shipping-cost-input-wrapper.focused{border-color:#007bff;box-shadow:0 0 5px #007bff80}.edit-shipping-cost-container .edit-shipping-cost-method .edit-shipping-cost-input-wrapper .edit-shipping-cost-input-field{width:100%;border:none;outline:none;font-size:14px;color:#333;background:transparent}.edit-shipping-cost-container .edit-shipping-cost-method .edit-shipping-cost-input-wrapper .edit-shipping-cost-selected-value{display:flex;justify-content:space-between;align-items:center}.edit-shipping-cost-container .edit-shipping-cost-method .edit-shipping-cost-input-wrapper .edit-shipping-cost-selected-value .edit-shipping-cost-text-content{display:flex;align-items:center}.edit-shipping-cost-container .edit-shipping-cost-method .edit-shipping-cost-input-wrapper .edit-shipping-cost-selected-value .edit-shipping-cost-text-content .edit-shipping-cost-selected-item{display:flex;align-items:center;img {width: 24px; height: 24px; margin-right: 8px;}}.edit-shipping-cost-container .edit-shipping-cost-method .edit-shipping-cost-input-wrapper .edit-shipping-cost-selected-value .edit-shipping-cost-text-content .edit-shipping-cost-placeholder{color:#bdbdbd;font-size:14px;margin:0}.edit-shipping-cost-container .edit-shipping-cost-value{display:flex;flex-direction:column;gap:8px}.edit-shipping-cost-container .edit-shipping-cost-value .edit-shipping-cost-label{font-size:14px;font-weight:600;color:#333;margin:0}.edit-shipping-cost-container .edit-shipping-cost-value .edit-shipping-cost-input-wrapper{position:relative;border:1px solid #ccc;border-radius:4px;background-color:#fff;padding:8px}.edit-shipping-cost-container .edit-shipping-cost-value .edit-shipping-cost-input-wrapper.focused{border-color:#007bff;box-shadow:0 0 5px #007bff80}.edit-shipping-cost-container .edit-shipping-cost-value .edit-shipping-cost-input-wrapper .edit-shipping-cost-input-field{width:100%;border:none;outline:none;font-size:14px;color:#333;background:transparent}.edit-shipping-cost-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;max-height:400px;margin-top:4px;display:flex;flex-direction:column}.edit-shipping-cost-dropdown .listData{flex:1;overflow-y:auto;padding:8px 0;max-height:348px}.edit-shipping-cost-dropdown .edit-shipping-cost-dropdown-item{display:flex;align-items:center;padding:12px 16px;cursor:pointer;font-size:14px;color:#333;font-weight:400;transition:background-color .2s ease;img {width: 24px; height: 24px; margin-right: 12px; object-fit: contain;} .edit-shipping-cost-label {font-size: 14px; margin: 0;}}.edit-shipping-cost-dropdown .edit-shipping-cost-dropdown-item.selected{background-color:#f5f5f5}.edit-shipping-cost-dropdown .edit-shipping-cost-dropdown-item:hover{background-color:#f0f0f0}.edit-shipping-cost-dropdown .edit-shipping-cost-add-manually{display:flex;align-items:center;padding:14px 16px;background-color:#6b48ff;color:#fff;cursor:pointer;justify-content:center;transition:background-color .2s ease;border-radius:0 0 8px 8px}.edit-shipping-cost-dropdown .edit-shipping-cost-add-manually:hover{background-color:#5a3fe6}.edit-shipping-cost-dropdown .edit-shipping-cost-add-manually .add-icon{margin-right:8px;display:flex;align-items:center;justify-content:center}.edit-shipping-cost-dropdown .edit-shipping-cost-add-manually .edit-shipping-cost-label{margin:0;font-size:14px;font-weight:500;color:#fff}.black-bg-add-invoice-tabs-mobile{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:2000}.add-invoice-tabs-mobile{position:fixed;bottom:0;left:0;width:100%;height:45dvh;background:white;border-radius:16px 16px 0 0;z-index:2100}.add-invoice-tabs-mobile .drag-handle{width:100%;height:40px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.add-invoice-tabs-mobile .drag-handle:active{cursor:grabbing}.add-invoice-tabs-mobile .drag-handle .line{display:flex;align-items:center;justify-content:center;width:100%;hr {width: 60px; height: 4px; border-radius: 100px; background: #79747e; margin: 0; border: none;}}.add-invoice-tabs-mobile .main-section-tab{display:flex;padding:0 10px 16px;width:calc(100% - 32px);flex-direction:column;align-items:flex-start;gap:12px;flex:1 0 0}.add-invoice-tabs-mobile .main-section-tab .header{display:flex;padding:0 0 16px;justify-content:space-between;align-items:center;align-self:stretch;width:100%}.add-invoice-tabs-mobile .main-section-tab .header .title{font-size:20px;font-weight:600;color:#333;margin:0}.add-invoice-tabs-mobile .main-section-tab .header .close-button{cursor:pointer;display:flex;align-items:center;justify-content:center}.add-invoice-tabs-mobile .main-section-tab .body{display:flex;flex-direction:column;align-items:center;width:100%;gap:20px;height:100%;overflow:hidden}.add-invoice-tabs-mobile .main-section-tab .body .template-list{display:flex;flex-direction:column;width:100%;gap:16px;overflow-y:auto;flex:1}.add-invoice-tabs-mobile .main-section-tab .body .template-list .template-item{display:flex;align-items:center;justify-content:space-between;padding:16px;border-radius:8px;border:1px solid #e0e0e0;background-color:#fff}.add-invoice-tabs-mobile .main-section-tab .body .template-list .template-item[data-value=discount].selected{border:1px solid #DF6262;background-color:#fff5f5}.add-invoice-tabs-mobile .main-section-tab .body .template-list .template-item[data-value=discount].selected .radio-container{input:checked~.radio-checkmark {&:after {background: #DF6262;}}}.add-invoice-tabs-mobile .main-section-tab .body .template-list .template-item[data-value=discount].selected .radio-container .template-name{color:#df6262}.add-invoice-tabs-mobile .main-section-tab .body .template-list .template-item[data-value=discount].selected .radio-container .radio-checkmark{border:2px solid #DF6262}.add-invoice-tabs-mobile .main-section-tab .body .template-list .template-item[data-value=tax].selected{border:1px solid #6562DF;background-color:#f5f7ff}.add-invoice-tabs-mobile .main-section-tab .body .template-list .template-item[data-value=tax].selected .radio-container{input:checked~.radio-checkmark {&:after {background: #6562DF;}}}.add-invoice-tabs-mobile .main-section-tab .body .template-list .template-item[data-value=tax].selected .radio-container .template-name{color:#6562df}.add-invoice-tabs-mobile .main-section-tab .body .template-list .template-item[data-value=tax].selected .radio-container .radio-checkmark{border:2px solid #6562DF}.add-invoice-tabs-mobile .main-section-tab .body .template-list .template-item .radio-container{display:flex;align-items:center;gap:12px;cursor:pointer;input[type="radio"] {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;} .radio-checkmark {position: relative; display: inline-block; height: 20px; width: 20px; background-color: #ffffff; border: 2px solid #e0e0e0; border-radius: 50%; &:after {content: ""; position: absolute; display: none; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 10px; height: 10px; border-radius: 50%;}} input:checked~.radio-checkmark {&:after {display: block;}}}.add-invoice-tabs-mobile .main-section-tab .body .template-list .template-name{font-size:16px;color:#333}.add-invoice-tabs-mobile .main-section-tab .body .footer-action{margin-top:10px;position:sticky;bottom:2px;z-index:2200;width:100%;background-color:#fff}.add-invoice-tabs-mobile .main-section-tab .body .footer-action .next-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px;background-color:#6366f1;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;span {color: white;} &:hover {background-color: #5254cc;} &:disabled {background-color: #cccccc; cursor: not-allowed;}}.add-invoice-tabs-mobile .main-section-tab .header{position:sticky;top:0;z-index:2300;background-color:#fff;width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 0 16px}.product-container{max-width:100%;width:100%;margin:0 auto;background-color:#f9f9f9;min-height:100vh;display:flex;flex-direction:column;box-sizing:border-box;footer.product-action {padding: 16px; position: sticky; bottom: 100px; z-index: 40; .invoice-actions {padding: 16px; position: sticky; bottom: 0; background-color: #f9f9f9; z-index: 10; display: flex; justify-content: space-between; align-items: center; .total-section {display: flex; align-items: start; flex-direction: column; gap: 2px; .title-total-amount {font-family: Inter; font-weight: 600; font-size: 10px; line-height: 18px; letter-spacing: -1%; vertical-align: middle;} .total-amount {font-family: Inter; font-weight: 700; font-size: 24px; line-height: 32px; color: #6562DF; letter-spacing: -2%; vertical-align: middle;}} .add-product-button {display: flex; align-items: center; justify-content: center; gap: 8px; background-color: #fff; color: #6366f1; border: 1px solid #6366f1; border-radius: 8px; padding: 14px; font-size: 16px; font-weight: 500; cursor: pointer; transition: opacity .3s ease,background-color .3s ease,border-color .3s ease,color .3s ease; font-family: Inter; font-weight: 700; font-size: 14px; line-height: 22px; letter-spacing: 0%; vertical-align: middle; &:hover {opacity: .9;} &:active {background-color: #B8B7E5; border-color: #23224D; color: #23224D; .add-circle-icon {color: #23224D;}}} .add-circle-icon {color: #5C5ACC; transition: color .3s ease;} .save-button {width: 100%; display: flex; justify-content: center; align-items: center; gap: 8px; background-color: #6366f1; color: white; border: none; border-radius: 8px; padding: 14px; font-size: 16px; font-weight: 500; cursor: pointer; transition: opacity .3s ease; span {color: white;}}}}}.product-container .product-content{flex:1;overflow-y:auto;padding-right:5px;padding-left:5px;padding-bottom:80px;max-height:calc(100vh - 132px);box-sizing:border-box;section.product-section {margin: 16px 0; padding: 0 16px; position: relative; .section-separator {border-top: 2px #ccc; margin-bottom: 16px;} .tab-container {display: flex; border-bottom: 1px solid #e0e0e0; margin-bottom: 16px; justify-content: center; position: fixed; background: #FFF; top: 65px; left: 0; width: 100%; height: 48px; z-index: 200; .tab-button {padding: 12px 24px; background: none; border: none; font-size: 14px; color: #666; cursor: pointer; position: relative; margin: 0 30px; &.active {color: #6366f1; font-weight: 500; &::after {content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background-color: #6366f1;}}}} .bodySection {height: calc(100% - 107.5px); overflow-y: scroll; overflow-x: hidden; padding-top: 50px;} .container-card {.invoice-card-label {label {font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: 0%; vertical-align: middle;} p {font-weight: 400; font-size: 12px; line-height: 22px; letter-spacing: 1%; vertical-align: middle;}} .product-cards {display: flex; flex-direction: column; gap: 16px; margin-bottom: 20px; height: calc(100% - 20px); .product-card {background-color: #fff; border: 1px solid rgba(0,0,0,.1); border-radius: 8px; padding: 16px; box-shadow: 0 1px 2px rgba(0,0,0,.05); .product-details {h4 {display: flex; justify-content: space-between; align-items: center; font-size: 14px; font-weight: 500; margin-bottom: 8px; color: #333; .price-container {display: flex; align-items: center; gap: 8px; .original-price {color: #666; text-decoration: line-through; font-weight: normal; font-size: 12px;} .current-price {color: #666; font-weight: normal; font-size: 15px;}}} .product-quantity {display: flex; justify-content: space-between; font-size: 12px; color: #666; margin-bottom: 4px; span:last-child {color: #666;}} .product-discount {display: flex; justify-content: space-between; font-size: 12px; color: #666; margin-bottom: 12px; .discount-price {color: #ef4444;}} .product-total {display: flex; justify-content: space-between; align-items: center; font-size: 12px; color: #666; margin-top: 8px; .total-price {color: #6366f1; font-weight: 600; font-size: 16px;}}}}} .productDataCatalogMobile {display: flex; width: calc(100% - 32px); min-height: 393px; max-height: max-content; min-width: 240px; padding: 16px; flex-direction: column; align-items: flex-start; gap: 8px; flex-shrink: 0; border-radius: 8px; border: 1px solid #D9D9D9; background: #FFFFFF; box-shadow: 0px 1px 2px 0px rgba(0,0,0,.3),0px 1px 3px 1px rgba(0,0,0,.15); margin-bottom: 16px; .bannerImg {display: flex; height: 247px; flex-direction: column; justify-content: center; align-items: center; align-self: stretch; border-radius: 4px; border: 1px solid #E5E4E4;} .bodySection {display: flex; flex-direction: column; align-items: flex-start; gap: 4px; align-self: stretch; .itemSection {display: flex; align-items: center; gap: 4px; align-self: stretch; p {.strokeLine {font-size: 10px; font-style: normal; font-weight: 300; line-height: 16px; text-decoration-line: line-through; color: #808080;}} .categoryData {display: flex; height: 24px; padding: 4px; align-items: center; gap: 4px; border-radius: 4px; border: 1px solid#F2F2F2; background:#FAFAFA;} hr {background: #B3B3B3; width: 100%; border: none; height: 1px;} .buttonEdit {display: flex; height: 36px; padding: 8px; justify-content: center; align-items: center; gap: 4px; flex: 1 0 0; border-radius: 4px; background: #5C5ACC; p {color: #FAFAFA;}} .otherVariant {display: flex; height: 36px; padding: 8px; justify-content: center; align-items: center; gap: 4px; flex: 1 0 0; border-radius: 4px; border: 1px solid#5C5ACC; p {color: #5C5ACC;}} .trash {display: flex; height: 36px; padding: 8px 12px; justify-content: center; align-items: center; gap: 4px; border-radius: 4px;}}}}} .catalog-grid {display: grid; grid-template-columns: 1fr; gap: 16px; width: 100%; margin-bottom: 20px;} .catalog-item {background-color: #fff; border: 1px solid rgba(0,0,0,.1); border-radius: 8px; overflow: hidden; box-shadow: 0 1px 2px rgba(0,0,0,.05); &.product-detail-card {border: 1px solid #e6e1fb; border-radius: 12px; box-shadow: 0 2px 4px rgba(0,0,0,.05);} .catalog-image {width: 100%; height: 100px; position: relative; background-color: #f5f5f5; overflow: hidden; img {width: 100%; height: 100%; object-fit: cover;} .progress-indicator {position: absolute; bottom: 0; left: 0; width: 30%; height: 4px; background-color: #6366f1;}} .catalog-details {padding: 12px; &.product-detail {padding: 12px 16px 16px; display: flex; flex-direction: column; gap: 6px;} h4 {font-size: 14px; font-weight: 500; margin-bottom: 4px; color: #333;} .price-row {display: flex; gap: 8px; align-items: center; margin-bottom: 8px;} .current-price {color: #333; font-weight: 500; font-size: 14px;} .original-price {color: #999; text-decoration: line-through; font-size: 11px;} .product-quantity-info {border-top: 1px dashed #e0e0e0; padding-top: 8px; display: flex; flex-direction: column; gap: 4px;} .info-row {display: flex; justify-content: space-between; font-size: 12px; color: #666;} .discount-amount {color: #ef4444;} .product-total-info {display: flex; justify-content: space-between; align-items: center; margin-top: 8px; font-size: 13px; color: #666;} .total-amount {color: #6366f1; font-weight: 600; font-size: 16px;}}}}}.BgBlackCatalogProductMobile{position:fixed;top:0;left:0;width:100dvw;height:100dvh;background-color:#00000050;z-index:1100}.CatalogProductMobile{position:fixed;bottom:0;left:0;display:flex;width:100dvw;height:86dvh;z-index:1200;flex-direction:column;align-items:flex-start;border-radius:28px 28px 0 0;background:var(--Background-White, #FFF);box-shadow:0 4px 8px 3px #00000026,0 1px 3px #0000004d}.CatalogProductMobile .line{display:flex;padding:16px;flex-direction:column;align-items:center;gap:12px;align-self:stretch;hr {width: 32px; height: 2px; border-radius: 100px; background:#79747E; margin: 0;}}.CatalogProductMobile .mainSection{display:flex;padding:16px;flex-direction:column;align-items:flex-start;gap:12px;flex:1 0 0;align-self:stretch}.CatalogProductMobile .mainSection .bodySection{display:flex;flex-direction:column;align-items:flex-start;gap:12px;flex:1 0 0;align-self:stretch;height:calc(100% - 104px);overflow-y:scroll}.CatalogProductMobile .mainSection .bodySection .headSection{display:flex;padding:8px 0;align-items:center;gap:12px;align-self:stretch;img {display: flex; width: 48px; flex-direction: column; justify-content: center; align-items: center; align-self: stretch; border-radius: 4px; border: 1px solid #E5E4E4;} .center {display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 4px; flex: 1 0 0; p {.strokeLine {font-size: 10px; font-style: normal; font-weight: 300; line-height: 16px; text-decoration-line: line-through; color: #808080;}}}}.CatalogProductMobile .mainSection .bodySection .description{display:flex;max-height:80px;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch}.CatalogProductMobile .mainSection .bodySection .variant .variants-box{max-width:calc(100% - 2rem - 2px);flex-direction:row}.CatalogProductMobile .mainSection .bodySection .quantity{width:calc(100% - 16px)}.CatalogProductMobile .mainSection .bodySection .quantity .input{display:flex;padding:8px;align-items:center;align-self:stretch;border-radius:4px;border:1px solid #6562DF;background:#FFF;width:calc(100% - 16px);p {flex: 1; text-align: center;}}.CatalogProductMobile .mainSection .bodySection .discount{width:calc(100% - 16px)}.CatalogProductMobile .mainSection .bodySection .discount .input-group{display:flex;gap:8px}.CatalogProductMobile .mainSection .bodySection .discount .input-group .input-with-prefix{flex:1;display:flex;align-items:center;border:1px solid #ddd;border-radius:4px;padding:8px 12px;input {border: none; outline: none; width: 100%; color: #ef4444; margin-left: 4px;}}.CatalogProductMobile .mainSection .bodySection .discount .input-group .input-with-prefix .currency{color:#ef4444;font-weight:700;white-space:nowrap}.CatalogProductMobile .mainSection .bodySection .discount .input-group .input-actions{display:flex;gap:4px}.CatalogProductMobile .mainSection .bodySection .discount .input-group .input-actions .action-button{padding:8px!important;border-radius:6px!important;width:44px!important;height:44px!important}.CatalogProductMobile .mainSection .bodySection .discount .input-group .input-actions .coin-button{background-color:#df6262!important;color:#fff!important}.CatalogProductMobile .mainSection .bodySection .discount .input-group .input-actions .trash-button{background-color:transparent!important;color:#ef4444!important}.CatalogProductMobile .mainSection .bottomSection{display:flex;padding-top:8px;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch;border-top:1px solid #B3B3B3;button {display: flex; padding: 12px 16px 12px 12px; justify-content: center; align-items: center; gap: 8px; align-self: stretch; border-radius: 8px; background:#5C5ACC; p {color: #FFFFFF;}}}.CatalogProductMobile .mainSection .bottomSection .total{display:flex;padding:4px 0;align-items:center;gap:8px;align-self:stretch}.BlackBgEditProductTableTabMobile{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:3000}.EditProductTableTabMobile{height:85dvh;position:fixed;bottom:0;left:0;width:100%;background:white;border-radius:16px 16px 0 0;z-index:999999999}.EditProductTableTabMobile .drag-handle{width:100%;height:40px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.EditProductTableTabMobile .drag-handle:active{cursor:grabbing}.EditProductTableTabMobile .drag-handle .line{display:flex;align-items:center;justify-content:center;width:100%;hr {width: 60px; height: 4px; border-radius: 100px; background: #79747e; margin: 0; border: none;}}.EditProductTableTabMobile .mainSectionTab{display:flex;padding:0 16px 16px;width:calc(100% - 32px);flex-direction:column;align-items:flex-start;gap:12px;flex:1 0 0}.EditProductTableTabMobile .mainSectionTab .header-table{display:flex;padding:0 0 16px;justify-content:space-between;align-items:center;align-self:stretch;width:100%}.EditProductTableTabMobile .mainSectionTab .header-table .title-table{font-size:20px;font-weight:600;color:#333;margin:0}.EditProductTableTabMobile .mainSectionTab .header-table .close-button{cursor:pointer;display:flex;align-items:center;justify-content:center}.EditProductTableTabMobile .mainSectionTab .product-form{display:flex;flex-direction:column;align-items:center;width:100%;height:53dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}.EditProductTableTabMobile .mainSectionTab .product-form .form-group{margin-bottom:16px;width:98%;display:flex;flex-direction:column;gap:10px}.EditProductTableTabMobile .mainSectionTab .product-form .form-group .container-discount,.EditProductTableTabMobile .mainSectionTab .product-form .form-group .container-price{display:flex;gap:10px;justify-content:center;align-items:center}.EditProductTableTabMobile .mainSectionTab .product-form .form-group .container-price .icon-hover{padding-top:10px}.EditProductTableTabMobile .mainSectionTab .product-form .form-group .icon-hover{padding-bottom:10px}.EditProductTableTabMobile .mainSectionTab .product-form .form-group .discount-input:focus{border-color:#dc143c}.EditProductTableTabMobile .mainSectionTab .product-form .form-group .product-label{font-family:Inter;font-size:14px;line-height:24px;letter-spacing:1%;vertical-align:middle}.EditProductTableTabMobile .mainSectionTab .product-form .template-list{display:flex;flex-direction:column;width:100%;gap:16px;overflow-y:auto;flex:1}.EditProductTableTabMobile .mainSectionTab .product-form .template-list .template-item{display:flex;align-items:center;justify-content:space-between;padding:16px;border-radius:8px;border:1px solid #e0e0e0;background-color:#fff}.EditProductTableTabMobile .mainSectionTab .product-form .template-list .template-item.selected{border:1px solid #6366f1;background-color:#f5f7ff}.EditProductTableTabMobile .mainSectionTab .product-form .template-list .template-item .radio-container{display:flex;align-items:center;gap:12px;cursor:pointer;input[type="radio"] {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;} .radio-checkmark {position: relative; display: inline-block; height: 20px; width: 20px; background-color: #ffffff; border: 2px solid #e0e0e0; border-radius: 50%; &:after {content: ""; position: absolute; display: none;}} input:checked~.radio-checkmark {background-color: #ffffff; border: 2px solid #6366f1; &:after {display: block; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 10px; height: 10px; border-radius: 50%; background: #6366f1;}}}.EditProductTableTabMobile .mainSectionTab .product-form .template-name{font-size:16px;color:#333}.EditProductTableTabMobile .mainSectionTab .product-form .default-badge{display:inline-block;padding:4px 12px;background-color:#6366f1;color:#fff;border-radius:16px;font-size:12px;font-weight:500}.EditProductTableTabMobile .mainSectionTab .footer-action{margin-top:10px;position:fixed;bottom:0;left:0;right:0;z-index:300;width:90%;background:white;padding:10px 20px}.EditProductTableTabMobile .mainSectionTab .footer-action .label-footer-action{display:flex;align-items:center;gap:4px;padding:12px 0;p {font-family: Inter; font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: 0%; vertical-align: middle;} span {font-family: Inter; font-weight: 700; font-size: 24px; line-height: 32px; letter-spacing: -2%; vertical-align: middle; color: #6366f1;}}.EditProductTableTabMobile .mainSectionTab .footer-action .next-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px;background:#6366f1;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;span {color: white;} &:hover {background: #5254cc;}}.EditProductTableTabMobile .mainSectionTab .Header{position:sticky;top:0;z-index:20;background-color:#fff;width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 0 16px}.EditProductTableTabMobile .pointer{cursor:pointer}.InvoiceTemplateCreatePage{height:100vh;max-height:100vh;position:fixed;width:100dvw;max-width:100dvw}.InvoiceTemplateCreatePage .left{max-width:320px;width:320px;padding:24px 16px}.InvoiceTemplateCreatePage .rightPart{flex:1;padding:24px 16px;background:#f7f5f5;max-width:calc(100dvw - 320px);height:calc(100dvh - 72px)!important;min-height:100%;overflow-y:scroll}.InvoiceTemplateCreatePage_breadcrumbs{display:flex;flex-direction:row;align-items:center;gap:8px;img:first-child {width: 24px; height: 24px;} img {width: 16px; height: 16px;} p {font-weight: 500; font-size: 14px; line-height: 24px; letter-spacing: .01em; color: #656464;}}.InvoiceTemplateCreatePage_invoiceName{display:flex;padding:12px;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch;border-radius:8px;background:#FFFFFF;margin-top:20px}.InvoiceTemplateCreatePage_invoiceName .top{display:flex;justify-content:space-between;align-items:center;width:100%}.InvoiceTemplateCreatePage_invoiceName .top .leftSection{display:flex;align-items:center;gap:12px;svg {cursor: pointer;}}.InvoiceTemplateCreatePage_invoiceName .top .buttonPdf{display:flex;align-items:center;justify-content:center;padding:12px;gap:12px;cursor:pointer;p {color: #5C5ACC;}}.InvoiceTemplateCreatePage_invoiceName .main{display:flex;flex-direction:column;gap:4px;width:100%;input {border: 1px solid #656464; border-radius: 4px; padding: 12px; width: calc(100% - 24px);}}.InvoiceTemplateCreatePage_invoiceName .main .selectName{flex:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;position:relative;max-width:100%}.InvoiceTemplateCreatePage_invoiceName .main .selectName .input{display:flex;height:30px;padding:12px;align-items:center;gap:4px;align-self:stretch;border-radius:4px;border:1px solid #B3B3B3}.InvoiceTemplateCreatePage_invoiceName .main .selectName .input.focused{border:1px solid #817EE5}.InvoiceTemplateCreatePage_invoiceName .main .selectName .input .input-field{flex:1;border:none;outline:none;background:transparent}.InvoiceTemplateCreatePage_invoiceName .main .selectName .input .selected-value{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;svg {margin-left: 8px; flex-shrink: 0;}}.InvoiceTemplateCreatePage_invoiceName .main .selectName .input .selected-value .text-content{display:flex;align-items:center;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;p {margin: 0;}}.InvoiceTemplateCreatePage_invoiceName .main .selectName .input .selected-value .text-content .selected-item{display:flex;align-items:center;img {width: 24px; height: 24px; object-fit: contain; margin-right: 8px;} p {margin: 0;}}.InvoiceTemplateCreatePage_invoiceName .main .selectName .listShippingPopup{display:flex;width:98%;max-height:284px;padding:4px;flex-direction:column;align-items:flex-start;gap:4px;position:absolute;top:70px;border-radius:4px;border:1px solid #B3B3B3;background:#FFF;z-index:10;box-shadow:0 2px 8px #0000001a}.InvoiceTemplateCreatePage_invoiceName .main .selectName .listShippingPopup .listData{max-height:220px;width:100%;overflow-y:scroll;overflow-x:hidden}.InvoiceTemplateCreatePage_invoiceName .main .selectName .listShippingPopup .listData .item{display:flex;height:40px;padding:8px 12px;align-items:center;gap:8px;flex-shrink:0;align-self:stretch;cursor:pointer;img {width: 24px; height: 24px; object-fit: contain; margin-right: 8px;}}.InvoiceTemplateCreatePage_invoiceName .main .selectName .listShippingPopup .listData .item:hover{background:#F5F5F5}.InvoiceTemplateCreatePage_invoiceName .main .selectName .listShippingPopup .itemAdd{display:flex;height:40px;padding:8px 12px;align-items:center;gap:8px;align-self:stretch;border-radius:4px;background:#6562DF;cursor:pointer;p {color: #FFF;} &:hover {background: #5754D0;}}.InvoiceTemplateCreatePage_invoiceName .bottom{display:flex;justify-content:space-between;align-items:center;width:100%}.InvoiceTemplateCreatePage_invoiceName .bottom .leftSection{display:flex;align-items:center;gap:8px}.InvoiceTemplateCreatePage_invoiceName .bottom .MuiSwitch-root{transform:scale(.7)}.InvoiceTemplateCreatePage_invoiceHeader{display:flex;padding:12px;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch;border-radius:8px;background:#FFFFFF;margin-top:20px;hr {height: 1px; width: 100%; background: #B3B3B3; border: none;} .bottom {display: flex; gap: 8px; width: 100%; .section {display: flex; align-items: center; gap: 8px; flex: 1; input {border: 1px solid #333333; padding: 8px 12px; border-radius: 4px;} input:disabled {background-color: #F5F5F5; border: 1px solid #E0E0E0; color: #B3B3B3; cursor: not-allowed;} .input1 {width: 160px;} .input2 {border-radius: 4px; border: 1px solid #B3B3B3; flex: 1; padding: 12px; width: calc(100% - 24px); height: 16px; display: flex; gap: 10px; input {border: none; width: 100%; padding: 0;}} .input2:disabled {background-color: #F5F5F5; border: 1px solid #E0E0E0; color: #B3B3B3; cursor: not-allowed;}}}}.InvoiceTemplateCreatePage_invoiceHeader .title{display:flex;align-items:center;gap:4px}.InvoiceTemplateCreatePage_invoiceHeader .invoiceId{display:flex;align-items:center;gap:4px;align-self:stretch;input {display: flex; padding: 8px 12px; align-items: flex-start; gap: 10px; flex: 1 0 0; border-radius: 4px; border: .5px solid #333; background: #FFF; box-shadow: 0px 0px 5px 0px rgba(92,90,204,.15);}}.InvoiceTemplateCreatePage_invoiceHeader .invoiceId .section{display:flex;padding:8px 12px;align-items:flex-start;gap:10px}.InvoiceTemplateCreatePage_invoiceHeader .main{display:flex;align-items:flex-start;gap:8px;align-self:stretch}.InvoiceTemplateCreatePage_invoiceHeader .main .inputImage{display:flex;width:120px;height:130px;padding:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;cursor:pointer;border-radius:4px;img {width: 100%; height: 100%; object-fit: contain;}}.InvoiceTemplateCreatePage_invoiceHeader .main .inputImage .bottom{display:flex;flex-direction:column;align-items:center;align-self:stretch;gap:0}.InvoiceTemplateCreatePage_invoiceHeader .main .inputImage .bottom .Asdiv.buttonAddImg{display:flex;height:24px;padding:8px;justify-content:center;align-items:center;gap:4px;align-self:stretch;border-radius:4px;background-color:transparent;border:none;cursor:pointer;transition:background-color .2s ease-in-out}.InvoiceTemplateCreatePage_invoiceHeader .main .inputImage .bottom .Asdiv.buttonAddImg{background-color:transparent;transition:background-color .2s ease-in-out}.InvoiceTemplateCreatePage_invoiceHeader .main .inputImage .bottom .Asdiv.buttonAddImg p{color:#5c5acc;transition:color .2s ease-in-out}.InvoiceTemplateCreatePage_invoiceHeader .main .inputImage .bottom .Asdiv.buttonAddImg .icon path{fill:#6562df;transition:fill .2s ease-in-out}.InvoiceTemplateCreatePage_invoiceHeader .main .inputImage .bottom .Asdiv.buttonAddImg.active{background-color:#dadaf2}.InvoiceTemplateCreatePage_invoiceHeader .main .inputImage .bottom .Asdiv.buttonAddImg .icon{width:16px;height:16px}.InvoiceTemplateCreatePage_invoiceHeader .main .inputImage .bottom .Asdiv.buttonAddImg.active p{color:#23224d}.InvoiceTemplateCreatePage_invoiceHeader .main .inputImage .bottom .Asdiv.buttonAddImg.active .icon path{fill:#23224d}.InvoiceTemplateCreatePage_invoiceHeader .main .inputImage .bottom .Asdiv.buttonAddImg:disabled{cursor:not-allowed}.InvoiceTemplateCreatePage_invoiceHeader .main .inputImage .bottom .Asdiv.buttonAddImg:disabled p{color:#b3b3b3}.InvoiceTemplateCreatePage_invoiceHeader .main .inputImage .bottom .Asdiv.buttonAddImg:disabled .icon path{fill:#b3b3b3}.InvoiceTemplateCreatePage_invoiceHeader .main .inputImage .bottom .text_small_light{color:#b3b3b3}.InvoiceTemplateCreatePage_invoiceHeader .main .center{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:8px;input {display: flex; padding: 8px 12px; align-items: flex-start; gap: 10px; align-self: stretch; border-radius: 4px; border: 1px solid #333; background: #FFFFFF; font-size: 12px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: .12px; &::placeholder {color: #828282;} &:disabled {background-color: #F5F5F5; border: 1px solid #E0E0E0; color: #B3B3B3; cursor: not-allowed;}}}.InvoiceTemplateCreatePage_invoiceHeader .main .right{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.InvoiceTemplateCreatePage_invoiceHeader .main .right .item{display:flex;align-items:center;gap:4px;align-self:stretch;input {border-radius: 4px; border: 1px solid #B3B3B3; padding: 8px 12px; background: #FFF; display: flex; padding: 8px 12px; align-items: flex-start; gap: 10px; font-size: 12px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: .12px; max-width: 126px;} input:disabled {background-color: #F5F5F5; border: 1px solid #E0E0E0; color: #B3B3B3; cursor: not-allowed;} .input1 {border: 1px solid #333333; padding: 8px 12px; border-radius: 4px;} .custom-small-datepicker {height: 40px !important; width: 149px !important; border: 1px solid #333333; padding: 8px 12px; border-radius: 4px; input {border: none !important;}} .custom-small-datepicker .ant-picker-input>input {height: 28px !important; padding: 0 8px !important; font-size: 12px !important; line-height: 28px !important;} .custom-small-datepicker .ant-picker-suffix {height: 28px !important; line-height: 28px !important;} .section_inputSepcial {display: flex; padding: 8px; align-items: center; gap: 8px; max-width: 120px; border-radius: 4px; border: 1px solid #B3B3B3; background: #FFF; .left {display: flex; align-items: center; gap: 8px; padding: 0; input {max-width: 40px; border: none; font-size: 12px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: .12px; padding: 0;} input:disabled {background-color: transparent; color: #B3B3B3;}} .right {display: flex; flex-direction: row; align-items: center; gap: 8px; padding: 0; button {padding: 0; background: none; border: none; cursor: pointer;} button:disabled {cursor: not-allowed;}}}}.InvoiceTemplateCreatePage_invoiceHeader .main .right .item .section{display:flex;padding:8px 12px;align-items:flex-start;gap:10px;border-radius:4px;max-width:126px;width:100%}.mainCatalog{display:flex;flex-direction:column;gap:16px}.mainTableInvoice{display:flex;flex-direction:column;overflow-x:scroll;max-width:100%;padding-top:20px}.mainTableInvoice .InvoiceTemplateCreatePage_invoiceTable_item{display:flex;align-items:center;align-self:stretch}.mainTableInvoice .InvoiceTemplateCreatePage_invoiceTable_item .InvoiceTemplateCreatePage_invoiceTable_itemColumn{display:flex;height:32px;justify-content:space-between;align-items:center;border-radius:4px;input {background: none; font-size: 12px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: .12px;} .InvoiceTemplateCreatePage_invoiceTable_itemIcon {display: flex; align-items: center; gap: 4px; svg {cursor: pointer;}}}.InvoiceTemplateCreatePage_invoiceData{display:flex;padding:12px;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch;border-radius:8px;background:#FFFFFF;margin-top:20px}.InvoiceTemplateCreatePage_invoiceData .selectPage{display:flex;padding:4px;align-items:flex-start;gap:8px;align-self:stretch;border-radius:4px;background:#F2F2F2;button {display: flex; min-width: 100px; padding: 8px; justify-content: center; align-items: center; gap: 8px; flex: 1 0 0; border-radius: 4px; background: #F2F2F2; p {color: #656565;}} .menuSelect {background: #FFFFFF; p {color: #6562DF;}}}.InvoiceTemplateCreatePage_invoiceData .title{display:flex;align-items:center;gap:4px}.InvoiceTemplateCreatePage_invoiceData .mainCatalog{display:flex;flex-direction:column;gap:8px;width:97%}.InvoiceTemplateCreatePage_invoiceData .InvoiceTemplateCreatePage_invoiceCatalog_item{display:flex;flex-direction:column;gap:8px;width:100%}.InvoiceTemplateCreatePage_invoiceData .InvoiceTemplateCreatePage_invoiceTable_item{display:flex;height:32px;padding:8px;justify-content:space-between;align-items:center;border-radius:4px;width:100%;flex-grow:1}.InvoiceTemplateCreatePage_invoiceData .InvoiceTemplateCreatePage_invoiceTable_item input{background:none;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;width:100%}.InvoiceTemplateCreatePage_invoiceData .InvoiceTemplateCreatePage_invoiceTable_itemIcon{display:flex;align-items:center;gap:4px}.InvoiceTemplateCreatePage_invoiceData .InvoiceTemplateCreatePage_invoiceTable_itemIcon svg{cursor:pointer}.InvoiceTemplateCreatePage_invoiceData .main{display:flex;flex-direction:column;gap:4px;overflow-x:scroll;max-width:100%}.InvoiceTemplateCreatePage_invoiceData .main .InvoiceTemplateCreatePage_invoiceTable_item{display:flex;align-items:center;gap:4px;align-self:stretch}.InvoiceTemplateCreatePage_invoiceData .main .InvoiceTemplateCreatePage_invoiceTable_item .InvoiceTemplateCreatePage_invoiceTable_itemColumn{display:flex;height:32px;justify-content:space-between;align-items:center;border-radius:4px;input {background: none; font-size: 12px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: .12px;} .InvoiceTemplateCreatePage_invoiceTable_itemIcon {display: flex; align-items: center; gap: 4px; svg {cursor: pointer;}}}.InvoiceTemplateCreatePage_invoiceData .addProduct{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:8px;cursor:pointer}.InvoiceTemplateCreatePage_invoiceData .addProduct .button_small{color:#5c5acc;font-size:14px}.InvoiceTemplateCreatePage_invoiceData .addProduct:disabled{cursor:not-allowed}.InvoiceTemplateCreatePage_invoiceData .addProduct:disabled .button_small{color:#666}.InvoiceTemplateCreatePage_invoiceData .titleCatalog{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.InvoiceTemplateCreatePage_invoiceData .titleCatalog .title{display:flex;align-items:center;gap:4px}.InvoiceTemplateCreatePage_invoiceData .titleCatalog .rightSection{display:flex;align-items:center;gap:12px;button {display: flex; width: 80px; padding: 4px 8px; justify-content: center; align-items: center; gap: 4px; align-self: stretch; border-radius: 4px; background: #5C5ACC; p {color: #FAFAFA;}} .input {display: flex; width: 180px; padding: 8px; align-items: center; gap: 8px; border-radius: 4px; border: .5px solid #B3B3B3; background: #FFF; position: relative; input {display: flex; align-items: center; gap: 8px; flex: 1 0 0; padding-left: 40px; border: none; outline: none; background: transparent; &::placeholder {color: #808080;}} &::before {content: "Rp"; position: absolute; left: 16px; top: 50%; transform: translateY(-50%); font-weight: bold; font-size: 16px; color: #000; pointer-events: none;}}}.InvoiceTemplateCreatePage_invoiceHr{height:1px;width:100%;background:#B3B3B3;border:none;margin-top:20px}.section-title{position:relative;width:100%;padding:20px 0}.section-title span{background:rgba(242,242,242,1);padding-right:15px;font-size:14px;position:relative;z-index:1;font-weight:500}.section-title hr{position:absolute;top:50%;left:0;width:100%;height:1px;background:#B3B3B3;border:none;margin:0;z-index:0}.InvoiceTemplateCreatePage_shipping{display:flex;padding:12px;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch;border-radius:8px;background:#FFF;margin-top:20px}.InvoiceTemplateCreatePage_shipping .topSection{display:flex;align-items:center;gap:4px}.InvoiceTemplateCreatePage_shipping .bottomSection{display:flex;align-items:flex-start;gap:12px;align-self:stretch}.InvoiceTemplateCreatePage_shipping .bottomSection .leftSection{flex:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;position:relative;max-width:100%}.InvoiceTemplateCreatePage_shipping .bottomSection .leftSection .input{display:flex;height:48px;padding:12px;align-items:center;gap:4px;align-self:stretch;border-radius:4px;border:1px solid #B3B3B3}.InvoiceTemplateCreatePage_shipping .bottomSection .leftSection .input.focused{border:1px solid #817EE5}.InvoiceTemplateCreatePage_shipping .bottomSection .leftSection .input .input-field{flex:1;border:none;outline:none;background:transparent}.InvoiceTemplateCreatePage_shipping .bottomSection .leftSection .input .selected-value{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;svg {margin-left: 8px; flex-shrink: 0;}}.InvoiceTemplateCreatePage_shipping .bottomSection .leftSection .input .selected-value .text-content{display:flex;align-items:center;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;p {margin: 0;}}.InvoiceTemplateCreatePage_shipping .bottomSection .leftSection .input .selected-value .text-content .selected-item{display:flex;align-items:center;img {width: 24px; height: 24px; object-fit: contain; margin-right: 8px;} p {margin: 0;}}.InvoiceTemplateCreatePage_shipping .bottomSection .leftSection .listShippingPopup{display:flex;width:98%;max-height:284px;padding:4px;flex-direction:column;align-items:flex-start;gap:4px;position:absolute;top:80px;border-radius:4px;border:1px solid #B3B3B3;background:#FFF;z-index:10;box-shadow:0 2px 8px #0000001a}.InvoiceTemplateCreatePage_shipping .bottomSection .leftSection .listShippingPopup .listData{max-height:220px;width:100%;overflow-y:scroll;overflow-x:hidden}.InvoiceTemplateCreatePage_shipping .bottomSection .leftSection .listShippingPopup .listData .item{display:flex;height:40px;padding:8px 12px;align-items:center;gap:8px;flex-shrink:0;align-self:stretch;cursor:pointer;img {width: 24px; height: 24px; object-fit: contain; margin-right: 8px;}}.InvoiceTemplateCreatePage_shipping .bottomSection .leftSection .listShippingPopup .listData .item:hover{background:#F5F5F5}.InvoiceTemplateCreatePage_shipping .bottomSection .leftSection .listShippingPopup .itemAdd{display:flex;height:40px;padding:8px 12px;align-items:center;gap:8px;align-self:stretch;border-radius:4px;background:#6562DF;cursor:pointer;p {color: #FFF;} &:hover {background: #5754D0;}}.InvoiceTemplateCreatePage_shipping .bottomSection .rightSection{flex:1;display:flex;min-width:200px;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px}.InvoiceTemplateCreatePage_shipping .bottomSection .rightSection .input{display:flex;height:48px;padding:12px;align-items:center;gap:4px;align-self:stretch;border-radius:4px;border:1px solid #B3B3B3}.InvoiceTemplateCreatePage_shipping .bottomSection .rightSection .input .input-field{flex:1;border:none;outline:none;background:transparent}.InvoiceTemplateCreatePage_shipping .bottomSection .rightSection .input.focused{border:1px solid #817EE5!important}.InvoiceTemplateCreatePage_paymentShow{display:flex;padding:8px;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:12px;align-self:stretch;border-radius:4px;background:#FFF;margin-top:20px;hr {width: 100%; margin: 0; background: #B3B3B3;}}.InvoiceTemplateCreatePage_paymentShow .topSection{display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch}.InvoiceTemplateCreatePage_paymentShow .topSection .first{display:flex;align-items:center;gap:8px;align-self:stretch}.InvoiceTemplateCreatePage_paymentShow .topSection .second{display:flex;padding:12px 4px 12px 8px;align-items:center;gap:4px;align-self:stretch;border-radius:8px;border:1px solid#23224D;background:#FFF;p {font-size: 14px; font-style: italic; font-weight: 500; line-height: 24px; letter-spacing: .14px;}}.InvoiceTemplateCreatePage_internalNote{display:flex;flex-direction:column;align-items:flex-start;gap:16px;align-self:stretch;margin-top:20px}.InvoiceTemplateCreatePage_internalNote .sectionDivide{display:flex;align-items:center;gap:8px;align-self:stretch;p {width: max-content; flex: 1; min-width: 96px;} hr {width: 100%; background: #B3B3B3; margin: 0;}}.InvoiceTemplateCreatePage_internalNote .mainSection{display:flex;padding:12px;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch;border-radius:8px;background:#FFF}.InvoiceTemplateCreatePage_internalNote .mainSection .header{display:flex;justify-content:space-between;align-items:flex-start;align-self:stretch}.InvoiceTemplateCreatePage_internalNote .mainSection .header .leftSection{display:flex;align-items:center;gap:8px}.InvoiceTemplateCreatePage_internalNote .mainSection .inputData{display:flex;padding:8px;align-items:flex-start;gap:12px;align-self:stretch}.InvoiceTemplateCreatePage_internalNote .mainSection .inputData .avatar{width:40px;height:40px;border-radius:50px}.InvoiceTemplateCreatePage_internalNote .mainSection .inputData .rightSection{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:1 0 0}.InvoiceTemplateCreatePage_internalNote .mainSection .inputData .rightSection .input{display:flex;height:60px;padding:12px;align-items:flex-start;gap:10px;align-self:stretch;border-radius:4px;border:1px solid#6562DF;background:#FFF;box-shadow:0 0 5px #5c5acc26;position:relative;textarea {width: 100%;} .EmojiPickerReact {position: absolute; right: 0; bottom: 80px;}}.InvoiceTemplateCreatePage_internalNote .mainSection .inputData .rightSection .buttonList{display:flex;align-items:flex-start;gap:12px;button {display: flex; padding: 4px 8px; justify-content: center; align-items: center; gap: 4px; border-radius: 4px;} .btnSave {background: #5C5ACC; p {color: #FFFFFF;}} .btnCancel {p {color: #656565;}}}.InvoiceTemplateCreatePage_internalNote .mainSection .itemNote{display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch}.InvoiceTemplateCreatePage_internalNote .mainSection .itemNote .topSection{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.InvoiceTemplateCreatePage_internalNote .mainSection .itemNote .topSection .leftSection{display:flex;width:315px;align-items:center;gap:12px}.InvoiceTemplateCreatePage_internalNote .mainSection .itemNote .topSection .leftSection .avatar{width:32px;height:32px;flex-shrink:0}.InvoiceTemplateCreatePage_internalNote .mainSection .itemNote .topSection .rightSection{display:flex;align-items:flex-start;gap:12px;button {display: flex; padding: 4px 8px; justify-content: center; align-items: center; gap: 4px;}}.InvoiceTemplateCreatePage_internalNote .mainSection .itemNote .bottomSection{display:flex;padding:4px 12px 4px 48px;align-items:flex-start;gap:10px;align-self:stretch;width:calc(100% - 60px)}.InvoiceTemplateCreatePage_internalNote .mainSection .itemNote .bottomSection .input{display:flex;height:60px;padding:12px;align-items:flex-start;gap:10px;align-self:stretch;border-radius:4px;border:1px solid#6562DF;background:#FFF;box-shadow:0 0 5px #5c5acc26;position:relative;width:100%;textarea {width: 100%;} .EmojiPickerReact {position: absolute; right: 0; bottom: 80px;}}.InvoiceTemplateCreatePage_invoiceFooterAction{display:flex;justify-content:space-between;align-items:flex-start;align-self:stretch;margin-top:20px}.InvoiceTemplateCreatePage_invoiceFooterAction .buttonSave{min-width:160px;width:max-content;height:48px;display:flex;gap:8px;align-items:center;justify-content:center;background:#5C5ACC;padding:12px;border-radius:4px;p {color: #FAFAFA;}}.InvoiceTemplateCreatePage_invoiceFooterAction .buttonSave.disabled{background:#B0B0B0;cursor:not-allowed}.InvoiceTemplateCreatePage_invoiceFooterAction .buttonSaveBorder{min-width:160px;width:max-content;height:48px;display:flex;gap:8px;align-items:center;justify-content:center;border:2px solid #5C5ACC;padding:12px;border-radius:4px;p {color: #5C5ACC;}}.InvoiceTemplateCreatePage_invoiceFooterAction .rightSection{display:flex;align-items:flex-start;gap:8px}.loading-spinner{width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}.editSectionInvoiceMobile .header{display:flex;width:calc(100% - 24px);padding:12px;align-items:center;gap:8px;background:#FAFAFA}.editSectionInvoiceMobile .header .iconBox{display:flex;padding:8px;justify-content:center;align-items:center;gap:10px}.editSectionInvoiceMobile .header .menuHeader{display:flex;padding:4px 8px 4px 12px;align-items:center;gap:8px;flex:1 0 0;border-radius:8px;background:#F2F2F2;position:relative;p,h5 {flex: 1;} .iconBox {display: flex; padding: 8px; justify-content: center; align-items: center; gap: 4px; border-radius: 4px;} .menuList {display: flex; width: calc(81.4dvw - 8px); padding: 4px; flex-direction: column; align-items: flex-start; position: absolute; right: 0; top: 50px; border-radius: 8px; border: 1px solid #B3B3B3; background-color: #F5F5F5 !important; box-shadow: 0px 1px 2px 0px rgba(0,0,0,.3),0px 1px 3px 1px rgba(0,0,0,.15); z-index: 21; .itemList {padding: 12px;}}}.editSectionInvoiceMobile .body{display:flex;width:calc(100dvw - 24px);overflow-y:scroll;overflow-x:hidden;height:calc(100dvh - 229px);padding:12px;flex-direction:column;align-items:flex-start;gap:16px;flex-shrink:0}.editSectionInvoiceMobile .body .item{display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch}.editSectionInvoiceMobile .body .item .selectName{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;position:relative;max-width:100%;width:100%;background-color:#f3f3f3}.editSectionInvoiceMobile .body .item .selectName .input{display:flex;height:30px;padding:12px;align-items:center;gap:4px;align-self:stretch;border-radius:4px;border:1px solid #B3B3B3;position:relative}.editSectionInvoiceMobile .body .item .selectName .input.focused{border:1px solid #817EE5;z-index:20}.editSectionInvoiceMobile .body .item .selectName .input .input-field{flex:1;border:none;outline:none;background:#F2F2F2}.editSectionInvoiceMobile .body .item .selectName .input .selected-value{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;svg {margin-left: 8px; flex-shrink: 0;}}.editSectionInvoiceMobile .body .item .selectName .input .selected-value .text-content{display:flex;align-items:center;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;p {margin: 0;}}.editSectionInvoiceMobile .body .item .selectName .input .selected-value .text-content .selected-item{display:flex;align-items:center;img {width: 24px; height: 24px; object-fit: contain; margin-right: 8px;} p {margin: 0;}}.editSectionInvoiceMobile .body .item .selectName .listShippingPopup{display:flex;width:98%;max-height:284px;padding:4px;flex-direction:column;align-items:flex-start;gap:4px;position:absolute;top:70px;border-radius:4px;border:1px solid #B3B3B3;background:#FFF;z-index:10;box-shadow:0 2px 8px #0000001a}.editSectionInvoiceMobile .body .item .selectName .listShippingPopup .listData{max-height:220px;width:100%;overflow-y:scroll;overflow-x:hidden}.editSectionInvoiceMobile .body .item .selectName .listShippingPopup .listData .item{display:flex;height:40px;padding:8px 12px;align-items:center;gap:8px;flex-shrink:0;align-self:stretch;cursor:pointer;img {width: 24px; height: 24px; object-fit: contain; margin-right: 8px;}}.editSectionInvoiceMobile .body .item .selectName .listShippingPopup .listData .item:hover{background:#F5F5F5}.editSectionInvoiceMobile .body .item .selectName .listShippingPopup .itemAdd{display:flex;height:40px;padding:8px 12px;align-items:center;gap:8px;align-self:stretch;border-radius:4px;background:#6562DF;cursor:pointer;p {color: #FFF;} &:hover {background: #5754D0;}}.editSectionInvoiceMobile .body .item .inputImage{display:flex;height:144px;width:calc(100% - 16px);padding:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;flex-shrink:0;align-self:stretch;img {object-fit: contain; width: 100%; height: 100%;}}.editSectionInvoiceMobile .body .item .inputNormal{display:flex;height:18px;align-items:center;gap:4px;align-self:stretch;border-radius:8px;border:1px solid #333;background:#FFF;padding:12px;input {flex: 1;}}.editSectionInvoiceMobile .body .item .ant-picker{border-radius:8px}.editSectionInvoiceMobile .body .line{width:100%;background:#B3B3B3}.editSectionInvoiceMobile .footer{display:flex;width:calc(100% - 24px);padding:12px;flex-direction:column;align-items:flex-start;gap:4px;position:fixed;bottom:0;left:12px;background:#fff;z-index:1000;box-sizing:border-box;button {display: flex; padding: 12px 16px 12px 12px; justify-content: center; align-items: center; gap: 8px; align-self: stretch; border-radius: 8px; background: #5C5ACC; p {color: #FAFAFA;}}}.editSectionInvoiceMobile .footer .progress{display:flex;height:12px;justify-content:center;align-items:flex-start;align-self:stretch;gap:4px}.editSectionInvoiceMobile .footer .progress .done{height:4px;background:#6562DF;border:none;border-radius:8px}.editSectionInvoiceMobile .footer .progress .ongoing{height:4px;background:#DADAF2;border:none;border-radius:8px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dialog-container{display:flex;flex-direction:column;height:100%;background:white}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #e0e0e0}.dialog-title{font-size:20px;font-weight:500;color:#333;margin:0}.close-button{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.close-button:hover{opacity:.8}.dialog-subtitle{padding:16px 0;text-align:center;border-bottom:1px solid #e0e0e0}.filename{font-size:16px;color:#666}.dialog-content{flex:1;overflow:auto;padding:0;background:#f5f5f5}.dialog-footer{padding:16px;display:flex;justify-content:center;border-top:1px solid #e0e0e0;background:white}.download-button{background-color:#6562df!important;color:#fff!important;padding:8px 24px!important;font-size:14px!important;text-transform:none!important;min-width:150px!important}.download-button:hover{background-color:#5452cf!important}.button-pdf{display:flex;align-items:center;gap:8px;cursor:pointer}.button-text{margin:0;font-size:14px;color:#6562df}.dialog-container-mobile{display:flex;flex-direction:column;height:100%;background:white}.dialog-container-mobile .dialog-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border:none}.dialog-container-mobile .dialog-content{flex:1;overflow:auto;padding:0 12px;background:#ffffff;height:100%;overflow-y:scroll;overflow-x:hidden;img {border: 1px dashed #e0e0e0; border-radius: 8px;}}.ProductPage_data{max-width:calc(100dvw - 352px);overflow:auto;margin-top:20px;background:white}.ProductPage_data table{width:100%;border-spacing:0;border-collapse:separate;min-width:max-content}.ProductPage_data .checkboxColumn,.ProductPage_data th.checkboxColumn,.ProductPage_data td.checkboxColumn{width:80px;min-width:80px;max-width:80px}.ProductPage_data .imageColumn,.ProductPage_data th.imageColumn,.ProductPage_data td.imageColumn{width:100px;min-width:100px;max-width:100px}.ProductPage_data .nameColumn,.ProductPage_data th.nameColumn,.ProductPage_data td.nameColumn{width:200px;min-width:200px;max-width:200px;max-height:90px}.ProductPage_data .variantColumn,.ProductPage_data th.variantColumn,.ProductPage_data td.variantColumn{width:150px;min-width:150px;max-width:150px;max-height:90px}.ProductPage_data .priceColumn,.ProductPage_data th.priceColumn,.ProductPage_data td.priceColumn,.ProductPage_data .stockColumn,.ProductPage_data th.stockColumn,.ProductPage_data td.stockColumn{width:150px;min-width:150px;max-width:150px}.ProductPage_data .categoryColumn,.ProductPage_data th.categoryColumn,.ProductPage_data td.categoryColumn{width:200px;min-width:200px;max-width:200px}.ProductPage_data .statusColumn,.ProductPage_data th.statusColumn,.ProductPage_data td.statusColumn{width:120px;min-width:120px;max-width:120px}.ProductPage_data .action,.ProductPage_data th.action,.ProductPage_data td.action{width:150px;min-width:150px;max-width:150px}.ProductPage_data thead tr{height:48px}.ProductPage_data thead th{background:rgba(218,218,242,1);position:sticky;top:0;z-index:2;padding:12px;text-align:left;border-bottom:1px solid #eaeaea;white-space:nowrap}.header-cell{display:flex;align-items:center;justify-content:space-between;padding:0 8px}.header-cell p{font-family:Inter;font-size:14px;font-weight:600;color:#333;margin:0}.help-icon{color:#9e9e9e}.ProductPage_data tbody tr{height:72px}.ProductPage_data tbody td{border-bottom:1px solid #eaeaea;background:white;font-family:Inter;font-size:14px;padding:16px 12px;color:#333}.ProductPage_data .checkboxColumn{position:sticky;left:0;z-index:3;border-right:1px solid #eaeaea}.ProductPage_data .imageColumn{position:sticky;left:80px;z-index:3;border-right:1px solid #eaeaea}.ProductPage_data .nameColumn{position:sticky;left:180px;z-index:3;border-right:1px solid #eaeaea}.ProductPage_data .image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.ProductPage_data .image-container .product-image{width:auto;height:100%;object-fit:cover;border-radius:5px}.ProductPage_data .action{position:sticky;right:0;z-index:3;border-left:1px solid #eaeaea}.ProductPage_data thead .checkboxColumn,.ProductPage_data thead .imageColumn,.ProductPage_data thead .nameColumn{background:rgba(218,218,242,1)}.ProductPage_data thead .action{background:rgba(218,218,242,1);padding:12px}.ProductPage_data tbody .checkboxColumn,.ProductPage_data tbody .imageColumn,.ProductPage_data tbody .nameColumn,.ProductPage_data tbody .action{background:white}.checkboxColumn-cell{display:flex;align-items:center;gap:8px}.row-number{font-size:14px;color:#333}.product-image{width:48px;height:48px;object-fit:cover;border-radius:4px}.variant-button{display:flex;align-items:center;gap:4px;padding:4px 8px;background:transparent;border-radius:4px;color:#6562df;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .3s ease}.variant-button span,.variant-button .chevron-icon{color:#6562df;transition:color .3s ease}.variant-button:active{background:rgba(218,218,242,1);color:#23224d}.variant-button:active span,.variant-button:active .chevron-icon{color:#23224d}.status-badge{display:flex;align-items:center;justify-content:start;gap:6px;padding:4px 8px;background:#eef2ff;border-radius:16px;position:relative;translate:0 -10px}.status-dot{width:6px;height:6px;background:#5c5acc;border-radius:50%}.action-buttons{display:flex;align-items:center;gap:8px;justify-content:center}.action-buttons button{padding:8px;border:none;background:transparent;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center}.edit-button{color:#5c5acc}.history-button{color:#9e9e9e}.delete-button{color:#ef4444}.categoryColumn p{display:flex;gap:4px;color:#333;margin:0}.product-page-empty{display:flex;flex-direction:column;align-items:center;justify-content:start;min-height:80vh;padding:2rem;text-align:center;margin-top:3rem}.product-page-empty img{width:100%;max-width:300px;height:auto;margin-bottom:2rem}.product-page-empty h4{color:#111827;font-size:1.5rem;font-weight:600;margin:0;margin-bottom:.5rem}.product-page-empty p{color:#6b7280;font-size:1rem;margin:0;margin-bottom:2rem}.buttons-container{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.add-button{min-width:160px!important;text-transform:none!important;padding:.5rem 1.5rem!important;font-weight:500!important}.add-bulk{text-transform:none!important;font-weight:700!important;font-size:1rem!important;color:#5c5acc!important;border-width:2px!important;border-color:#5c5acc!important}.icon-add-bulk{color:#5c5acc!important}.add-bulk:hover{color:#23224d!important;background-color:#b8b7e5!important;border-color:#23224d!important}.add-bulk:hover .icon-add-bulk{color:#23224d!important}.create-new{background-color:#6366f1!important;color:#fff!important}.create-new:hover{background-color:#23224d!important}@media (max-width: 600px){.buttons-container{flex-direction:column;width:100%}.add-button{width:100%!important}.product-page-empty img{max-width:200px}.product-page-empty h4{font-size:1.25rem}}.ContactListPage{height:100vh;max-height:100vh;position:fixed;width:100dvw;max-width:100dvw}.ContactListPage .left{max-width:320px;width:320px;padding:24px 16px}.ContactListPage .right{flex:1;padding:24px 16px 24px 40px;background:#f7f5f5;max-width:calc(100dvw - 320px);height:calc(100dvh - 72px)!important;min-height:100%;overflow-y:scroll;position:relative}.ContactListPage_breadcrumbs{display:flex;flex-direction:row;align-items:center;gap:8px}.ContactListPage_breadcrumbs img:first-child{width:24px;height:24px}.ContactListPage_breadcrumbs img{width:16px;height:16px}.ContactListPage_breadcrumbs p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.ContactListPage_head h4{margin-top:24px;font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em}.ContactListPage_head p{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.ContactListPage_head .Head_Wrapper{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.ContactListPage_head .Head_Wrapper .RightPart{display:flex;height:24px;align-items:center;gap:8px}.ContactListPage_head .Head_Wrapper .RightPart p{color:var(--Neutral-Color-Neutral3, #656464);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.ContactListPage_head .Head_Wrapper .RightPart button{display:flex;padding:8px;justify-content:center;align-items:center;gap:8px;align-self:stretch;border:none;outline:none;background:none;border-radius:4px;border:1px solid var(--Primary-Color-Primary600, #5C5ACC)}.ContactListPage_head .Head_Wrapper .RightPart button p{color:var(--Primary-Color-Primary500, #6562DF);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.ContactListPage .right .Result{gap:4px;margin-bottom:24px;display:flex;max-width:500px;padding:4px 12px;justify-content:space-between;align-items:center}.ContactListPage .right .Result p{color:var(--neutral-color-neutral-800, #656565);font-size:14px;font-family:Inter;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.ContactListPage .right .Result button{display:flex;height:24px;padding:8px;justify-content:center;align-items:center;gap:8px;outline:none;border:none;background:#F7F5F5}.ContactListPage .right .Result button:hover{background:var(--primary-color-primary-100, #DADAF2)}.ContactListPage .right .Result button:hover p{color:#23224d}.ContactListPage .right .Result button p{color:var(--primary-color-primary-600, #5C5ACC);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.ContactListPage_action{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.ContactListPage_data{max-width:calc(100dvw - 376px);max-height:60vh;overflow:scroll}.ContactListPage_data table{width:100%;border-spacing:0;position:relative}.ContactListPage_data thead{background:#EDEDFF;max-width:calc(100dvw - 376px);width:100%;position:sticky;top:0;z-index:2}.ContactListPage_data .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root .css-i4bv87-MuiSvgIcon-root{fill:#820202}.ContactListPage_data .css-y8ay40-MuiTableCell-root{background:#EDEDFF}.ContactListPage_data .css-1ex1afd-MuiTableCell-root,.ContactListPage_data .css-y8ay40-MuiTableCell-root,.ContactListPage_data .css-1ygcj2i-MuiTableCell-root{border:none}.ContactListPage_data thead th{font-weight:700;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333;text-align:start}.ContactListPage_data thead th button{min-width:16px;height:16px;padding:0;cursor:pointer;color:transparent;transition:none;outline:none}.ContactListPage_data thead th button:active{outline:none}.ContactListPage_data .checkbox{width:24px;padding:16px}.SelectAllWrapperPopover{display:flex;width:147px;padding:4px;flex-direction:column;align-items:flex-start;gap:4px;border-radius:4px;border:1px solid var(--neutral-color-neutral-900, #333);background:var(--background-white, #FFF);box-shadow:5px 5px 5px #6562df26}.SelectAllWrapperPopover .Select{display:flex;padding:8px 12px;align-items:flex-start;gap:10px;align-self:stretch;cursor:pointer;transition:.3s}.SelectAllWrapperPopover .Select:hover,.SelectAllWrapperPopover .Active{background:var(--primary-color-primary-500, #6562DF);color:var(--background-white, #FAFAFA)}.SelectAllWrapperPopover .Inactive{color:var(--background-white, #6562DF)}.ContactListPage_data .contact{min-width:168px;width:100%;max-width:168px;padding:16px}.ContactListPage_data .contact .noWaBtn{font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;color:#656565;padding:16px;margin:0;width:100%;height:100%;text-align:start;justify-content:flex-start;transition:none}.ContactListPage_data .contact .noWaBtn:focus{outline:none}.ContactListPage_data .contact .noWaBtn:active{background:rgba(223,98,98,.1)}.ContactListPage_data .freezed{background:#A2A1E5;position:absolute;bottom:0;left:0;width:100%;height:5px}.showWarningNoWa .MuiPaper-root{display:flex;width:400px;padding:4px 8px;align-items:center;gap:8px;border-radius:4px;background:rgba(255,255,255,.95);box-shadow:none}.showWarningNoWa .MuiPaper-root p{font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px;color:#df6262}.ContactListPage_data .birth{min-width:168px;width:100%;max-width:168px;padding:16px}.ContactListPage_data .country{min-width:168px;width:100%;max-width:168px!important;padding:16px}.ContactListPage_data .tag{min-width:268px;max-width:268px;padding:16px}.ContactListPage_data .column-freezed{min-width:168px;max-width:168px;padding:16px}.ContactListPage_data .label{min-width:268px;padding:16px}.ContactListPage_data .notes{min-width:168px;width:100%;max-width:168px!important;padding:16px}.ContactListPage_data .notes input{width:100%}.ContactListPage_data .action{width:87px;padding:16px;display:flex;justify-content:center;align-items:center;gap:8px;position:sticky;right:0;background:#FFFFFF;border-left:1px solid #F2F2F2}.ContactListPage_data .actionData{width:87px;padding:25px 16px;display:flex;justify-content:center;gap:8px;position:sticky;right:0;background:#FFFFFF;border-left:1px solid #F2F2F2}.ContactListPage_data thead th div{display:flex;justify-content:space-between;align-items:center;gap:10px}.ContactListPage_data thead th div p{font-weight:700;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333}.ContactListPage_data thead th div p span{color:#df6262}.ContactListPage_data thead th div svg{cursor:pointer}.ContactListPage_data thead .action{background-color:#ededff;border-left:1px solid var(--neutral-color-neutral-200, #F2F2F2)}.ContactListPage_data tbody tr{background:#FFFFFF}.ContactListPage_data tbody tr td{max-height:32px;margin:0;color:#333;color-scheme:light}.ContactListPage_data tbody .name{font-weight:500;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333}.ContactListPage_data tbody .content{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464}.ContactListPage_data tbody .tag .tags,.ContactListPage_data tbody .column-freezed .tags{display:flex;justify-content:flex-start;align-items:center;gap:4px;overflow-x:scroll;margin:auto 0}.contactListTag{display:flex;padding:4px 8px;height:22px;min-width:fit-content;align-items:center;gap:8px;border-radius:4px;border:1px solid #F2F2F2;background:#FAFAFA}.contactListTag p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em}.ContactListPage_data tbody .action svg{cursor:pointer}.ContactListPage_data tbody .FilterResult{background:var(--neutral-color-neutral-100, #FAFAFA);box-shadow:0 0 10px #0000001a;z-index:2}.ContactListPage_data tbody .FilterResult .NumberData{position:sticky;left:0;top:74px;background:var(--neutral-color-neutral-100, #FAFAFA);display:flex;justify-content:center;align-items:center;color:var(--primary-color-primary-500, #6562DF);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;height:100%;z-index:99999999999}.ContactListPage_data tbody .FilterResult .ContactResult{position:sticky;top:74px;left:74px;background:var(--neutral-color-neutral-100, #FAFAFA);box-shadow:0 0 10px #0000001a}.ContactListPage_data tbody .FilterResult .Content{display:flex;height:calc(100% - 8px);padding:4px 4px 4px 8px;justify-content:space-between;align-items:center;border-radius:4px;border:1px solid var(--primary-color-primary-500, #6562DF);background:var(--background-white, #FFF)}.ContactListPage_data tbody .FilterResult .Content p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.ContactListPage_data tbody .FilterResult .birthResult{width:200px}.ContactListPage_data tbody .FilterResult .remove{display:flex;justify-content:center;align-items:center;position:sticky;right:0;background:#FAFAFA;border-left:1px solid #F2F2F2;cursor:pointer}.ContactListPage_data tbody .FilterResult .remove p{color:#5c5acc;font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.24px}.contactListFilter .MuiPaper-root{display:flex;flex-direction:column;align-items:flex-start;padding:8px;gap:4px;width:238px;background:#FFFFFF;box-shadow:0 0 10px #0000001a;border-radius:4px;border:1px solid #6562DF}.contactListFilter .sort{padding:4px 8px;cursor:pointer;width:calc(100% - 16px);display:flex;align-items:center;gap:4px}.contactListFilter .sort-select{border:1px solid #6562DF;border-radius:4px}.contactListFilter .sort p{font-weight:300;font-size:10px;line-height:18px;color:#333}.contactListFilter hr{border:1px solid #F2F2F2;height:.1px;width:100%;margin:0}.contactListFilter .titleFilterCondition{display:flex;align-items:center;padding:4px 8px;gap:4px;width:calc(100% - 16px);cursor:pointer}.contactListFilter .titleFilterCondition p{font-weight:300;font-size:10px;line-height:18px;color:#333}.contactListFilter .fullWidth{width:100%}.contactListFilter .none{display:none}.contactListFilter .searchValue{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:8px;gap:4px;border:1px solid #F2F2F2;border-radius:4px;width:calc(100% - 16px)}.contactListFilter .actionValue{display:flex;flex-direction:row;align-items:center;padding:0 8px;gap:8px}.contactListFilter .actionValue .All{font-weight:600;font-size:10px;line-height:18px;display:flex;align-items:center;letter-spacing:-.01em;color:#6562df;cursor:pointer}.contactListFilter .actionValue .Clear{font-weight:300;font-size:10px;line-height:18px;display:flex;align-items:center;color:#656565;cursor:pointer}.contactListFilter .listValue{display:flex;flex-direction:column;align-items:flex-start;padding:0;width:100%;gap:4px;max-height:146px;overflow-y:scroll}.contactListFilter .listValue .valueItem{display:flex;flex-direction:row;align-items:center;padding:4px 8px;width:calc(100% - 16px);gap:4px}.contactListFilter .listValue .valueItem p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contactListFilter .listValue .valueItem .content{display:flex;flex-direction:row;align-items:center;padding:0;width:100%;cursor:pointer;gap:4px}.contactListFilter .MuiFormControl-root{margin:0;width:100%}.contactListFilter .MuiInputBase-root{max-height:40px}.contactListFilterCondition{font-weight:300!important;font-size:10px!important;line-height:18px!important;color:#333!important}.contactListFilterInput{padding:8px;border:1px solid #F2F2F2;border-radius:4px;font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333;width:calc(100% - 16px);margin-top:4px}.contactListFilterInput::placeholder{color:#bdbdbd}.contactListFilter .bottomAction{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:8px 12px;background:#FAFAFA;width:calc(100% - 8px);margin-left:-8px;margin-bottom:-8px}.contactListFilter .bottomAction .btn-cancel,.contactListFilter .bottomAction .btn-apply{display:flex;justify-content:center;align-items:center;padding:8px;cursor:pointer}.contactListFilter .bottomAction .btn-cancel p,.contactListFilter .bottomAction .btn-apply p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#5c5acc}.contactListFilter .bottomAction .btn-apply{background:#5C5ACC;border-radius:4px}.contactListFilter .bottomAction .btn-cancel p{color:#df6262}.contactListFilter .bottomAction .btn-apply p{color:#fafafa}.ContactListPage_addManualContact{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 8px 8px 12px;width:calc(100% - 16px);gap:8px;background:#5C5ACC;border-radius:4px;cursor:pointer;margin-top:12px}.ContactListPage_addManualContact p{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#fafafa}.ContactListPage_data .openInChatRoom{display:flex;justify-content:flex-end;align-items:center;gap:3px}.ContactListPage_data .openInChatRoom .left{display:flex;align-items:center;padding:4px 8px;gap:8px;background:rgba(51,51,51,.25);border-radius:8px;width:116px}.ContactListPage_data .openInChatRoom .left p{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333}.ContactListPage_data .openInChatRoom .right{background:#B3B3B3;border-radius:4px;max-width:20px;max-height:20px;display:flex;justify-content:center;align-items:center;padding:0}.Pagination_Component{display:flex;width:calc(100% - 24px);padding:8px 12px;justify-content:space-between;align-items:center;border-radius:4px;background:#FFF}.Pagination_Component .Left_Part{display:flex;align-items:center;gap:8px}.Pagination_Component .Left_Part .DataViewText{color:#333;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.Pagination_Component .Left_Part .DataView{display:flex;width:80px;height:36px;padding:8px 12px;justify-content:space-between;align-items:center;border-radius:4px;border:1px solid var(--primary-color-primary-500, #6562DF);background:var(--background-white, #FFF);outline:none;cursor:pointer}.Pagination_Component .Left_Part .DataView p{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.Pagination_Component .Left_Part .DataView .Arrow{display:flex;width:16px;height:16px;justify-content:center;align-items:center;gap:10px;flex-shrink:0;border-radius:4px;background:var(--neutral-color-neutral-500, #B3B3B3)}.Pagination_Component .Left_Part .DataView .Arrow .Rotate{transform:rotate(180deg)}.Pagination_Component .Left_Part .Result_Contact{color:#656565;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.Pagination_Component .Right_Part{display:flex;align-items:center;gap:16px}.Pagination_Component .Right_Part .Page,.Pagination_Component .Right_Part .Action{display:flex;align-items:center;gap:8px}.Pagination_Component .Right_Part .Action button{outline:none;border:none;display:flex;height:36px;justify-content:center;align-items:center;gap:8px;padding:8px;border-radius:4px;background:var(--neutral-color-neutral-3, #656464)}.Pagination_Component .Right_Part .Action .Active{background:#5C5ACC}.Pagination_Component .Right_Part .Page .InputWrapper{display:flex;padding:5px 12px;justify-content:center;align-items:center;border-radius:4px;border:1px solid #B3B3B3}.Pagination_Component .Right_Part .Page .InputWrapper input{display:flex;align-items:center;justify-content:center;margin:0;caret-color:#6562df}.DataViewLimitWrapper{display:flex;width:72px;padding:4px;flex-direction:column;align-items:flex-start;gap:4px;border-radius:4px;border:1px solid #6562DF;background:var(--background-white, #FFF);box-shadow:5px 5px 5px #6562df26;margin-bottom:12px}.DataViewLimitWrapper .ItemOption{display:flex;padding:8px 12px;justify-content:center;align-items:center;gap:10px;align-self:stretch;background:var(--background-white, #FFF);cursor:pointer}.DataViewLimitWrapper .ItemOption:hover{color:#fff;background:#5C5ACC}.css-3bmhjh-MuiPaper-root-MuiPopover-paper:has(.DataViewLimitWrapper){background:none!important;margin-bottom:8px;box-shadow:none}.contactListPage_filterPagination{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.contactListPage_filterPagination .arrow{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:8px;cursor:pointer}.contactList_infoContactTable .MuiPaper-root{display:flex;align-items:center;padding:4px 8px;gap:8px;width:calc(100% - 16px);max-width:400px;background:rgba(51,51,51,.9);border-radius:4px}.contactList_infoContactTable .MuiPaper-root p{color:#fff}.AddReceiptPage .ContactListPage_action{display:flex;justify-content:flex-start;align-items:center;margin-top:12px;width:100%;margin-left:32px;margin-bottom:24px}.ContactListPage_action .left{display:flex;align-items:flex-start;gap:12px;padding:0;flex:1;max-width:fit-content}.ContactListPage_action .left .input{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 12px;gap:12px;width:100%;height:48px;border-radius:4px;background:#fff;caret-color:#6562df}.ContactListPage_action .left .input img,.ContactListPage_action .left .btn img,.ContactListPage_action .right img{width:24px;height:24px}.ContactListPage_action .left .input input{flex:1;height:24px}.ContactListPage_action .left .input .BgSmallcaps{display:flex;height:24px;width:24px;justify-content:center;align-items:center;gap:8px;border-radius:4px}.ContactListPage_action .left .input input:focus{outline:none}.ContactListPage_action .left .btn{width:100%;min-width:48px;max-width:48px;height:48px;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:4px}.ContactListPage_action .left .apply_filter{display:flex;padding:9.6px 12.8px 9.6px 9.6px;justify-content:center;align-items:center;gap:8px;height:50px;max-width:300px;border-radius:3.2px;background:var(--Primary-Color-Primary600, #5C5ACC)}.ContactListPage_action .left .apply_filter p{color:var(--Neutral-Color-Neutral100, #FAFAFA);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.7px;text-wrap:nowrap}.ContactListPage_action .left .apply_filter .bubble{display:flex;width:19.2px;height:19.2px;justify-content:center;align-items:center;gap:8px;border-radius:11.2px;background:var(--Background-White, #FFF)}.ContactListPage_action .left .apply_filter .bubble p{color:var(--Primary-Color-Primary500, #6562DF);text-align:center;font-family:Inter;font-size:10px;font-style:normal;font-weight:700;line-height:normal}.ContactListPage_action .left .apply_search{display:flex;padding:9.6px;justify-content:center;align-items:center;gap:8px;align-self:stretch;border-radius:3.2px;background:var(--Primary-Color-Primary600, #5C5ACC)}.ContactListPage_action .right{display:flex;justify-content:flex-end;align-items:flex-start;gap:8px;height:48px!important}.ContactListPage_action .btn-export{display:flex;justify-content:center;align-items:center;padding:0 14px 0 10px;gap:12px;border-radius:4px;cursor:pointer;height:52px}.ContactListPage_action .btn-export p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#5c5acc}.ContactListPage_action .btn-add-contact{display:flex;justify-content:center;align-items:center;padding:0 14px 0 10px;gap:12px;background:#5C5ACC;border-radius:4px;cursor:pointer;height:52px}.ContactListPage_action .btn-add-contact p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#fafafa}.ContactListPage_action .btn-add{display:flex;justify-content:center;align-items:center;gap:12px;border:2px solid #5C5ACC;border-radius:4px;padding:12px 16px 12px 12px;cursor:pointer}.ContactListPage_action .btn-add p{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#5c5acc}.ContactListPage_action .btn-edit{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 16px 12px 12px;gap:12px;border-radius:4px}.ContactListPage_action .btn-edit:hover{background:rgb(92,90,204,.15)}.ContactListPage_action .btn-edit p{font-weight:700;font-size:14px;line-height:22px;display:flex;align-items:center;letter-spacing:.05em;color:#5c5acc}.ContactListPage_action .btn-delete{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 16px 12px 12px;gap:12px;border-radius:4px;transition:.3s}.ContactListPage_action .btn-delete:hover{background:rgba(223,98,98,.15)}.ContactListPage_action .right .btn-delete p{font-weight:700;font-size:14px;line-height:22px;display:flex;align-items:center;letter-spacing:.05em;color:#df6262}.CreateProductPage{height:100vh;max-height:100vh;position:fixed;width:100dvw;max-width:100dvw}.CreateProductPage .leftPart{max-width:320px;width:320px;padding:24px 16px}.CreateProductPage .rightPart{flex:1;padding:24px 16px 16px;background:#f7f5f5;max-width:calc(100dvw - 320px);height:calc(100dvh - 72px)!important;min-height:100%;overflow-y:scroll;justify-content:flex-start;position:relative}.CreateProductPage .rightPart .CreateProductContainer{display:flex;gap:16px;justify-content:space-between;margin-top:30px;height:calc(100dvh - 234px)}.CreateProductPage .rightPart .CreateProductLeft{display:flex;padding-right:0;flex-direction:column;align-items:flex-start;gap:16px;width:calc(100% - 330px);height:calc(100dvh - 234px);overflow-y:scroll}.CreateProductPage .rightPart .CreateProductLeft .Name{display:flex;padding:12px;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch;border-radius:8px;background:var(--background-white, #fff)}.CreateProductPage .rightPart .CreateProductLeft .Name .Head{display:flex;justify-content:space-between;align-items:center;width:100%}.CreateProductPage .rightPart .CreateProductLeft .Name .HeadLeft{display:flex;align-items:center;gap:12px}.CreateProductPage .rightPart .CreateProductLeft .Name .Head .HeadLeft h2{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:24px;font-style:normal;font-weight:700;line-height:32px;letter-spacing:-.48px}.CreateProductPage .rightPart .CreateProductLeft .Name .Head .HeadRight{color:#5c5acc;font-family:Inter;font-weight:500;font-size:24px;font-style:normal;line-height:29.05px;letter-spacing:-.48px}.CreateProductPage .rightPart .CreateProductLeft .Name .Body{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;align-self:stretch}.CreateProductPage .rightPart .CreateProductLeft .Name .Body label{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.CreateProductPage .rightPart .CreateProductLeft .Name .Body .wrapperStatusRobo{display:flex;justify-content:space-between;align-items:center;width:100%}.CreateProductPage .rightPart .CreateProductLeft .Name .Body .wrapperStatusRobo .status{display:flex;align-items:center;gap:10px;color:var(--Neutral-Color-Neutral4, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.CreateProductPage .rightPart .CreateProductLeft .Name .Body label span{color:var(--neutral-color-neutral-3, #df6262)}.CreateProductPage .rightPart .CreateProductLeft .Name .Body input{display:flex;padding:12px;align-items:flex-start;gap:4px;align-self:stretch;border-radius:4px;border:1px solid var(--neutral-color-neutral-3, #656464);background:#fff}.CreateProductPage .rightPart .CreateProductLeft #product_media .add_part{padding:12px 24px;display:flex;justify-content:center;align-items:center;border:2px dashed #6562DF;border-radius:4px;flex-direction:column;position:relative;gap:4px}.CreateProductPage .rightPart .CreateProductLeft #product_media .add_part .button_part{display:flex;justify-content:center;align-items:center;button{border: none; outline: none; background: none; font-weight: 600; font-size: 12px; line-height: 20px;} #add_file_product_media{color: #FAFAFA; background: #5C5ACC; border-radius: 4px;} #add_url_product_media{color: #5C5ACC;}}.CreateProductPage .rightPart .CreateProductLeft #product_media .add_part .text_part{font-weight:300;font-size:10px;line-height:18px}.CreateProductPage .rightPart .CreateProductLeft #product_media .add_part .media_previews{display:flex;flex-direction:row;overflow-y:scroll;justify-content:flex-start;width:100%;gap:8px}.CreateProductPage .rightPart .CreateProductLeft #product_media .add_part .media_previews .media_item{border:1px solid #B3B3B3;border-radius:8px;padding:2px;height:100px;width:100px;position:relative;img,video {width: 100%; height: 100%; object-fit: contain;} .action {display: none; position: absolute; bottom: 0px; right: 0px; gap: 8px; padding: 8px; border-radius: 4px 0px 6px 0px; background: rgba(255,255,255,.75); box-shadow: 0px 0px 10px 0px rgba(0,0,0,.1); svg {cursor: pointer;}} &:hover {.action {display: flex;}}}.CreateProductPage .rightPart .CreateProductLeft #product_media .add_part .media_previews .add_more_part{border:2px dashed #6562DF;gap:8px;padding:12px 24px;display:flex;flex-direction:column;gap:4px;justify-content:center;align-items:center;border-radius:8px;height:76px;width:52px;img{object-fit: contain;} button{width: 76px; border: none; outline: none; background: none; font-weight: 600; font-size: 12px; line-height: 20px; white-space: nowrap; text-align: center;} #add_more_file_product_media{color: #FAFAFA; background: #5C5ACC; border-radius: 4px;} #add_more_url_product_media{color: #5C5ACC;}}.CreateProductPage .rightPart .CreateProductLeft #product_media .add_part .media_previews .add_more_part:after{content:"";position:absolute;inset:-1px;border:1px solid #F4FFF3;pointer-events:none}.CreateProductPage .rightPart .CreateProductLeft #product_media .add_part:after{content:"";position:absolute;inset:-1px;border:1px solid #F4FFF3;pointer-events:none}.CreateProductPage .rightPart .CreateProductLeft #variant_product{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;gap:16px;margin-top:8px}.CreateProductPage .rightPart .CreateProductLeft #variant_product #add_variant_product{display:flex;justify-content:center;gap:4px;align-items:center;background:#5C5ACC;font-weight:600;font-size:12px;line-height:20px;color:#fafafa}.CreateProductPage .rightPart .CreateProductLeft #variant_product .variantData{display:flex;flex-direction:column;gap:4px;width:100%}.CreateProductPage .rightPart .CreateProductLeft #variant_product .variantData .wrapper_variant{display:flex;align-items:center;gap:4px;width:100%}.CreateProductPage .rightPart .CreateProductLeft #variant_product .variantData .wrapper_variant .VariantName{max-width:200px}.CreateProductPage .rightPart .CreateProductLeft #variant_product .variantData .wrapper_variant .VariantType{width:100%;flex:1}.CreateProductPage .rightPart .CreateProductLeft #variant_product .variantData .wrapper_variant .trash{cursor:pointer}.CreateProductPage .rightPart .CreateProductLeft #variant_product .variantData .inputVariant{display:flex;height:36px;padding:12px;align-items:center;gap:10px;flex:1 0 0;border-radius:4px;border:1px solid #656464;background:#FFF}.CreateProductPage .rightPart .CreateProductLeft #variant_product .variantData .inputVariant .data{display:flex;align-items:center;gap:12px;flex:1 0 0}.CreateProductPage .rightPart .CreateProductLeft #variant_product .variantData .inputVariant .data .item{display:flex;padding:4px 8px;align-items:center;gap:4px;border-radius:4px;border:1px solid #6562DF;background:#FFF}.CreateProductPage .rightPart .CreateProductLeft #variant_product .variantTable{width:100%}.CreateProductPage .rightPart .CreateProductLeft #variant_product .variantTable .table{width:100%;overflow-x:scroll;table {width: 100%; border: .8px solid #B3B3B3; border-spacing: 0; border-radius: 4px; thead {border-top-left-radius: 4px; border-top-right-radius: 4px;} tr {border-spacing: 0; gap: 0; padding: 0; td {border: 0;}} .headerTable {min-width: 26px; max-width: max-content; height: 20px; padding: 12px; background: #A2A1E5; text-transform: capitalize;}}}.CreateProductPage .rightPart .CreateProductLeft #variant_product .variantTable .inputImage{display:flex;width:64px;height:64px;padding:0;flex-direction:column;justify-content:center;align-items:center;gap:8px;cursor:pointer;border-radius:4px;border:1px solid #6562DF;position:relative;img {width: calc(100% - 2px); height: calc(100% - 2px); object-fit: contain;} .icon_overlay {position: absolute; top: 2px; right: 2px;}}.CreateProductPage .rightPart .CreateProductLeft #variant_product .variantTable .inputImage .bottom{display:flex;flex-direction:column;align-items:center;align-self:stretch;gap:0;padding:0}.CreateProductPage .rightPart .CreateProductLeft #variant_product .variantTable .inputImage .bottom .buttonAddImg{display:flex;height:24px;padding:8px;justify-content:center;align-items:center;gap:4px;align-self:stretch;border-radius:4px;p {color: #656565;}}.CreateProductPage .rightPart .CreateProductLeft #variant_product .variantTable .inputImage .bottom .text_small_light{color:#b3b3b3}.CreateProductPage .rightPart .CreateProductLeft #variant_product .variantTable .currencySelect{display:flex;padding:8px;align-items:center;gap:4px;flex:1 0 0;border-radius:4px;background:#FFF;outline:none;height:32px;width:64px;fieldset {legend {display: none; padding-inline: 0;}}}.CreateProductPage .rightPart .CreateProductLeft #variant_product .variantTable .currencySelect .MuiSelect-select{padding:0}.CreateProductPage .rightPart .CreateProductLeft #variant_product .variantTable .currencySelect .MuiOutlinedInput-notchedOutline{border-color:#6562df}.CreateProductPage .rightPart .CreateProductLeft #variant_product .variantTable .inputNumber{display:flex;padding:4px 8px;align-items:center;gap:8px;flex:1 0 0;border-radius:4px;border:.5px solid #333;background:#FFF;font-size:12.5px;font-style:normal;font-weight:300;line-height:22.5px;color:#333;width:104px;height:34px}.CreateProductPage .rightPart .CreateProductLeft #variant_product .variantTable .skuData{display:flex;padding:4px 8px;align-items:center;gap:8px;flex:1 0 0;border-radius:4px;border:.5px solid #333;background:#FFF;width:104px;height:34px}.CreateProductPage .rightPart .CreateProductRight{top:126px;right:16px;display:flex;width:300px;padding:8px;flex-direction:column;align-items:flex-start;gap:8px;border-radius:4px;height:calc(100dvh - 216px);overflow-y:scroll;overflow-x:hidden}.CreateProductPage .rightPart .quill_description_wrapper{width:100%}.CreateProductPage .rightPart .quill_description_wrapper .ql-container{border:1px solid #F2F2F2;border-radius:4px;background:#FAFAFA}.CreateProductPage .rightPart .quill_description_wrapper .ql-container>.ql-editor.ql-blank:before{font-size:12px;font-weight:400;line-height:22px;color:#828282;font-style:normal}.CreateProductPage .rightPart .quill_description_wrapper .Footer_Toolbar{margin-top:4px;display:flex;gap:4px;padding:10px;flex-direction:row;justify-content:center;align-items:center;border-radius:4px;background:var(--neutral-color-neutral-200, #f2f2f2)}.CreateProductPage .rightPart .quill_description_wrapper .Footer_Toolbar .divider{border:1px solid #B3B3B3;width:1px;height:24px;margin:0 4px}.CreateProductPage .rightPart .quill_description_wrapper .Footer_Toolbar>*{padding:0}.CreateProductPage .rightPart .option_menu{cursor:pointer;padding:12px;display:flex;justify-content:space-between;align-items:center;border-radius:4px;caret-color:#6562df;gap:12px;width:calc(100% - 24px);p{color: #333333;}}.CreateRoboRight .Header{display:flex;padding:4px;justify-content:space-between;align-items:center;align-self:stretch;background:var(--background-white, #fff)}.CreateRoboRight .Header .Left{display:flex;flex-direction:column;align-items:flex-start}.CreateRoboRight .Header .Left .T1{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.CreateRoboRight .Header .Left .T2{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.CreateRoboRight .Preview{display:flex;padding:12px 16px 16px 12px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:8px;flex:1 0 0;align-self:stretch;background:#efe6dd;overflow-y:scroll}.CreateRoboRight .Preview .ScriptRecord{width:100%;text-align:center}.CreateRoboRight .Preview .ScriptRecord .script{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px}.CreateRoboRight .Preview .ScriptRecord .script .minus{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px}.CreateRoboRight .Preview .ScriptRecord .script .bold{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:-.1px}.CreateRoboRight .Preview .Default{font-size:10px;font-weight:300;line-height:18px;color:#656565;text-align:center;width:100%}.CreateRoboRight .Preview .MRight{display:flex;padding-left:0;justify-content:flex-end;align-items:center;gap:4px;align-self:stretch}.CreateRoboRight .Preview .MRight .Message{position:relative;display:flex;padding:4px 8px;flex-direction:column;align-items:flex-start;width:fit-content;border-radius:0 4px 4px;background:#e3e3fc;box-shadow:2px 2px 5px #0000000d}.CreateRoboRight .Preview .MRight .Message .body{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:16px}.CreateRoboRight .Preview .MRight .Message .time{display:flex;align-items:center;gap:4px;align-self:stretch}.CreateRoboRight .Preview .MRight .Message .time p{flex:1 0 0;color:var(--neutral-color-neutral-3, #656464);text-align:right;font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px}.CreateRoboRight .Preview .MRight .Message .triangle{position:absolute;width:17px;height:17px;right:-13px;top:0}.CreateRoboRight .Preview .MLeft{display:flex;padding:0 16px 0 4px;align-items:center;gap:8px;align-self:stretch}.CreateRoboRight .Preview .MLeft .Message{position:relative;display:flex;padding:4px 8px;flex-direction:column;align-items:flex-start;flex:1 0 0;border-radius:0 4px 4px;background:var(--background-white, #fff);box-shadow:2px 2px 5px #0000000d;margin-left:17px}.CreateRoboRight .Preview .MLeft .Message .body{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:16px}.CreateRoboRight .Preview .MLeft .Message .time{flex:1 0 0;color:var(--neutral-color-neutral-3, #656464);text-align:right;font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:18px;align-self:stretch}.CreateRoboRight .Preview .MLeft .Message{padding:4px 8px;position:relative;width:336px;background:#ffffff;box-shadow:2px 2px 5px #0000000d;border-radius:0 4px 4px;margin-left:24px;margin-top:8px}.CreateRoboRight .Preview .MLeft .Message .text{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333;word-wrap:break-word}.CreateRoboRight .Preview .MLeft .Message .time{font-weight:300;font-size:10px;line-height:18px;text-align:right;color:#656464}.CreateRoboRight .Preview .MLeft .Message .triangle{position:absolute;width:17px;height:17px;left:-16px;top:0}.CreateRoboRight .Preview .MLeft .Message .url{display:flex;flex-direction:row;align-items:center;padding:4px;gap:8px;background:#dadaf2;border:1px solid #6562df;border-radius:8px;cursor:pointer}.CreateRoboRight .Preview .MLeft .Message .url .urlContent{display:flex;flex-direction:row;align-items:center;padding:0;gap:8px}.CreateRoboRight .Preview .MLeft .Message .url .urlContent img{width:60px;height:60px;border-radius:4px}.CreateRoboRight .Preview .MLeft .Message .url .urlContent .info{display:flex;flex-direction:column;align-items:flex-start;padding:0}.CreateRoboRight .Preview .MLeft .Message .url .urlContent .info .title{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333;white-space:nowrap;width:200px;overflow:hidden;text-overflow:ellipsis}.CreateRoboRight .Preview .MLeft .Message .url .urlContent .info .desc-wrapper{width:100%}.CreateRoboRight .Preview .MLeft .Message .url .urlContent .info .desc-wrapper .desc{font-weight:300;font-size:10px;line-height:18px;color:#656565;white-space:nowrap;width:200px;overflow:hidden;text-overflow:ellipsis}.CreateRoboRight .Preview .MLeft .Message .url .urlContent .info .domain{font-weight:300;font-size:10px;line-height:16px;display:flex;align-items:center;letter-spacing:.01em;color:#b3b3b3}.CreateRoboRight .Preview .MLeft .Message .image,.CreateRoboRight .Preview .MRight .Message .image{position:relative}.CreateRoboRight .Preview .MLeft .Message .image img,.CreateRoboRight .Preview .MRight .Message .image img,.CreateRoboRight .Preview .MLeft .Message .image video,.CreateRoboRight .Preview .MRight .Message .image video{width:100%;height:100%;max-height:300px;border-radius:4px;object-fit:contain}.CreateRoboRight .Preview .MLeft .Message .image .mediaPlayer,.CreateRoboRight .Preview .MRight .Message .image .mediaPlayer{position:absolute;top:50%;left:50%;cursor:pointer}.CreateRoboRight .Preview .MLeft .Message .document,.CreateRoboRight .Preview .MRight .Message .document{display:flex;align-items:center;padding:4px;gap:4px;border-radius:4px;cursor:pointer}.CreateRoboRight .Preview .MLeft .Message .document img,.CreateRoboRight .Preview .MRight .Message .document img{width:32px;height:32px;border-radius:4px}.CreateRoboRight .Preview .MLeft .Message .document h2,.CreateRoboRight .Preview .MRight .Message .document h2{font-weight:300;font-size:10px;line-height:18px;color:#333}.CreateRoboRight .Preview .MLeft .Message .document p,.CreateRoboRight .Preview .MRight .Message .document p{font-weight:600;font-size:10px;line-height:18px;letter-spacing:-.01em;color:#656565}.CreateRoboRight .Preview .InfoRecord{display:flex;padding:4px 8px;justify-content:center;align-items:center;gap:8px;align-self:stretch;border-radius:4px;background:rgba(255,255,255,.5);margin-left:12px}.CreateRoboRight .Preview .InfoRecord p{flex:1 0 0;color:var(--Neutral-Color-Neutral3, #656464);text-align:center;font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:16px}@media screen and (max-width: 1439px){.CreateRoboRight .Preview .MLeft .Message,.CreateRoboRight .Preview .MRight .Message{width:280px}.CreateRoboRight .Preview .MLeft .Message{margin-left:16px}.CreateRoboRight .Preview .MRight .Message{margin-right:16px}}.CreateRoboRight .NoRes{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:4px;flex-shrink:0;align-self:stretch;border-radius:4px;border:1px solid var(--primary-color-primary-600, #5c5acc);color:var(--primary-color-primary-600, #5c5acc);background:#fff;font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.CreateRoboRight .Write{display:flex;padding:4px;justify-content:center;align-items:center;gap:4px;flex-shrink:0;align-self:stretch;background:var(--neutral-color-neutral-200, #f2f2f2)}.CreateRoboRight .Write input{display:flex;padding:12px;align-items:center;gap:4px;flex:1 0 0;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:#fff}.CreateRoboRight .Write .send{background:none;outline:none;border:none;display:flex;padding:12px;justify-content:center;align-items:center;gap:12px}.CreateRoboRight .Header button{display:flex;background:none;outline:none;border:none;padding:8px;justify-content:center;align-items:center;gap:4px;color:var(--primary-color-primary-600, #5c5acc);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.CreateRoboRight .SetTime{display:flex;padding:4px;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch;border-radius:4px;border:1px solid var(--Neutral-Color-Neutral300, #e5e4e4);background:var(--Neutral-Color-Neutral100, #fafafa)}.CreateRoboRight .SetTime>p{width:100%;color:var(--Neutral-Color-Neutral800, #656565);text-align:center;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.CreateRoboRight .SetTime .DateInput{display:flex;align-items:flex-start;gap:4px;align-self:stretch}.CreateRoboRight .SetTime .DateInput Button{display:flex;height:36px;padding:8px 12px;align-items:center;gap:10px;flex:1 0 0;border-radius:4px;border:1px solid var(--Neutral-Color-Neutral4, #333);background:var(--Background-White, #fff);box-shadow:0 0 5px #5c5acc26}.CreateRoboRight .SetTime .DateInput Button p{text-align:start;flex:1 0 0;color:var(--Neutral-Color-Neutral4, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.CreateRoboRight .SetTime .DateInput Button .wrapper{display:flex;justify-content:center;align-items:center;padding:4px}.CreateRoboRight .SetTime .DateInput #btn_select_time_simulator .ant-picker{border:none!important}.CreateRoboLeft .Name{display:flex;padding:12px;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch;border-radius:8px;background:var(--background-white, #fff)}.CreateRoboLeft .Name .Head{display:flex;justify-content:space-between;align-items:center;width:100%}.CreateRoboLeft .Name .HeadLeft{display:flex;align-items:center;gap:12px}.CreateRoboLeft .Name .Head .HeadLeft h2{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:24px;font-style:normal;font-weight:700;line-height:32px;letter-spacing:-.48px}.CreateRoboLeft .Name .Head .HeadRight{color:#5c5acc;font-family:Inter;font-weight:500;font-size:24px;font-style:normal;line-height:29.05px;letter-spacing:-.48px}.CreateRoboLeft .Name .Body{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;align-self:stretch}.CreateRoboLeft .Name .Body label{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.CreateRoboLeft .Name .Body .wrapperStatusRobo{display:flex;justify-content:space-between;align-items:center;width:100%}.CreateRoboLeft .Name .Body .wrapperStatusRobo .status{display:flex;align-items:center;gap:10px;color:var(--Neutral-Color-Neutral4, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.CreateRoboLeft .Name .Body label span{color:var(--neutral-color-neutral-3, #df6262)}.CreateRoboLeft .Name .Body input{display:flex;padding:12px;align-items:flex-start;gap:4px;align-self:stretch;border-radius:4px;border:1px solid var(--neutral-color-neutral-3, #656464);background:#fff}.CreateRoboPage_breadcrumbs{display:flex;flex-direction:row;align-items:center;gap:8px}.CreateRoboLeft .SelectTeam{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;align-self:stretch}.CreateRoboLeft .SelectTeam label{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.CreateRoboLeft .SelectTeam .Input1{display:flex;padding:12px;align-items:center;gap:4px;flex:1 0 0;width:calc(100% - 24px);border-radius:4px;border:1px solid var(--neutral-color-neutral-500, #b3b3b3);background:var(--neutral-color-neutral-100, #fafafa)}.CreateRoboLeft .SelectTeam .Input1 .L{display:flex;align-items:center;gap:12px;flex:1 0 0;color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.CreateRoboLeft .SelectTeam .Input1 .L{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.CreateRoboLeft .SelectTeam .Input1 .R{display:flex;align-items:center;gap:8px;height:fit-content;align-self:stretch}.CreateRoboLeft .SelectTeam .Input1 .R .L{display:flex;padding:8px;justify-content:center;align-items:center;gap:4px;align-self:stretch}.CreateRoboLeft .SelectTeam .Input1 .R .L p{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.CreateRoboLeft .SelectTeam .Input2{display:flex;padding:12px;width:calc(100% - 24px);align-items:center;gap:4px;flex:1 0 0;border-radius:4px;border:1px solid var(--neutral-color-neutral-3, #656464);background:#fff}.CreateRoboLeft .SelectTeam .Input2 .L{display:flex;align-items:center;gap:12px;flex:1 0 0;color:var(--primary-color-primary-900, #23224d);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.CreateRoboLeft .Field{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;align-self:stretch}.CreateRoboLeft .Field label{color:var(--neutral-color-neutral-3, #656464);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.14px}.CreateRoboLeft .Field .Input{display:flex;padding:12px;width:calc(100% - 24px);align-items:center;gap:4px;flex:1 0 0;border-radius:4px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2)}.CreateRoboLeft .Field .Input input{display:flex;align-items:center;gap:12px;flex:1 0 0}.CreateRoboLeft .SelectedScript{display:flex;align-items:center;gap:4px;align-self:stretch}.CreateRoboLeft .SelectedScript .Leftpart{display:flex;padding:4px 8px;justify-content:space-between;align-items:center;flex:1 0 0;border-radius:4px;border:1px solid var(--neutral-color-neutral-500, #b3b3b3);background:var(--background-white, #fff)}.CreateRoboLeft .SelectedScript .Leftpart .info{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}.CreateRoboLeft .SelectedScript .Leftpart .info .p1{overflow:hidden;color:var(--neutral-color-neutral-900, #333);text-overflow:ellipsis;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px}.CreateRoboLeft .SelectedScript .Leftpart .info .p2{overflow:hidden;color:var(--neutral-color-neutral-800, #656565);text-overflow:ellipsis;font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:16px}.CreateRoboLeft .SelectedScript .Leftpart .length{display:flex;max-width:180px;justify-content:flex-end;align-items:center;gap:4px}.CreateRoboLeft .SelectedScript .Leftpart .length p{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:-.1px}.CreateRoboLeft .SelectedScript .Rightpart{display:flex;height:36px;padding:8px;justify-content:center;align-items:center;gap:4px;border:none;outline:none;background:none}.CreateRoboLeft .SmartClar{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:16px}.CreateRoboLeft .FollowUp{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;align-self:stretch}.CreateRoboLeft .FollowUp p{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.CreateRoboLeft .FollowUp button{display:flex;padding:8px;justify-content:center;align-items:center;gap:4px;border-radius:4px;background:var(--primary-color-primary-600, #5c5acc);color:var(--neutral-color-neutral-100, #fafafa);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.CreateProductLeft .wrp_btn{background:none;border:none;outline:none;padding:0;display:flex;justify-content:center;align-items:center}.CreateRoboLeft .SGB_Wrapper{display:flex;align-items:center;gap:4px;align-self:stretch}.CreateRoboLeft .SGB_Wrapper .Part_SGB{display:flex;padding:4px 8px;justify-content:space-between;align-items:center;flex:1 0 0;border-radius:4px;border:1px solid var(--neutral-color-neutral-500, #b3b3b3);background:var(--background-white, #fff)}.CreateRoboLeft .SGB_Wrapper .Part_SGB .Left{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}.CreateRoboLeft .SGB_Wrapper .Part_SGB .Left .Title{overflow:hidden;color:var(--neutral-color-neutral-900, #333);text-overflow:ellipsis;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px}.CreateRoboLeft .SGB_Wrapper .Part_SGB .Left .Subitle{overflow:hidden;color:var(--neutral-color-neutral-800, #656565);text-overflow:ellipsis;font-family:Inter;font-size:10px;font-style:normal;font-weight:300;line-height:16px}.CreateRoboLeft .SGB_Wrapper .Part_SGB .Right{display:flex;max-width:180px;justify-content:flex-end;align-items:center;gap:4px;color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:-.1px}.CreateRoboLeft .SGB_Wrapper .R{display:flex;padding:8px;justify-content:center;align-items:center;gap:4px}.CreateRoboLeft .Message_Wrapper{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;align-self:stretch}.CreateRoboLeft .Message_Wrapper .Title{color:var(--neutral-color-neutral-800, #656565);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.CreateRoboLeft .Message_Wrapper .Footer{display:flex;align-items:center;gap:8px}.CreateRoboLeft .Message_Wrapper .Footer button{display:flex;padding:8px;justify-content:center;align-items:center;gap:4px;border-radius:4px;background:var(--primary-color-primary-600, #5c5acc)}.CreateRoboLeft .Message_Wrapper .Footer button p{color:var(--neutral-color-neutral-100, #fafafa);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.CreateRoboLeft .CTA{display:flex;justify-content:space-between;align-items:flex-start;align-self:stretch}.CreateRoboLeft .CTA button{outline:none;border:none;background:none;display:flex;padding:12px;justify-content:center;align-items:center;gap:8px}.CreateRoboLeft .CTA .Cancel{color:var(--info-color-danger, #df6262);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px}.CreateRoboLeft .CTA .Create{border-radius:4px;background:var(--primary-color-primary-600, #5c5acc)}.CreateRoboLeft .CTA .Create:hover{background:var(--primary-color-primary-600, #23224d)}.CreateRoboLeft .CTA .Create p{color:var(--background-white, #fff);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px}.CreateRoboLeft .CTA .CreateDisable{border-radius:4px;background:var(--primary-color-primary-600, #cccccc)}.CreateRoboLeft .CTA .CreateDisable:hover{background:var(--primary-color-primary-600, #cccccc)}.CreateRoboLeft .CTA .CreateDisable p{color:var(--background-white, #fff);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px}.tooltipText{color:var(--background-white, #fff);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.CreateProductPage .FollowUpWrapper{position:fixed;top:72px;left:0;width:calc(100dvw - 320px);height:100vh}.CreateProductPage .FollowUpWrapper>*{width:100%!important}.CreateProductPage .FollowUpWrapper .BgBcFollowTag{width:100vw!important}.CreateProductPage .FollowUpWrapper .Asdiv,.CreateProductPage .FollowUp .ContainerFollowCreateGuideBook .Asdiv{background:none}.CreateProductPage .FollowUpWrapper .BgCBTemplate{top:0!important;left:0}.CreateProduct_accordion{padding:12px;gap:8px;border-radius:8px!important;background:#ffffff;margin:16px 0 0!important;box-shadow:none!important;width:calc(100% - 24px)}.CreateProduct_accordion:before{display:none}.CreateProduct_accordionHeader{display:flex;align-self:stretch;padding:0!important;min-height:0!important}.CreateProduct_accordionHeader .Header_Right{display:flex;align-items:center}.CreateProduct_accordionHeader .Header{display:flex;align-items:center;gap:4px}.CreateProduct_accordionHeader .Header p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:16px;font-style:normal;font-weight:700;line-height:24px}.CreateProduct_accordionHeader .MuiAccordionSummary-content{margin:0!important;width:100%;display:flex;justify-content:space-between;cursor:auto}.CreateProduct_accordionBody{padding:0!important;margin-top:8px}.CreateProductPage_bottom{display:flex;justify-content:space-between;align-items:flex-start;align-self:stretch;margin-top:16px}.CreateProductPage_bottom .left_button{display:flex;padding:12px;justify-content:center;align-items:center;gap:8px;p {color: #DF6262;}}.CreateProductPage_bottom .right_button{display:flex;align-items:flex-start;gap:8px}.CreateProductPage_bottom .right_button .button_new{display:flex;padding:12px;justify-content:center;align-items:center;gap:8px;align-self:stretch;border-radius:4px;border:2px solid #5C5ACC;background:#FFF;p {color: #5C5ACC;}}.CreateProductPage_bottom .right_button .button_save{display:flex;padding:12px;justify-content:center;align-items:center;gap:8px;border-radius:4px;background:#5C5ACC;p {color: #FAFAFA;}}#add_url_product{display:flex;flex-direction:column;justify-content:center;width:600px;background:#FFFFFF;border-radius:8px}#add_url_product .head{display:flex;justify-content:space-between;align-items:center;background:#FAFAFA;padding:16px;border-radius:8px 8px 0 0;p{color: #333333; font-weight: 600; font-size: 16px; line-height: 24px;}}#add_url_product .body{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:12px 16px;p{text-align: left;} input {width: calc(100% - 24px); border: 1px solid #F2F2F2; padding: 12px; border-radius: 4px;} input::placeholder {color: #BDBDBD;} input:focus {border: 1px solid hsla(241,67%,70%,1); box-shadow: 0px 1px 2px 0px rgba(0,0,0,.25); caret-color: #5C5ACC;}}#add_url_product .footer{display:flex;justify-content:space-between;padding:8px;button{border: none; outline: none; background: none; font-weight: 600; font-size: 12px; line-height: 20px; display: flex; justify-content: center; align-items: center; gap: 8px;} #save_url_product {background: #5C5ACC; color: #ffffff;} #cancel_url_product {color: #DF6262;}}#pricing_product{display:flex;flex-direction:column;gap:12px}#pricing_product .errorInfo{display:flex;gap:4px;p {color: #DF6262;}}#pricing_product .wrapper_price{display:flex;justify-content:flex-start;align-items:center;gap:8px;color:#333;max-width:100%;label{font-weight: 500; font-size: 14px; line-height: 24px;} .price_input{padding: 12px; display: flex; justify-content: flex-start; align-items: center; border-radius: 4px; caret-color: #6562DF; gap: 12px; p{color: #6562DF;}} input {border-radius: 4px; caret-color: #6562DF; max-width: 100%; width: 100%;} input:focus {box-shadow: .1px .2px rgba(92,90,204,.15);} .buttonDelete {display: flex; padding: 12px; justify-content: center; align-items: center; gap: 12px;}}#pricing_product .wrapper_price .price_header{display:flex;flex-direction:column}#pricing_product .wrapper_price .price_header .markdown{display:flex;justify-content:flex-start;align-items:center;gap:4px}#pricing_product #add_pricing_product{margin-top:12px;display:flex;justify-content:center;gap:4px;align-items:center;background:#5C5ACC;font-weight:600;font-size:12px;line-height:20px;color:#fafafa;width:max-content;border-radius:4px;padding:8px}#product_management{display:flex;flex-direction:column;gap:12px;label {font-weight: 500; font-size: 14px; line-height: 24px; color: #656464;} .toggle_part{border: 1px solid #B3B3B3; display: flex; justify-content: space-between; align-items: center; background: #FAFAFA; border-radius: 4px; padding: 8px; .w{display: flex; justify-content: flex-start; align-items: center; gap: 4px;}} p{color: #333333; font-weight: 500; font-size: 14px; line-height: 24px;} .wrp_btn{padding: 0;} .input_part{background: #FAFAFA; border-radius: 4px; padding: 12px;} .input_part:focus{box-shadow: .1px .2px rgba(92,90,204,.15) !important;}}#product_dimension{display:flex;flex-direction:column;gap:12px;align-items:flex-start;label{color: #333333; font-weight: 500; font-size: 14px; line-height: 24px;} .wrapper {display: flex; flex-direction: column; gap: 4px; align-items: flex-start; width: 100%; .product {display: flex; justify-content: flex-start; align-items: center; gap: 4px; width: 100%; input {border: 1px solid #F2F2F2; border-radius: 4px; padding: 12px; flex-grow: 1; width: 100%;} input::placeholder {font-weight: 500; font-size: 14px; line-height: 24px;} .weightSelect {display: flex; padding: 12px; align-items: center; gap: 4px; flex: 1 0 0; border-radius: 4px; background: #FFF; outline: none; width: 120px; height: 44.9px !important; .MuiSelect-select {padding: 0 !important; width: 100%; min-width: 96px;} .MuiOutlinedInput-notchedOutline {border-color: #6562DF;} fieldset {height: calc(100% - 2px); top: 0; legend {display: none; padding-inline: 0;}}}}}}.InvoiceListPage{height:100vh;max-height:100vh;position:fixed;width:100dvw;max-width:100dvw}.InvoiceListPage .left{max-width:320px;width:320px;padding:24px 16px}.InvoiceListPage .rightPart{flex:1;padding:24px 16px;background:#f7f5f5;max-width:calc(100dvw - 320px);height:calc(100dvh - 72px)!important;min-height:100%;overflow-y:scroll}.InvoiceListPage_breadcrumbs{display:flex;flex-direction:row;align-items:center;gap:8px;img:first-child {width: 24px; height: 24px;} img {width: 16px; height: 16px;} p {font-weight: 500; font-size: 14px; line-height: 24px; letter-spacing: .01em; color: #656464;}}.InvoiceListPage .headeButtonRight{display:flex;align-items:center;gap:8px;button {display: flex; padding: 12px 16px 12px 12px; justify-content: center; align-items: center; gap: 8px; border-radius: 4px;} .export {border: 2px solid#5C5ACC; p {color: #5C5ACC;}} .newData {background: #5C5ACC; p {color: #FAFAFA;}}}.InvoiceListPage_data{max-width:calc(100dvw - 350px);max-height:60vh;overflow:scroll;table {width: 100%; border-spacing: 0; position: relative;} thead {background: #EDEDFF; max-width: calc(100dvw - 376px); width: 100%; position: sticky; top: 0; z-index: 2; th {font-weight: 700; font-size: 14px; line-height: 20px; letter-spacing: -.01em; color: #333333; text-align: start; button {min-width: 16px; height: 16px; padding: 0; cursor: pointer; color: transparent; transition: none; outline: none; &:active {outline: none;}} div {display: flex; justify-content: space-between; align-items: center; gap: 10px; p {font-weight: 700; font-size: 14px; line-height: 20px; letter-spacing: -.01em; color: #333333; span {color: #DF6262;}} svg {cursor: pointer;}}} .action {background-color: #EDEDFF; border-left: 1px solid var(--neutral-color-neutral-200, #F2F2F2);}} .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root .css-i4bv87-MuiSvgIcon-root {fill: #820202;} .css-y8ay40-MuiTableCell-root {background: #EDEDFF;} .css-1ex1afd-MuiTableCell-root,.css-y8ay40-MuiTableCell-root,.css-1ygcj2i-MuiTableCell-root {border: none;} .checkbox {width: 24px; padding: 16px;} .freezed {background: #A2A1E5; position: absolute; bottom: 0; left: 0; width: 100%; height: 5px;} .name {min-width: 208px; width: 100%; max-width: 208px; padding: 16px;} .type {min-width: 136px; width: 100%; max-width: 136px; padding: 16px;} .documentId {min-width: 128px; width: 100%; max-width: 128px; padding: 16px;} .status {min-width: 148px; width: 100%; max-width: 148px !important; padding: 16px; .invoiceStatusData {display: flex; padding: 8px; justify-content: center; align-items: center; gap: 10px; flex: 1 0 0; border-radius: 20px; p {font-size: 12px; font-style: normal; font-weight: 700; line-height: 18px;}}} .creator {min-width: 248px; max-width: 248px; padding: 16px;} .lastUpdate {min-width: 248px; max-width: 248px; padding: 16px; button {width: 20px; min-width: 0; height: 20px; padding: 0; background: none; box-shadow: none;}} .column-freezed {min-width: 168px; max-width: 168px; padding: 16px;} .avatar-table {width: 24px; height: 24px; border-radius: 50px;} .action {width: 87px; padding: 16px; display: flex; justify-content: center; align-items: center; gap: 8px; position: sticky; right: 0; background: #FFFFFF; border-left: 1px solid #F2F2F2;} .actionData {width: 107px; padding: 25px 8px; display: flex; justify-content: center; align-items: center; gap: 8px; position: sticky; right: 0; background: #FFFFFF; border-left: 1px solid #F2F2F2; .buttonFirst {display: flex; padding: 8px; justify-content: center; align-items: center; gap: 4px; border-radius: 4px; background: #5C5ACC; height: 32px; width: 32px;} #chattemplate_page_btn_delete {padding: 0;}}}.popupShowHistoryInvoice .MuiPaper-root{display:flex;width:592px;flex-direction:column;align-items:flex-start;border-radius:8px;border:1px solid#B3B3B3;box-shadow:0 0 10px #0000001a;overflow-y:scroll;overflow-x:auto}.popupShowHistoryInvoice .MuiPaper-root .mainSection{display:flex;width:592px;flex-direction:column;align-items:flex-start}.popupShowHistoryInvoice .MuiPaper-root .mainSection .header{display:flex;padding:12px;justify-content:space-between;align-items:center;align-self:stretch;border-bottom:1px solid#F2F2F2;background:#FAFAFA}.popupShowHistoryInvoice .MuiPaper-root .mainSection .bodySection{display:flex;max-height:200px;padding:8px;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch;overflow-y:scroll;overflow-x:auto}.popupShowHistoryInvoice .MuiPaper-root .mainSection .bodySection .item{display:flex;padding:4px 8px;align-items:center;gap:12px}.popupShowHistoryInvoice .MuiPaper-root .mainSection .bodySection .item .sectionString{display:flex;width:120px;align-items:center;gap:4px;img {width: 20px; height: 20px; flex-shrink: 0; border-radius: 50%;}}.popupShowHistoryInvoice .MuiPaper-root .mainSection .bodySection .item .sectionStatus{display:flex;width:200px;align-items:center;gap:8px}.popupShowHistoryInvoice .MuiPaper-root .mainSection .bodySection .item .sectionStatus .invoiceStatusData{display:flex;padding:8px;justify-content:center;align-items:center;gap:10px;border-radius:20px;p {font-size: 12px; font-style: normal; font-weight: 700; line-height: 18px;}}.menuMoreInvoice .MuiPaper-root{display:flex;width:165px;padding:4px;flex-direction:column;align-items:flex-start;gap:4px;background:#FFF;box-shadow:0 0 10px #0000001a;margin-top:0}.menuMoreInvoice .MuiPaper-root .menuMoreItem{display:flex;padding:8px 12px;align-items:center;gap:10px;align-self:stretch;border-radius:4px}.InvoiceListPage .fullWidthUi{background:#33333333;position:fixed;width:100dvw;height:100vh;z-index:9999999999;top:0;left:0}.MobileInvoiceListPage{padding-bottom:120px;position:relative}.MobileInvoiceListPage .ResultsSearchFilter{display:flex;padding:4px 12px;justify-content:space-between;align-items:center;align-self:stretch;margin-bottom:0;button {background: #fff;}}.MobileInvoiceListPage .MobileInvoiceListPage__content{overflow-y:auto;height:calc(100dvh - 340px);padding-bottom:40px;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.MobileInvoiceListPage .MobileInvoiceListPage__header{display:flex;justify-content:space-between;align-items:center;padding:5px 6px;background:#fff}.MobileInvoiceListPage .no-invoices{display:flex;justify-content:center;align-items:center;height:100%;font-size:16px;font-weight:500;color:#656464}.MobileInvoiceListPage__footer{position:fixed;bottom:80px;width:93%;display:flex;justify-content:space-between;align-items:center;padding-left:16px;padding-right:16px;height:100px;background:#fff}.MobileInvoiceListPage__footer .create-document-button{display:flex;width:100%;padding:12px 16px;align-items:center;justify-content:center;gap:8px;border-radius:8px;background:#6366f1;color:#fff;border:none;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.MobileInvoiceListPage__footer .create-document-button:hover{background:#5254cc}.MobileInvoiceListPage__footer .create-document-button:active{background:#4547b7}.MobileInvoiceListPage__footer .create-document-button .icon-plus{display:inline-flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}.mobileFooter{position:fixed;bottom:0;width:100%;background:#fff}.mobileFooter .footer-nav{padding:16px;border-top:1px solid #eee}.header{padding:16px;background:#fff;border-bottom:1px solid #eee}.infoCopyDraftInvoiceList .MuiPaper-root{width:210px;border-radius:8px;box-shadow:0 0 10px #0000001a}.infoCopyDraftInvoiceList .MuiPaper-root .body{display:flex;padding:4px 8px;align-items:center;gap:8px;p {color: #199935; width: 170px;}}.BlackBgSelectInvoiceTabMobile{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:3000}.SelectInvoiceTabMobile{position:fixed;bottom:0;z-index:999999999;display:flex;flex-direction:column;align-items:flex-start;width:100%;height:85dvh;background:#ffffff;border-radius:28px 28px 0 0;box-shadow:0 -4px 20px #0000001a;transition:transform .3s ease}.SelectInvoiceTabMobile .drag-handle{width:100%;height:40px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.SelectInvoiceTabMobile .drag-handle:active{cursor:grabbing}.SelectInvoiceTabMobile .drag-handle .line{display:flex;align-items:center;justify-content:center;width:100%;hr {width: 60px; height: 4px; border-radius: 100px; background: #79747e; margin: 0; border: none;}}.SelectInvoiceTabMobile .mainSectionTab{display:flex;padding:0 16px 16px;width:calc(100% - 32px);flex-direction:column;align-items:flex-start;gap:12px;flex:1 0 0}.SelectInvoiceTabMobile .mainSectionTab .Header{display:flex;padding:0 0 16px;justify-content:space-between;align-items:center;align-self:stretch;width:100%}.SelectInvoiceTabMobile .mainSectionTab .Header .title{font-size:20px;font-weight:600;color:#333;margin:0}.SelectInvoiceTabMobile .mainSectionTab .Header .close-button{cursor:pointer;display:flex;align-items:center;justify-content:center}.SelectInvoiceTabMobile .mainSectionTab .Body{display:flex;flex-direction:column;align-items:center;width:100%;gap:20px;height:100vh;overflow:hidden}.SelectInvoiceTabMobile .mainSectionTab .Body .template-list{display:flex;flex-direction:column;width:100%;gap:16px;overflow-y:auto;flex:1}.SelectInvoiceTabMobile .mainSectionTab .Body .template-list .template-item{display:flex;align-items:center;justify-content:space-between;padding:16px;border-radius:8px;border:1px solid #e0e0e0;background-color:#fff}.SelectInvoiceTabMobile .mainSectionTab .Body .template-list .template-item.selected{border:1px solid #6366f1;background-color:#f5f7ff}.SelectInvoiceTabMobile .mainSectionTab .Body .template-list .template-item .radio-container{display:flex;align-items:center;gap:12px;cursor:pointer;input[type="radio"] {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;} .radio-checkmark {position: relative; display: inline-block; height: 20px; width: 20px; background-color: #ffffff; border: 2px solid #e0e0e0; border-radius: 50%; &:after {content: ""; position: absolute; display: none;}} input:checked~.radio-checkmark {background-color: #ffffff; border: 2px solid #6366f1; &:after {display: block; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 10px; height: 10px; border-radius: 50%; background: #6366f1;}}}.SelectInvoiceTabMobile .mainSectionTab .Body .template-name{font-size:16px;color:#333}.SelectInvoiceTabMobile .mainSectionTab .Body .default-badge{display:inline-block;padding:4px 12px;background-color:#6366f1;color:#fff;border-radius:16px;font-size:12px;font-weight:500}.SelectInvoiceTabMobile .mainSectionTab .Body .footer-action{margin-top:10px;position:sticky;bottom:2px;z-index:10;width:100%;background-color:#fff}.SelectInvoiceTabMobile .mainSectionTab .Body .footer-action .next-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px;background-color:#6366f1;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;span {color: white;} &:hover {background-color: #5254cc;}}.SelectInvoiceTabMobile .mainSectionTab .Header{position:sticky;top:0;z-index:20;background-color:#fff;width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 0 16px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*,.css-nxo287-MuiInputBase-input-MuiOutlinedInput-input{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif!important}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;max-height:100vh;overflow:hidden;background:#fff!important;position:relative;-webkit-overflow-scrolling:touch}h1{font-size:3.2em;line-height:1.1}.Asdiv{background:none;border:none;padding:"8px";cursor:pointer;background-color:transparent}.AsdivIcon{background:none;border:none;padding:0;cursor:pointer;background-color:transparent}.Asp{border:none;background-color:transparent;cursor:pointer;font-size:12px;color:#333;text-align:left;padding:0;margin:0;width:auto}.Asspan{border:none;padding:0;font-size:1em;font-weight:inherit;font-family:inherit;background-color:transparent;cursor:inherit;transition:border-color .25s}.ellipsis-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:300px}.ellipsis-text-md-left{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:120px!important;text-align:left}.ellipsis-text-lg{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px!important}*::-webkit-scrollbar{height:6px;margin:2px}*::-webkit-scrollbar-thumb{background-color:#a9a9a9;border-radius:6px}*::-webkit-scrollbar-track{background-color:#fff}.rotate-45{transform:rotate(45deg)}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;background:"none";border:"none";padding:"8px"}button:focus,button:focus-visible{outline:4px solid -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}p,label,h1,h2,h3,h4,h5,h6,span{color:#333}.css-mhc70k-MuiGrid-root,.css-isbt42{margin:0!important;max-width:100dvw}.css-isbt42>.MuiGrid-item{padding:0!important}.css-mhc70k-MuiGrid-root>.MuiGrid-item{padding:0!important}.avatar{width:48px;height:48px;border-radius:50px}.avatar-2{width:16px;height:16px;border-radius:50px}h1,h2,h3,h4,h5,h6,p{margin:0}h4{font-weight:600;font-size:16px;line-height:24px;color:#333}::-webkit-scrollbar{width:0px}.icon-close{width:24px;height:24px;cursor:pointer}.icon{width:24px;height:24px}input,textarea{background:#fff;font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#333;border:none;font-family:Inter}input:focus,textarea:focus{outline:none}input::placeholder,textarea::placeholder{color:#bdbdbd}.swal2-er.swal2-center>.swal2-popup{width:600px;display:flex;justify-content:center;background:none}.swal2-actions{display:none!important}.swal2-html-er{display:flex!important;justify-content:center!important;align-items:center;flex-direction:column;background:none}.swal2-html-er .successNoteTagPopup img,.swal2-html-er .confirmNotePopup img,.swal2-html-er .popupShow img,.swal2-html-er .popupShowRest img,.swal2-html-er .popupUnverified img,.swal2-html-er .popupEmailUnverified img{height:240px;width:240px}.swal2-html-er .popupShow p{font-weight:700;font-size:30px;line-height:48px;color:#6562df;letter-spacing:-.03em;margin-top:24px}.swal2-html-er .popupShow .title{font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em;color:#333}.swal2-html-er .popupShow .text{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#656464;margin:4px 0 12px}.swal2-html-er .popupShowRest .title{font-weight:700;font-size:24px;line-height:32px;color:#333;letter-spacing:-.02em}.swal2-html-er .popupShowRest .text{font-weight:500;font-size:14px;line-height:24px;color:#646464;letter-spacing:.01em;margin-top:4px;margin-bottom:12px}.swal2-html-er .popupShowRest .subtitle{font-weight:600;font-size:16px;line-height:24px;color:#333;margin-top:12px}.swal2-html-er .popupShowRest .subtitle span{color:#6562df}.css-3bmhjh-MuiPaper-root-MuiPopover-paper{margin-top:5px}.pointer{cursor:pointer}.underline{text-decoration:underline}.circular-image{border-radius:50%}.debug{outline:1px solid red}.swal2-html-er .popupUnverified .title{font-weight:600;font-size:20px;line-height:28px;letter-spacing:-.01em;color:#6562df;margin-bottom:16px}.swal2-html-er .popupUnverified .lead,.swal2-html-er .popupEmailUnverified .lead{font-weight:500;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#656565;margin-top:16px}.swal2-html-er .popupUnverified .text,.swal2-html-er .popupEmailUnverified .text{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#656565;margin-top:4px}.swal2-html-er .popupUnverified .text span,.swal2-html-er .popupEmailUnverified .text span{color:#6562df}.swal2-html-er .popupEmailUnverified img{height:240px;width:240px}.swal2-html-er .popupEmailUnverified .title{font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.01em;color:#df6262;margin:16px 0}.swal2-html-er .confirmNotePopup p{font-weight:700;font-size:14px;line-height:20px;letter-spacing:-.01em;text-transform:capitalize;color:#333}.swal2-html-er .confirmNotePopup .btnGroup{display:flex;justify-content:center;align-items:flex-start;padding:12px 16px;gap:12px;width:calc(100% - 32px)}.swal2-html-er .confirmNotePopup .btnGroup .btn-cancel,.swal2-html-er .confirmNotePopup .btnGroup .btn-confirm{display:flex;justify-content:center;align-items:center;padding:8px;gap:8px;border-radius:4px;font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#df6262;background:#ffffff}.swal2-html-er .confirmNotePopup .btnGroup .btn-confirm{color:#fafafa;background:#5c5acc}.EmojiPickerReact .epr-category-nav>button.epr-cat-btn,.EmojiPickerReact .epr-skin-tones .epr-tone.epr-active{padding:0}.react-select__control{color:#333}.css-q34dxg,.css-1bigob2{border:none!important;border-bottom:none!important}.sticky-table-checkbox{position:sticky;left:0;background:#ffffff}.sticky-table-checkbox .inside-checkbox{display:flex;justify-content:flex-start;align-items:center;color:var(--neutral-color-neutral-500, #b3b3b3);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.14px}.sticky-table-checkbox .inside-checkbox .text{margin-left:14px}.sticky-table-checkbox-head{position:sticky;left:0;z-index:3;background:#ededff}.sticky-table-left{border-right:1px solid #f2f2f2}.sticky-table-cname-head{background:#ededff}.Br_Freezed{border-right:1px solid #b3b3b3}.highlighted{background:#6562df;color:#ededff;padding:4px 0}.colorFound{color:#6562df;padding:4px 0}.react-datepicker-wrapper{width:100%}.Thead_Sticky{position:sticky;z-index:3;background:#ededff}.Tbody_Sticky{position:sticky;z-index:1;background:#ffffff}.mb-3{margin-bottom:12px}button:focus{outline:none}.checkbox{width:20px;height:20px;color:#5c5acc}.checkbox svg{fill:#5c5acc}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}.custom-checkbox{-webkit-appearance:none;appearance:none;position:relative;cursor:pointer;width:13px;height:13px}.custom-checkbox:before{content:"";display:block;position:absolute;width:13px;height:13px;top:0;left:0;border-radius:2px;outline:1.5px solid #cccccc}.custom-checkbox:checked:before{outline:1.5px solid #5c5acc;border-radius:2px;background-color:#5c5acc}.custom-checkbox:checked:after{content:"";display:block;width:2px;height:6px;border:2px solid white;border-width:0 2px 2px 0;transform:rotate(45deg);position:absolute;top:2px;left:5px}.Reallocate_input div{max-width:100%}.BgNotifLevelChange{display:flex;justify-content:center;align-items:center;z-index:4}.BgNotifLevelChange .LevelChange{display:flex;width:420px;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;background:var(--background-white, #fff)}.BgNotifLevelChange .LevelChange .Header{display:flex;padding:12px 16px;justify-content:flex-end;align-items:center;gap:4px;align-self:stretch}.BgNotifLevelChange .LevelChange .Body{display:flex;padding:0 16px;flex-direction:column;align-items:center;gap:4px;align-self:stretch}.BgNotifLevelChange .LevelChange .Body img{width:150px}.BgNotifLevelChange .LevelChange .Body .title{color:var(--Neutral-Color-Neutral4, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px;text-transform:capitalize}.BgNotifLevelChange .LevelChange .Body .description{color:var(--Neutral-Color-Neutral3, #656464);text-align:center;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.BgNotifLevelChange .LevelChange .Body .info{color:#656464;text-align:center;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.12px}.capitalize{text-transform:capitalize}.disabled-link{pointer-events:none}.ant-picker-footer{display:none}.disabled-text{color:#b3b3b3!important}.greyed-out{color:gray!important}.ql-editor{color:#333!important}.templateNameNull{border:1px solid #df6262!important}.BubleMsgDeleted{display:flex;gap:4px;align-items:center;p {font-size: 12px; font-style: italic; font-weight: 400; line-height: 22px; letter-spacing: .12px; color: #999999;}}.indicatorHeadGb,.indicatorHeadGb_saved,.indicatorHeadGb_saving{display:flex;width:72px;justify-content:center;align-items:center;gap:4px;flex-shrink:0;p {color: #B3B3B3;}}.indicatorHeadGb_saved{p {color: #656565;}}.ResultsSearchFilter{gap:4px;margin-bottom:24px;display:flex;max-width:500px;padding:4px 12px;justify-content:space-between;align-items:center;button {display: flex; height: 24px; padding: 8px; justify-content: center; align-items: center; gap: 8px; outline: none; border: none; background: #F7F5F5; p{color: var(--primary-color-primary-600, #5C5ACC); font-family: Inter; font-size: 12px; font-style: normal; font-weight: 600; line-height: 20px; letter-spacing: .24px;}} button:hover{background: var(--primary-color-primary-100, #DADAF2);} button:hover p{color: #23224D;}}.indicatorHeadGb_saving{svg {path {fill: #6562DF;}} p {color: #656565;}}.border_filled{border:1px solid rgba(51,51,51,1)!important}.border_empty{border:1px solid #E5E4E4!important}.border_focus{border:1px solid #6562DF!important}.border_error{border:1px solid #DF6262!important;box-shadow:#df626226}.BubleContainerChapterName{display:flex;max-height:400px;padding:8px 20px;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch;border-radius:8px;width:100%}.TypoChapterName{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:16px;font-style:normal;font-weight:700;line-height:24px;background-color:"red"}.WrapperChapterName{display:flex;gap:10px;width:100%;justify-content:space-between;align-items:center}.no-scroll{overflow:hidden}.quillPromptFollowUp .ql-container{height:104px!important}@media (max-width: 500px){.swal2-popup .popupShow{width:300px!important}}.text_small_light{font-weight:300;font-size:10px;line-height:18px;color:#333}.text_small_semibold{font-weight:600;font-size:10px;line-height:18px;letter-spacing:-.01em;color:#333}.button_default{font-weight:700;font-size:14px;line-height:22px;letter-spacing:.05em;color:#333}.button_small{font-weight:600;font-size:12px;line-height:20px;letter-spacing:.02em;color:#333}.caption_small{font-weight:400;font-size:12px;line-height:22px;letter-spacing:.01em;color:#333}.caption_large{font-weight:500;font-size:14px;line-height:24px;letter-spacing:.01em;color:#333}.body_small_medium{font-weight:500;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333}.body_small_bold{font-weight:700;font-size:14px;line-height:20px;letter-spacing:-.01em;color:#333}.body_large_regular{font-weight:400;font-size:16px;line-height:24px;color:#333}.body_large_semibold{font-weight:600;font-size:16px;line-height:24px;color:#333}h1{font-weight:700;font-size:40px;line-height:48px;letter-spacing:-.03em;color:#333}h2{font-weight:600;font-size:32px;line-height:40px;letter-spacing:-.02em;color:#333}h3{font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.02em;color:#333}h4{font-weight:400;font-size:24px;line-height:32px;letter-spacing:-.01em;color:#333}h5{font-weight:600;font-size:20px;line-height:28px;letter-spacing:-.01em;color:#333}h6{font-weight:700;font-size:16px;line-height:24px;color:#333}.ContainerFollowCreateGuideBook{display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch;margin-top:8px}.ContainerFollowCreateGuideBook .Item{width:calc(100% - 24px);display:flex;padding:12px;flex-direction:column;align-items:flex-start;gap:8px;border-radius:8px;border:1px solid var(--neutral-color-neutral-200, #f2f2f2);background:var(--neutral-color-neutral-100, #fafafa)}.ContainerFollowCreateGuideBook .Action{display:flex;align-items:center;gap:4px}.ContainerFollowCreateGuideBook .Action .Edit{display:flex;padding:8px;justify-content:center;align-items:center;gap:4px;cursor:pointer}.ContainerFollowCreateGuideBook .Action .Edit p{color:var(--primary-color-primary-600, #5c5acc);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.ContainerFollowCreateGuideBook .Action .TimeStamp{display:flex;padding:8px;justify-content:center;align-items:center;gap:4px;cursor:pointer}.ContainerFollowCreateGuideBook .Action .TimeStamp p{color:var(--primary-color-primary-600, #656565);font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:20px}.ContainerFollowCreateGuideBook .Action .Delete{cursor:pointer;display:flex;padding:8px;justify-content:center;align-items:center;gap:4px}.ContainerFollowCreateGuideBook .Item label{color:var(--neutral-color-neutral-900, #333);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.14px}.ContainerFollowCreateGuideBook .Item .Tag{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.ContainerFollowCreateGuideBook .Item .Tag .L{flex:1;display:flex;align-items:center;gap:4px;width:13dvw}.ContainerFollowCreateGuideBook .Item .TagItem{display:flex;padding:4px;height:18px;align-items:center;gap:8px;border-radius:4px;border:1px solid var(--primary-color-primary-500, #6562df);background:var(--background-white, #fff)}.ContainerFollowCreateGuideBook .Item .TagItem p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ContainerFollowCreateGuideBook .Item .NoSpesificTagItem{display:flex;padding:4px;height:18px;align-items:center;gap:8px;border-radius:4px;border:1px solid var(--Neutral-Color-Neutral200, #F2F2F2);background:var(--Background-White, #FFF)}.ContainerFollowCreateGuideBook .Item .NoSpesificTagItem p{color:var(--Neutral-Color-Neutral3, #656464);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ContainerFollowCreateGuideBook .Item .Note{display:flex;align-items:center;gap:12px;align-self:stretch}.ContainerFollowCreateGuideBook .Item .Note .L{display:flex;padding:12px;align-items:flex-start;gap:10px;flex:1 0 0;border-radius:4px;border:1px solid var(--neutral-color-neutral-4, #333);background:var(--background-white, #fff);box-shadow:0 0 5px #5c5acc26}.ContainerFollowCreateGuideBook .Note .L p{color:var(--neutral-color-neutral-4, #333);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.ListEditContaCtInformation{color:var(--neutral-color-neutral-700, #808080);font-family:Inter;font-size:12px;font-style:normal;font-weight:400!important;line-height:18px}.ListEditContaCtInformation .wrapper{display:flex;gap:4px;overflow-y:scroll;width:100%}.ListEditContaCtInformation .wrapper .data_update_contact{display:flex;padding:4px 8px;align-items:center;gap:8px;border-radius:4px;border:1px solid rgba(242,242,242,1);background:#ffffff;p {min-width: max-content; font-weight: 400 !important; color: rgba(51,51,51,1) !important;}}.BubbleTemplateContent_Popover_item{display:flex;align-items:center;padding:8px 12px;gap:10px;border-radius:4px;width:100%;max-width:136px}.BubbleTemplateContent_Popover_item:hover{background:#6562df;color:#fff}.BubbleTemplateContent_Popover_item:hover svg path{stroke:#fff}.BubbleTemplateContent_Popover_item:hover p{color:#fff}.TypoTitleRangeDate{color:var(--neutral-color-neutral-900, #333);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.WrapperComponentRangeDate{display:flex;gap:10px;width:100%}.WrapperDate{width:100%;display:flex;flex-direction:column;align-items:flex-start}.TypoTitleSelectDay{color:var(--neutral-color-neutral-900, #333);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.WrapperComponentSelecDay{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%}.WrapperListDay{display:flex;align-items:center;gap:4px;align-self:stretch}.BoxDayDeactive{display:flex;padding:8px;justify-content:center;align-items:center;gap:10px;flex:1 0 0;border-radius:4px}.BoxDayActive{display:flex;padding:8px;justify-content:center;align-items:center;gap:10px;flex:1 0 0;border-radius:4px;border:1px solid var(--primary-color-primary-500, #6562df);background:var(--background-white, #fff)}.TextDeactive{color:var(--neutral-color-neutral-500, #b3b3b3);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.TextActive{color:var(--primary-color-primary-500, #6562df);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.ErrorPage{background-color:#f7f5f5;width:100dvw;height:100vh;display:flex;flex-direction:column}.WrapperErrorContent{display:flex;flex-direction:column;flex:1;justify-content:center;align-items:center}.WrapperErrorContent .CardErrorContent{background-color:#fff;display:flex;justify-content:center;align-items:center;padding:10px 30px;border-radius:10px}.WrapperErrorContent .CardErrorContent .left{padding-top:70px;height:100%;width:400px}.WrapperErrorContent .CardErrorContent .left .content{color:#2e2d66;margin-bottom:-10px;margin-top:10px;font-family:Inter;font-size:16px;font-style:normal;line-height:24px}.WrapperErrorContent .CardErrorContent .left .OrderList{color:#2e2d66;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif!important;font-size:16px;font-style:normal;line-height:24px}.WrapperErrorContent .CardErrorContent .left .WrapperButtonError{display:flex;gap:30px}