:root{--text:#012345;--ltext:#838da9;--greytext:#9f9f9f;--main:#039be5;--bg:#fff;--lbg:#343d56;--hover:#039be5;--border:rgba(236,239,241,.1);--over:#838da9;--mob_bg:#ececec;--light:#fff5f1;--alarm:#ff2f26}*,:after,:before{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent}body{font:.9375rem/1.5rem Inter,sans-serif;margin:0;padding:0;min-width:340px;position:relative;min-height:100vh;display:flex;flex-direction:column}a,body{color:var(--text)}a{text-decoration:none}button{padding:0;border:0;background:0 0;cursor:pointer}button:focus{outline:0}textarea::-moz-placeholder{color:var(--ltext)}textarea::placeholder{color:var(--ltext)}input,textarea{outline:0}img{display:block;width:auto;max-width:100%}select{-moz-appearance:none;appearance:none;-webkit-appearance:none}select:focus{outline:0}h1{margin:0;font-size:3.5rem;line-height:4rem}@media only screen and (max-width:1240px){h1{font-size:1.875rem}}@media only screen and (max-width:767px){h1{font-size:1.5rem}}@media only screen and (max-width:1240px){h1{line-height:2.375rem}}@media only screen and (max-width:767px){h1{line-height:1.875rem}}h2{margin:0;font-size:2.625rem;line-height:3.125rem}@media only screen and (max-width:1240px){h2{font-size:1.75rem}}@media only screen and (max-width:767px){h2{font-size:1.125rem}}@media only screen and (max-width:1240px){h2{line-height:2.25rem}}@media only screen and (max-width:767px){h2{line-height:1.5rem}}h3{margin:0;font-size:2rem;line-height:2.5rem}@media only screen and (max-width:1240px){h3{font-size:1.625rem}}@media only screen and (max-width:767px){h3{font-size:1.125rem}}@media only screen and (max-width:1240px){h3{line-height:2.125rem}}@media only screen and (max-width:767px){h3{line-height:1.5rem}}h4{margin:0;font-size:1.625rem;line-height:2.125rem}@media only screen and (max-width:1240px){h4{font-size:1.375rem}}@media only screen and (max-width:767px){h4{font-size:1rem}}@media only screen and (max-width:1240px){h4{line-height:2.4375rem}}@media only screen and (max-width:767px){h4{line-height:1.375rem}}h5{margin:0;font-size:1.125rem;line-height:1.625rem}@media only screen and (max-width:1240px){h5{font-size:1.125rem}}@media only screen and (max-width:767px){h5{font-size:.9375rem}}@media only screen and (max-width:1240px){h5{line-height:1.625rem}}@media only screen and (max-width:767px){h5{line-height:1.375rem}}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{-webkit-text-fill-color:var(--text);-webkit-box-shadow:inset 0 0 0 1000px transparent;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;background:-webkit-linear-gradient(top,hsla(0,0%,100%,0),rgba(0,174,255,.04) 50%,hsla(0,0%,100%,0) 51%,rgba(0,174,255,.03))}input[type=date]::-webkit-calendar-picker-indicator,input[type=date]::-webkit-inner-spin-button{opacity:0;width:30px;height:30px;position:absolute;top:10px;right:10px}input[type=time]::-webkit-calendar-picker-indicator{width:30px;height:30px;position:absolute;top:10px;right:10px;opacity:0}.main{position:relative}.wrap{max-width:1312px;margin:0 auto;padding:0 10px;box-sizing:content-box}@media only screen and (max-width:1240px){.wrap{padding:0 40px}}@media only screen and (max-width:767px){.wrap{padding:0 20px}}.crm{display:flex;align-items:flex-start}.crm__modal{background:var(--bg);z-index:1;padding:24px;min-width:576px;max-width:576px;position:fixed;right:0;border-top-left-radius:20px;border-bottom-left-radius:20px;height:100%;box-shadow:0 8px 8px 0 rgba(0,32,51,.04),0 12px 28px 0 rgba(0,32,51,.12);overflow-y:auto}.crm__modal-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.crm__modal-hdr-info{display:flex;gap:16px;align-items:center}.crm__modal-hdr-phone{font-size:1.25rem;line-height:1.875rem;font-weight:700}.crm__modal-hdr-name{font-size:.8125rem;line-height:1.125rem;color:#707e94}.crm__modal-hdr-badges{display:flex;align-items:center;gap:8px}.crm__modal-hdr-site{background:linear-gradient(92.52deg,rgba(7,207,171,.16) 35.85%,rgba(152,94,226,.16) 151.98%);padding:4px 8px;font-size:.6875rem;line-height:.75rem;color:#707e94;border-radius:4px}.crm__modal-hdr-site.--grey{background:hsla(0,0%,7%,.2);color:var(--bg)}.crm__modal-hdr-site.--yellow{background:linear-gradient(.746turn,rgba(244,169,55,.26) -4.34%,rgba(239,137,43,.26) 85.99%)}.crm__modal-hdr-site.--purple{background:linear-gradient(90.65deg,rgba(94,115,226,.16) -2.24%,rgba(152,94,226,.16) 103.94%)}.crm__modal-hdr-new{background:#07cfab;color:#fff;font-size:.6875rem;line-height:.75rem;padding:4px 8px;border-radius:4px;font-weight:700}.crm__modal-close{display:flex;align-items:center}.crm__modal-title{font-size:1.25rem;font-weight:700;line-height:1.5rem}.crm__modal-action{background:rgba(7,207,171,.102);border-radius:8px;display:flex;align-items:center;gap:8px;padding:11px 24px;width:100%;font-size:.8125rem;line-height:1.125rem;color:#07cfab;margin-top:8px}.crm__modal-action .icon{display:flex}.crm__modal-text{border:1px solid #e3e6e9;border-radius:8px;padding:12px 24px;margin:8px 0}.crm__modal-text-edit{margin-top:4px;color:#07cfab;font-size:.8125rem;line-height:1.125rem}.crm__modal-text p{margin:0;margin-bottom:10px;font-size:.8125rem;line-height:1.125rem;color:#707e94}.crm__modal-text p:last-of-type{margin:0}.crm__modal-main{margin-top:24px}.crm__modal-main-title{color:#707e94;font-weight:700;font-size:.8125rem;line-height:1.125rem;margin-bottom:8px}.crm__modal-notice{background:#fff6d6;border-radius:8px;padding:11px 24px;width:100%;display:flex;gap:8px;margin-bottom:8px}.crm__modal-notice.--pink{background:rgba(255,192,203,.2)}.crm__modal-notice .icon{flex-shrink:0}.crm__modal-notice-title{font-size:.8125rem;line-height:1.125rem}.crm__modal-notice-date{font-size:.6875rem;line-height:1rem;color:#a7aebd}.crm__modal-notice-close{display:flex;margin-left:auto}.crm__modal-application{padding:16px 24px;border-radius:8px;background:#f5f6f7;margin-bottom:8px}.crm__modal-application-row{display:grid;grid-template-columns:112px 1fr;grid-gap:16px}.crm__modal-application-row.--center{align-items:center}.crm__modal-application-title{color:#707e94;font-size:.8125rem;line-height:1.125rem}.crm__modal-application-hdr{display:flex;align-items:center;gap:16px}.crm__modal-application-tags{display:flex;align-items:center;gap:8px}.crm__modal-application-tag{font-size:.6875rem;line-height:.75rem;padding:4px 8px;color:#707e94;border:1px solid #e3e6e9;border-radius:4px}.crm__modal-application-num{font-size:.8125rem;line-height:1.125rem}.crm__modal-application-toggle{margin-left:auto;cursor:pointer}.crm__modal-application-hide{flex-direction:column;gap:16px;display:none}.crm__modal-application-hide.show{display:flex}.crm__modal-application-date{padding-left:128px;font-size:.8125rem;line-height:1.125rem;margin-top:8px}.crm__modal-application-status{background:rgba(1,35,69,.051);border-radius:8px;padding:11px 12px;font-size:.8125rem;line-height:1.125rem}.crm__modal-application-status p{margin:0}.crm__modal-application-edit{color:#07cfab}.crm__modal-application-action{padding:12px 16px;color:#07cfab;border:1px solid #07cfab;border-radius:8px;width:-webkit-fill-available;text-align:left;font-size:.8125rem;line-height:1.125rem}.crm__modal-application-link{color:#07cfab;font-size:.8125rem;line-height:1.125rem;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-underline-offset:3px}.crm__modal-application-content{display:flex;flex-direction:column;gap:4px}.crm__modal-application-option{display:flex;align-items:center;gap:4px;font-size:.8125rem;line-height:1.125rem}.crm__modal-application-btns{display:flex;flex-direction:column;gap:16px}.crm__modal-application-btns .crm__modal-application-action{margin-left:0}.crm__modal-application-text p{margin:0;font-size:.8125rem;line-height:1.125rem}.crm__modal-application-add{display:flex;align-items:center;gap:8px;background:rgba(7,207,171,.102);border-radius:8px;padding:11px 24px;width:100%;font-size:.8125rem;line-height:1.125rem;margin-top:8px;color:#07cfab}.crm__modal-history{margin-top:24px}.crm__modal-history-title{color:#707e94;font-size:.8125rem;line-height:1.125rem;font-weight:700;margin-bottom:16px}.crm__modal-history-list{display:flex;flex-direction:column;gap:16px}.crm__modal-history-item{display:grid;grid-template-columns:136px 1fr;align-items:center;gap:8px;font-size:.8125rem;line-height:1.125rem}.crm__modal-history-item .date{color:#a7aebd}.crm__table{width:100%;border-collapse:collapse}.crm__table thead{border-top:1px solid #e3e6e9;border-bottom:1px solid #e3e6e9}.crm__table th{padding:12px;text-align:left;border-right:1px solid #e3e6e9;font-size:.8125rem;line-height:1rem;font-weight:400;color:#707e94}.crm__table th:last-child{border:0}.crm__table td{padding:12px;text-align:left;font-size:.8125rem}.crm__table tr:nth-child(2n){background:#f9f9f9}.crm__table tr:nth-child(odd){background:#fff}.table-container{height:100%;overflow-y:auto;padding-bottom:100px}.field{position:relative;width:100%;font-size:.8125rem;line-height:1.125rem}.field.error input,.field.error textarea{border-color:var(--alarm)}.field.error .label{color:var(--alarm)}.field.error .field__error{display:block}.field .icon{right:20px;top:17px}.field .icon,.field .icon-search{position:absolute;pointer-events:none}.field .icon-search{top:14px;left:10px}.field .label{position:absolute;left:16px;top:16px;line-height:normal;color:#a7aebd;transition:.2s;font-size:.8125rem;pointer-events:none}.field.active .label{transform:translateY(-8px);font-size:.625rem}.field__item{height:48px;padding:22px 16px 6px 16px;transition:.2s;border-radius:8px;color:var(--text);border:1px solid #e3e6e9;width:100%;background:var(--bg)}.field__item::-webkit-inner-spin-button,.field__item::-webkit-outer-spin-button{display:none;-webkit-appearance:none;margin:0}.field__item .label:focus,.field__item:focus~.label{transform:translateY(-8px);font-size:.625rem}.field__item:placeholder{color:var(--ltext)}.field__item.--search{padding:10px 10px 10px 40px}.field__item.--search::-moz-placeholder{color:#a7aebd}.field__item.--search::placeholder{color:#a7aebd}.field__item.--search:focus{border-color:#25d5b5;box-shadow:0 0 0 2px rgba(37,213,181,.2)}.field__error{color:var(--alarm);line-height:1rem;display:none}.field__error,.field__example{font-size:.75rem;margin-top:4px}.field__example{color:#687082;line-height:1.125rem}.field__attention{margin-top:4px;display:flex;gap:4px;color:#f57c00;font-size:.875rem;line-height:1.25rem}.field__dropdown{box-shadow:0 8px 24px 0 rgba(0,32,51,.122);padding:8px;max-height:240px;overflow:auto;position:absolute;z-index:2;background:var(--bg);width:100%;display:none}.field__dropdown.show{display:block}.field__dropdown-item{padding:8px;border-radius:4px;font-size:.8125rem;line-height:1.125rem}.field__dropdown-item.active,.field__dropdown-item:hover{background:#eeeff0}.field-date{position:relative}.field-date__reset{right:65px}.field-date:before,.field-date__reset{position:absolute;top:15px;width:24px;height:24px}.field-date:before{background:url(/img/sprite.svg#calendar) no-repeat 50%/cover;content:"";display:block;right:16px;pointer-events:none;cursor:pointer;z-index:1}@media only screen and (max-width:767px){.field-date:after{content:"";position:absolute;display:block;width:20px;height:40px;background:#f2f4f5;top:5px;right:16px;z-index:0;pointer-events:none}}.field-date input{padding:24px 0 8px 16px;height:56px}.field-date .label-date{position:absolute;left:16px;top:16px;font-size:.75rem;line-height:normal;color:#a7aebd;transition:.2s;pointer-events:none}.field-date.active .js-field{border-color:rgba(46,64,87,.16);background:var(--bg)}.field-date.active:after,.modal-reporst{background:var(--bg)}.modal-reporst{left:100%;z-index:2;height:100vh;min-width:264px;position:absolute;box-shadow:0 8px 8px 0 rgba(0,32,51,.04),0 12px 28px 0 rgba(0,32,51,.12)}.modal-reporst__header{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:24px 16px 8px;position:sticky;top:0}.modal-reporst__title{font-size:1.0625rem;font-style:normal;font-weight:700;line-height:1.5rem}.modal-reporst__list{overflow-y:auto;height:100%;padding-bottom:100px}.modal-reporst__link{display:block;padding:11px 16px}.modal-reporst__link:hover{background:#ebedf0}.modal-reporst__link.active{background:#e4fcf8}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.sidebar{position:relative;background:var(--bg);display:flex;flex-direction:column;height:100vh;max-width:200px}.sidebar.--small .sidebar__nav,.sidebar.--small .sidebar__nav-footer{width:75px}.sidebar.--small .sidebar__nav-link span{display:none}.sidebar.--small .sidebar__nav-auth{display:block}.sidebar.--small .sidebar__nav-auth-logout,.sidebar.--small .sidebar__nav-auth-name{display:none}.sidebar__hdr{padding:16px 12px 16px 24px;border-bottom:1px solid rgba(1,35,69,.05);display:flex}.sidebar__logo{width:32px;height:32px}.sidebar__nav{padding:16px;transition:width .3s;width:200px}.sidebar__nav-auth{display:flex;align-items:center;gap:8px;margin-top:15px}.sidebar__nav-auth-image{border-radius:100%;-o-object-fit:cover;object-fit:cover;margin:auto;width:32px;height:32px}.sidebar__nav-auth-name{font-size:.8125rem;line-height:1.125rem;white-space:nowrap}.sidebar__nav-auth-logout{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.sidebar__nav-footer{padding:16px;transition:width .3s;width:200px;margin-top:auto;display:flex;flex-direction:column;gap:18px}.sidebar__nav-footer .sidebar__nav-btn{width:auto;height:auto;padding:0;padding-left:10px}.sidebar__nav-footer .sidebar__nav-link:hover{opacity:.6}.sidebar__nav-footer .sidebar__nav-link.active .sidebar__nav-btn,.sidebar__nav-footer .sidebar__nav-link:hover .sidebar__nav-btn{background:0 0}.sidebar__nav-link{display:flex;align-items:center;gap:8px;color:var(--text);font-size:.8125rem}.sidebar__nav-link.active .sidebar__nav-btn,.sidebar__nav-link:hover .sidebar__nav-btn{background:#e7fffb}.sidebar__nav-btn{padding:10px;border-radius:8px;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.sidebar__nav-btn .icon{width:24px;height:24px;flex-shrink:0}.sidebar__toggle{padding:4px 10px;border-top:1px solid rgba(1,35,69,.05)}.sidebar__toggle .icon{transform:rotate(180deg)}.sidebar__toggle.active .icon{transform:rotate(0)}.clients{background:#f5f6f7;height:100vh;overflow:hidden;flex-grow:1;padding:32px;position:relative;box-shadow:-4px 0 12px rgba(0,0,0,.15)}.clients__title{font-size:1.5rem;font-style:normal;font-weight:700;line-height:2rem}.clients__list{margin-top:24px}.clients__controls{display:flex;align-items:center;gap:8px;margin:24px 0}.clients__controls-btn{border:none;background:var(--bg);border-radius:16px;color:var(--text);text-align:center;padding:10px 16px;box-sizing:border-box;cursor:pointer;display:block;border:1px solid #e3e6e9}.clients__controls-btn:disabled{opacity:.4;cursor:not-allowed}.clients__controls-btn.active{background:var(--text);color:var(--bg)}.clients__item{background:var(--bg);padding:8px 24px;border-radius:16px;margin-bottom:8px}.clients__item:last-child{margin:0}.clients__item-box{display:grid;grid-template-columns:1fr 1fr 1fr .5fr 1fr 1fr .5fr;grid-gap:10px;align-items:center}.clients__item-box.--grid-8{grid-template-columns:1fr 1fr 1fr 1fr .5fr 1fr 1fr .5fr}.clients__item-flex{display:flex;align-items:center;position:relative}.clients__item-flex .hide-text{position:absolute;border-radius:var(--Dimensions-Corner-Radius-md,8px);background:var(--colors-text-icon-primary,#012345);color:var(--bg);bottom:100%;right:70%;min-width:300px;margin-bottom:10px;padding:8px 12px;font-size:.8125rem;line-height:1.125rem}.clients__item-flex .hide-text:before{content:"";width:10px;height:10px;background:#012345;display:block;position:absolute;bottom:-5px;right:20px;transform:rotate(45deg)}.clients__item-image{width:40px;height:40px;border-radius:100%;margin-right:12px}.clients__item-strong{font-weight:700;font-size:.9375rem;line-height:1.25rem}.clients__item-option{color:#707e94}.clients__item-comment{margin-right:24px;background:#f5f6f7;border-radius:8px;position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.clients__item-comment.active{background:#e7fffb}.clients__item-comment.active:after{position:absolute;content:"";display:block;width:8px;height:8px;border-radius:100%;background:#07cfab;top:6px;right:6px}.clients__item-comment.active .icon{fill:#07cfab}.clients__item-hide{border-top:1px solid #e3e6e9;margin-top:8px;padding-top:8px;padding-bottom:8px}.clients__item-over{display:grid;grid-template-columns:1.24fr .5fr 2fr;grid-gap:10px;align-items:center}.clients__item-applications{border-top:1px solid #e3e6e9;margin-top:8px;padding-top:8px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.clients__item-application{display:flex;align-items:center;gap:4px;color:#012345;border-radius:24px;background:rgba(1,35,69,.05);padding:8px 12px}.clients__item-information{border-top:1px solid #e3e6e9;margin-top:8px;padding-top:8px;padding-bottom:8px;display:flex;align-items:center;gap:8px}.clients__item-graf{margin-left:auto}.clients__item-option{display:flex;align-items:center;font-size:.8125rem;line-height:1.125rem;gap:2px}.clients__item-option .result{color:#012345}.clients__item-graf{color:#07cfab;font-size:.8125rem;line-height:1.125rem}.reports{background:#f5f6f7;height:100vh;flex-grow:1;padding:32px;position:relative}.reports:before{content:"";background:linear-gradient(90deg,#fff,hsla(0,0%,71%,.5));display:block;width:6px;height:100%;position:absolute;left:0;top:0}.reports__title{font-size:1.5rem;font-style:normal;font-weight:700;line-height:2rem}.reports__filter{display:flex;align-items:center;gap:8px}.reports__field{position:relative;min-width:230px}.reports__field .icon-drop{position:absolute;right:16px;top:10px;pointer-events:none}.reports__field.--date:after{background:url(/img/date.svg) 0 0/cover;right:10px}.reports__field.--date:after,.reports__field.--search:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:24px;height:24px;pointer-events:none}.reports__field.--search:after{background:url(/img/search.svg) 0 0/cover;left:10px}.reports__field.--search .reports__field-item{padding-left:40px}.reports__field-item{height:40px;padding:22px 16px 6px 16px;transition:.2s;border-radius:8px;color:var(--text);border:1px solid #e3e6e9;width:100%;background:var(--bg);padding:12px 16px}.reports__field-item::-webkit-inner-spin-button,.reports__field-item::-webkit-outer-spin-button{display:none;-webkit-appearance:none;margin:0}.reports__field-item .label:focus,.reports__field-item:focus~.label{transform:translateY(-8px);font-size:.625rem}.reports__field-item:placeholder{color:var(--ltext)}.reports__table{width:100%;border-collapse:collapse;margin-top:24px;border-radius:16px;overflow:hidden}.reports__table th{background:#fff;padding:12px;text-align:left;border-right:1px solid #e3e6e9;font-size:.8125rem;line-height:1rem;font-weight:400;color:#707e94;cursor:pointer}.reports__table th:last-child{border-right:0}.reports__table th .icon{display:inline-block;vertical-align:middle}.reports__table tr{border-bottom:1px solid #e3e6e9}.reports__table td{background:#fff;padding:12px;text-align:left;font-size:.8125rem}.reports__table td:last-child{border:0}.reports__table tbody tr:hover{background:#e3e6e9}.applications{background:#f5f6f7;height:100vh;overflow:hidden;flex-grow:1;padding:32px;position:relative;box-shadow:-4px 0 12px rgba(0,0,0,.15)}.applications__title{font-size:1.5rem;line-height:2rem;font-weight:700;margin-bottom:24px}.applications__columns{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(234px,1fr);gap:24px;overflow-x:auto}.applications__column-scroll{overflow:auto;height:calc(100vh - 164px);display:flex;flex-direction:column;gap:6px;border-radius:8px}.applications__column-title{border-radius:8px;padding:12px 16px;border:1px solid #e3e6e9;color:#a7aebd;font-size:.8125rem;line-height:1.125rem;margin-bottom:8px}.applications__column-item{border-radius:8px;padding:16px;background:#fff;cursor:pointer}.applications__column-hdr{display:flex;align-items:center;margin-bottom:8px;gap:8px}.applications__column-badges{display:flex;align-items:center;gap:8px;margin-right:auto}.applications__column-site{background:linear-gradient(92.52deg,rgba(7,207,171,.16) 35.85%,rgba(152,94,226,.16) 151.98%);padding:4px 8px;font-size:.6875rem;line-height:.75rem;color:#707e94;border-radius:4px}.applications__column-site.--grey{background:hsla(0,0%,7%,.2);color:var(--bg)}.applications__column-site.--yellow{background:linear-gradient(.746turn,rgba(244,169,55,.26) -4.34%,rgba(239,137,43,.26) 85.99%)}.applications__column-site.--purple{background:linear-gradient(90.65deg,rgba(94,115,226,.16) -2.24%,rgba(152,94,226,.16) 103.94%)}.applications__column-notice{display:flex}.applications__column-contact{font-size:.9375rem;line-height:1.25rem;font-weight:700}.applications__column-info,.applications__column-name{font-size:.8125rem;line-height:1.125rem}.applications__column-info{margin-top:8px;background:rgba(1,35,69,.051);color:#707e94;padding:6px 8px;border-radius:4px}.applications__column-info.--yellow{background:#fff6d6}.applications__column-info.--purple{background:rgba(121,106,226,.149)}.applications__column-info.--pink{background:rgba(255,192,203,.2)}.applications__column-new{background:#07cfab;color:#fff;font-size:.6875rem;line-height:.75rem;padding:4px 8px;border-radius:4px;font-weight:700}.modal{z-index:4;display:none}.modal.show{display:block}.modal .over{background:rgba(23,26,33,.9);z-index:4;transition:.5s}.modal .over,.modal__wrap{position:fixed;top:0;left:0;right:0;bottom:0}.modal__wrap{overflow-y:auto;z-index:10;overscroll-behavior:contain}.modal__scroll{width:100%;height:auto;max-width:360px;position:relative;margin:0 auto;margin-top:100px;margin-bottom:100px;z-index:3}.modal__box{background:var(--bg);border-radius:8px;padding:24px}.modal__hdr{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-bottom:16px}.modal__title{font-weight:700;font-size:.9375rem;line-height:1.25rem}.modal__action{background:linear-gradient(92.52deg,#07cfab 35.85%,#985ee2 151.98%);border-radius:8px;color:var(--bg)}.modal__action,.modal__cancel{padding:11px 0;width:100%;margin-top:16px;font-size:.8125rem;line-height:1.125rem;height:40px}.modal__cancel{border:1px solid var(--Color-green-link,#07cfab);border-radius:8px;color:#07cfab;width:70%}.modal__list{display:flex;flex-direction:column;gap:8px}.modal__list-time{display:grid;grid-template-columns:1.5fr 1fr;grid-gap:8px}.modal__footer{display:flex;align-items:center;gap:16px}.chat-module{background:#012345;height:100vh;position:absolute;left:100%;z-index:10;border-top-right-radius:16px;border-bottom-right-radius:16px;min-width:364px;color:var(--bg);overflow:hidden;display:none}.chat-module.show{display:block}.chat-users{height:100vh}.chat-users__hdr{padding:16px 24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;box-shadow:0 4px 8px 0 rgba(1,35,69,.502);background:#1a3958;position:sticky;top:0}.chat-users__title{font-weight:700}.chat-users__search{position:relative;flex-grow:1}.chat-users__search input{background:#012345;border-radius:24px;padding:8px 34px 8px 42px;border:0;color:var(--bg);width:100%}.chat-users__search input::-moz-placeholder{color:#707e94}.chat-users__search input::placeholder{color:#707e94}.chat-users__search .icon{position:absolute;left:18px;top:8px}.chat-users__reset{position:absolute;right:8px;top:8px}.chat-users__list{display:flex;flex-direction:column;gap:16px;padding:16px 0;overflow:auto;height:calc(100% - 97.25px)}.chat-users__item{display:flex;position:relative;gap:10px;padding:0 24px}.chat-users__item__image{position:relative;flex-shrink:0}.chat-users__item__image img{width:42px;height:42px;border-radius:100%;-o-object-fit:cover;object-fit:cover}.chat-users__item__hdr{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:2px}.chat-users__item__box{position:relative;width:100%}.chat-users__item__name{font-size:.8125rem;line-height:1.125rem;font-weight:700}.chat-users__item__date{font-size:.6875rem;line-height:1.125rem;color:#707e94}.chat-users__item__date.active{color:#07cfab}.chat-users__item__text{color:#707e94;padding-right:40px;overflow:hidden;text-overflow:ellipsis;display:-moz-box;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;box-orient:vertical;font-size:.6875rem;line-height:.875rem}.chat-users__item__notify{display:flex;align-items:center;justify-content:center;width:18px;height:18px;color:#012345;font-size:.6875rem;line-height:.875rem;flex-shrink:0;bottom:5px}.chat-users__item__is-online,.chat-users__item__notify{position:absolute;right:0;background:#07cfab;border-radius:50%}.chat-users__item__is-online{width:14px;height:14px;bottom:0;border:3px solid var(--text);display:block}.chat{background:#012345;height:100vh;position:absolute;top:0;width:100%;transition:transform .4s;transform:translateX(100%);display:flex;flex-direction:column}.chat.show{transform:translateX(0)}.chat__hdr{padding:16px 24px;display:flex;align-items:center;flex-wrap:wrap;gap:8px;box-shadow:0 4px 8px 0 rgba(1,35,69,.502);background:#1a3958;position:sticky;top:0}.chat__hdr-back{flex-shrink:0}.chat__hdr-info{display:flex;align-items:center;gap:8px;margin-left:8px}.chat__hdr-image{position:relative;flex-shrink:0}.chat__hdr-image img{width:42px;height:42px;border-radius:100%;-o-object-fit:cover;object-fit:cover}.chat__hdr-is-online{position:absolute;width:11px;height:11px;background:#07cfab;border-radius:50%;bottom:-1px;right:-1px;border:3px solid var(--text);display:block}.chat__hdr-name{font-size:.9375rem;line-height:1.25rem;font-weight:700;margin-bottom:1px}.chat__hdr-option{color:#a7aebd;font-size:.6875rem;line-height:.8125rem}.chat__hdr-close{margin-left:auto}.chat__main{flex-grow:1;padding:20px 24px 36px;overflow:auto}.chat__main-date{text-align:center;font-size:.6875rem;line-height:.75rem;margin-bottom:8px;margin-top:16px}.chat__main-user{background:#1a3958}.chat__main-my,.chat__main-user{padding:8px 8px 4px 8px;border-radius:8px;margin-bottom:8px;width:-moz-fit-content;width:fit-content;max-width:80%;display:flex;flex-direction:column}.chat__main-my{background:#035a66;margin-left:auto}.chat__main-text{font-size:.6875rem;line-height:.875rem}.chat__main-date-send{margin-left:auto;display:flex;font-size:.5625rem;line-height:.6875rem;color:#a7aebd}.chat__main-answer{margin-bottom:8px}.chat__main-answer.--is-user{background:#035a66;padding:8px;border-top-right-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:2px;border-bottom-left-radius:2px;border-left:3px solid #fff}.chat__main-answer.--is-user .chat__main-text{color:hsla(0,0%,100%,.8);font-size:.5625rem;line-height:.75rem}.chat__main-answer.--is-my{background:#1a3958;padding:8px;border-top-right-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:2px;border-bottom-left-radius:2px;border-left:3px solid #fff}.chat__main-answer-name,.chat__main-answer.--is-my .chat__main-text{color:hsla(0,0%,100%,.8);font-size:.5625rem;line-height:.75rem}.chat__main-answer-name{font-weight:500;margin-bottom:2px}.chat__footer{padding:8px 24px 16px;display:flex;background:#1a3958;gap:8px}.chat__footer-message{background:#012345;border-radius:24px;padding:8px 16px;border:0;color:var(--bg);width:100%;resize:none;min-height:30px;height:30px;vertical-align:top;font-size:.6875rem;line-height:.875rem;max-height:150px;overflow-y:auto}.chat__footer-message::-moz-placeholder{color:#707e94}.chat__footer-message::placeholder{color:#707e94}.chat__footer-action{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#07cfab;flex-shrink:0;align-self:flex-end}