@charset "UTF-8";.react-calendar{width:350px;max-width:100%;background:white;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;line-height:16px;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.wrapper-header{padding:0 200px;border-bottom:1px solid var(--Cool-Gray-300, #d1d5db);background:#fff;display:flex;align-items:center;justify-content:space-between}@media (max-width: 1440px){.wrapper-header{padding:0 100px}}@media (max-width: 1024px){.wrapper-header{padding:0 50px}}.wrapper-header .wrapper{display:flex;justify-content:space-between;align-items:center;padding-top:12px;padding-bottom:12px}.wrapper-header .wrapper .list-cate{display:flex;align-items:center;gap:48px}.wrapper-header .wrapper .list-cate .logo{width:80px;height:80px;overflow:hidden}.wrapper-header .wrapper .list-cate .logo img{width:100%;height:100%;object-fit:cover}.wrapper-header .wrapper .list-cate .name-cate{display:flex;gap:48px}.wrapper-header .wrapper .list-cate .name-cate li .item-link{font-size:18px;font-weight:400;color:#a7a5a6;text-decoration:none;transition:all ease-in-out .2s;width:100%;position:relative}.wrapper-header .wrapper .list-cate .name-cate li .item-link:after{transition:width ease-in .2s}.wrapper-header .wrapper .list-cate .name-cate li .item-link:hover:after{content:"";position:absolute;bottom:-5px;left:0;width:60%;height:2px;color:#6366f1;background:#6366f1}.wrapper-header .wrapper .list-cate .name-cate li .item-link:hover{font-weight:400;color:#6366f1}.wrapper-header .wrapper .list-cate .name-cate li .active{font-weight:400;color:#6366f1;transition:width ease-in-out .2s}.wrapper-header .wrapper .list-cate .name-cate li .active:after{content:"";position:absolute;bottom:-5px;left:0;width:60%;height:2px;color:#6366f1;background:#6366f1}.wrapper-header .wrapper .list-cate span{display:none}.wrapper-header .wrapper .list-cate .header-title{color:var(--primary-600, #6366f1);font-size:36px;font-style:italic;font-weight:400;line-height:46px}.wrapper-header .wrapper .auth{display:flex;align-items:center;color:var(--primary-600, #6366f1);font-size:20px;font-style:italic;font-weight:400;line-height:26px;transition:all ease-in-out .2s}.wrapper-header .wrapper .auth a{color:inherit;transition:all ease-in-out .2s}.wrapper-header .wrapper .auth a:hover{cursor:pointer;opacity:.8}.wrapper-header .info-user{display:flex;align-items:center;justify-content:space-between;gap:78px}.wrapper-header .info-user .list-icon{gap:12px;display:flex;align-items:center;justify-content:space-between}.wrapper-header .info-user .list-icon .icon{position:relative;line-height:0;padding:8px;border-radius:50%}.wrapper-header .info-user .list-icon .icon svg{cursor:pointer}.wrapper-header .info-user .list-icon .icon:hover{background:#EEF2FF}.wrapper-header .info-user .list-icon .icon .total-noti{right:5px;top:0;position:absolute;border-radius:50%;overflow:hidden;background:#E32222}.wrapper-header .info-user .list-icon .icon .total-noti span{display:flex;flex-direction:column;align-items:center;justify-content:center;width:20px;height:20px;font-weight:600;color:#fff;font-size:11px;line-height:0;border-radius:50%}.wrapper-header .info-user .list-icon .avt{border-radius:50%;width:64px;height:64px;overflow:hidden;border:1px solid #F9FAFB;cursor:pointer}.wrapper-header .info-user .list-icon .avt img{width:100%;height:100%;object-fit:cover}.modal-noti .main-noti .header{position:relative;display:flex;justify-content:center;color:#18181b;font-size:20px;font-weight:500}.modal-noti .main-noti .header .icon{position:absolute;right:0;display:flex;gap:8px}.modal-noti .main-noti .header .icon svg{cursor:pointer}.modal-noti .main-noti .list-noti{margin-top:23px;display:flex;flex-direction:column;gap:8px;max-height:500px;overflow-y:scroll}.modal-noti .main-noti .list-noti .item-noti{padding:6px;display:flex;justify-content:space-between}.modal-noti .main-noti .list-noti .item-noti .info-noti{cursor:pointer;display:flex;gap:12px;flex:1}.modal-noti .main-noti .list-noti .item-noti .info-noti .avatar{width:60px;height:60px;overflow:hidden;border-radius:50%;border:1px solid #F9FAFB}.modal-noti .main-noti .list-noti .item-noti .info-noti .avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.modal-noti .main-noti .list-noti .item-noti .info-noti .image-chat{width:60px;height:60px;overflow:hidden;border-radius:50%;background:#EEF2FF;display:flex;justify-content:center;align-items:center}.modal-noti .main-noti .list-noti .item-noti .info-noti .content-noti{display:flex;flex-direction:column;gap:4px;justify-content:center}.modal-noti .main-noti .list-noti .item-noti .info-noti .content-noti .title-noti{font-size:15px;color:#18181b}.modal-noti .main-noti .list-noti .item-noti .info-noti .content-noti .project{color:#6366f1;font-size:15px;font-weight:600}.modal-noti .main-noti .list-noti .item-noti .info-noti .content-noti .date{display:flex;gap:4px;align-items:center}.modal-noti .main-noti .list-noti .item-noti .info-noti .content-noti .date .dot{width:4px;height:4px;border-radius:50%;background:#6B7280}.modal-noti .main-noti .list-noti .item-noti .info-noti .content-noti .date span{color:#6b7280;font-size:12px}.modal-noti .main-noti .list-noti .item-noti .info-noti .content-noti .button-action{display:flex;align-items:center;gap:8px}.modal-noti .main-noti .list-noti .item-noti .action-more svg{cursor:pointer}.modal-noti .main-noti .list-noti .item-noti:hover{background:#F9FAFB;border-radius:8px}.modal-noti .main-noti .list-noti .read .title-noti{color:#6b7280!important}.modal-noti .main-noti .list-noti::-webkit-scrollbar{width:6px}.modal-noti .main-noti .list-noti:hover::-webkit-scrollbar{width:6px;background-color:#f5f5f5}.modal-noti .main-noti .list-noti::-webkit-scrollbar-thumb{background-color:#cecfd1;border-radius:4px}.button-component{cursor:pointer;height:48px;padding:12px 16px;border-radius:8px;background:#6366F1;display:flex;align-items:center;justify-content:center}.button-component .button{display:flex;align-items:center;gap:8px}.button-component .button .label-button{width:max-content;color:#fff;font-size:16px;line-height:1px}.outline{background:none;border:1px solid #6366F1}.outline .button .label-button{width:max-content;color:#6366f1;font-size:16px;line-height:normal}.cancel{background:#D1D5DB}.cancel .button .label-button{width:max-content;color:#6b7280}.delete{background:#EF4444}.sidebar{min-width:272px;padding:16px 8px;flex:1.5;border-right:1px solid var(--Cool-Gray-300, #d1d5db)}@media (max-width: 1440px){.sidebar{min-width:220px}}.sidebar .title{color:var(--Indigo-500, #6366f1);font-size:16px;font-weight:500}.sidebar .list-company .company{display:grid;gap:8px;padding-top:16px}.sidebar .list-company .company a .name-company{width:100%;color:var(--Gray-900, #18181b);cursor:pointer;font-family:Be Vietnam Pro;position:relative;padding:12px 16px}.sidebar .list-company .company a .name-company:hover{border-radius:8px;padding:12px 16px;background:#f3f4f6;color:#18181b}.sidebar .list-company .company a .name-company:hover svg path{fill:unset;stroke:#fff}.sidebar .list-company .company a .name-company:hover svg line{fill:unset;stroke:#fff}.sidebar .list-company .company a .active{border-radius:8px;padding:12px 16px;background:#6366f1;color:#fff}.sidebar .list-company .company a .active:hover{background:#6366f1;color:#fff}.sidebar .list-company .company a .active:hover svg path{fill:unset;stroke:#fff}.sidebar .list-company .company a .active:hover svg line{fill:unset;stroke:#fff}.sidebar .list-company .company a .sub-menu{display:none}.sidebar .list-company .company a .sub-menu .sub-menu-item{display:block;margin-top:4px;color:#6468ec;font-size:14px;border-radius:4px;position:relative;padding:8px 12px 8px 60px}.sidebar .list-company .company a .sub-menu .sub-menu-item:hover{background:#d1d5db}.sidebar .list-company .company a .sub-menu .sub-menu-item:before{position:absolute;content:"";width:5px;height:5px;top:50%;left:32px;transform:translateY(-50%);background:#6366f1}.sidebar .list-company .company a .active-menu{border-radius:8px;color:#6e6e6e;display:block}.sidebar .list-company .company a .active-menu:hover{cursor:pointer;color:#363636}.sidebar .list-company .company .name-company{color:var(--Base-White, #18181b);font-family:Be Vietnam Pro;display:flex;gap:8px;align-items:center}.sidebar .btn-add{margin-top:8px;padding:12px 16px;border-radius:8px;border:1px dashed var(--Indigo-500, #6366f1);display:flex;align-items:center;gap:8px;color:var(--Indigo-500, #6366f1);cursor:pointer}.main-layout{padding:0 200px;display:flex;min-height:calc(100vh - 140px)}@media (max-width: 1440px){.main-layout{padding:0 100px}}@media (max-width: 1024px){.main-layout{padding:0 50px}}.main-layout .children{overflow:hidden;flex:8;padding:16px 0 24px 16px}.modal-create-enterprise .main-create-enterprise{display:flex;flex-direction:column;gap:16px}.modal-create-enterprise .main-create-enterprise .title-modal{color:#18181b;font-size:24px;font-weight:500}.modal-create-enterprise .main-create-enterprise .form-create-enterprise{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px}.modal-create-enterprise .main-create-enterprise .button-end{display:flex;justify-content:end;gap:16px}.form-input{position:relative}.form-input .label-form{padding-left:16px}.form-input .box-input{position:relative;padding:12px 16px;border-radius:8px;border:1px solid #D1D5DB}.form-input .box-input input{background:white;width:100%}.form-input .box-input input:disabled{color:#6b7280;cursor:not-allowed}.form-input .box-input input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px white inset;background-color:transparent}.form-input .box-input .input-password{padding-left:28px}.form-input .box-input .icon-eye{position:absolute;right:10px;top:10px;line-height:0;cursor:pointer}.form-input .box-input .icon-lock{position:absolute;left:16px;top:10px}.form-input .form-disable{background:rgba(0,0,0,.04)}.form-input .form-disable input{background:none}.form-input .form-disable input:disabled{color:#00000040}.form-input .error-message{position:absolute;bottom:-20px;font-size:12px;color:red}.form-search{padding:12px 4px 12px 12px;border-radius:8px;border:1px solid #CBD5E1;display:flex;justify-content:space-between;align-items:center;height:48px;gap:20px}.form-search input{width:100%}.form-search .button-search{line-height:0;padding:8px 24px;background:#6366F1;border-radius:6px;cursor:pointer}.finance{display:flex;flex-direction:column;gap:16px}.finance .title-head{display:flex;justify-content:space-between;align-items:center}.finance .title-head .text-title{color:#18181b;font-size:24px;font-weight:500}.finance .title-head .action-title{display:flex;gap:12px}.pagination-component{display:flex;align-items:center;justify-content:space-between;padding:24px 0}.pagination-component .prev,.pagination-component .next{display:flex;align-items:center;gap:4px;color:#18181b;cursor:pointer;line-height:1px}.pagination-component .ant-pagination-prev,.pagination-component .ant-pagination-next{display:none}.pagination-component .ant-pagination li{border:none}.pagination-component .ant-pagination .ant-pagination-item-active a{color:#6366f1}.form-select-component{width:100%;display:flex;flex-direction:column;position:relative}.form-select-component .label{padding-left:16px;color:#18181b;font-size:14px}.form-select-component .error{position:absolute;bottom:-20px;font-size:12px;color:red}.form-select-component .select{margin-bottom:8px;position:relative}.form-select-component .select .icon{top:50%;left:16px;z-index:1;transform:translateY(-50%);position:absolute;display:flex;align-items:center}.form-select-component .select .ant-select{height:50px;width:100%;border-color:#d9d9d9!important;box-shadow:none}.form-select-component .select .ant-select .ant-select-selector{border-color:#d9d9d9!important;box-shadow:unset;height:50px;align-items:center;border-radius:8px;padding-left:42px}.form-select-component .select .ant-select .ant-select-selector .ant-select-selection-search{padding-left:30px}.form-select-component .select .ant-select .ant-select-selector .ant-select-selection-placeholder{color:#7b7979!important;opacity:1;font-weight:400}.modal-action-finance .main-modal-action-finance{display:flex;flex-direction:column;gap:16px}.modal-action-finance .main-modal-action-finance .title-modal{color:#18181b;font-size:24px;font-weight:500}.modal-action-finance .main-modal-action-finance .form-action{display:flex;flex-direction:column;gap:15px}.modal-action-finance .main-modal-action-finance .form-action .image .label{padding-left:16px}.modal-action-finance .main-modal-action-finance .form-action .image .box-upload-image{cursor:pointer;border-radius:8px;border:1px dashed #D1D5DB;display:flex;padding:12px 16px;justify-content:center;align-items:center;gap:10px;flex:1 0 0;align-self:stretch;min-height:128px}.modal-action-finance .main-modal-action-finance .button-action{display:flex;justify-content:end;gap:8px}.modal-action-finance .main-modal-action-finance .button-action .button-component{width:110px}.form-text-area{position:relative}.form-text-area .label-form{padding-left:16px;color:#18181b;font-size:14px;font-weight:400}.form-text-area .box-text-area{padding:12px 16px;border-radius:8px;border:1px solid #D1D5DB}.form-text-area .error-message{position:absolute;bottom:-20px;font-size:12px;color:red}.container-home{display:flex;flex-direction:column;gap:16px}.container-home .box-info{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 1024px){.container-home .box-info{grid-template-columns:repeat(1,1fr)}}.container-home .box-info .left{display:flex;flex-direction:column;gap:16px}.container-home .box-info .left .welcome{padding:16px 24px;border-radius:8px;background:linear-gradient(135deg,#2E3ED0 0%,#46E9FF 100%);color:#fff;display:flex;flex-direction:column;gap:8px}.container-home .box-info .left .welcome .label{color:#fff;font-size:16px}.container-home .box-info .left .welcome .name-user{color:#fff;font-size:24px;font-weight:500}.container-home .box-info .left .statistical{padding:16px 24px;border-radius:8px;border:1px solid #D1D5DB;display:flex;flex-direction:column;gap:24px}.container-home .box-info .left .statistical .month{color:#6366f1;font-size:16px;font-weight:500}.container-home .box-info .left .statistical .progress{display:flex;justify-content:center}.container-home .box-info .left .statistical .progress .ant-progress .ant-progress-inner{width:128px!important;height:128px!important}.container-home .box-info .left .statistical .progress .ant-progress .ant-progress-inner .ant-progress-text{color:#6366f1;font-size:32px;font-weight:600}.container-home .box-info .left .statistical .parameter{display:flex;justify-content:space-between}.container-home .box-info .left .statistical .parameter .item-parameter{display:flex;flex-direction:column;align-items:center;gap:8px}.container-home .box-info .left .statistical .parameter .item-parameter .number{color:#18181b;font-size:24px}.container-home .box-info .left .statistical .parameter .item-parameter .label{color:#18181b;font-size:12px}.container-home .box-info .left .statistical .parameter .done .number,.container-home .box-info .left .statistical .parameter .done .label{color:#22c55e}.container-home .box-info .left .statistical .parameter .in_progress .number,.container-home .box-info .left .statistical .parameter .in_progress .label{color:#ef4444}.container-home .box-info .personal-calendar{width:100%;margin-top:0}.container-home .box-home{display:flex;flex-direction:column;gap:16px}.container-home .box-home .head-box-home{display:flex;justify-content:space-between;align-items:center}.container-home .box-home .head-box-home .title-head-home{color:#18181b;font-size:24px;font-weight:500}.container-home .box-home .head-box-home .action-head{display:flex;gap:12px}.container-home .box-home .table-list-staff .ant-table-content .ant-table-tbody .ant-table-row{cursor:pointer}.container-home .box-home .table-list-staff .ant-table-content .ant-table-tbody .ant-table-row .box-avatar-staff{display:flex;align-items:center;gap:8px}.container-home .box-home .table-list-staff .ant-table-content .ant-table-tbody .ant-table-row .box-avatar-staff .avatar-staff{width:24px;height:24px;overflow:hidden;border-radius:50%;border:1px solid #F9FAFB}.container-home .box-home .table-list-staff .ant-table-content .ant-table-tbody .ant-table-row .box-avatar-staff .avatar-staff img{width:100%;height:100%;object-fit:cover;border-radius:50%}.container-home .list-project{display:grid;grid-template-columns:repeat(2,minmax(403px,1fr));gap:12px}@media (max-width: 1024px){.container-home .list-project{grid-template-columns:repeat(auto-fit,minmax(403px,1fr))}}.rbc-btn{color:inherit;font:inherit;margin:0}button.rbc-btn{overflow:visible;text-transform:none;-webkit-appearance:button;cursor:pointer}button[disabled].rbc-btn{cursor:not-allowed}button.rbc-input::-moz-focus-inner{border:0;padding:0}.rbc-calendar{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.rbc-calendar *,.rbc-calendar *:before,.rbc-calendar *:after{-webkit-box-sizing:inherit;box-sizing:inherit}.rbc-abs-full,.rbc-row-bg{overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0}.rbc-ellipsis,.rbc-show-more,.rbc-row-segment .rbc-event-content,.rbc-event-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rbc-rtl{direction:rtl}.rbc-off-range{color:#999}.rbc-off-range-bg{background:#e6e6e6}.rbc-header{overflow:hidden;-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;text-overflow:ellipsis;white-space:nowrap;padding:0 3px;text-align:center;vertical-align:middle;font-weight:700;font-size:90%;min-height:0;border-bottom:1px solid #ddd}.rbc-header+.rbc-header{border-left:1px solid #ddd}.rbc-rtl .rbc-header+.rbc-header{border-left-width:0;border-right:1px solid #ddd}.rbc-header>a,.rbc-header>a:active,.rbc-header>a:visited{color:inherit;text-decoration:none}.rbc-button-link{color:inherit;background:none;margin:0;padding:0;border:none;cursor:pointer;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.rbc-row-content{position:relative;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;z-index:4}.rbc-row-content-scrollable{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.rbc-row-content-scrollable .rbc-row-content-scroll-container{height:100%;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar{display:none}.rbc-today{background-color:#eaf6ff}.rbc-toolbar{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px;font-size:16px}.rbc-toolbar .rbc-toolbar-label{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:0 10px;text-align:center}.rbc-toolbar button{color:#373a3c;display:inline-block;margin:0;text-align:center;vertical-align:middle;background:none;background-image:none;border:1px solid #ccc;padding:.375rem 1rem;border-radius:4px;line-height:normal;white-space:nowrap}.rbc-toolbar button:active,.rbc-toolbar button.rbc-active{background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px #00000020;background-color:#e6e6e6;border-color:#adadad}.rbc-toolbar button:active:hover,.rbc-toolbar button:active:focus,.rbc-toolbar button.rbc-active:hover,.rbc-toolbar button.rbc-active:focus{color:#373a3c;background-color:#d4d4d4;border-color:#8c8c8c}.rbc-toolbar button:focus{color:#373a3c;background-color:#e6e6e6;border-color:#adadad}.rbc-toolbar button:hover{color:#373a3c;background-color:#e6e6e6;border-color:#adadad}.rbc-btn-group{display:inline-block;white-space:nowrap}.rbc-btn-group>button:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.rbc-btn-group>button:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.rbc-rtl .rbc-btn-group>button:first-child:not(:last-child){border-radius:0 4px 4px 0}.rbc-rtl .rbc-btn-group>button:last-child:not(:first-child){border-radius:4px 0 0 4px}.rbc-btn-group>button:not(:first-child):not(:last-child){border-radius:0}.rbc-btn-group button+button{margin-left:-1px}.rbc-rtl .rbc-btn-group button+button{margin-left:0;margin-right:-1px}.rbc-btn-group+.rbc-btn-group,.rbc-btn-group+button{margin-left:10px}@media (max-width: 767px){.rbc-toolbar{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.rbc-event,.rbc-day-slot .rbc-background-event{border:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:none;box-shadow:none;margin:0;padding:2px 5px;background-color:#3174ad;border-radius:5px;color:#fff;cursor:pointer;width:100%;text-align:left}.rbc-slot-selecting .rbc-event,.rbc-slot-selecting .rbc-day-slot .rbc-background-event,.rbc-day-slot .rbc-slot-selecting .rbc-background-event{cursor:inherit;pointer-events:none}.rbc-event.rbc-selected,.rbc-day-slot .rbc-selected.rbc-background-event{background-color:#265985}.rbc-event:focus,.rbc-day-slot .rbc-background-event:focus{outline:5px auto #3b99fc}.rbc-event-label{font-size:80%}.rbc-event-overlaps{-webkit-box-shadow:-1px 1px 5px 0px rgba(51,51,51,.5);box-shadow:-1px 1px 5px #33333380}.rbc-event-continues-prior{border-top-left-radius:0;border-bottom-left-radius:0}.rbc-event-continues-after{border-top-right-radius:0;border-bottom-right-radius:0}.rbc-event-continues-earlier{border-top-left-radius:0;border-top-right-radius:0}.rbc-event-continues-later{border-bottom-left-radius:0;border-bottom-right-radius:0}.rbc-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.rbc-row-segment{padding:0 1px 1px}.rbc-selected-cell{background-color:#0000001a}.rbc-show-more{background-color:#ffffff4d;z-index:4;font-weight:700;font-size:85%;height:auto;line-height:normal;color:#3174ad}.rbc-show-more:hover,.rbc-show-more:focus{color:#265985}.rbc-month-view{position:relative;border:1px solid #ddd;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;width:100%;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;height:100%}.rbc-month-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.rbc-month-row{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;-ms-flex-preferred-size:0px;flex-basis:0px;overflow:hidden;height:100%}.rbc-month-row+.rbc-month-row{border-top:1px solid #ddd}.rbc-date-cell{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;min-width:0;padding-right:5px;text-align:right}.rbc-date-cell.rbc-now{font-weight:700}.rbc-date-cell>a,.rbc-date-cell>a:active,.rbc-date-cell>a:visited{color:inherit;text-decoration:none}.rbc-row-bg{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;overflow:hidden}.rbc-day-bg{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%}.rbc-day-bg+.rbc-day-bg{border-left:1px solid #ddd}.rbc-rtl .rbc-day-bg+.rbc-day-bg{border-left-width:0;border-right:1px solid #ddd}.rbc-overlay{position:absolute;z-index:5;border:1px solid #e5e5e5;background-color:#fff;-webkit-box-shadow:0 5px 15px rgba(0,0,0,.25);box-shadow:0 5px 15px #00000040;padding:10px}.rbc-overlay>*+*{margin-top:1px}.rbc-overlay-header{border-bottom:1px solid #e5e5e5;margin:-10px -10px 5px;padding:2px 10px}.rbc-agenda-view{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;overflow:auto}.rbc-agenda-view table.rbc-agenda-table{width:100%;border:1px solid #ddd;border-spacing:0;border-collapse:collapse}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td{padding:5px 10px;vertical-align:top}.rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell{padding-left:15px;padding-right:15px;text-transform:lowercase}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left-width:0;border-right:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table tbody>tr+tr{border-top:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table thead>tr>th{padding:3px 5px;text-align:left;border-bottom:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead>tr>th{text-align:right}.rbc-agenda-time-cell{text-transform:lowercase}.rbc-agenda-time-cell .rbc-continues-after:after{content:" »"}.rbc-agenda-time-cell .rbc-continues-prior:before{content:"« "}.rbc-agenda-date-cell,.rbc-agenda-time-cell{white-space:nowrap}.rbc-agenda-event-cell{width:100%}.rbc-time-column{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100%}.rbc-time-column .rbc-timeslot-group{-webkit-box-flex:1;-ms-flex:1;flex:1}.rbc-timeslot-group{border-bottom:1px solid #ddd;min-height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.rbc-time-gutter,.rbc-header-gutter{-webkit-box-flex:0;-ms-flex:none;flex:none}.rbc-label{padding:0 5px}.rbc-day-slot{position:relative}.rbc-day-slot .rbc-events-container{bottom:0;left:0;position:absolute;right:0;margin-right:10px;top:0}.rbc-day-slot .rbc-events-container.rbc-rtl{left:10px;right:0}.rbc-day-slot .rbc-event,.rbc-day-slot .rbc-background-event{border:1px solid #265985;display:-webkit-box;display:-ms-flexbox;display:flex;max-height:100%;min-height:20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;overflow:hidden;position:absolute}.rbc-day-slot .rbc-background-event{opacity:.75}.rbc-day-slot .rbc-event-label{-webkit-box-flex:0;-ms-flex:none;flex:none;padding-right:5px;width:auto}.rbc-day-slot .rbc-event-content{width:100%;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;word-wrap:break-word;line-height:1;height:100%;min-height:1em}.rbc-day-slot .rbc-time-slot{border-top:1px solid #f7f7f7}.rbc-time-view-resources .rbc-time-gutter,.rbc-time-view-resources .rbc-time-header-gutter{position:sticky;left:0;background-color:#fff;border-right:1px solid #ddd;z-index:10;margin-right:-1px}.rbc-time-view-resources .rbc-time-header{overflow:hidden}.rbc-time-view-resources .rbc-time-header-content{min-width:auto;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;-ms-flex-preferred-size:0px;flex-basis:0px}.rbc-time-view-resources .rbc-time-header-cell-single-day{display:none}.rbc-time-view-resources .rbc-day-slot{min-width:140px}.rbc-time-view-resources .rbc-header,.rbc-time-view-resources .rbc-day-bg{width:140px;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;-ms-flex-preferred-size:0 px;flex-basis:0 px}.rbc-time-header-content+.rbc-time-header-content{margin-left:-1px}.rbc-time-slot{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0}.rbc-time-slot.rbc-now{font-weight:700}.rbc-day-header{text-align:center}.rbc-slot-selection{z-index:10;position:absolute;background-color:#00000080;color:#fff;font-size:75%;width:100%;padding:3px}.rbc-slot-selecting{cursor:move}.rbc-time-view{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;border:1px solid #ddd;min-height:0}.rbc-time-view .rbc-time-gutter{white-space:nowrap;text-align:right}.rbc-time-view .rbc-allday-cell{-webkit-box-sizing:content-box;box-sizing:content-box;width:100%;height:100%;position:relative}.rbc-time-view .rbc-allday-cell+.rbc-allday-cell{border-left:1px solid #ddd}.rbc-time-view .rbc-allday-events{position:relative;z-index:4}.rbc-time-view .rbc-row{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:20px}.rbc-time-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.rbc-time-header.rbc-overflowing{border-right:1px solid #ddd}.rbc-rtl .rbc-time-header.rbc-overflowing{border-right-width:0;border-left:1px solid #ddd}.rbc-time-header>.rbc-row:first-child{border-bottom:1px solid #ddd}.rbc-time-header>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd}.rbc-time-header-cell-single-day{display:none}.rbc-time-header-content{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;min-width:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-left:1px solid #ddd}.rbc-rtl .rbc-time-header-content{border-left-width:0;border-right:1px solid #ddd}.rbc-time-header-content>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd;-ms-flex-negative:0;flex-shrink:0}.rbc-time-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%;border-top:2px solid #ddd;overflow-y:auto;position:relative}.rbc-time-content>.rbc-time-gutter{-webkit-box-flex:0;-ms-flex:none;flex:none}.rbc-time-content>*+*>*{border-left:1px solid #ddd}.rbc-rtl .rbc-time-content>*+*>*{border-left-width:0;border-right:1px solid #ddd}.rbc-time-content>.rbc-day-slot{width:100%;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.rbc-current-time-indicator{position:absolute;z-index:3;left:0;right:0;height:1px;background-color:#74ad31;pointer-events:none}.card-project{position:relative;padding:12px;border-radius:8px;border:1px solid #D1D5DB;background:#FFF;display:flex;justify-content:space-between}.card-project .project{display:flex;gap:12px;flex:1}.card-project .project .image-project{width:80px;height:80px;overflow:hidden;border-radius:8px}.card-project .project .image-project img{width:100%;height:100%;object-fit:cover;border-radius:8px}.card-project .project .info-project{display:flex;flex-direction:column;gap:8px;flex:1}.card-project .project .info-project .title-project{color:#18181b;font-size:16px;font-weight:600;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-project .project .info-project .manager{display:flex;gap:8px;align-items:center}.card-project .project .info-project .manager .avatar-manager{width:24px;height:24px;overflow:hidden;border-radius:50%;border:1px solid #F9FAFB}.card-project .project .info-project .manager .avatar-manager img{width:100%;height:100%;object-fit:cover;border-radius:50%}.card-project .project .info-project .manager .name-manager{color:#6366f1;font-size:12px}.card-project .project .info-project .action-like-project{display:flex;align-items:center;gap:8px}.card-project .project .info-project .action-like-project svg{cursor:pointer}.card-project .project .info-project .action-like-project .text-like{line-height:1px;color:#6b7280;font-size:12px;font-weight:400}.card-project .action svg{cursor:pointer}.card-project .drop-action{position:absolute;background:#FFFFFF;right:10px;top:35px;border-radius:8px;box-shadow:5px 5px 16px #0000001a}.card-project .drop-action .list-action{padding:6px 12px;display:flex;flex-direction:column;gap:5px}.card-project .drop-action .list-action .item-action{border-radius:6px;cursor:pointer;padding:5px 10px}.card-project .drop-action .list-action .item-action:hover{background:#F3F4F6}.modal-create-project .main-create-project{display:flex;flex-direction:column;gap:16px}.modal-create-project .main-create-project .line{height:1px;background:#D1D5DB}.modal-create-project .main-create-project .form-create-project{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px}.modal-create-project .main-create-project .form-create-project .form-left .title-modal{color:#18181b;font-size:16px;font-weight:500}.modal-create-project .main-create-project .form-create-project .form-left .image{width:512px}.modal-create-project .main-create-project .form-create-project .form-left .image img{width:100%;height:100%;object-fit:cover}.modal-create-project .main-create-project .form-create-project .form-left .box-form{display:flex;flex-direction:column;gap:12px}.modal-create-project .main-create-project .form-create-project .form-left .box-form .des{color:#6b7280;font-size:14px}.modal-create-project .main-create-project .button-end{display:flex;justify-content:end;gap:16px}.date-picker-component{position:relative;width:100%}.date-picker-component .label{padding-left:16px;color:#18181b;font-size:14px}.date-picker-component .ant-picker{width:100%;height:48px}.date-picker-component .ant-picker .ant-picker-suffix{margin-left:1px;margin-right:10px;order:-1}.date-picker-component .error{position:absolute;bottom:-20px;font-size:12px;color:red;left:0}.date-picker-component-icon-right{position:relative}.date-picker-component-icon-right .label{padding-left:16px;color:#18181b;font-size:14px}.date-picker-component-icon-right .ant-picker{width:100%;height:48px}.date-picker-component-icon-right .error{position:absolute;bottom:-20px;font-size:12px;color:red;left:0}.form-tree-select{width:100%;display:flex;flex-direction:column;position:relative}.form-tree-select .label{padding-left:16px;color:#18181b;font-size:14px}.form-tree-select .error{position:absolute;bottom:-20px;font-size:12px;color:red}.form-tree-select .ant-select{height:50px;width:100%;border-color:#d9d9d9!important;box-shadow:none}.form-tree-select .ant-select .ant-select-selector{border-color:#d9d9d9!important;box-shadow:unset;height:50px;align-items:center;border-radius:8px}.form-tree-select .ant-select .ant-select-selector .ant-select-selection-placeholder{color:#7b7979!important;opacity:1;font-weight:400}.personal-calendar{margin-top:10px;width:526px}.personal-calendar .box-calendar{padding:18px 24px;border-radius:8px;border:1px solid #D1D5DB;background:#FFF;display:flex;flex-direction:column;gap:16px;height:100%}.personal-calendar .box-calendar .title{color:#18181b;font-size:16px;font-weight:600}.personal-calendar .box-calendar .react-calendar{width:100%;background:#FFFFFF;border:none}.personal-calendar .box-calendar .react-calendar .react-calendar__navigation{background:#FFFFFF;margin-bottom:16px;display:flex}.personal-calendar .box-calendar .react-calendar .react-calendar__navigation .react-calendar__navigation__label{background:#FFFFFF;color:#6366f1;font-size:24px;font-weight:500}.personal-calendar .box-calendar .react-calendar .react-calendar__navigation .react-calendar__navigation__prev-button{color:#6366f1;font-size:30px;background:#FFFFFF}.personal-calendar .box-calendar .react-calendar .react-calendar__navigation .react-calendar__navigation__prev2-button,.personal-calendar .box-calendar .react-calendar .react-calendar__navigation .react-calendar__navigation__next2-button{display:none}.personal-calendar .box-calendar .react-calendar .react-calendar__navigation .react-calendar__navigation__next-button{color:#6366f1;font-size:30px;background:#FFFFFF}.personal-calendar .box-calendar .react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__weekdays .react-calendar__month-view__weekdays__weekday abbr{display:flex;align-items:center;justify-content:center;text-decoration:none;color:#6366f1;text-align:center;font-size:14px;font-weight:400}.personal-calendar .box-calendar .react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days .react-calendar__tile{padding:10px 6.6667px;background:none;text-align:center;line-height:16px}.personal-calendar .box-calendar .react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days .react-calendar__month-view__days__day{background:#FFFFFF}.personal-calendar .box-calendar .react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days .react-calendar__month-view__days__day abbr{border-radius:50%;display:flex;justify-content:center;align-items:center}.personal-calendar .box-calendar .react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days .react-calendar__month-view__days__day--weekend{color:#6b7280}.personal-calendar .box-calendar .react-calendar .react-calendar__viewContainer .react-calendar__month-view .react-calendar__month-view__days .react-calendar__tile--now{background:#D1D5DB;border-radius:20px}.personal-calendar .box-calendar .note{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.personal-calendar .box-calendar .note .item-note{display:flex;align-items:center;gap:6px}.personal-calendar .box-calendar .note .item-note .note-color{width:12px;height:12px;border-radius:4px}.personal-calendar .box-calendar .note .item-note .title-note{color:#18181b;font-size:12px}.wrapper-list-job .action{display:flex;justify-content:space-between}.wrapper-list-job .action .title{color:var(--Gray-900, #18181b);font-size:24px;font-weight:500}.wrapper-list-job .action .list-btn{display:flex;gap:8px;align-items:center}.wrapper-list-job .action .list-btn .select .ant-select{height:44px;min-width:175px;border-color:#9f9f9f!important;box-shadow:none}.wrapper-list-job .action .list-btn .select .ant-select .ant-select-selector{border-color:#9f9f9f!important;box-shadow:unset;align-items:center;border-radius:8px}.wrapper-list-job .list-status{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:24px}.wrapper-list-job .list-status .item{cursor:pointer;border-radius:8px;border:1px solid #D1D5DB;background:#fff;padding:12px 16px}.wrapper-list-job .list-status .item .name{color:#6b7280;font-size:16px;font-weight:600;padding-bottom:8px}.wrapper-list-job .list-status .item .number{color:#18181b;font-size:24px;font-weight:500}.wrapper-list-job .list-status .act{border:1px solid #6366F1}.wrapper-list-job .list-status .act .name,.wrapper-list-job .list-status .act .number{color:#6366f1}.wrapper-list-job .table-job .table-list-job{margin-top:16px}.wrapper-list-job .table-job .table-list-job .name-task span{cursor:pointer}.wrapper-list-job .table-job .table-list-job .name-task span:hover{text-decoration:underline}.wrapper-list-job .table-job .table-list-job .name-project span{cursor:pointer;color:#6366f1}.wrapper-list-job .table-job .table-list-job .name-project span:hover{text-decoration:underline}.wrapper-list-job .table-job .table-list-job .box-priority-level{display:flex;align-items:center;gap:8px;justify-content:center}.wrapper-list-job .table-job .table-list-job .box-priority-level span{line-height:0}.wrapper-list-job .table-job .table-list-job .box-status{display:flex;align-items:center;gap:8px;justify-content:center}.wrapper-list-job .table-job .table-list-job .box-status span{line-height:0}.wrapper-list-job .table-job .table-list-job .box-status .over-due{color:#e32222}.wrapper-list-job .table-job .table-list-job .box-status .done{color:#3ab61b}.wrapper-list-job .table-job .table-list-job .box-status .in-progress{color:#e3b722}.wrapper-list-job .table-job .table-list-job .box-status .re-open{color:#a855f7}.wrapper-list-job .table-job .table-list-job .box-assigned-user{display:flex;align-items:center;gap:8px}@media (max-width: 1024px){.wrapper-list-job .table-job .table-list-job .box-assigned-user{flex-direction:column}}.wrapper-list-job .table-job .table-list-job .box-assigned-user .avatar-assigned-user{width:24px;height:24px;overflow:hidden;border-radius:50%;border:1px solid #f9fafb}.wrapper-list-job .table-job .table-list-job .box-assigned-user .avatar-assigned-user img{width:100%;height:100%;border-radius:50%;object-fit:cover}.search{position:relative}.search input{padding:12px 16px;border:1.5px solid var(--primary-600, #cbd5e1);border-radius:8px;width:400px}.search input::placeholder{color:var(--black-300, #a7a5a6);font-size:15px;font-style:normal;font-weight:400;line-height:18px}.search svg{position:absolute;top:9px;right:10px}.search svg:hover{cursor:pointer}.modal-detail-task .main-modal-detail-task .title-modal-detail-task{color:#18181b;font-size:24px;font-weight:500}.modal-detail-task .main-modal-detail-task .content-modal-detail-task{display:flex;gap:24px;justify-content:space-between}.modal-detail-task .main-modal-detail-task .content-modal-detail-task .content-left-modal{width:100%;display:flex;flex-direction:column;gap:16px}.modal-detail-task .main-modal-detail-task .content-modal-detail-task .content-left-modal .box-des-task{display:flex;flex-direction:column;gap:12px;width:256px}.modal-detail-task .main-modal-detail-task .content-modal-detail-task .content-left-modal .box-des-task .date{display:flex;justify-content:space-between}.modal-detail-task .main-modal-detail-task .content-modal-detail-task .content-left-modal .box-des-task .date .label{color:#6b7280;font-size:14px}.modal-detail-task .main-modal-detail-task .content-modal-detail-task .content-left-modal .box-des-task .priority{display:flex;justify-content:space-between}.modal-detail-task .main-modal-detail-task .content-modal-detail-task .content-left-modal .box-des-task .priority .label{color:#6b7280;font-size:14px}.modal-detail-task .main-modal-detail-task .content-modal-detail-task .content-left-modal .box-des-task .priority .detail-priority{display:flex;align-items:center;line-height:0;gap:8px}.modal-detail-task .main-modal-detail-task .content-modal-detail-task .content-left-modal .task-child{display:flex;flex-direction:column;gap:12px}.modal-detail-task .main-modal-detail-task .content-modal-detail-task .content-left-modal .task-child .title{color:#18181b;font-size:16px}.modal-detail-task .main-modal-detail-task .content-modal-detail-task .content-left-modal .task-child .list-task-child{padding:16px;border-radius:8px;border:1px solid #D1D5DB;display:flex;flex-direction:column;gap:12px}.modal-detail-task .main-modal-detail-task .content-modal-detail-task .content-left-modal .task-child .list-task-child .btn-add-task{cursor:pointer;color:#6b7280;font-size:14px;padding:12px 16px;border-radius:8px;border:1px solid #D1D5DB}.modal-detail-task .main-modal-detail-task .content-modal-detail-task .content-left-modal .task-child .list-task-child .box-item-task{display:flex;flex-direction:column;gap:16px}.modal-detail-task .main-modal-detail-task .content-modal-detail-task .content-left-modal .task-child .list-task-child .box-item-task .item-task{display:flex;justify-content:space-between;align-items:center}.modal-detail-task .main-modal-detail-task .content-modal-detail-task .content-left-modal .task-child .list-task-child .box-item-task .item-task .status-task{display:flex;align-items:center;gap:8px}.modal-detail-task .main-modal-detail-task .content-modal-detail-task .content-left-modal .task-child .list-task-child .box-item-task .item-task .status-task .avatar{width:24px;height:24px;overflow:hidden;border-radius:50%;border:1px solid #F9FAFB}.modal-detail-task .main-modal-detail-task .content-modal-detail-task .content-left-modal .task-child .list-task-child .box-item-task .item-task .status-task .avatar img{width:24px;height:24px;object-fit:cover;border-radius:50%}.modal-detail-task .main-modal-detail-task .content-modal-detail-task .line{width:1.5px;background:#D1D5DB}.modal-detail-task .main-modal-detail-task .content-modal-detail-task .content-right-modal{width:100%;display:flex;flex-direction:column;gap:16px}.modal-detail-task .main-modal-detail-task .content-modal-detail-task .content-right-modal .manager-info{padding:16px;border:1px solid #D1D5DB;border-radius:8px;display:flex;flex-direction:column;gap:12px}.modal-detail-task .main-modal-detail-task .content-modal-detail-task .content-right-modal .manager-info .person-in-charge{display:flex;align-items:center;justify-content:space-between}.modal-detail-task .main-modal-detail-task .content-modal-detail-task .content-right-modal .manager-info .person-in-charge .label{color:#18181b;font-size:14px}.modal-detail-task .main-modal-detail-task .content-modal-detail-task .content-right-modal .manager-info .person-in-charge .info{display:flex;gap:8px;align-items:center}.modal-detail-task .main-modal-detail-task .content-modal-detail-task .content-right-modal .manager-info .person-in-charge .info .image-avatar{width:24px;height:24px;overflow:hidden;border-radius:50%}.modal-detail-task .main-modal-detail-task .content-modal-detail-task .content-right-modal .manager-info .person-in-charge .info .image-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.modal-detail-task .main-modal-detail-task .content-modal-detail-task .content-right-modal .manager-info .person-in-charge .info .name{color:#18181b;font-size:14px}.modal-detail-task .main-modal-detail-task .content-modal-detail-task .content-right-modal .manager-info .task-status{display:flex;justify-content:space-between;align-items:center}.modal-detail-task .main-modal-detail-task .content-modal-detail-task .content-right-modal .manager-info .task-status .info{display:flex;align-items:center;gap:8px}.modal-detail-task .main-modal-detail-task .content-modal-detail-task .content-right-modal .manager-info .task-status .info .icon-status{line-height:0}.modal-detail-task .main-modal-detail-task .content-modal-detail-task .content-right-modal .manager-info .task-status .info .text-status{font-size:14px;font-weight:400}.modal-detail-task .main-modal-detail-task .content-modal-detail-task .content-right-modal .manager-info .task-status .info .status-to-do{color:#e32222}.modal-detail-task .main-modal-detail-task .content-modal-detail-task .content-right-modal .manager-info .task-status .info .status-in-progress{color:#eab308}.modal-detail-task .main-modal-detail-task .content-modal-detail-task .content-right-modal .manager-info .task-status .info .status-done{color:#3ab61b}.modal-detail-task .main-modal-detail-task .content-modal-detail-task .content-right-modal .manager-info .task-status .info .status-re-open{color:#a855f7}.modal-detail-task .main-modal-detail-task .content-modal-detail-task .content-right-modal .box-work{display:flex;flex-direction:column;gap:8px}.modal-detail-task .main-modal-detail-task .content-modal-detail-task .content-right-modal .box-work .title-box{color:#18181b;font-size:16px;font-weight:400}.modal-detail-task .main-modal-detail-task .content-modal-detail-task .content-right-modal .box-work .main-box-work{display:flex;flex-direction:column;gap:16px}.modal-detail-task .main-modal-detail-task .content-modal-detail-task .content-right-modal .box-work .main-box-work .list-tabs{display:flex;flex-wrap:wrap;gap:8px}.modal-detail-task .main-modal-detail-task .content-modal-detail-task .content-right-modal .box-work .main-box-work .list-tabs .tabs-item{cursor:pointer;padding:6px 12px;border-radius:8px;background:#F3F4F6;color:#6b7280;font-size:12px;line-height:20px}.modal-detail-task .main-modal-detail-task .content-modal-detail-task .content-right-modal .box-work .main-box-work .list-tabs .act{color:#6366f1;background:#E0E7FF}.modal-create-task .main-create-task{display:flex;flex-direction:column;gap:16px}.modal-create-task .main-create-task .title-modal-create-task{color:#18181b;font-size:24px;font-weight:500}.modal-create-task .main-create-task .box-form-content{display:flex;flex-direction:column;gap:12px}.modal-create-task .main-create-task .box-form-content .form-date-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:8px}.modal-create-task .main-create-task .box-form-content .file{display:flex;flex-direction:column}.modal-create-task .main-create-task .box-form-content .file .label-file{padding-left:16px}.modal-create-task .main-create-task .box-form-content .file .box-upload{padding:12px 16px;border:1px solid #D1D5DB;border-radius:8px;display:flex;gap:10px;flex-wrap:wrap}.modal-create-task .main-create-task .box-form-content .file .box-upload .item-file{gap:10px;padding:10px;background:linear-gradient(135deg,#6366F1 0%,#6BCAFF 100%);cursor:pointer;width:100px;height:100px;display:flex;flex-direction:column;justify-content:center;border-radius:8px}.modal-create-task .main-create-task .box-form-content .file .box-upload .item-file .icon-file{display:flex;justify-content:center}.modal-create-task .main-create-task .box-form-content .file .box-upload .item-file .file_name{font-size:12px;color:#fff}.modal-create-task .main-create-task .box-form-content .file .box-upload .item{cursor:pointer;width:100px;height:100px;display:flex;justify-content:center;align-items:center;border-radius:8px;border:1px dashed #D1D5DB}.modal-create-task .main-create-task .button-action{display:flex;justify-content:end;gap:16px}.modal-create-task .main-create-task .button-action .button-component{width:110px}.view-comment-task .form-comment{display:flex;align-items:center;gap:12px}.view-comment-task .form-comment .avatar-user{flex:none;width:42px;height:42px;overflow:hidden;border-radius:50%}.view-comment-task .form-comment .avatar-user img{width:100%;height:100%;border-radius:50%;object-fit:cover}.view-comment-task .form-comment form{width:-webkit-fill-available}.view-comment-task .form-comment form .form-input{flex:1}.view-comment-task .list-comment{margin-top:16px;display:flex;flex-direction:column;gap:12px;max-height:350px;overflow-y:auto}.view-comment-task .list-comment .item-comment{display:flex;gap:12px}.view-comment-task .list-comment .item-comment .avatar{flex:none;width:42px;height:42px;overflow:hidden;border-radius:50%}.view-comment-task .list-comment .item-comment .avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.view-comment-task .list-comment .item-comment .info{display:flex;flex-direction:column;gap:8px;flex:1}.view-comment-task .list-comment .item-comment .info .name{color:#6366f1;font-size:14px;font-weight:500}.view-comment-task .list-comment .item-comment .info .name span{color:#6b7280;font-size:12px}.view-comment-task .list-comment .item-comment .info .form-edit-comment{position:relative;width:100%}.view-comment-task .list-comment .item-comment .info .form-edit-comment .box-text-area{width:100%;display:flex}.view-comment-task .list-comment .item-comment .info .form-edit-comment .box-text-area textarea{padding-right:20px}.view-comment-task .list-comment .item-comment .info .form-edit-comment .icon-cancel{position:absolute;top:50%;left:95%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;display:flex;justify-content:center;align-items:center}.view-comment-task .list-comment .item-comment .info .form-edit-comment .icon-cancel:hover{background:#cdcdcd;cursor:pointer}.view-comment-task .list-comment .item-comment .info .content-comment{color:#18181b;font-size:12px}.view-comment-task .list-comment .item-comment .info .action{display:flex;align-items:center;gap:16px}.view-comment-task .list-comment .item-comment .info .action span{cursor:pointer;color:#6b7280;font-size:10px;font-weight:500}.view-comment-task .list-comment .item-comment .info .action .act{color:#ef4444}.view-comment-task .list-comment::-webkit-scrollbar{width:6px}.view-comment-task .list-comment:hover::-webkit-scrollbar{width:6px;background-color:#f5f5f5}.view-comment-task .list-comment::-webkit-scrollbar-thumb{background-color:#cecfd1;border-radius:4px}.view-history-task .list-history-task{max-height:350px;overflow-y:auto}.view-history-task .list-history-task .item-history-task{display:flex;flex-direction:column;gap:12px}.view-history-task .list-history-task .item-history-task .item-history{margin-top:12px;display:flex;justify-content:space-between}.view-history-task .list-history-task .item-history-task .item-history .info-user{display:flex;gap:12px}.view-history-task .list-history-task .item-history-task .item-history .info-user .avatar-user{width:32px;height:32px;border-radius:50%;overflow:hidden;border:1px solid #FAFAFA}.view-history-task .list-history-task .item-history-task .item-history .info-user .avatar-user img{width:100%;height:100%;border-radius:50%;object-fit:cover}.view-history-task .list-history-task .item-history-task .item-history .info-user .content-history{display:flex;flex-direction:column;gap:16px}.view-history-task .list-history-task .item-history-task .item-history .info-user .content-history .status{display:flex;align-items:center;gap:8px}.view-history-task .list-history-task .item-history-task .item-history .info-user .content-history .status .icon-status{display:flex;align-items:center}.view-history-task .list-history-task .item-history-task .item-history .info-user .content-history .status .icon-status div{line-height:0}.view-history-task .list-history-task .item-history-task .item-history .info-user .content-history .status .icon-status .status-to-do{color:#e32222}.view-history-task .list-history-task .item-history-task .item-history .info-user .content-history .status .icon-status .status-in-progress{color:#eab308}.view-history-task .list-history-task .item-history-task .item-history .info-user .content-history .status .icon-status .status-done{color:#3ab61b}.view-history-task .list-history-task .item-history-task .item-history .info-user .content-history .status .icon-status .status-re-open{color:#a855f7}.view-history-task .list-history-task .item-history-task .item-history .info-user .content-history .status .icon-status .text-priority-level{color:#6366f1}.view-history-task .list-history-task .item-history-task .item-history .date-update{color:#6b7280;font-size:12px}.view-history-task .list-history-task::-webkit-scrollbar{width:6px}.view-history-task .list-history-task:hover::-webkit-scrollbar{width:6px;background-color:#f5f5f5}.view-history-task .list-history-task::-webkit-scrollbar-thumb{background-color:#cecfd1;border-radius:4px}.popup-filter{padding:10px}.popup-filter .list .list-filter{display:flex;flex-direction:column;gap:8px;max-height:250px;overflow-y:auto}.popup-filter .list .list-filter::-webkit-scrollbar{width:6px}.popup-filter .list .list-filter:hover::-webkit-scrollbar{width:6px;background-color:#f5f5f5}.popup-filter .list .list-filter::-webkit-scrollbar-thumb{background-color:#cecfd1;border-radius:4px}.popup-filter .button-action{display:flex;justify-content:space-between;padding:10px 5px 0}.popup-filter .button-action .button-reset{cursor:pointer;padding:5px 15px;border-radius:5px}.popup-filter .button-action .button-reset:hover{background-color:#cdcdcd;color:#fff}.popup-filter .button-action .button-accept{cursor:pointer;background-color:#6366f1;color:#fff;padding:5px 15px;border-radius:5px}.modal-request-access .main-request-access{display:flex;flex-direction:column;gap:16px}.modal-request-access .main-request-access .logo{width:385px}.modal-request-access .main-request-access .logo img{width:100%}.modal-request-access .main-request-access .form-action{display:flex;flex-direction:column;gap:12px}.modal-request-access .main-request-access .form-action .title{color:#18181b;font-size:24px;font-weight:500}.modal-request-access .main-request-access .form-action .des{color:#18181b;font-size:14px}.modal-request-access .main-request-access .form-action .des .name-folder{color:#18181b;font-size:14px;font-weight:600}.modal-request-access .main-request-access .box-info-user{display:flex;flex-direction:column;gap:12px;align-items:center}.modal-request-access .main-request-access .box-info-user .label{color:#6b7280;font-size:12px}.modal-request-access .main-request-access .box-info-user .info-user{display:flex;align-items:center;gap:8px}.modal-request-access .main-request-access .box-info-user .info-user .avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;border:1px solid #F9FAFB}.modal-request-access .main-request-access .box-info-user .info-user .avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.modal-create-folder .main-create-folder{display:flex;flex-direction:column;gap:18px}.modal-create-folder .main-create-folder .title-modal-create-folder{color:#18181b;font-size:24px;font-weight:500}.modal-create-folder .main-create-folder .button-action{display:flex;justify-content:end;gap:10px}.modal-create-folder .main-create-folder .button-action .button-component{width:110px}.main-library-detail{display:flex;flex-direction:column;gap:16px}.main-library-detail .head-page-library-detail{display:flex;justify-content:space-between;align-items:center}.main-library-detail .head-page-library-detail .name-file{color:#18181b;font-size:24px;font-weight:500}.main-library-detail .head-page-library-detail .button-more{cursor:pointer}.main-library-detail .box-who-has-access{display:flex;flex-direction:column;gap:12px}.main-library-detail .box-who-has-access .label-box{color:#18181b;font-size:16px;font-weight:600}.main-library-detail .box-who-has-access .list-member{display:flex;gap:12px}.main-library-detail .box-who-has-access .list-member .owner{width:42px;height:42px;overflow:hidden;border-radius:50%;border:1px solid white}.main-library-detail .box-who-has-access .list-member .owner img{width:100%;height:100%;border-radius:50%;object-fit:cover}.main-library-detail .box-who-has-access .list-member .line{width:1px;background:#D1D5DB}.main-library-detail .box-who-has-access .list-member .member{display:flex;align-items:center}.main-library-detail .box-who-has-access .list-member .member .item-member{width:42px;height:42px;overflow:hidden;border-radius:50%;margin-left:-10px;border:2px solid white}.main-library-detail .box-who-has-access .list-member .member .item-member img{width:100%;height:100%;border-radius:50%;object-fit:cover}.main-library-detail .info-lib{display:flex;flex-direction:column;gap:12px}.main-library-detail .info-lib .title-box{color:#18181b;font-size:16px;font-weight:500}.main-library-detail .info-lib .box-content{display:flex;flex-direction:column;gap:16px}.main-library-detail .info-lib .box-content .content-item{display:flex;flex-direction:column;gap:8px}.main-library-detail .info-lib .box-content .content-item .label{color:#6b7280;font-size:12px}.main-library-detail .info-lib .box-content .content-item .content{display:flex;align-items:center;gap:8px;color:#18181b;font-size:14px}.view-manage-access{display:flex;flex-direction:column;gap:16px}.view-manage-access .head-page-manage-access{color:#18181b;font-size:24px;font-weight:500}.view-manage-access .box-search{position:relative}.view-manage-access .box-search .list-search{overflow-y:scroll;width:100%;border-radius:0 0 5px 5px;max-height:400px;overflow-y:auto;position:absolute;background:#FFFFFF;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f;display:flex;flex-direction:column;gap:10px}.view-manage-access .box-search .list-search .item-staff{cursor:pointer;padding:5px;display:flex;gap:10px}.view-manage-access .box-search .list-search .item-staff .avatar-staff{width:50px;height:50px;border-radius:50%;overflow:hidden}.view-manage-access .box-search .list-search .item-staff .avatar-staff img{width:100%;height:100%;border-radius:50%;object-fit:cover}.view-manage-access .box-search .list-search .item-staff .info-staff{display:flex;flex-direction:column;justify-content:space-between}.view-manage-access .box-search .list-search .item-staff .info-staff .full-name{color:#18181b;font-size:14px;font-weight:500}.view-manage-access .box-search .list-search .item-staff .info-staff .email{color:#6b7280;font-size:12px}.view-manage-access .box-search .list-search .item-staff:hover{background:#f1f1f1}.view-manage-access .box-search .list-search::-webkit-scrollbar{width:6px}.view-manage-access .box-search .list-search:hover::-webkit-scrollbar{width:6px;background-color:#f5f5f5}.view-manage-access .box-search .list-search::-webkit-scrollbar-thumb{background-color:#cecfd1;border-radius:4px}.view-manage-access .person-has-access{display:flex;flex-direction:column;gap:15px}.view-manage-access .person-has-access .title-box-person{color:#18181b;font-size:16px;font-weight:500}.view-manage-access .person-has-access .list-user{display:flex;flex-direction:column;gap:18px;max-height:250px;overflow-y:scroll}.view-manage-access .person-has-access .list-user .item-user{display:flex;justify-content:space-between;align-items:center}.view-manage-access .person-has-access .list-user .item-user .info-user{display:flex;gap:12px}.view-manage-access .person-has-access .list-user .item-user .info-user .avatar{width:48px;height:48px;overflow:hidden;border-radius:50%;border:1px solid #F9FAFB}.view-manage-access .person-has-access .list-user .item-user .info-user .avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.view-manage-access .person-has-access .list-user .item-user .info-user .info{display:flex;flex-direction:column;gap:8px}.view-manage-access .person-has-access .list-user .item-user .info-user .info .full-name{color:#18181b;font-size:14px;font-weight:500}.view-manage-access .person-has-access .list-user .item-user .info-user .info .email{color:#6b7280;font-size:12px}.view-manage-access .person-has-access .list-user .item-user .role{color:#6b7280;font-size:14px;font-weight:500}.view-manage-access .person-has-access .list-user .item-user svg{cursor:pointer}.view-manage-access .person-has-access .list-user::-webkit-scrollbar{width:6px}.view-manage-access .person-has-access .list-user:hover::-webkit-scrollbar{width:6px;background-color:#f5f5f5}.view-manage-access .person-has-access .list-user::-webkit-scrollbar-thumb{background-color:#cecfd1;border-radius:4px}.view-manage-access .type-folder{display:flex;flex-direction:column;gap:12px}.view-manage-access .type-folder .title{color:#18181b;font-size:16px;font-weight:500}.view-manage-access .type-folder .option-type{display:flex;align-items:center;gap:12px}.view-manage-access .type-folder .option-type .icon-type{line-height:0;width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;background:#F5F3FF}.view-manage-access .type-folder .option-type .info-type{display:flex;flex-direction:column;gap:8px}.view-manage-access .type-folder .option-type .info-type .option .choosed{cursor:pointer;display:flex;align-items:center;gap:8px}.view-manage-access .type-folder .option-type .info-type .des{color:#6b7280;font-size:12px}.view-manage-access .button-bottom-manage-access{display:flex;gap:8px;justify-content:end}.view-manage-access .button-bottom-manage-access .outline{width:304px;flex:1}.wrapper-library{display:flex;flex-direction:column;gap:12px}.wrapper-library .title{color:var(--Gray-900, #18181b);text-overflow:ellipsis;font-size:16px}.wrapper-library .list-btn{display:flex;justify-content:space-between}.wrapper-library .list-btn .form-search{width:40%}.wrapper-library .list-btn .btn-add{display:flex;gap:12px}.wrapper-library .list-btn .btn-add .button-component{width:unset!important}.wrapper-library .view{display:flex;justify-content:end}.wrapper-library .view .list-view{padding:5px 10px;border:1px solid #cdcdcd;line-height:0;display:flex;gap:10px;border-radius:30px}.wrapper-library .view .list-view svg{cursor:pointer}.wrapper-library .list-library .list-folder{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.wrapper-library .list-library .list-folder .item-folder{display:flex;align-items:center;border-radius:8px;border:1px solid var(--Cool-Gray-300, #d1d5db);background:#fff;padding:12px;justify-content:space-between}.wrapper-library .list-library .list-folder .item-folder .icon-clear{line-height:0;border-radius:50%;display:flex;justify-content:center;align-items:center}.wrapper-library .list-library .list-folder .item-folder .icon-clear:hover{background:#D1D5DB;cursor:pointer}.wrapper-library .list-library .list-folder .item-folder .text{flex:1;cursor:pointer;display:flex;align-items:center;gap:12px;overflow:hidden;color:#18181b}.wrapper-library .list-library .list-folder .item-folder .text .name{flex:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;flex-shrink:0}.wrapper-library .list-library .list-folder .item-folder .text .form-input{flex:1}.wrapper-library .list-library .list-folder .item-folder .text .form-input .box-input{padding:3px 0;border:none}.wrapper-library .list-library .list-folder .item-folder .icon{cursor:pointer}.wrapper-library .list-library .list-folder .disable{background:#D1D5DB}.wrapper-library .list-library .table-list-folder .name-folder{display:flex;align-items:center;gap:10px}.wrapper-library .list-library .table-list-folder .name-folder-column{position:relative}.wrapper-library .list-library .table-list-folder .name-folder-column .icon-clear{position:absolute;top:25px;right:0;line-height:0;border-radius:50%;display:flex;justify-content:center;align-items:center}.wrapper-library .list-library .table-list-folder .name-folder-column .icon-clear:hover{background:#D1D5DB;cursor:pointer}.wrapper-library .list-library .table-list-folder .name-folder-column .text{flex:1;cursor:pointer;display:flex;align-items:center;gap:12px;overflow:hidden;color:#18181b}.wrapper-library .list-library .table-list-folder .name-folder-column .text .form-input{flex:1}.wrapper-library .list-library .table-list-folder .name-folder-column .text .form-input .box-input{padding:3px 0;border:none}.wrapper-library .list-library .table-list-folder .info-user{display:flex;align-items:center;gap:10px}.wrapper-library .list-library .table-list-folder .info-user .avatar-staff{width:45px;height:45px;border-radius:50%;overflow:hidden;border:2px solid #F9FAFB}.wrapper-library .list-library .table-list-folder .info-user .avatar-staff img{width:100%;height:100%;object-fit:cover;border-radius:50%}.wrapper-library .list-library .list-file{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding-top:16px}.wrapper-library .list-library .list-file .item-file{border-radius:8px;padding:12px;border:1px solid var(--Cool-Gray-300, #d1d5db);background:#fff;display:flex;gap:12px;align-items:center}.wrapper-library .list-library .list-file .item-file .img-file{width:80px;height:80px;padding:24px;border-radius:8px;border:1px solid var(--Cool-Gray-50, #f9fafb);background:var(--Gradient-14, linear-gradient(135deg, #6366f1 0%, #6bcaff 100%))}.wrapper-library .list-library .list-file .item-file .list-content{display:grid;gap:12px;width:100%}.wrapper-library .list-library .list-file .item-file .list-content .name-file{display:flex;align-items:center;justify-content:space-between;color:var(--Gray-900, #18181b);font-size:14px;font-weight:500}.wrapper-library .list-library .list-file .item-file .list-content .name-file img{cursor:pointer}.wrapper-library .list-library .list-file .item-file .list-content .info-user{color:var(--Indigo-500, #6366f1);font-size:12px;display:flex;gap:8px;align-items:center}.wrapper-library .list-library .list-file .item-file .list-content .info-user .avt{width:24px;height:24px;border-radius:50%;overflow:hidden;border:1px solid #F9FAFB}.wrapper-library .list-library .list-file .item-file .list-content .info-user .avt img{width:100%;height:100%;object-fit:cover}.wrapper-library .list-library .list-file .item-file .list-content .size{color:var(--Cool-Gray-500, #6b7280);font-size:12px}.folder-detail{display:flex;flex-direction:column;gap:16px}.folder-detail .header{color:#18181b;font-size:24px;font-style:normal;font-weight:500}.folder-detail .action{display:flex;align-items:center;justify-content:space-between;gap:8px}.folder-detail .action .item__input{display:none}.folder-detail .action .button-upload{cursor:pointer;border-radius:8px;display:flex;gap:8px;color:#fff;align-items:center;padding:12px 8px;background:#6366F1}.folder-detail .list-file{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.folder-detail .list-file .item-file{padding:12px;border-radius:8px;border:1px solid #D1D5DB;display:flex}.folder-detail .list-file .item-file svg{cursor:pointer}.folder-detail .list-file .item-file .info-file{flex:1;display:flex;gap:12px}.folder-detail .list-file .item-file .info-file .image-file{width:80px;height:80px;border-radius:8px;border:1px solid #F9FAFB;background:linear-gradient(135deg,#6366F1 0%,#6BCAFF 100%);display:flex;justify-content:center;align-items:center}.folder-detail .list-file .item-file .info-file .info{display:flex;flex-direction:column;gap:8px}.folder-detail .list-file .item-file .info-file .info .name-file{color:#18181b;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:450px}.folder-detail .list-file .item-file .info-file .info .user-create{display:flex;gap:8px;align-items:center}.folder-detail .list-file .item-file .info-file .info .user-create .avatar{width:28px;height:28px;border-radius:50%;overflow:hidden}.folder-detail .list-file .item-file .info-file .info .user-create .avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.folder-detail .list-file .item-file .info-file .info .user-create .name-user{color:#6366f1;font-size:12px}.folder-detail .list-file .item-file .info-file .info .size-file{color:#6b7280;font-size:12px}@media (max-width: 1440px){.folder-detail .list-file{grid-template-columns:repeat(1,1fr)}}.main-layout-no-head .children{padding:32px 200px}@media (max-width: 1440px){.main-layout-no-head .children{padding:32px 100px}}@media (max-width: 1024px){.main-layout-no-head .children{padding:32px 50px}}.position-page{max-width:678px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.position-page .btn-back{display:flex;align-items:center;gap:8px;color:#18181b;font-size:16px}.position-page .title-Page{color:#18181b;font-size:24px;font-weight:500}.profile{max-width:748px;margin:24px auto 0}.profile .item-profile{border-radius:12px;border:1px solid var(--Cool-Gray-300, #d1d5db);background:#fff;overflow:hidden;padding:24px 24px 18px 34px;display:flex;gap:24px;margin-bottom:16px}.profile .item-profile .img-profile{display:flex;flex-direction:column;align-items:center;gap:8px}.profile .item-profile .img-profile .image{width:156px;height:156px;border-radius:50%;overflow:hidden;border:1.5px solid #edeff1}.profile .item-profile .img-profile .image img{width:100%;height:100%;object-fit:cover}.profile .item-profile .img-profile .btn-replace span{transition:all ease-in-out .2s;cursor:pointer;display:flex;gap:8px;align-items:center;padding:8px 16px 8px 8px;color:var(--Indigo-500, #6366f1);font-family:Be Vietnam Pro;font-size:14px;font-style:normal;font-weight:500;line-height:18px;border-radius:8px;border:1px solid var(--Indigo-500, #6366f1)}.profile .item-profile .img-profile .btn-replace span:hover{opacity:.6}.profile .item-profile .info-profile{flex:1;display:flex;flex-direction:column;gap:8px}.profile .item-profile .info-profile .item-input{display:flex;gap:16px;margin-bottom:12px}.profile .item-profile .info-profile .item-input .form-input{flex:1}.profile .item-profile .info-profile .item-input .form-input .label-form{font-size:12px;margin-bottom:4px}.profile .item-profile .info-profile .item-input .form-input .box-input input::placeholder{font-size:12px}.profile .item-profile .info-profile .item-input .icon-update{margin-top:12px;align-self:center;cursor:pointer;border:1px solid transparent;padding:5px;border-radius:50%;transition:all ease-in-out .2s;line-height:0}.profile .item-profile .info-profile .item-input .icon-update:hover{background:#ebeef0}.profile .item-profile .info-profile .item-input .item-select-form{align-self:flex-end;max-width:150px;width:100%}.project-detail .header-page{display:flex;justify-content:space-between}.project-detail .header-page .header-left{display:flex;align-items:center;gap:8px;cursor:pointer}.project-detail .header-page .header-left .text-prev{color:#18181b;font-size:16px}.project-detail .name-project{margin-top:12px;color:#18181b;font-size:24px;font-weight:500}.project-detail .layout-tabs{position:relative}.project-detail .layout-tabs .icon-drop{top:10px;right:0;position:absolute;border:1px solid #cdcdcd;line-height:0;padding:5px;border-radius:5px;cursor:pointer}.backlog .header-tabs-backlog{display:flex;gap:8px}.backlog .header-tabs-backlog .member-project{display:flex;align-items:center}.backlog .header-tabs-backlog .member-project .avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;margin-right:-10px;border:2px solid white;cursor:pointer}.backlog .header-tabs-backlog .member-project .avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.backlog .header-tabs-backlog .member-project .avatar .icon-plus{width:100%;height:100%;border-radius:50%;background:#f1eff0;display:flex;justify-content:center;align-items:center}.backlog .header-tabs-backlog .member-project .avatar .icon-plus svg{transform:rotate(45deg)}.backlog .header-tabs-backlog .member-project .avatar:last-child{margin-right:0}.backlog .header-tabs-backlog .member-project .avatar:hover{border:2px solid #6366f1;z-index:1111}.backlog .header-tabs-backlog .member-project .act{border:2px solid #6366f1}.backlog .main-backlog{margin-top:16px}.backlog .main-backlog .table-backlog .ant-table-row{cursor:pointer}.backlog .main-backlog .table-backlog .box-priority-level{display:flex;align-items:center;gap:8px;min-width:85px}@media (max-width: 1440px){.backlog .main-backlog .table-backlog .box-priority-level{flex-direction:column}}.backlog .main-backlog .table-backlog .box-priority-level span{line-height:0}.backlog .main-backlog .table-backlog .box-status{display:flex;align-items:center;gap:8px;min-width:80px}@media (max-width: 1440px){.backlog .main-backlog .table-backlog .box-status{flex-direction:column}}.backlog .main-backlog .table-backlog .box-status span{line-height:0}.backlog .main-backlog .table-backlog .box-assigned-user{display:flex;align-items:center;gap:8px}.backlog .main-backlog .table-backlog .box-assigned-user .avatar-assigned-user{width:24px;height:24px;overflow:hidden;border-radius:50%;border:1px solid #f9fafb}.backlog .main-backlog .table-backlog .box-assigned-user .avatar-assigned-user img{width:100%;height:100%;border-radius:50%;object-fit:cover}.modal-add-staff .main-add-staff{display:flex;flex-direction:column;gap:12px}.modal-add-staff .main-add-staff .title-modal-page{color:#18181b;font-size:24px;font-weight:500}.modal-add-staff .main-add-staff .main-content-modal .list-user{display:flex;flex-direction:column;gap:10px}.modal-add-staff .main-add-staff .main-content-modal .list-user .item-user .info-staff{display:flex;align-items:center;gap:10px}.modal-add-staff .main-add-staff .main-content-modal .list-user .item-user .info-staff .avatar-staff{width:32px;height:32px;overflow:hidden;border-radius:50%}.modal-add-staff .main-add-staff .main-content-modal .list-user .item-user .info-staff .avatar-staff img{width:100%;height:100%;border-radius:50%;object-fit:cover}.button-add-task{display:flex;justify-content:space-between;margin-bottom:10px}.button-add-task .member-project{display:flex;align-items:center}.button-add-task .member-project .avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;margin-right:-10px;border:2px solid white;cursor:pointer}.button-add-task .member-project .avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.button-add-task .member-project .avatar .icon-plus{width:100%;height:100%;border-radius:50%;background:#f1eff0;display:flex;justify-content:center;align-items:center}.button-add-task .member-project .avatar .icon-plus svg{transform:rotate(45deg)}.button-add-task .member-project .avatar:last-child{margin-right:0}.button-add-task .member-project .avatar:hover{border:2px solid #6366f1;z-index:1111}.button-add-task .member-project .act{border:2px solid #6366f1}.kanban-board{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;overflow-x:auto;justify-content:space-between;max-height:550px;position:relative}.kanban-board .react-kanban-board .react-kanban-column{background:#f9fafb;border-radius:8px;width:291px}.kanban-board .react-kanban-board .react-kanban-column .react-kanban-column-header{color:#6b7280;font-size:14px;font-weight:600}.kanban-board::-webkit-scrollbar{width:6px;height:10px}.kanban-board:hover::-webkit-scrollbar{width:6px;height:10px;background-color:#f5f5f5}.kanban-board::-webkit-scrollbar-thumb{background-color:#cecfd1;border-radius:4px;cursor:pointer}.card-task{margin-bottom:8px;width:225px;padding:12px;border-radius:8px;border:1px solid #D1D5DB;background:#FFF;display:flex;flex-direction:column;gap:8px}@media (max-width: 1440px){.card-task{width:220px}}.card-task .name-task{display:flex;justify-content:space-between}.card-task .name-task .text-name{color:#18181b;font-size:14px;font-weight:400;cursor:pointer}.card-task .name-task .action{display:flex;gap:4px}.card-task .name-task .action .total-comment{padding:4px;display:flex;gap:5px;height:20px;border-radius:4px;background:#EEF2FF;align-items:center;color:#6366f1;font-size:12px;font-weight:500;line-height:1px}.card-task .name-task .action .icon-more svg{cursor:pointer}.card-task .date{color:#6b7280;font-size:12px;display:flex;justify-content:space-between}.card-task .info-code-task{display:flex;justify-content:space-between}.card-task .info-code-task .code{color:#6b7280;font-weight:600;font-size:12px}.card-task .info-code-task .PIC{display:flex;align-items:center;gap:4px}.card-task .info-code-task .PIC .image-user{width:24px;height:24px;border-radius:50%;overflow:hidden;border:1px solid #dfdede}.card-task .info-code-task .PIC .image-user img{width:100%;height:100%;border-radius:50%;object-fit:cover}.column{width:236px;border-radius:8px;background:#F9FAFB}@media (max-width: 1440px){.column{width:234px}}.column .title-column{padding:16px;position:sticky;top:0;background:#f9fafb}.column .list-task{min-height:200px;display:flex;flex-direction:column;align-items:center;height:100%}.layout-project-detail .main-layout{display:flex}.layout-project-detail .main-layout .side-bar-layout{padding:16px 8px;min-width:272px;flex:1;display:flex;flex-direction:column;gap:16px;border-right:1px solid #D1D5DB;height:calc(100vh - 110px)}.layout-project-detail .main-layout .side-bar-layout .title{color:#6366f1;font-size:24px;font-weight:500}.layout-project-detail .main-layout .side-bar-layout .list-nav{display:flex;flex-direction:column;gap:8px}.layout-project-detail .main-layout .side-bar-layout .list-nav .item-nav{padding:12px 16px;border-radius:8px}.layout-project-detail .main-layout .side-bar-layout .list-nav .item-nav:hover{background:#F3F4F6}.layout-project-detail .main-layout .side-bar-layout .list-nav .active{background:#6366F1;color:#fff}.layout-project-detail .main-layout .side-bar-layout .list-nav .active:hover{background:#6366F1}.layout-project-detail .main-layout .children{display:flex;flex-direction:column;gap:12px}.layout-project-detail .main-layout .children .btn-back{display:flex}.layout-project-detail .main-layout .children .btn-back div{cursor:pointer;display:flex;align-items:center;gap:8px}.edit-project{display:flex;flex-direction:column;gap:16px}.edit-project .head-page{color:#18181b;font-size:24px;font-weight:500}.edit-project .main-edit-project{width:518px;margin:0 auto;display:flex;flex-direction:column;gap:16px;padding:16px 24px;border-radius:8px;border:1px solid #CBD5E1}.edit-project .main-edit-project .image-project{align-self:center;width:150px;height:150px;overflow:hidden;border-radius:50%}.edit-project .main-edit-project .image-project img{width:100%;height:100%;object-fit:cover;border-radius:50%}.edit-project .main-edit-project .form-edit-project{width:100%;display:flex;flex-direction:column;gap:12px}.edit-project .main-edit-project .button-action{display:flex;justify-content:end}.edit-project .main-edit-project .button-action div{display:flex;justify-content:end;gap:16px}.page-staff-project{display:flex;flex-direction:column;gap:16px}.page-staff-project .head-page-staff-project{display:flex;justify-content:space-between;align-items:center}.page-staff-project .head-page-staff-project .title-page{color:#18181b;font-size:24px;font-weight:500}.page-staff-project .head-page-staff-project .head-action{display:flex;gap:12px}.page-staff-project .table-staff-project .info-staff{display:flex;gap:8px;align-items:center}.page-staff-project .table-staff-project .info-staff .avatar-staff{width:24px;height:24px;border-radius:50%;overflow:hidden}.page-staff-project .table-staff-project .info-staff .avatar-staff img{width:100%;height:100%;border-radius:50%;object-fit:cover}.security{width:748px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.security .header{display:flex}.security .header .header-page{cursor:pointer;display:flex;gap:8px;align-items:center}.security .header .header-page span{color:#18181b;font-size:16px}.security .title-page{color:#18181b;font-size:24px;font-weight:500}.security .box{padding:16px 24px;border-radius:12px;border:1px solid #D1D5DB;display:flex;flex-direction:column;gap:20px}.security .box .title-box-change-pass{color:#6366f1;font-size:24px;font-weight:500}.security .box .title-box-delete-account{color:#ef4444;font-size:24px;font-weight:500}.security .box .des{color:#18181b;font-size:14px}.security .box .box-form{gap:20px;display:flex;flex-direction:column}.security .box .box-form .form,.security .box .form{gap:12px;display:grid;grid-template-columns:repeat(2,1fr)}.security .box .button-action{display:flex;gap:12px;justify-content:end}.security .box .button-action .button-component{width:163px}.big-calendar-component .rbc-calendar{flex-direction:column;gap:10px}.big-calendar-component .rbc-calendar .rbc-month-view{border-radius:8px}.big-calendar-component .rbc-calendar .rbc-month-view .rbc-month-header{text-transform:uppercase}.big-calendar-component .rbc-calendar .rbc-month-view .rbc-month-header .rbc-header{padding-top:15px!important;border-bottom:none!important;color:#6366f1}.big-calendar-component .rbc-calendar .rbc-month-view .rbc-month-row{overflow:visible}.big-calendar-component .rbc-calendar .rbc-month-view .rbc-row-content{display:flex;flex-direction:column;gap:2px}.big-calendar-component .rbc-calendar .rbc-month-view .rbc-row-content .rbc-row .rbc-row-segment{padding:0 10px}.big-calendar-component .rbc-calendar .rbc-month-view .rbc-row-content .rbc-row .rbc-row-segment .rbc-event{border-radius:13px}.big-calendar-component .rbc-calendar .rbc-month-view .rbc-row-content .rbc-row .rbc-row-segment .rbc-event .rbc-event-content{padding:4px 8px}.big-calendar-component .rbc-calendar .rbc-month-view .rbc-row-content .rbc-row .rbc-date-cell{padding-top:10px;text-align:center}.modal-create-approve .main-modal-create-approve{display:flex;flex-direction:column;gap:16px}.modal-create-approve .main-modal-create-approve .title-modal{color:#18181b;font-size:24px;font-weight:500}.modal-create-approve .main-modal-create-approve .form-info{display:flex;flex-direction:column;gap:12px}.modal-create-approve .main-modal-create-approve .form-info .box-pick-date-time .label{padding-left:16px;color:#18181b;font-size:14px;font-weight:400}.modal-create-approve .main-modal-create-approve .form-info .box-pick-date-time .box{gap:4px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.modal-create-approve .main-modal-create-approve .label-box{color:#18181b;font-size:18px;font-weight:500}.modal-create-approve .main-modal-create-approve .approver{display:flex;flex-direction:column;gap:12px}.modal-create-approve .main-modal-create-approve .approver .box-search-staff{position:relative}.modal-create-approve .main-modal-create-approve .approver .box-search-staff .box-list-staff{padding:10px;height:250px;top:-255px;overflow-y:scroll;position:absolute;width:100%;min-height:fit-content;border-radius:8px;background:#FFF;box-shadow:5px 5px 16px #0003}.modal-create-approve .main-modal-create-approve .approver .box-search-staff .box-list-staff .item-staff{cursor:pointer;border-radius:3px;display:flex;justify-content:space-between;align-items:center;padding:8px;border-bottom:1px solid #D1D5DB}.modal-create-approve .main-modal-create-approve .approver .box-search-staff .box-list-staff .item-staff .info-staff{display:flex;align-items:center;gap:8px}.modal-create-approve .main-modal-create-approve .approver .box-search-staff .box-list-staff .item-staff .info-staff .avatar-staff{width:42px;height:42px;overflow:hidden;border-radius:50%}.modal-create-approve .main-modal-create-approve .approver .box-search-staff .box-list-staff .item-staff .info-staff .avatar-staff img{width:100%;height:100%;border-radius:50%;object-fit:cover}.modal-create-approve .main-modal-create-approve .approver .box-search-staff .box-list-staff .item-staff .info-staff .name-staff{color:#18181b;font-size:14px}.modal-create-approve .main-modal-create-approve .approver .box-search-staff .box-list-staff .item-staff .job{color:#6b7280;font-size:12px}.modal-create-approve .main-modal-create-approve .approver .box-search-staff .box-list-staff .item-staff:hover{background:#D1D5DB}.modal-create-approve .main-modal-create-approve .approver .box-search-staff .box-list-staff .item-staff:nth-last-child(1){border-bottom:none}.modal-create-approve .main-modal-create-approve .approver .box-search-staff .box-list-staff::-webkit-scrollbar{width:6px}.modal-create-approve .main-modal-create-approve .approver .box-search-staff .box-list-staff:hover::-webkit-scrollbar{width:6px;background-color:#f5f5f5}.modal-create-approve .main-modal-create-approve .approver .box-search-staff .box-list-staff::-webkit-scrollbar-thumb{background-color:#cecfd1;border-radius:4px}.modal-create-approve .main-modal-create-approve .approver .list-approver{padding:12px 16px;border-radius:8px;border:1px solid #D1D5DB;display:flex;flex-direction:column;gap:16px}.modal-create-approve .main-modal-create-approve .approver .list-approver .item-approver{display:flex;justify-content:space-between;align-items:center;line-height:0;padding-bottom:16px;border-bottom:1px solid #D1D5DB}.modal-create-approve .main-modal-create-approve .approver .list-approver .item-approver .left{display:flex;gap:8px;align-items:center;color:#18181b;font-size:14px}.modal-create-approve .main-modal-create-approve .approver .list-approver .item-approver .left svg{cursor:pointer}.modal-create-approve .main-modal-create-approve .approver .list-approver .item-approver .right{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:12px}.modal-create-approve .main-modal-create-approve .approver .list-approver .item-approver:nth-last-child(1){padding-bottom:0;border-bottom:none}.modal-create-approve .main-modal-create-approve .button-action{display:flex;justify-content:end;gap:16px}.modal-create-approve .main-modal-create-approve .button-action .button-component{width:110px}.button-list-approve{display:flex;justify-content:space-between}.approve{margin-top:10px;display:flex;gap:48px}@media (max-width: 1440px){.approve{padding:0 100px}}@media (max-width: 1024px){.approve{padding:0 50px;flex-direction:column}}.approve .mini-calendar{display:flex;flex-direction:column;gap:12px}.approve .big-calendar-component{flex:1}.modal-list-approve .main-list-approve{display:flex;flex-direction:column;gap:16px}.modal-list-approve .main-list-approve .header-modal-list-approve{color:#18181b;font-size:24px;font-weight:500}.modal-list-approve .main-list-approve .option{display:flex;max-width:200px}.modal-list-approve .main-list-approve .option .ant-select{width:100%}.modal-list-approve .main-list-approve .table-list-approve .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell .list-approver{display:flex;align-items:center;margin-right:-10px}.modal-list-approve .main-list-approve .table-list-approve .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell .list-approver .avatar{width:42px;height:42px;overflow:hidden;border-radius:50%;border:1px solid #F9FAFB}.modal-list-approve .main-list-approve .table-list-approve .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell .list-approver .avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.modal-list-approve .main-list-approve .table-list-approve .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell .list-approver .avatar:nth-child(1){z-index:10}.modal-list-approve .main-list-approve .table-list-approve .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell .list-approver .avatar:nth-child(2){transform:translate(-30%);z-index:9}.modal-list-approve .main-list-approve .table-list-approve .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell .list-approver .avatar:nth-child(3){transform:translate(-50%);z-index:8}.modal-list-approve .main-list-approve .table-list-approve .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell .list-approver .avatar:nth-child(4){transform:translate(-70%);z-index:7}.modal-list-approve .main-list-approve .table-list-approve .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell .list-approver .avatar:nth-child(5){transform:translate(-90%);z-index:6}.modal-list-approve .main-list-approve .table-list-approve .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell .list-approver .avatar:hover{border:1px solid #6366F1;z-index:1111}.modal-list-approve .main-list-approve .table-list-approve .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell .status-Accept{padding:6px 12px;border-radius:8px;background:#F0FDF4;color:#22c55e}.modal-list-approve .main-list-approve .table-list-approve .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell .status-Processing{padding:6px 12px;border-radius:8px;background:#FEFCE8;color:#eab308}.modal-list-approve .main-list-approve .table-list-approve .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell .status-Cancer,.modal-list-approve .main-list-approve .table-list-approve .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell .status-Cancel{padding:6px 12px;border-radius:8px;background:#FEF2F2;color:#ef4444}.view-detail-approve{display:flex;flex-direction:column;gap:13px}.view-detail-approve .label{font-size:15px;color:#6b7280}.view-detail-approve .header-view-approve{color:#18181b;font-size:24px;font-weight:500}.view-detail-approve .info-user{display:flex;gap:8px;align-items:center}.view-detail-approve .info-user .avatar{width:50px;height:50px;overflow:hidden;border-radius:50%;border:1px solid #F9FAFB}.view-detail-approve .info-user .avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.view-detail-approve .info-user .info .name{color:#18181b;font-size:15px}.view-detail-approve .info-user .info .email-date{font-size:14px;display:flex;gap:8px;align-items:center;color:#6b7280}.view-detail-approve .content{font-size:15px}.view-detail-approve .button-action{display:flex;justify-content:end;gap:10px}.view-detail-approve .button-action .button-component{width:120px}.view-detail-approve .button-action .delete{background:none;border:1px solid #EF4444}.view-detail-approve .button-action .delete .button .label-button{color:#ef4444}.account-created{display:flex;flex-direction:column;gap:16px}.account-created .button-back{display:flex;cursor:pointer}.account-created .button-back div{display:flex;align-items:center;gap:8px}.account-created .head-page-account-created{display:flex;justify-content:space-between;align-items:center}.account-created .head-page-account-created .title-page-account-created{color:#18181b;font-size:24px;font-weight:500}.account-created .head-page-account-created .action-title{display:flex;gap:12px}.account-created .table-list-account-created{width:767px;margin:0 auto}.account-created .table-list-account-created .table-account .info-user{display:flex;gap:8px;align-items:center}.account-created .table-list-account-created .table-account .info-user .avatar-staff{width:24px;height:24px;overflow:hidden;border-radius:50%}.account-created .table-list-account-created .table-account .info-user .avatar-staff img{width:100%;height:100%;border-radius:50%;object-fit:cover}.staff{display:flex;flex-direction:column;gap:16px}.staff .head-page-staff{display:flex;justify-content:space-between;align-items:center}.staff .head-page-staff .title-page{color:#18181b;font-size:24px;font-weight:500}.staff .head-page-staff .action-title{display:flex;gap:12px;align-items:center}.staff .box-action-list-account{display:flex;justify-content:end}.staff .box-action-list-account .button-list-account{padding:8px 12px;border-radius:8px;border:1px solid #6366F1;background:#FFF;color:#6366f1;cursor:pointer}.view-list-staff{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.view-list-staff .card-item-staff{display:flex;flex-direction:column;gap:8px;align-items:center;padding:12px;border-radius:16px;border:1px solid #D1D5DB}.view-list-staff .card-item-staff .avatar-staff{width:270px;height:270px;overflow:hidden;border-radius:8px;border:1px solid #F9FAFB}.view-list-staff .card-item-staff .avatar-staff img{width:100%;height:100%;object-fit:cover;border-radius:8px}.view-list-staff .card-item-staff .full-name-staff{color:#18181b;font-size:20px;font-weight:500}.view-list-staff .card-item-staff .position{color:#6b7280;font-size:16px;font-weight:400}.view-list-staff .card-item-staff:hover{border:1px solid #FFFFFF;box-shadow:5px 5px 16px #0000001a}.view-salary .list-my-salary{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.view-salary .list-my-salary .item-my-salary{display:flex;justify-content:space-between;padding:12px;border-radius:8px;border:1px solid #D1D5DB}.view-salary .list-my-salary .item-my-salary .info-salary{display:flex;gap:12px}.view-salary .list-my-salary .item-my-salary .info-salary .image{display:flex;justify-content:center;align-items:center;width:80px;height:80px;overflow:hidden;border-radius:8px;background:linear-gradient(135deg,#6366F1 0%,#6BCAFF 100%)}.view-salary .list-my-salary .item-my-salary .info-salary .info .name-salary{cursor:pointer;color:#18181b;font-size:16px;font-weight:500}.view-salary .list-my-salary .item-my-salary .info-salary .info .date{color:#6b7280;font-size:13px}.view-salary .pick-month{display:flex;justify-content:end;margin-bottom:16px}.view-salary .table-salary .info-staff{display:flex;gap:8px;align-items:center;cursor:pointer}.view-salary .table-salary .info-staff .avatar-staff{width:24px;height:24px;overflow:hidden;border-radius:50%;border:1px solid #F9FAFB}.view-salary .table-salary .info-staff .avatar-staff img{width:100%;height:100%;object-fit:cover;border-radius:50%}.view-salary .table-salary .row-table{cursor:pointer}.modal-action-salary .main-modal{display:flex;flex-direction:column;gap:16px}.modal-action-salary .main-modal .header-modal{font-size:24px}.modal-action-salary .main-modal .form-action{display:flex;flex-direction:column;gap:10px}.modal-action-salary .main-modal .form-action .box-salary .title{font-size:18px;font-weight:500;margin-bottom:10px;color:#6b7280}.modal-action-salary .main-modal .form-action .box-salary .box-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}.modal-action-salary .main-modal .form-action .box-salary .only{grid-template-columns:repeat(2,1fr)}.modal-action-salary .main-modal .button-action{display:flex;justify-content:end;gap:16px}.modal-action-salary .main-modal .button-action .button-component{width:110px}.view-time-keeping .header-time-keeping{display:flex;justify-content:space-between;align-items:center}.view-time-keeping .header-time-keeping .week{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid #CBD5E1;border-radius:8px}.view-time-keeping .header-time-keeping .week svg{cursor:pointer}.view-time-keeping .header-time-keeping .note-color{display:flex;gap:12px}.view-time-keeping .header-time-keeping .note-color .item-note{display:flex;gap:4px;align-items:center}.view-time-keeping .header-time-keeping .note-color .item-note .box-color{width:16px;height:16px;border-radius:4px;background:#22C55E}.view-time-keeping .header-time-keeping .note-color .item-note .status-0{background:#EF4444}.view-time-keeping .header-time-keeping .note-color .item-note .status-1{background:#22C55E}.view-time-keeping .header-time-keeping .note-color .item-note .status-2{background:#EAB308}.view-time-keeping .header-time-keeping .note-color .item-note .status-3{background:#6bcaff}.view-time-keeping .button-import{display:flex;justify-content:end;margin-top:15px}.view-time-keeping .button-import .button-upload{padding:12px 16px;border-radius:8px;background:#6366F1;color:#fff;cursor:pointer}.view-time-keeping .table-time-keeping{width:100%;border-collapse:collapse;border:1px solid #D1D5DB;margin:25px 0;font-family:sans-serif;min-width:400px}.view-time-keeping .table-time-keeping thead tr{background-color:#f3f4f6;font-size:14px;color:#18181b}.view-time-keeping .table-time-keeping th,.view-time-keeping .table-time-keeping td{padding:12px 15px;border:1px solid #D1D5DB;border-collapse:collapse}.view-time-keeping .table-time-keeping tbody tr{border-bottom:1px solid #dddddd}.view-time-keeping .table-time-keeping tbody tr td:hover{cursor:pointer}.view-time-keeping .table-time-keeping tbody tr .status-0{background:#EF4444;text-align:center}.view-time-keeping .table-time-keeping tbody tr .status-1{background:#22C55E;text-align:center}.view-time-keeping .table-time-keeping tbody tr .status-2{background:#EAB308;text-align:center}.view-time-keeping .table-time-keeping tbody tr .status-3{background:#6bcaff;text-align:center}.modal-update-time-keeping .main-modal-update{display:flex;flex-direction:column;gap:10px}.modal-update-time-keeping .main-modal-update .name-staff{font-size:24px}.modal-update-time-keeping .main-modal-update .button{display:flex;justify-content:end}.page-chat{display:flex;border-radius:12px;gap:4px;margin-bottom:42px;background:white;height:calc(100vh - 110px)}.page-chat .side-chat{padding:12px;border-radius:12px;flex:1;box-sizing:border-box}.page-chat .main-chat{border-left:1px solid #f0f0f0;flex:3;display:flex}.page-chat .main-chat .center{position:relative;display:flex;flex-direction:column;justify-content:space-between;height:100%;overflow:hidden;flex:2.2}.page-chat .main-chat .center .title{padding:12px;box-shadow:#50505033 0 0 6px;display:flex;justify-content:space-between;align-items:center}.page-chat .main-chat .center .title .profile-title{display:flex;align-items:center;gap:12px}.page-chat .main-chat .center .title .profile-title .img{position:relative;width:50px;height:50px;border-radius:50%}.page-chat .main-chat .center .title .profile-title .img .list-img-avt{display:flex;flex-wrap:wrap;overflow:hidden}.page-chat .main-chat .center .title .profile-title .img .list-img-avt img{width:23px;height:23px;border-radius:50%;border:1px solid #d6d1d1}.page-chat .main-chat .center .title .profile-title .img .avt-group{width:50px;height:50px;border-radius:50%;overflow:hidden}.page-chat .main-chat .center .title .profile-title .img .avt-group img{width:100%;height:100%;object-fit:cover}.page-chat .main-chat .center .title .profile-title .img img{width:100%;height:100%;object-fit:cover;border-radius:50%}.page-chat .main-chat .center .title .profile-title .img .img-online{content:"";width:12px;height:12px;border-radius:50%;background-color:#10e231;border:1px solid white;position:absolute;bottom:0;right:3px;z-index:10}.page-chat .main-chat .center .title .profile-title .img .hide{background-color:#5e5f5e}.page-chat .main-chat .center .title .profile-title .name{font-weight:500;color:#333}.page-chat .main-chat .center .title .list-icon{padding-right:12px;display:flex;align-content:center;gap:20px;cursor:pointer}.page-chat .main-chat .center .title .list-icon .anticon{padding:unset;font-size:16px}.page-chat .main-chat .center .title .list-icon .icon{color:#0d7adc}.page-chat .main-chat .center .title .list-icon .icon:hover{cursor:pointer}.page-chat .main-chat .center .content{position:relative;padding:120px 16px 12px;margin-right:2px;display:flex;flex-direction:column-reverse;height:100%;gap:2px;overflow-y:scroll}.page-chat .main-chat .center .content::-webkit-scrollbar{width:6px}.page-chat .main-chat .center .content:hover::-webkit-scrollbar{width:6px;background-color:#f5f5f5}.page-chat .main-chat .center .content::-webkit-scrollbar-thumb{background-color:#e8ebee;border-radius:4px}.page-chat .main-chat .center .content .date-time{text-align:center}.page-chat .main-chat .center .content .day{color:var(--gray-500, #7a8190);text-align:center;font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:12px;position:relative}.page-chat .main-chat .center .content .day:before{position:absolute;content:"";height:.5px;width:40%;background:#eaecf0;display:block;top:50%;transform:translateY(-50%)}.page-chat .main-chat .center .content .day:after{position:absolute;content:"";height:.5px;width:40%;background:#eaecf0;display:block;top:50%;right:0;transform:translateY(-50%)}.page-chat .main-chat .center .content .chat-person{display:flex;gap:12px;position:relative}.page-chat .main-chat .center .content .chat-person .img-avt{width:40px;height:40px;object-fit:cover;border-radius:50%;border:.5px solid #ddd}.page-chat .main-chat .center .content .chat-person .status{width:12px;height:12px;border-radius:50%;position:absolute;border:2px solid var(--White, #fff);background:var(--success-500, #12b76a);top:27px;left:24px}.page-chat .main-chat .center .content .chat-person .avt1{width:36px;height:36px}.page-chat .main-chat .center .content .chat-person .chat-content{display:flex;flex-direction:column;gap:6px}.page-chat .main-chat .center .content .chat-person .chat-content .chat-person-content{position:relative}.page-chat .main-chat .center .content .chat-person .chat-content .chat-person-content .container-mess{display:flex;align-items:center;gap:8px}.page-chat .main-chat .center .content .chat-person .chat-content .chat-person-content .container-mess .mess{overflow-wrap:break-word;max-width:500px;background:#eaecf0;font-size:15px;font-weight:400;color:#101828;padding:10px 14px;border-radius:0 8px 8px;align-self:flex-start}.page-chat .main-chat .center .content .chat-person .chat-content .chat-person-content .container-mess .mess .parent-reply{padding:8px;border-radius:4px;background:#ebf5ff;margin-bottom:8px;position:relative}.page-chat .main-chat .center .content .chat-person .chat-content .chat-person-content .container-mess .mess .parent-reply:before{position:absolute;content:"";top:0;left:0;width:2px;height:100%;background:#0d7adc}.page-chat .main-chat .center .content .chat-person .chat-content .chat-person-content .container-mess .mess .parent-reply .name-reply{font-size:12px}.page-chat .main-chat .center .content .chat-person .chat-content .chat-person-content .container-mess .mess .parent-reply .content-reply{font-style:italic}.page-chat .main-chat .center .content .chat-person .chat-content .chat-person-content .container-mess .mess a{text-decoration:underline}.page-chat .main-chat .center .content .chat-person .chat-content .chat-person-content .container-mess .mess .opacity{opacity:.7;-webkit-user-select:none;user-select:none;font-size:12px;font-style:italic}.page-chat .main-chat .center .content .chat-person .chat-content .chat-person-content .container-mess .img-mess{margin-right:15px;background:unset}.page-chat .main-chat .center .content .chat-person .chat-content .chat-person-content .container-mess .document-mess{padding:unset;background:unset;border-radius:4px}.page-chat .main-chat .center .content .chat-person .chat-content .chat-person-content .container-mess .more-mess{position:relative}.page-chat .main-chat .center .content .chat-person .chat-content .chat-person-content .container-mess .more-mess .icon{transition:all ease-in .2s;display:none}.page-chat .main-chat .center .content .chat-person .chat-content .chat-person-content .container-mess .more-mess .menu-more{display:none;position:absolute;top:-65px;left:0;z-index:1}.page-chat .main-chat .center .content .chat-person .chat-content .chat-person-content .container-mess .more-mess .menu-more ul{background:#ebebf0;border-radius:4px;overflow:hidden;box-shadow:#00000059 0 2px 8px}.page-chat .main-chat .center .content .chat-person .chat-content .chat-person-content .container-mess .more-mess .menu-more ul li{padding:8px 12px;display:block;font-size:13px;white-space:nowrap}.page-chat .main-chat .center .content .chat-person .chat-content .chat-person-content .container-mess .more-mess .menu-more ul li:hover{background:rgb(212,211,211);cursor:pointer}.page-chat .main-chat .center .content .chat-person .chat-content .img-mess,.page-chat .main-chat .center .content .chat-person .chat-content .video-mess{width:300px}.page-chat .main-chat .center .content .chat-person .chat-content .file-mess{display:inline-block;color:#3382cc;padding:12px;background:#eaecf0;border-radius:12px;color:#373838}.page-chat .main-chat .center .content .chat-person .chat-content .chat-person-time{color:#7a8190;font-size:12px;font-weight:400}.page-chat .main-chat .center .content .chat-person .chat-content .input-mess{border:1px solid #ddd}.page-chat .main-chat .center .content .chat-person:hover .chat-content .chat-person-content .container-mess .more-mess:hover .menu-more{display:none}.page-chat .main-chat .center .content .chat-person:hover .chat-content .chat-person-content .container-mess .more-mess .icon{border-radius:50%;padding:6px 8px;cursor:pointer;display:block}.page-chat .main-chat .center .content .chat-person:hover .chat-content .chat-person-content .container-mess .more-mess .icon:hover{background:#f0f3f0}.page-chat .main-chat .center .content .send{justify-content:flex-end}.page-chat .main-chat .center .content .send .chat-content{align-items:flex-end}.page-chat .main-chat .center .content .send .chat-content .chat-person-content{position:relative}.page-chat .main-chat .center .content .send .chat-content .chat-person-content .container-mess{display:flex;align-items:center;gap:8px}.page-chat .main-chat .center .content .send .chat-content .chat-person-content .container-mess .mess{order:2;overflow-wrap:break-word;max-width:500px;background:#cee6ff;font-size:15px;font-weight:400;color:#353535;padding:10px 14px;border-radius:0 8px 8px;align-self:flex-start}.page-chat .main-chat .center .content .send .chat-content .chat-person-content .container-mess .mess .parent-reply{padding:8px;border-radius:4px;background:#ffffff;margin-bottom:8px;position:relative}.page-chat .main-chat .center .content .send .chat-content .chat-person-content .container-mess .mess .parent-reply:before{position:absolute;content:"";top:0;left:0;width:2px;height:100%;background:#3f85ad}.page-chat .main-chat .center .content .send .chat-content .chat-person-content .container-mess .mess .parent-reply .name-reply{font-size:12px}.page-chat .main-chat .center .content .send .chat-content .chat-person-content .container-mess .mess .parent-reply .content-reply{font-style:italic}.page-chat .main-chat .center .content .send .chat-content .chat-person-content .container-mess .mess a{text-decoration:underline}.page-chat .main-chat .center .content .send .chat-content .chat-person-content .container-mess .img-mess,.page-chat .main-chat .center .content .send .chat-content .chat-person-content .container-mess .document-mess{background:unset}.page-chat .main-chat .center .content .send .chat-content .chat-person-content .container-mess .more-mess{order:1;position:relative}.page-chat .main-chat .center .content .send .chat-content .chat-person-content .container-mess .more-mess .icon{transition:all ease-in .2s;display:none}.page-chat .main-chat .center .content .send .chat-content .chat-person-content .container-mess .more-mess .img{rotate:360deg}.page-chat .main-chat .center .content .send .chat-content .chat-person-content .container-mess .more-mess .menu-more{display:none;position:absolute;top:-65px;left:-100px;z-index:1}.page-chat .main-chat .center .content .send .chat-content .chat-person-content .container-mess .more-mess .menu-more ul{background:#ebebf0;border-radius:4px;overflow:hidden;box-shadow:#00000059 0 2px 8px}.page-chat .main-chat .center .content .send .chat-content .chat-person-content .container-mess .more-mess .menu-more ul li{padding:8px 12px;display:block;font-size:13px;white-space:nowrap}.page-chat .main-chat .center .content .send .chat-content .chat-person-content .container-mess .more-mess .menu-more ul li:hover{background:rgb(212,211,211);cursor:pointer}.page-chat .main-chat .center .content .send .chat-content .file-mess{background:#cee6ff}.page-chat .main-chat .center .content .send:hover .chat-content .chat-person-content .container-mess .more-mess:hover .menu-more{display:block}.page-chat .main-chat .center .content .send:hover .chat-content .chat-person-content .container-mess .more-mess .icon{border-radius:50%;padding:6px 8px;cursor:pointer;display:block}.page-chat .main-chat .center .content .send:hover .chat-content .chat-person-content .container-mess .more-mess .icon:hover{background:#f0f3f0}.page-chat .main-chat .center .typing{font-size:12px;color:#7a8190;margin-left:24px;margin-bottom:8px}.page-chat .main-chat .center .print-mess{display:flex;align-items:center;padding:8px 16px;border-top:solid 1px #d0d5dd;gap:8px}.page-chat .main-chat .center .print-mess .anticon{padding:unset}.page-chat .main-chat .center .print-mess .input-mess{display:flex;flex-direction:column;outline:none;width:100%;font-size:15px;padding-inline:12px;border-radius:8px;border:1px solid var(--Blue-Gray-300, #cbd5e1)}.page-chat .main-chat .center .print-mess .input-mess .reply{margin-top:4px;border-radius:4px;padding:8px;background:#edeff1;position:relative;display:flex;flex-direction:column}.page-chat .main-chat .center .print-mess .input-mess .reply .header-reply{display:flex;justify-content:space-between}.page-chat .main-chat .center .print-mess .input-mess .reply .header-reply .content-reply{font-size:12px}.page-chat .main-chat .center .print-mess .input-mess .reply .header-reply .content-reply span{font-size:13px;font-weight:600}.page-chat .main-chat .center .print-mess .input-mess .reply .header-reply .btn-close{display:flex;align-items:center;justify-content:center;padding:2px;background:transparent;border-radius:50%;transition:all ease-in .2s}.page-chat .main-chat .center .print-mess .input-mess .reply .header-reply .btn-close:hover{cursor:pointer;background:#dee1e6}.page-chat .main-chat .center .print-mess .input-mess .reply .reply-message{padding-left:10px;font-size:14px;font-style:italic}.page-chat .main-chat .center .print-mess .input-mess .reply:before{position:absolute;content:"";top:0;left:0;width:2px;height:100%;background:#0d7adc}.page-chat .main-chat .center .print-mess .input-mess input{padding:12px;width:100%;height:100%}.page-chat .main-chat .center .print-mess .buton-send-message{padding:8px;border-radius:8px;background:#6366f1;line-height:0;cursor:pointer}.page-chat .main-chat .file-chat{flex:1;display:flex;flex-direction:column}.page-chat .main-chat .file-chat .header-file-chat{height:74px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:400;width:100%;box-shadow:#50505033 0 0 6px}.page-chat .main-chat .file-chat .content-file-chat{position:relative;padding:0 24px;margin-top:28px;width:100%;display:flex;align-items:center;flex-direction:column;margin-bottom:32px}.page-chat .main-chat .file-chat .content-file-chat .list-img-avt{display:flex;flex-wrap:wrap;overflow:hidden;justify-content:center;margin-bottom:12px}.page-chat .main-chat .file-chat .content-file-chat .list-img-avt img{width:23px;height:23px;border-radius:50%;border:1px solid #d6d1d1}.page-chat .main-chat .file-chat .content-file-chat img{width:60px;height:60px;object-fit:cover;border-radius:50%}.page-chat .main-chat .file-chat .content-file-chat .name{display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:400}.page-chat .main-chat .file-chat .list-img .list-img-container{width:100%;max-width:400px}.page-chat .main-chat .file-chat .list-img .list-img-container .title{padding:12px;position:relative}.page-chat .main-chat .file-chat .list-img .list-img-container .title:after{top:50%;right:12px;transform:translateY(-50%);position:absolute;content:"";border-top:6px solid #a4a8ac;border-left:6px solid transparent;border-right:6px solid transparent;transform:rotate(-90deg)}.page-chat .main-chat .file-chat .list-img .list-img-container .title:hover{cursor:pointer;background:#eaf0ed}.page-chat .main-chat .file-chat .list-img .list-img-container .rotate:after{transform:rotate(0)}.page-chat .main-chat .file-chat .list-img .list-img-container .container-img{padding-top:12px;padding-bottom:12px;display:flex;align-items:center;flex-wrap:wrap;gap:2px;position:relative;overflow-y:scroll;max-height:400px}.page-chat .main-chat .file-chat .list-img .list-img-container .container-img::-webkit-scrollbar{width:6px}.page-chat .main-chat .file-chat .list-img .list-img-container .container-img:hover::-webkit-scrollbar{width:6px;background-color:#f5f5f5}.page-chat .main-chat .file-chat .list-img .list-img-container .container-img::-webkit-scrollbar-thumb{background-color:#e8ebee;border-radius:4px}.page-chat .main-chat .file-chat .list-img .list-img-container .container-img .title{padding:12px;position:relative}.page-chat .main-chat .file-chat .list-img .list-img-container .container-img .title:after{top:50%;right:12px;transform:translateY(-50%);position:absolute;content:"";border-top:6px solid #a4a8ac;border-left:6px solid transparent;border-right:6px solid transparent;transform:rotate(-90deg)}.page-chat .main-chat .file-chat .list-img .list-img-container .container-img .title:hover{cursor:pointer;background:#eaf0ed}.page-chat .main-chat .file-chat .list-img .list-img-container .container-img .rotate:after{transform:rotate(0)}.page-chat .main-chat .file-chat .list-img .list-img-container .container-img img{width:calc(20% - 8px);height:60px;object-fit:cover}.page-chat .main-chat .file-chat .list-img .list-img-container .container-img .member-by-chat{display:flex;align-items:center;flex-direction:column}.page-chat .main-chat .file-chat .list-img .list-img-container .container-member{padding:8px 12px;position:relative;overflow-y:scroll;max-height:420px}.page-chat .main-chat .file-chat .list-img .list-img-container .container-member::-webkit-scrollbar{width:6px}.page-chat .main-chat .file-chat .list-img .list-img-container .container-member:hover::-webkit-scrollbar{width:6px;background-color:#f5f5f5}.page-chat .main-chat .file-chat .list-img .list-img-container .container-member::-webkit-scrollbar-thumb{background-color:#e8ebee;border-radius:4px}.page-chat .main-chat .file-chat .list-img .list-img-container .container-member a{padding:8px 0;font-size:16px;color:#0d7adc;display:block}.page-chat .main-chat .file-chat .list-img .list-img-container .container-member .member-by-chat{padding:8px 12px;border-radius:4px;margin-bottom:4px;display:flex;justify-content:space-between;align-items:center}.page-chat .main-chat .file-chat .list-img .list-img-container .container-member .member-by-chat:hover{cursor:pointer;background:#edf0f1}.page-chat .main-chat .file-chat .list-img .list-img-container .container-member .member-by-chat .container-user{display:flex;align-items:center;gap:8px}.page-chat .main-chat .file-chat .list-img .list-img-container .container-member .member-by-chat .container-user .avt-member{width:40px;height:40px;border-radius:50%;overflow:hidden;border:1px solid #ddd}.page-chat .main-chat .file-chat .list-img .list-img-container .container-member .member-by-chat .container-user .avt-member img{width:100%;height:100%;object-fit:cover}.page-chat .main-chat .file-chat .list-img .list-img-container .container-member .member-by-chat .container-user .name{font-size:13px}.page-chat .main-chat .file-chat .list-img .list-img-container .container-member .member-by-chat .container-btn{max-width:100px}.page-chat .main-chat .file-chat .list-img .list-img-container .container-member .member-by-chat .container-btn .outline{border:none;font-size:12px;padding:8px 12px}.page-chat .main-chat .file-chat .list-img .list-img-container .container-file{padding-top:12px;padding-bottom:12px;position:relative;overflow-y:scroll;max-height:400px}.page-chat .main-chat .file-chat .list-img .list-img-container .container-file::-webkit-scrollbar{width:6px}.page-chat .main-chat .file-chat .list-img .list-img-container .container-file:hover::-webkit-scrollbar{width:6px;background-color:#f5f5f5}.page-chat .main-chat .file-chat .list-img .list-img-container .container-file::-webkit-scrollbar-thumb{background-color:#e8ebee;border-radius:4px}.page-chat .main-chat .file-chat .list-img .list-img-container .container-file a{display:block;padding:4px 12px;font-size:12px;color:#0d7adc;font-style:normal;text-decoration:underline}.page-chat .main-chat .file-chat .list-img .list-img-container .container-link{padding:4px 12px;overflow:hidden}.page-chat .main-chat .file-chat .list-img .list-img-container .container-link a{color:#3382cc;font-size:12px;word-wrap:break-word;text-decoration:underline}.page-chat .main-chat .file-chat .list-file{padding:12px;position:relative}.page-chat .main-chat .none{display:none}@media screen and (min-width: 1024px) and (max-width: 1400px){.page-chat{padding:0 100px}}@media screen and (min-width: 1024px) and (max-width: 1400px){.page-chat{padding:0 12px}}@media screen and (min-width: 480px) and (max-width: 1023px){.page-chat{height:unset;padding:0 12px;flex-direction:column}.page-chat .side-chat{padding:12px;border-radius:12px;flex:1}.page-chat .main-chat{background:white!important;z-index:10}}@media screen and (min-width: 320px) and (max-width: 479px){.page-chat{height:unset;padding:0 12px;flex-direction:column}.page-chat .side-chat{padding:12px;border-radius:12px;flex:1}.page-chat .main-chat{background:white!important;z-index:10}}.header_chat{padding-top:16px;display:flex;justify-content:space-between;align-items:center;font-size:24px;font-weight:500;padding-bottom:20px}.header_chat .left-header-chat{color:var(--Black-600, #231f20);font-size:32px;font-style:normal;font-weight:600;line-height:40px}.header_chat .right-header-chat{font-size:16px;display:flex;align-items:center;gap:10px;border-radius:8px;transition:all ease-in .2s}.header_chat .right-header-chat:hover{background:rgb(240,234,234)}.header_chat .right-header-chat .anticon{padding:5px}.header_chat .right-header-chat .anticon{font-size:15px}.header_chat .right-header-chat .icon{padding:6px;transition:all .2s}.header_chat .right-header-chat .icon:hover{cursor:pointer}.modal-create-chat .header-chat-room{display:flex;align-items:center;gap:8px;margin-bottom:12px}.modal-create-chat .header-chat-room .has-img img{width:40px;height:40px;border-radius:50%;object-fit:cover}.modal-create-chat .header-chat-room .has-img img:hover{cursor:pointer}.modal-create-chat .header-chat-room .img{cursor:pointer;display:flex;align-items:center;height:40px;width:40px;padding:12px;background:#d0d5dd;border-radius:50%;transition:all ease-in-out .2s;border:.5px solid #d0d5dd}.modal-create-chat .header-chat-room .img:hover{cursor:pointer;background:#e1e4e7}.modal-create-chat .header-chat-room .img img{width:100%;height:100%;object-fit:cover}.modal-create-chat .header-chat-room .name{flex:1}.modal-create-chat .header-chat-room .name input{padding-bottom:6px;padding-left:6px;width:100%;border-bottom:1px solid #e2eaec}.modal-create-chat .header-chat-room .name input::placeholder{font-size:13px}.modal-create-chat .title-member{font-size:16px}.modal-create-chat .wraper-member{display:flex;border-top:1px solid #d0d5dd;border-bottom:1px solid #d0d5dd}.modal-create-chat .wraper-member .list-member-enterprise{padding-top:12px;flex:1;height:400px;overflow-y:auto;position:relative}.modal-create-chat .wraper-member .list-member-enterprise::-webkit-scrollbar{width:3px;height:10px;background-color:transparent}.modal-create-chat .wraper-member .list-member-enterprise::-webkit-scrollbar-thumb{background-color:transparent;height:5px;border-radius:4px}.modal-create-chat .wraper-member .list-member-enterprise:hover::-webkit-scrollbar{width:3px;height:10px;background-color:#f5f5f5}.modal-create-chat .wraper-member .list-member-enterprise:hover::-webkit-scrollbar-thumb{background-color:#e1e5eb;height:5px;border-radius:4px}.modal-create-chat .wraper-member .list-member-enterprise::-webkit-scrollbar-thumb{transition:background-color .3s ease-in-out}.modal-create-chat .wraper-member .list-member-enterprise .item-member-rnterprise{flex:1;display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:6px;border-radius:8px;transition:all ease-in .1s}.modal-create-chat .wraper-member .list-member-enterprise .item-member-rnterprise .checkbox-label{position:relative;cursor:pointer}.modal-create-chat .wraper-member .list-member-enterprise .item-member-rnterprise .checkbox-custom{position:absolute;top:50%;left:0;transform:translateY(-50%);height:16px;width:16px;background-color:#fff;border:.5px solid #007bff;border-radius:50%}.modal-create-chat .wraper-member .list-member-enterprise .item-member-rnterprise input[type=checkbox]{opacity:0}.modal-create-chat .wraper-member .list-member-enterprise .item-member-rnterprise input[type=checkbox]:checked+.checkbox-custom:after{content:"";position:absolute;width:8px;top:50%;left:7px;transform:translate(-50%,-50%);height:8px;border-radius:50%;background-color:#007bff}.modal-create-chat .wraper-member .list-member-enterprise .item-member-rnterprise .img{height:45px;width:45px;border-radius:50%;overflow:hidden;border:1px solid #d0d5dd}.modal-create-chat .wraper-member .list-member-enterprise .item-member-rnterprise .img img{width:100%;height:100%;object-fit:cover}.modal-create-chat .wraper-member .list-member-enterprise .item-member-rnterprise:hover{cursor:pointer;background:#d0d5dd}.modal-create-chat .wraper-member .list-member-enterprise .selected{background:#d0d5dd}.modal-create-chat .wraper-member .member-selected{border-radius:4px;margin:8px;padding:8px;border:1px solid #d0d5dd}.modal-create-chat .wraper-member .member-selected .title-checked{font-size:15px;font-weight:500;margin-bottom:12px}.modal-create-chat .wraper-member .member-selected .list-member-checked{height:300px;overflow-y:auto;padding-right:8px;position:relative}.modal-create-chat .wraper-member .member-selected .list-member-checked::-webkit-scrollbar{width:3px;height:10px;background-color:transparent}.modal-create-chat .wraper-member .member-selected .list-member-checked::-webkit-scrollbar-thumb{background-color:transparent;height:5px;border-radius:4px}.modal-create-chat .wraper-member .member-selected .list-member-checked:hover::-webkit-scrollbar{width:3px;height:10px;background-color:#f5f5f5}.modal-create-chat .wraper-member .member-selected .list-member-checked:hover::-webkit-scrollbar-thumb{background-color:#e1e5eb;height:5px;border-radius:4px}.modal-create-chat .wraper-member .member-selected .list-member-checked::-webkit-scrollbar-thumb{transition:background-color .3s ease-in-out}.modal-create-chat .wraper-member .member-selected .list-member-checked .item-checked{display:flex;align-items:center;gap:8px;padding:6px;background:#e5e8f1;border-radius:24px;margin-bottom:6px}.modal-create-chat .wraper-member .member-selected .list-member-checked .item-checked .img{width:30px;height:30px;border-radius:50%;overflow:hidden;border:.2px solid #ffffff}.modal-create-chat .wraper-member .member-selected .list-member-checked .item-checked .img img{width:100%;height:100%;object-fit:cover}.modal-create-chat .wraper-member .member-selected .list-member-checked .item-checked .name{flex:1;font-size:14px;color:#0d7adc}.modal-create-chat .wraper-member .member-selected .list-member-checked .item-checked .close .anticon{font-size:18px;color:#0d7adc}.modal-create-chat .wraper-member .member-selected .list-member-checked .item-checked .close:hover{cursor:pointer}.header-search{position:relative}.header-search input{width:100%;outline:none;border:none;height:40px;padding:14px 18px 14px 34px;font-size:15px;border-radius:8px;border:1px solid var(--Gray-300, #d0d5dd)}.header-search .anticon{padding:unset;font-size:14px}.header-search .icon-search{color:#333;position:absolute;top:-3px;left:5px;transform:translate(50%,100%)}.header-search .box-chat{display:flex;margin-top:24px;font-size:14px;gap:5px}.header-search .box-chat .mailbox{padding:8px 24px;border-radius:30px}.header-search .box-chat .mailbox:hover{cursor:pointer;background:#c6ecf7;color:#0d7adc}.header-search .box-chat .active{background:#c6ecf7;color:#0d7adc}.header-search .list-friend{margin-top:24px;max-height:70vh;height:100%;overflow-y:auto;position:relative}.header-search .list-friend::-webkit-scrollbar{width:3px;height:10px;background-color:transparent}.header-search .list-friend::-webkit-scrollbar-thumb{background-color:transparent;height:5px;border-radius:4px}.header-search .list-friend:hover::-webkit-scrollbar{width:3px;height:10px;background-color:#f5f5f5}.header-search .list-friend:hover::-webkit-scrollbar-thumb{background-color:#e1e5eb;height:5px;border-radius:4px}.header-search .list-friend::-webkit-scrollbar-thumb{transition:background-color .3s ease-in-out}.header-search .list-friend .friend-item{display:flex;justify-content:space-between;margin-bottom:4px}.header-search .list-friend .friend-item .left-item{margin-bottom:3px;width:100%;display:flex;align-items:center;gap:10px;padding:6px;border-radius:8px;box-sizing:border-box}.header-search .list-friend .friend-item .left-item .avt-group{width:50px;height:50px;position:relative}.header-search .list-friend .friend-item .left-item .avt-group img{border-radius:50%;overflow:hidden;width:100%;height:100%;object-fit:cover}.header-search .list-friend .friend-item .left-item .avt-group:after{position:absolute;content:"";bottom:0;right:0;width:10px;height:10px;border-radius:50%;background-color:#10e231;border:1px solid white}.header-search .list-friend .friend-item .left-item .img{position:relative;width:50px;height:50px;border-radius:50%}.header-search .list-friend .friend-item .left-item .img .list-img-avt{display:flex;flex-wrap:wrap;overflow:hidden}.header-search .list-friend .friend-item .left-item .img .list-img-avt img{width:23px;height:23px;border-radius:50%;border:1px solid #ddd}.header-search .list-friend .friend-item .left-item .img img{width:100%;height:100%;object-fit:cover;border-radius:50%}.header-search .list-friend .friend-item .left-item .img .img-online{content:"";width:12px;height:12px;border-radius:50%;background-color:#10e231;border:1px solid white;position:absolute;bottom:0;right:3px;z-index:10}.header-search .list-friend .friend-item .left-item .img .hide{background-color:#5e5f5e}.header-search .list-friend .friend-item .left-item .content{display:flex;flex-direction:column;gap:2px}.header-search .list-friend .friend-item .left-item .content .name{font-size:15px;font-weight:400}.header-search .list-friend .friend-item .left-item .content .des{font-size:13px;color:#646363;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.header-search .list-friend .friend-item .left-item .content .bold,.header-search .list-friend .friend-item .left-item .content .bold_desc{color:#000;font-weight:500}.header-search .list-friend .friend-item .left-item .content .seen{color:#000!important;font-weight:500;font-size:13px}.header-search .list-friend .friend-item .more{margin-left:auto;margin-right:20px;display:flex}.header-search .list-friend .friend-item:hover{opacity:1;cursor:pointer;background:#f3f4f6}.header-search .list-friend .friend-item:hover .more{opacity:1}.header-search .list-friend .active{background:#f3f4f6}.ant-modal-footer{display:flex;gap:8px;justify-content:end}.hierarchy .main-hierarchy{max-width:678px;margin:18px auto;display:flex;flex-direction:column;gap:12px}.hierarchy .main-hierarchy .top{display:flex}.hierarchy .main-hierarchy .top .button-back{cursor:pointer;display:flex;align-items:center;gap:8px}.hierarchy .main-hierarchy .title-page{color:#18181b;font-size:24px;font-weight:500;display:flex;justify-content:space-between;align-items:center}.modal-action-hierarchy .main-action-hierarchy{display:flex;flex-direction:column;gap:16px}.modal-action-hierarchy .main-action-hierarchy .header-modal{font-size:24px;font-weight:500}.modal-action-hierarchy .main-action-hierarchy .form-action{display:flex;flex-direction:column;gap:12px}.modal-action-hierarchy .main-action-hierarchy .button-action{display:flex;justify-content:end;gap:8px}.department .main-department{max-width:678px;margin:18px auto;display:flex;flex-direction:column;gap:12px}.department .main-department .top{display:flex}.department .main-department .top .button-back{cursor:pointer;display:flex;align-items:center;gap:8px}.department .main-department .title-page{color:#18181b;font-size:24px;font-weight:500;display:flex;justify-content:space-between;align-items:center}.department .main-department .table-department .table-list-department .column-action .icon-button{display:flex;align-items:center;gap:6px}.department .main-department .table-department .table-list-department .column-action .icon-button svg{cursor:pointer}.news{display:flex;flex-direction:column;gap:16px}.news .header-page-news{display:flex;justify-content:space-between}.news .header-page-news .header-left .title-page{color:#18181b;font-size:24px;font-weight:500}.news .main-news .list-news{display:flex;flex-direction:column;gap:12px}.news .main-news .list-news .item-news{padding:12px;border-radius:8px;border:1px solid #D1D5DB;display:flex;flex-direction:column;gap:12px}.news .main-news .list-news .item-news .head-item{display:flex;justify-content:space-between}.news .main-news .list-news .item-news .head-item .info-user{display:flex;gap:12px;flex:1}.news .main-news .list-news .item-news .head-item .info-user .info{flex:1;display:flex;flex-direction:column;justify-content:space-between}.news .main-news .list-news .item-news .head-item .info-user .info .name{color:#000;font-size:16px;font-weight:500}.news .main-news .list-news .item-news .head-item .info-user .info .info-created{display:flex;gap:8px;align-items:center;color:#6b7280;font-size:12px}.news .main-news .list-news .item-news .head-item .info-user .info .info-created .dot{width:3px;height:3px;border-radius:50%;background:#6B7280}.news .main-news .list-news .item-news .head-item .info-user .avatar{width:50px;height:50px;border-radius:50%;border:1px solid #E9E9E9}.news .main-news .list-news .item-news .head-item .info-user .avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.news .main-news .list-news .item-news .head-item .more svg{cursor:pointer}.news .main-news .list-news .item-news .list-media{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.news .main-news .list-news .item-news .list-media .item-media{height:200px;border-radius:8px;border:1px solid #D1D5DB}.news .main-news .list-news .item-news .list-media .item-media img{height:100%;width:100%;object-fit:cover;border-radius:8px}.news .main-news .list-news .item-news .list-file{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.news .main-news .list-news .item-news .list-file .item-media{padding:10px;border-radius:8px;border:1px solid #D1D5DB;display:flex;gap:12px}.news .main-news .list-news .item-news .list-file .item-media .image-file{width:80px;height:80px;border-radius:8px;background:linear-gradient(135deg,#6366F1 0%,#6BCAFF 100%);display:flex;align-items:center;justify-content:center}.news .main-news .list-news .item-news .list-file .item-media .info-file{display:flex;flex-direction:column;gap:12px}.news .main-news .list-news .item-news .list-file .item-media .info-file .name-file{color:#18181b;font-weight:500}.news .main-news .list-news .item-news .list-file .item-media .info-file .size{color:#6b7280;font-size:12px}.modal-create-news .main-create-news{display:flex;flex-direction:column;gap:8px}.modal-create-news .main-create-news .header-create-news{display:flex;justify-content:center;color:#18181b;font-size:24px;font-weight:500}.modal-create-news .main-create-news .user{display:flex;align-items:center;gap:10px}.modal-create-news .main-create-news .user .avatar{width:50px;height:50px;border-radius:50%;border:2px solid #F9FAFB;overflow:hidden}.modal-create-news .main-create-news .user .avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.modal-create-news .main-create-news .user .name{color:#231f20;font-size:17px;font-weight:500}.modal-create-news .main-create-news .list-media{display:flex;flex-wrap:wrap;gap:1px}.modal-create-news .main-create-news .list-media .item{position:relative;width:150px;height:150px;border-radius:12px;overflow:hidden;border:1px solid #F9FAFB}.modal-create-news .main-create-news .list-media .item .file{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:12px;background:linear-gradient(135deg,#6366F1 0%,#6BCAFF 100%)}.modal-create-news .main-create-news .list-media .item img{width:100%;height:100%;border-radius:12px;object-fit:cover}.modal-create-news .main-create-news .list-media .item .icon-trash{position:absolute;right:10px;line-height:0;top:5px;background:#D1D5DB;border-radius:50%;cursor:pointer}.modal-create-news .main-create-news .media{display:flex;justify-content:space-between}.modal-create-news .main-create-news .media .item{cursor:pointer;min-width:140px;border-radius:8px;background:#EEF2FF;padding:8px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;color:#6366f1;font-size:14px}.modal-create-news .main-create-news .button-action .button-component{width:100%}.container__login{margin-right:-216px!important}.container__login .content__login{height:100vh;display:flex}.container__login .content__login .form__login{display:flex;flex-direction:column;gap:10px;flex:1}.container__login .content__login .form__login .title__login{color:#64748b;font-size:24px}.container__login .content__login .form__login .title__login .des .link:hover{color:#6366f1}.container__login .content__login .form__login .name__company{color:#6366f1;font-size:32px;font-style:normal;font-weight:700;line-height:60px}.container__login .content__login .form__login .item__input{margin-bottom:12px}.container__login .content__login .form__login .item__input .label{color:var(--primary-1000, #122233);font-family:Helvetica Neue;font-size:16px;font-style:normal;font-weight:400;line-height:20px;margin-bottom:4px}.container__login .content__login .form__login .item__input .form__input{padding:12px 16px;border-radius:12px;border:1px solid var(--black-300, #a7a5a6);background:#fff;width:100%}.container__login .content__login .form__login .item__input p{font-size:12px;color:red}.container__login .content__login .form__login .forgot{margin-top:20px;margin-bottom:17px;display:flex;justify-content:space-between;align-items:center}.container__login .content__login .form__login .forgot .forgot__icon{display:flex;align-items:center;line-height:0}.container__login .content__login .form__login .forgot .forgot__icon input{margin-right:8px}.container__login .content__login .form__login .forgot .forgot__pass a{text-decoration:none;color:var(--primary-500, #614ee9);text-align:right;font-family:Helvetica Neue;font-style:normal;font-weight:500}.container__login .content__login .form__login .form__button{margin-bottom:24px;display:flex;gap:8px;flex-direction:column}.container__login .content__login .form__login .form__button .button-component{width:100%}.container__login .content__login .form__login .form__button .register{font-size:15px;display:flex;gap:6px;justify-content:center}.container__login .content__login .form__login .form__button .register .button-register{cursor:pointer;color:#6366f1}.container__login .content__login .form__login .form__login-socical{display:flex;justify-content:center;gap:24px}.container__login .content__login .form__login .form__login-socical .form__login-item{padding:15px;border-radius:45%;border:1.5px solid var(--black-200, #d3d2d2)}.container__login .content__login .form__login .form__login-socical .form__login-item:hover{cursor:pointer}.container__login .content__login .banner__login{height:100%;width:100%;overflow:hidden;flex:2}.container__login .content__login .banner__login img{width:100%;height:100%;object-fit:cover}.view-login{display:flex;flex-direction:column;gap:24px}.view-login .sub__title{color:#18181b;font-size:24px;font-weight:600}.view-login .form-login{display:flex;flex-direction:column;gap:20px}.view-register{display:flex;flex-direction:column;gap:24px}.view-register .sub__title{color:#18181b;font-size:24px;font-weight:600}.view-register .box{display:flex;flex-direction:column;gap:24px}.view-register .box .form-register{display:flex;flex-direction:column;gap:20px}.view-register .box .form__button .btn-back{display:flex;justify-content:center}.view-register .box .form__button .btn-back span{cursor:pointer;font-size:15px}.view-register .box .form__button .btn-back span:hover{color:#ef4444}.view-otp{display:flex;flex-direction:column;gap:16px}.view-otp .title{color:#18181b;font-size:20px;font-weight:500}.view-otp .main-view .send__otp{margin-bottom:24px}.view-otp .main-view .send__otp .send__otp-title{color:var(--primary-800, #221488);text-align:center;font-size:20px;font-style:normal;font-weight:500;line-height:24px;margin-bottom:8px}.view-otp .main-view .send__otp .send__otp-desc{color:#7b7979;text-align:center;font-size:14px;font-style:normal;font-weight:400;line-height:18px}.view-otp .main-view .email{max-width:420px;margin:0 auto 16px;color:var(--black-600, #231f20);font-family:Helvetica Neue;font-size:20px;font-style:normal;font-weight:500;line-height:24px}.view-otp .main-view .item__input{max-width:420px;margin:0 auto 16px}.view-otp .main-view .item__input .label{color:var(--primary-1000, #122233);font-family:Helvetica Neue;font-size:16px;font-style:normal;font-weight:400;line-height:20px;margin-bottom:4px}.view-otp .main-view .item__input .form__input{padding:12px 16px;border-radius:12px;border:1px solid var(--black-300, #a7a5a6);background:#fff;width:100%}.view-otp .main-view .otp{width:350px;margin:0 auto}.view-otp .main-view .otp .login-main-code{display:flex;gap:10px}.view-otp .main-view .otp .login-main-code div{width:100%;justify-content:space-between!important}.view-otp .main-view .otp .login-main-code input{border-bottom:solid 2px #98a2b3;width:50px!important;height:50px;outline:none;text-align:center;color:var(--Black-600, #231f20);font-size:24px;border-radius:8px;border:1px solid var(--Black-200, #d3d2d2);font-weight:500;background:#fff;padding:10px;margin-bottom:12px}.view-otp .main-view .otp .login-main-code input[type=number]::-webkit-inner-spin-button,.view-otp .main-view .otp .login-main-code input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.view-otp .main-view .re__send{margin-top:8px;margin-bottom:24px;text-align:right;font-size:12px;font-style:normal;font-weight:400;line-height:normal;color:var(--black-400, #7b7979)}.view-otp .main-view .re__send .btn-resend{color:#3922e3;cursor:pointer}.view-otp .main-view .re__send .disable{cursor:not-allowed}.view-otp .main-view .button__register{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}.view-otp .main-view .button__register .btn-back{cursor:pointer}.view-otp .main-view .button__register .btn-back:hover{color:#ef4444}.view-otp .main-view .button__register .button-action{width:100%;border-radius:8px;background:#6366F1;display:flex;justify-content:center;color:#fff;padding:12px 16px;cursor:pointer}.view-verify{display:flex;flex-direction:column;gap:24px}.view-verify .sub__title{color:#18181b;font-size:24px;font-weight:600}.view-verify .box{display:flex;flex-direction:column;gap:25px}.view-verify .box .form-verify,.regulation{display:flex;flex-direction:column;gap:20px}.regulation .regulation-title-page{color:#18181b;font-size:24px;font-weight:500;display:flex;justify-content:space-between;align-items:center}.regulation .regulation-title-page .button-upload{font-size:18px;padding:12px 16px;background:#6366F1;color:#fff;border-radius:8px;display:flex;align-items:center;gap:8px;cursor:pointer}.regulation .list-file{display:grid;grid-template-columns:repeat(2,1fr)}.regulation .list-file .item-file{display:flex;gap:12px;padding:12px;border-radius:8px;border:1px solid #D1D5DB;background:#FFF;flex-direction:column}.regulation .list-file .item-file .name{font-size:20px}.regulation .list-file .item-file .list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.regulation .list-file .item-file .list .file{padding:5px;border-radius:8px;border:1px solid #D1D5DB;display:flex;gap:12px;cursor:pointer}.regulation .list-file .item-file .list .file .image-file{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:8px;background:linear-gradient(135deg,#6366F1 0%,#6BCAFF 100%)}.regulation .list-file .item-file .list .file .info{display:flex;flex-direction:column;gap:8px;flex:1}.regulation .list-file .item-file .list .file .info .name-regulation{color:#18181b;font-size:18px;font-weight:500}.regulation .list-file .item-file .list .file .info .size{color:#6b7280;font-size:13px}.modal-action-regulation .main-action-regulation{display:flex;flex-direction:column;gap:10px}.modal-action-regulation .main-action-regulation .header{font-size:24px}.modal-action-regulation .main-action-regulation .list-file{display:flex;flex-wrap:wrap;gap:8px}.modal-action-regulation .main-action-regulation .list-file .item-file{position:relative}.modal-action-regulation .main-action-regulation .list-file .item-file .image-file{width:100px;height:100px;background:linear-gradient(135deg,#2E3ED0 0%,#46E9FF 100%);border-radius:8px;display:flex;justify-content:center;align-items:center}.modal-action-regulation .main-action-regulation .list-file .item-file .icon-close{position:absolute;top:5px;right:5px;width:20px;height:20px;background:#cdcdcd;display:flex;justify-content:center;align-items:center;border-radius:50%;cursor:pointer}.modal-action-regulation .main-action-regulation .list-file .file{width:100px;height:100px;border:1px dashed;border-radius:8px;display:flex;justify-content:center;align-items:center;cursor:pointer}.modal-action-regulation .main-action-regulation .button-end{display:flex;justify-content:end}.customer{display:flex;flex-direction:column;gap:10px}.customer .customer-title{font-size:24px}.customer .customer-main{display:flex;flex-direction:column;gap:10px}.customer .customer-main .customer-main-table .table-list-department .action .icon-action{display:flex;align-items:center}.customer .customer-main .customer-main-table .table-list-department .action .icon-action span{line-height:0;width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%}.customer .customer-main .customer-main-table .table-list-department .action .icon-action span:hover{background:#eaeaea;cursor:pointer}.page-finance-project .head-page-finance-project .title-page{color:#18181b;font-size:24px;font-weight:500}.page-finance-project .table-finance{padding-top:24px}.page-finance-project .table-finance .title-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px}.page-finance-project .table-finance .title-head .text-title{color:#18181b;font-size:20px;font-weight:500;padding-bottom:12px}.page-finance-project .table-finance .title-head .action-title{display:flex;gap:12px}.page-finance-project .table-finance .table-asset .total{padding-top:12px;color:#6366f1}.salary-detail{display:flex;flex-direction:column;gap:20px}.salary-detail .title-salary{display:flex;justify-content:center;font-size:19px;font-weight:600}.salary-detail .info-staff{display:flex;flex-direction:column;gap:5px}.salary-detail .info-staff .label-box{font-size:17px;font-weight:600}.salary-detail .info-staff .box-info{display:flex;gap:100px}.salary-detail .info-staff .box-info .list-label,.salary-detail .info-staff .box-info .list-content{display:flex;flex-direction:column;gap:5px}.salary-detail .list-table{display:flex;flex-wrap:wrap;gap:50px}.salary-detail .list-table .item-table .table-1{width:300px}.salary-detail .list-table .item-table .table-2{width:350px}.salary-detail .list-table .item-table .table-4{width:300px}.salary-detail .list-table .item-table .table-5{width:400px}.salary-detail .list-table .item-table .table-salary{border-collapse:collapse}.salary-detail .list-table .item-table .table-salary thead tr{font-size:14px;color:#18181b}.salary-detail .list-table .item-table .table-salary thead tr th{border:1px solid #D1D5DB;padding:10px}.salary-detail .list-table .item-table .table-salary tbody tr{font-size:14px;color:#18181b}.salary-detail .list-table .item-table .table-salary tbody tr td{border:1px solid #D1D5DB;padding:10px}.salary-detail .total-salary{justify-content:center;font-weight:600;display:flex;gap:60px}.salary-detail .des{font-size:15px;display:flex;justify-content:center}.profile-company{width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.profile-company .profile-company-header{font-size:24px}.profile-company .box-logo{display:flex;flex-direction:column;gap:5px;justify-content:center;align-items:center}.profile-company .box-logo .logo-company{width:145px;height:145px;border-radius:50%;overflow:hidden;cursor:pointer}.profile-company .box-logo .logo-company img{width:100%;height:100%;object-fit:cover}.profile-company .profile-company-form{gap:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.profile-company .button-action{display:flex;justify-content:end}.client{display:flex;flex-direction:column;gap:10px}.client .header-client{display:flex;align-items:center;gap:12px}.client .header-client .title-client{color:var(--Gray-900, #18181b);font-family:Be Vietnam Pro;font-size:24px;font-style:normal;font-weight:500;line-height:30px;margin-right:28px}.client .header-client .search-wrapper{flex:1;display:flex;align-items:center;border-radius:8px;border:1px solid var(--Blue-Gray-300, #cbd5e1);padding:2px}.client .header-client .search-wrapper .input-search{flex:1;display:flex;align-items:center;padding:8px 4px 12px 8px}.client .header-client .search-wrapper .input-search input{flex:1;padding-left:4px;display:flex;align-items:center}.client .header-client .search-wrapper .input-search input::placeholder{color:var(--Cool-Gray-500, #6b7280);font-family:Be Vietnam Pro;font-size:16px;font-style:normal;font-weight:400;line-height:20px}.client .header-client .search-wrapper .icon-search{padding:8px 20px;border-radius:6px;background:var(--Indigo-500, #6366f1)}.client .header-client .search-wrapper .icon-search:hover{cursor:pointer}.client .button-action-customer{display:flex;justify-content:end}.client .main-client{margin-top:12px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.client .main-client .wrapper-client{display:flex;align-items:center;gap:12px;border-radius:8px;border:1px solid #d1d5db;padding:12px}.client .main-client .wrapper-client .avt-client{flex-shrink:0;height:48px;width:48px;border-radius:50%;overflow:hidden;border:1px solid #d1d5db}.client .main-client .wrapper-client .avt-client img{width:100%;height:100%;object-fit:cover}.client .main-client .wrapper-client .content-client{flex:1}.client .main-client .wrapper-client .content-client .name{color:var(--Gray-900, #18181b);font-size:16px;font-style:normal;font-weight:500;line-height:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.client .main-client .wrapper-client .content-client .name:hover{cursor:pointer}.client .main-client .wrapper-client .content-client .desc{color:#a5a5a5;font-family:Be Vietnam Pro;font-size:14px;font-style:normal;font-weight:500;line-height:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis}.client .main-client .wrapper-client .more{height:30px;width:30px;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:all ease-in-out .2s;position:relative}.client .main-client .wrapper-client .more svg{display:block}.client .main-client .wrapper-client .more:hover{background:#f1eeee;cursor:pointer}.client .main-client .wrapper-client .more:hover .sub-desc{display:block}.sub-desc{background:#fff}.sub-desc ul li{color:#18181b;padding:8px 12px;white-space:nowrap;border-bottom:1px solid #e4e4eb;transition:all ease-in-out .2s}.sub-desc ul li:last-child{border-bottom:unset}.sub-desc ul li:hover{cursor:pointer;color:#000;background:rgb(238,236,236)}.wrapper-information .back{display:flex;align-items:center;gap:8px;margin-bottom:14px}.wrapper-information .back:hover{cursor:pointer}.wrapper-information .back:hover span{transition:all ease-in-out .2s;text-decoration:underline}.wrapper-information .title-information{color:var(--Gray-900, #18181b);font-size:24px;font-style:normal;font-weight:500;line-height:30px;margin-bottom:12px}.wrapper-information .name-company{padding-left:16px;color:var(--Gray-900, #18181b);font-size:24px;font-style:normal;font-weight:500;line-height:30px;margin-bottom:18px}.wrapper-information .form-information .form-item{display:flex;align-items:center;width:100%;gap:16px}.wrapper-information .form-information .form-item .form-input{width:100%;margin-bottom:16px}.wrapper-information .form-information .form-item .form-input .label-form{color:var(--Gray-900, #18181b);font-size:12px;font-style:normal;font-weight:400;line-height:16px;margin-bottom:4px}.wrapper-information .form-information .sub-title{margin-bottom:16px}.modal-action-personnel .box-avatar-name{max-width:300px;margin:0 auto}.modal-action-personnel .box-avatar-name label{width:128px;display:block;margin:0 auto}.modal-action-personnel .box-avatar-name .input-full-name .form-input .box-input{padding:0;border:none;background:#FFFFFF}.modal-action-personnel .box-avatar-name .input-full-name .form-input .error-message{left:22px}.modal-action-personnel .box-avatar-name .input-full-name .form-input input{text-align:center}.modal-action-personnel .box-avatar-name .avatar{position:relative;width:128px;height:128px;overflow:hidden;border-radius:50%}.modal-action-personnel .box-avatar-name .avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.modal-action-personnel .box-avatar-name .avatar .icon{padding:4px;line-height:0;border-radius:50%;position:absolute;bottom:5px;right:20px;border:1px solid #F9FAFB;background:#FFF}.modal-action-personnel .button-func{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:8px}.modal-action-personnel .main-action-personnel{display:flex;flex-direction:column;gap:18px}.modal-action-personnel .main-action-personnel .personal-info,.modal-action-personnel .main-action-personnel .company-info{display:flex;flex-direction:column;gap:16px}.modal-action-personnel .main-action-personnel .personal-info .label-box,.modal-action-personnel .main-action-personnel .company-info .label-box{color:#18181b;font-size:16px;font-weight:600}.modal-action-personnel .main-action-personnel .personal-info .box-form-info,.modal-action-personnel .main-action-personnel .company-info .box-form-info{display:flex;flex-direction:column;gap:14px}.modal-action-personnel .main-action-personnel .personal-info .box-form-info .box-list-enterprise .list-enterprise,.modal-action-personnel .main-action-personnel .company-info .box-form-info .box-list-enterprise .list-enterprise{display:flex;flex-wrap:wrap;gap:8px}.modal-action-personnel .main-action-personnel .personal-info .box-form-info .box-list-enterprise .list-enterprise .item-enterprise,.modal-action-personnel .main-action-personnel .company-info .box-form-info .box-list-enterprise .list-enterprise .item-enterprise{cursor:pointer;padding:12px 16px;border-radius:8px;border:1px solid #D1D5DB;color:#6b7280;font-size:16px}.modal-action-personnel .main-action-personnel .personal-info .box-form-info .box-list-enterprise .list-enterprise .active,.modal-action-personnel .main-action-personnel .company-info .box-form-info .box-list-enterprise .list-enterprise .active{border:1px solid #6366F1;color:#6366f1}.modal-action-personnel .button-action-personnel .action-button-user{display:flex;gap:10px}.modal-action-personnel .button-action-personnel .button-component{width:100%}.modal-action-personnel .button-action-personnel .outline{border:1px solid #EF4444}.modal-action-personnel .button-action-personnel .outline .label-button{color:#ef4444}.modal-action-personnel .title{font-size:24px}.modal-action-personnel .box-form-reset{display:flex;flex-direction:column;gap:20px}.modal-action-personnel .button-action{display:flex;justify-content:end;gap:10px}.modal-action-personnel .button-action .button-component{width:110px}@font-face{font-family:Be Vietnam Pro;src:local("Be Vietnam Pro"),url(/assets/BeVietnamPro-Regular-963d97c6.ttf) format("truetype")}*{margin:0;padding:0;border:0;box-sizing:border-box;font-family:Be Vietnam Pro}html{font-size:62.5%;height:100%}body{font-size:1.6rem;height:100%;font-family:Be Vietnam Pro;font-weight:300}body::-webkit-scrollbar{display:none}ul{list-style:none}.container{width:100%;margin:0 21.6rem}a{text-decoration:none;color:inherit}.container-fluid{width:100%;padding:0}input,textarea{border:none;outline:none;font-size:1.6rem}.btn{padding:12px 16px;border-radius:12px;background:var(--primary-500, #614ee9);font-size:16px;font-style:normal;font-weight:500;color:#fff;line-height:18px;width:100%;text-align:center}.btn:hover{cursor:pointer}.btn__noBg{background:#fff;color:var(--primary-500, #614ee9);border:1px solid var(--primary-500, #614ee9)}.ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab .ant-tabs-tab-btn{font-size:16px}.ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:hover{color:#6366f1}.ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab-active{padding:0}.ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab-active .ant-tabs-tab-btn{color:#6366f1!important;font-size:16px}.ant-tabs-nav .ant-tabs-nav-list .ant-tabs-ink-bar{background:#6366F1;position:absolute;top:40px}.ant-tabs-nav:before{border-bottom:none!important}.ant-table-wrapper .ant-table-thead tr th{background:#f3f4f6;color:#18181b;font-size:14px;font-weight:500}.line-horizontal{height:1px;background:#d1d5db}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item{display:flex}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item .ant-dropdown-menu-title-content span{display:flex;width:100%}.list-empty{display:flex;flex-direction:column;gap:10px;align-items:center;padding:40px 0 20px}.icon-loading{animation:rotate 2s linear infinite}.ant-spin-dot{animation:rotate 2s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}input::placeholder{color:#999!important;font-size:15px!important}.ant-select-selection-placeholder{color:#999!important;font-size:15px!important}