.custom-dialog .el-dialog[data-v-9793d1b0]{max-height:80vh;overflow-y:auto}.avatar img[data-v-19f020fe]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.more-icon[data-v-88d05f0c]{cursor:pointer;padding:4px;border-radius:4px;-webkit-transition:background-color .2s;transition:background-color .2s}.more-icon[data-v-88d05f0c]:hover{background-color:rgba(0,0,0,.04)}.tooltip-content[data-v-88d05f0c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#fff;border-radius:8px;padding:0 0;min-width:100px}.tooltip-item[data-v-88d05f0c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;padding:10px 16px;cursor:pointer;-webkit-transition:background-color .2s;transition:background-color .2s}.tooltip-item[data-v-88d05f0c]:hover{background-color:rgba(0,0,0,.04)}.tooltip-icon[data-v-88d05f0c]{width:16px;height:16px;-ms-flex-negative:0;flex-shrink:0}.tooltip-label[data-v-88d05f0c]{font-size:14px;line-height:1.4;color:#333;white-space:nowrap}.sugesstion{border-bottom:1px solid #d0d5d9;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sugesstion .infor{-ms-flex-wrap:wrap;flex-wrap:wrap}.action-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px;height:100%}.main .container-fluid{padding:0!important}.container-fluid{padding-left:0;padding-right:0}.my-work{width:240px;height:52px;gap:18px;font-family:Lexend Deca;font-size:15px;line-height:52px;letter-spacing:0;cursor:pointer;margin:0 auto;text-align:center;color:#292d32}.my-work i{margin-right:5px}.el-header{background-color:#b3c0d1;color:#333;line-height:60px}.el-tabs__header{border:none;margin:0}.left-menu-cong-viec{width:240px!important;height:100%;background:#fff}.el-aside{color:#333;background:#fff}.container-screen{height:100vh;overflow-y:scroll}.active-menu{background:#d0e8f5}.el-submenu__title{width:240px;height:40px;padding:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:18px;-webkit-box-sizing:border-box;box-sizing:border-box}.item-raw{width:240px;height:52px;gap:18px;padding-right:10px}.item-raw-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;gap:20px;padding-left:0!important;font-family:Lexend Deca,sans-serif;font-weight:400;font-size:15px;line-height:24px;letter-spacing:0;height:52px;width:240px;align-items:center}.project-name{font-size:14px;color:#333}.el-menu-item-group__title{padding-left:0!important}.el-submenu .el-menu-item .item-raw-wrapper{padding:0}.el-menu-item.item-raw-wrapper{padding-left:20px!important}.el-menu-item-group{height:52px}.item-raw-wrapper:hover .more-icon{display:inline-block}.item-raw-wrapper:hover{cursor:pointer;background:#d0e8f5}.more-icon{display:none;position:absolute;right:12px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:20px;color:#292d32;cursor:pointer}.header-band{height:72px;top:72px;left:480px;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.1607843137254902);box-shadow:0 2px 4px 0 rgba(0,0,0,.1607843137254902);background:#fff}.tabs-work .el-tabs__item{background:#e9e9e9;border-bottom:1px solid #d0d5d9;width:204px;height:50px;gap:10px;padding-top:13px;padding-bottom:13px}.el-tab{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-pack:start;-ms-flex-pack:start;justify-content:flex-start}.tab-text{font-family:\ Lexend Deca;font-weight:600;font-size:15px;line-height:24px;letter-spacing:0;padding-left:10px;color:#292d32}.tabs-work .el-tabs__item{border-top-left-radius:0!important;border-top-right-radius:0!important;margin-right:0!important}.tabs-work .el-tabs__item.is-active{background-color:#fff!important;border-top:3px solid #f79e61!important;border-bottom:none;border-right:none;border-left:none}.screen-main{height:902px;top:224px;left:504px;background:#fff}.work-create{width:262px;height:56px;gap:10px;border-radius:4px;padding-top:14px;padding-right:40px;padding-bottom:14px;padding-left:40px;background:#4f8aab;border:none;color:#fff;margin-top:240px}.create-button{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}.create-button,.filter-form{display:-webkit-box;display:-ms-flexbox;display:flex}.filter-form{gap:20px;padding-left:10px;padding-right:10px;padding-top:20px;-ms-flex-wrap:wrap;flex-wrap:wrap}.el-select{max-width:180px}.filter-form .el-select .el-input__inner{background:#d0e8f5;border:1px solid #4f8aab;height:40px;gap:10px;border-radius:8px;border-width:1px;padding-top:8px;padding-right:10px;padding-bottom:8px;padding-left:10px;font-size:15px;line-height:24px;font-family:Lexend Deca;color:#4f8aab}.filter-form .dateform,.filter-form .el-date-picker,.filter-form .el-select{-ms-flex-negative:0;flex-shrink:0}.dateform{gap:12px}.dateform,.row-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.row-flex{gap:6px}.row-flex .title{font-family:Lexend Deca,sans-serif;font-weight:400;font-size:13px;line-height:16px;letter-spacing:0;white-space:nowrap}.el-input__inner::-webkit-input-placeholder{font-family:Lexend Deca,sans-serif;font-weight:400;font-size:15px;line-height:24px;letter-spacing:0;color:#4f8aab}.el-input__inner::-moz-placeholder{font-family:Lexend Deca,sans-serif;font-weight:400;font-size:15px;line-height:24px;letter-spacing:0;color:#4f8aab}.el-input__inner:-ms-input-placeholder{font-family:Lexend Deca,sans-serif;font-weight:400;font-size:15px;line-height:24px;letter-spacing:0;color:#4f8aab}.el-input__inner::-ms-input-placeholder{font-family:Lexend Deca,sans-serif;font-weight:400;font-size:15px;line-height:24px;letter-spacing:0;color:#4f8aab}.el-input__inner::placeholder{font-family:Lexend Deca,sans-serif;font-weight:400;font-size:15px;line-height:24px;letter-spacing:0;color:#4f8aab}.screen-main .el-collapse-item__header{height:60px;gap:16px;padding:16px;background:#4f8aab}.screen-main .el-table thead tr th{height:48px;gap:10px;padding-top:12px;padding-bottom:12px;background:#4f8aab!important;color:#fff;border-top:1px solid #fff;border-right:1px solid #fff}.screen-main .el-collapse-item__content{padding:0}.screen-main .el-collapse .el-collapse-item__header{border-radius:0;color:#fff;padding-left:16px;padding-right:16px}.screen-main .el-collapse-item{margin-top:16px!important;padding-left:16px;padding-right:16px}.screen-main .el-table thead tr th:first-child{border-left:none}.screen-main .el-table thead tr th:last-child{border-right:none}.main-screen .create-button .work-create{margin-top:10px}.screen-main .el-table{border-radius:0}.el-table__row:hover>.el-table__cell{background:#d0e8f5!important;cursor:pointer}.popup-content .project-name{font-size:18px;line-height:28px;color:#7e7e7e}.popup-content .project-name,.popup-content .task-name{font-family:Lexend Deca;font-weight:400;letter-spacing:0}.popup-content .task-name{font-size:24px;line-height:32px;text-wrap:inherit;color:#292d32}.popup-content .last-change{font-family:Lexend Deca;font-weight:300;font-size:15px;line-height:24px;letter-spacing:0;color:#000}.popup-content .last-change .author{text-decoration:none;color:#20a8d8}.assigner-item{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:8px;height:40px;border-radius:8px;background:#d0e8f5;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-bottom:16px;cursor:pointer;margin-right:15px;position:relative}.assigner-item.member:hover{border:1px solid red}.assigner-item.member .remove-btn{position:absolute;top:-6px;right:-6px;background:red;color:#fff;border:none;border-radius:50%;width:18px;height:18px;font-size:12px;line-height:16px;display:none;cursor:pointer}.assigner-item.member:hover .remove-btn{display:block}.assigner-item .avatar{margin-right:0}.task-element{display:-webkit-box;display:-ms-flexbox;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.task-element span{margin-bottom:8px}.task-type{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}.popup-content .dateform{-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:24px}.popup-content .dateform .time-picker{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.popup-content .dateform .time-picker span{margin-bottom:8px}.popup-content .dateform .time-picker input{height:40px}.popup-content .note-form .title{text-align:left;margin-bottom:8px}.popup-content .note-form{margin-top:24px}.popup-content .note-form .el-textarea{margin-top:8px}.check-box-list{margin:20px 0}.title #checklist-title{font-family:Lexend Deca;font-weight:400;font-size:15px;line-height:24px;letter-spacing:0;color:#292d32}.popup-content-delete{width:300px}.popup-content-delete p{font-size:15px}.checkbox-group{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.checkbox-group,.checkbox-group .checkbox-item{display:-webkit-box;display:-ms-flexbox;display:flex}.checkbox-group .checkbox-item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:5px;padding-top:8px;padding-right:16px;padding-bottom:8px;padding-left:16px;gap:8px}.checkbox-group .checkbox-item .task-list{font-family:Lexend Deca;font-weight:300;font-size:15px;line-height:24px;letter-spacing:0;text-decoration:underline;-webkit-text-decoration-style:solid;text-decoration-style:solid;text-decoration-thickness:0}.checkbox-item input[type=checkbox]{top:9px;left:6px;border-width:1.5px;accent-color:#1e3cd7}.checkbox-item label{color:#1e3cd7;text-decoration:underline;cursor:pointer;margin-bottom:0}.file-upload-container{font-family:Arial,sans-serif}.upload-label{cursor:pointer;color:#007bff;text-decoration:underline;display:inline-block;margin-bottom:0}.file-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.file-item{gap:6px;margin-top:8px;cursor:pointer}.file-item a{text-decoration:underline;color:#2a5bd7;font-weight:500}.file-upload-container .sub-upload{font-family:Lexend Deca;font-weight:400;font-size:15px;line-height:24px;letter-spacing:0;color:#292d32;padding-top:8px;padding-bottom:8px;gap:10px}.upload-file{padding-top:8px;padding-bottom:8px}.icon-up{width:16px;height:16px}.icon-down{width:14;height:14;top:1px;left:1px;border-width:1.25px;color:#4f8aab}.file-wrapper{font-family:Arial,sans-serif}.file-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:6px}.icon{width:18px;margin-right:6px}.file-name{font-size:14px;color:#1a5cc8;text-decoration:underline;cursor:default;-webkit-box-flex:1;-ms-flex:1;flex:1}.remove-btn{color:#999;font-size:16px;cursor:pointer;margin-left:8px;-webkit-transition:color .2s;transition:color .2s}.remove-btn:hover{color:red}.upload-box{border:1px dashed #ccc;padding:8px 12px;color:#666;font-size:14px;display:inline-block;cursor:pointer;margin-top:8px;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.upload-file,.work-add{font-family:Lexend Deca;font-weight:300;font-size:15px;line-height:24px;letter-spacing:0;color:#444242;padding-top:8px;padding-bottom:8px;padding-left:16px;padding-right:16px;border:1px solid #ababab;width:324px;border-radius:5px;height:40px;cursor:pointer}.file-name-truncate{max-width:260px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.assign-content{width:400px}.no-header-table thead{display:none}.my-member-screen{padding:16px;background-color:#fff}.member-actions{margin-bottom:16px}.add-member-btn{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:8px 16px;font-size:14px;color:#333;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .2s ease;transition:all .2s ease}.add-member-btn:hover{background-color:#f5f5f5}.member-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:16px;border-bottom:1px solid #f0f0f0;background-color:#fff;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.member-card:hover{background-color:#f9f9f9}.avatar{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-right:16px;border:1px solid #e0e0e0}.member-info{-webkit-box-flex:1;-ms-flex:1;flex:1}.member-info h3{margin:0;font-size:15px;font-weight:500;color:#333}.member-info p{margin:4px 0 0;font-size:13px;color:#767676}.member-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.member-btn{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;padding:6px 12px;font-size:13px;color:#333;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.member-btn:hover{background-color:#ebebeb}.member-btn.danger{color:#e53935}.member-btn.danger:hover{background-color:#ffebee;border-color:#ffcdd2}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;-webkit-transition:opacity .3s ease,visibility .3s ease;transition:opacity .3s ease,visibility .3s ease}.modal-overlay.active{opacity:1;visibility:visible}.modal-content{background-color:#fff;border-radius:8px;padding:24px;width:500px;max-width:90%;max-height:90vh;overflow-y:auto;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15);-webkit-transform:translateY(-20px);transform:translateY(-20px);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.modal-overlay.active .modal-content{-webkit-transform:translateY(0);transform:translateY(0)}.modal-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.modal-title{font-size:18px;font-weight:500;color:#333;margin:0}.modal-close{background:none;border:none;font-size:20px;color:#999;cursor:pointer;padding:0;line-height:1}.modal-body{margin-bottom:24px}.modal-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #f0f0f0}.modal-btn{padding:8px 16px;border-radius:4px;font-size:14px;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;border:1px solid transparent}.modal-btn-cancel{background-color:#f5f5f5;color:#555;border-color:#e0e0e0}.modal-btn-cancel:hover{background-color:#ebebeb}.modal-btn-submit{background-color:#1e88e5;color:#fff}.radio-element{margin-top:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}.radio-element,.radio-element .el-radio{display:-webkit-box;display:-ms-flexbox;display:flex}.radio-element .el-radio:not(:first-child){margin-left:8px}.modal-btn-submit:hover{background-color:#1976d2}.modal-btn-confirm{background-color:#e53935;color:#fff}.modal-btn-confirm:hover{background-color:#d32f2f}.form-group{margin-bottom:16px}.form-label{display:block;margin-bottom:8px;font-size:14px;color:#333;font-weight:500}.form-control{width:100%;padding:8px 12px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px;-webkit-transition:border-color .2s ease;transition:border-color .2s ease}.form-control:focus{border-color:#1e88e5;outline:none}select.form-control{cursor:pointer;background-color:#fff}.avatar-upload{margin-bottom:16px}.avatar-preview,.avatar-upload{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.avatar-preview{background-color:#f5f5f5;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.avatar-upload-btn{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;padding:8px 12px;font-size:13px;color:#333;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.avatar-upload-btn:hover{background-color:#ebebeb}.member-info-display{margin-bottom:20px;padding:16px;background-color:#f9f9f9}.create-work .work-create{margin-top:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-top:0;padding-bottom:0;padding-left:8px;padding-right:8px;height:40px;margin-right:0}.avatar-preview{width:60px;height:60px;border-radius:50%;margin-right:16px;border:1px solid #e0e0e0;background-color:#fff;overflow:hidden}.avatar-preview,.avatar-preview img{-o-object-fit:cover;object-fit:cover}.avatar-preview img{width:100%;height:100%}.member-details h4{margin:0;font-size:16px;font-weight:500;color:#333}.member-details p{margin:4px 0 0;font-size:14px;color:#767676}@media (max-width:768px){.member-buttons{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.member-card{-ms-flex-wrap:wrap;flex-wrap:wrap}.member-info{width:calc(100% - 60px);margin-bottom:8px}.member-buttons{width:100%;margin-left:56px}.modal-content{width:95%;padding:16px}.modal-footer,.modal-header{padding:12px 0}}.search-results{max-height:200px}.search-input-group{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.search-input-group .form-control{-webkit-box-flex:1;-ms-flex:1;flex:1}.search-btn{background-color:#1e88e5;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:14px;cursor:pointer;-webkit-transition:background-color .2s ease;transition:background-color .2s ease;white-space:nowrap}.search-btn:hover{background-color:#1976d2}.search-results{border:1px solid #e0e0e0;border-radius:4px;max-height:250px;overflow-y:auto;margin-bottom:16px;margin-top:12px;scrollbar-width:thin;scrollbar-color:#bbb #f0f0f0}.search-result-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px;border-bottom:1px solid #f0f0f0;cursor:pointer;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background-color:#f5f5f5}.search-result-item .avatar{width:36px;height:36px;border-radius:50%;margin-right:12px}.user-info{-webkit-box-flex:1;-ms-flex:1;flex:1}.user-info h4{margin:0 0 4px 0;font-size:14px}.user-info p{margin:0;font-size:12px;color:#666}.member-info-display{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px;border:1px solid #e0e0e0;border-radius:4px;position:relative}.member-details{-webkit-box-flex:1;-ms-flex:1;flex:1}.member-details h4{margin:0 0 4px 0;font-size:14px}.member-details p{margin:0;font-size:12px;color:#666}.popup-content .delete p{font-size:15px}.member-remove-btn{position:absolute;right:10px;top:10px;background:#f44336;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:16px;cursor:pointer;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.member-remove-btn:hover{background-color:#d32f2f}.search-results::-webkit-scrollbar{width:6px}.search-results::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.search-results::-webkit-scrollbar-thumb{background:#bbb;border-radius:4px}.search-results::-webkit-scrollbar-thumb:hover{background:#999}@media (max-width:576px){.search-input-group{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.search-btn{width:100%}.member-info-display{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding-bottom:16px}.avatar-preview{margin-right:0;margin-bottom:8px}.member-remove-btn{top:8px;right:8px}}.el-dialog__body{word-break:break-word;white-space:normal;max-height:80vh;overflow:scroll}.popupDialog .el-dialog__body{overflow:visible!important}.el-dialog{margin-top:5vh!important}.create-work-content .task-type{margin-top:8px}.create-work-content .dateform{margin-top:20px}.create-work-content .note-form{margin-top:8px}.add-project-btn{width:240px;height:52px;gap:18px;font-family:Lexend Deca;font-size:15px;line-height:52px;letter-spacing:0;cursor:pointer;margin:0 auto;text-align:center;color:#292d32}.add-project-btn i{margin-right:5px}.required{font-size:20px;color:red}.error{color:red;font-size:13px;margin-top:4px}.el-date-editor.is-error .el-input__inner,.el-input.is-error .el-input__inner,.el-select.is-error .el-input__inner{border-color:red!important}