@import url(https://fonts.googleapis.com/css?family=DM+Sans:400,500,700&display=swap);[data-v-4c1c4f3d] .el-radio__input{display:none}[data-v-4c1c4f3d] .el-upload{display:inline-block;text-align:center;cursor:pointer;outline:0;width:100%}[data-v-4c1c4f3d] .el-form-item{margin-top:5px}[data-v-4c1c4f3d]{-webkit-box-sizing:border-box;box-sizing:border-box}body[data-v-4c1c4f3d],html[data-v-4c1c4f3d]{width:100%;height:calc(100vh - 310px);margin:0}body[data-v-4c1c4f3d]{font-family:DM Sans,sans-serif;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:var(--app-container)}a[data-v-4c1c4f3d],button[data-v-4c1c4f3d]{cursor:pointer}.app-container[data-v-4c1c4f3d]{width:100%;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%;background-color:var(--app-container);-webkit-transition:.2s;transition:.2s}.app-container button[data-v-4c1c4f3d],.app-container input[data-v-4c1c4f3d],.app-container optgroup[data-v-4c1c4f3d],.app-container select[data-v-4c1c4f3d],.app-container textarea[data-v-4c1c4f3d]{font-family:DM Sans,sans-serif}.app-content[data-v-4c1c4f3d]{height:100%;min-height:400px;padding:16px 24px 24px 0}.app-content[data-v-4c1c4f3d],.projects-section[data-v-4c1c4f3d]{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.projects-section[data-v-4c1c4f3d]{-webkit-box-flex:4;-ms-flex:4;flex:4;background-color:var(--projects-section);border-radius:8px;padding:0 32px 0 32px;height:calc(100vh - 310px);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.projects-section-line[data-v-4c1c4f3d]{padding-bottom:32px}.projects-section-header[data-v-4c1c4f3d],.projects-section-line[data-v-4c1c4f3d]{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}.projects-section-header[data-v-4c1c4f3d]{margin-bottom:24px;color:var(--main-color)}.projects-section-header p[data-v-4c1c4f3d]{font-size:24px;line-height:32px;font-weight:700;opacity:.9;margin:0;color:var(--main-color)}.projects-section-header .time[data-v-4c1c4f3d]{font-size:17px}.item-status[data-v-4c1c4f3d],.projects-status[data-v-4c1c4f3d]{display:-webkit-box;display:-ms-flexbox;display:flex}.item-status[data-v-4c1c4f3d]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-right:16px}.item-status:not(:last-child) .status-type[data-v-4c1c4f3d]:after{content:"";position:absolute;right:8px;top:50%;-webkit-transform:translatey(-50%);transform:translatey(-50%);width:6px;height:6px;border-radius:50%;border:1px solid var(--secondary-color)}.status-number[data-v-4c1c4f3d]{font-size:24px;line-height:32px;font-weight:700;color:var(--main-color)}.status-type[data-v-4c1c4f3d]{position:relative;padding-right:24px;color:var(--secondary-color)}.view-actions[data-v-4c1c4f3d],.view-btn[data-v-4c1c4f3d]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.view-btn[data-v-4c1c4f3d]{width:36px;height:36px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:6px;border-radius:4px;background-color:transparent;border:none;color:var(--main-color);margin-left:8px;-webkit-transition:.2s;transition:.2s}.view-btn.active[data-v-4c1c4f3d]{background-color:var(--link-color-active-bg);color:var(--link-color-active)}.view-btn[data-v-4c1c4f3d]:not(.active):hover{background-color:var(--link-color-hover);color:var(--link-color-active)}.messages-section[data-v-4c1c4f3d]{-ms-flex-negative:0;flex-shrink:0;padding-bottom:32px;background-color:var(--projects-section);margin-left:24px;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;height:calc(100vh - 310px);border-radius:8px;position:relative;overflow:auto;-webkit-transition:all .3s cubic-bezier(.19,1,.56,1);transition:all .3s cubic-bezier(.19,1,.56,1)}.messages-section .messages-close[data-v-4c1c4f3d]{position:absolute;top:12px;right:12px;z-index:3;border:none;background-color:transparent;color:var(--main-color);display:none}.messages-section.show[data-v-4c1c4f3d]{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;margin-left:0}.messages-section .projects-section-header[data-v-4c1c4f3d]{position:sticky;top:0;z-index:1;padding:32px 24px 0 24px;background-color:var(--projects-section)}.message-box[data-v-4c1c4f3d]{border-top:1px solid var(--message-box-border);padding:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%}.message-box[data-v-4c1c4f3d]:hover{background-color:var(--message-box-hover)}.message-box:hover+.message-box[data-v-4c1c4f3d],.message-box[data-v-4c1c4f3d]:hover{border-top-color:var(--link-color-hover)}.message-box img[data-v-4c1c4f3d]{border-radius:50%;-o-object-fit:cover;object-fit:cover;width:40px;height:40px}.message-header[data-v-4c1c4f3d]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.message-header .name[data-v-4c1c4f3d]{font-size:16px;line-height:24px;font-weight:700;color:var(--main-color);margin:0}.message-content[data-v-4c1c4f3d]{padding-left:16px;width:100%}.star-checkbox input[data-v-4c1c4f3d]{opacity:0;position:absolute;width:0;height:0}.star-checkbox label[data-v-4c1c4f3d]{width:24px;height:24px;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;cursor:pointer}.dark .star-checkbox[data-v-4c1c4f3d]{color:var(--secondary-color)}.dark .star-checkbox input:checked+label[data-v-4c1c4f3d]{color:var(--star)}.star-checkbox input:checked+label svg[data-v-4c1c4f3d]{fill:var(--star);-webkit-transition:.2s;transition:.2s}.message-line[data-v-4c1c4f3d]{font-size:14px;line-height:20px;margin:8px 0;color:var(--secondary-color);opacity:.7}.message-line.time[data-v-4c1c4f3d]{text-align:right;margin-bottom:0}.project-boxes[data-v-4c1c4f3d]{margin:0 -8px;overflow-y:auto}.project-boxes.jsGridView[data-v-4c1c4f3d]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.project-boxes.jsGridView .project-box-wrapper[data-v-4c1c4f3d]{width:33.3%}.project-boxes.jsListView .project-box[data-v-4c1c4f3d]{display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:10px;position:relative}.project-boxes.jsListView .project-box>[data-v-4c1c4f3d]{margin-right:24px}.project-boxes.jsListView .more-wrapper[data-v-4c1c4f3d]{position:absolute;right:16px;top:16px}.project-boxes.jsListView .project-box-content-header[data-v-4c1c4f3d]{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;max-width:120px}.project-boxes.jsListView .project-box-header[data-v-4c1c4f3d]{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.project-boxes.jsListView .project-box-footer[data-v-4c1c4f3d]{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;padding-top:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.project-boxes.jsListView .project-box-footer[data-v-4c1c4f3d]:after{display:none}.project-boxes.jsListView .participants[data-v-4c1c4f3d]{margin-bottom:8px}.project-boxes.jsListView .project-box-content-header p[data-v-4c1c4f3d]{text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.project-boxes.jsListView .project-box-header>span[data-v-4c1c4f3d]{position:absolute;bottom:16px;left:16px;font-size:12px}.project-boxes.jsListView .box-progress-wrapper[data-v-4c1c4f3d]{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;-webkit-box-flex:1;-ms-flex:1;flex:1}.project-box[data-v-4c1c4f3d]{--main-color-card:#dbf6fd;border-radius:8px;padding:16px;background-color:var(--main-color-card)}.project-box-header[data-v-4c1c4f3d]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:16px;color:var(--main-color)}.project-box-header span[data-v-4c1c4f3d]{color:#4a4a4a;opacity:.7;font-size:14px;line-height:16px}.project-box-content-header[data-v-4c1c4f3d]{text-align:center;margin-bottom:16px}.project-box-content-header p[data-v-4c1c4f3d]{margin:0}.project-box-wrapper[data-v-4c1c4f3d]{padding:8px;-webkit-transition:.2s;transition:.2s}.project-btn-more[data-v-4c1c4f3d]{padding:0;height:14px;width:24px;height:24px;position:relative;background-color:transparent;border:none;-ms-flex-negative:0;flex-shrink:0}.more-wrapper[data-v-4c1c4f3d]{position:relative}.box-content-header[data-v-4c1c4f3d]{font-size:16px;line-height:24px;font-weight:700;opacity:.7}.box-content-subheader[data-v-4c1c4f3d]{font-size:14px;line-height:24px;opacity:.7}.box-progress[data-v-4c1c4f3d]{display:block;height:4px;border-radius:6px}.box-progress-bar[data-v-4c1c4f3d]{width:100%;height:4px;border-radius:6px;overflow:hidden;background-color:#fff;margin:8px 0}.box-progress-header[data-v-4c1c4f3d],.box-progress-percentage[data-v-4c1c4f3d]{font-size:14px;font-weight:700;line-height:16px;margin:0}.box-progress-percentage[data-v-4c1c4f3d]{text-align:right}.project-box-footer[data-v-4c1c4f3d]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:16px;position:relative}.project-box-footer[data-v-4c1c4f3d]:after{content:"";position:absolute;background-color:hsla(0,0%,100%,.6);width:calc(100% + 32px);top:0;left:-16px;height:1px}.participants[data-v-4c1c4f3d]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.participants img[data-v-4c1c4f3d]{width:20px;height:20px;border-radius:50%;overflow:hidden;-o-object-fit:cover;object-fit:cover}.participants img[data-v-4c1c4f3d]:not(:first-child){margin-left:-8px}.add-participant[data-v-4c1c4f3d]{width:20px;height:20px;border-radius:50%;border:none;background-color:hsla(0,0%,100%,.6);margin-left:6px;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;padding:0}.days-left[data-v-4c1c4f3d]{background-color:hsla(0,0%,100%,.6);font-size:12px;border-radius:20px;-ms-flex-negative:0;flex-shrink:0;padding:6px 16px;font-weight:700}.mode-switch.active .moon[data-v-4c1c4f3d]{fill:var(--main-color)}.messages-btn[data-v-4c1c4f3d]{border-radius:4px 0 0 4px;position:absolute;right:0;top:58px;background-color:var(--message-btn);border:none;color:var(--main-color);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;padding:4px;display:none}@media screen and (max-width:980px){.project-boxes.jsGridView .project-box-wrapper[data-v-4c1c4f3d]{width:50%}.status-number[data-v-4c1c4f3d],.status-type[data-v-4c1c4f3d]{font-size:14px}.status-type[data-v-4c1c4f3d]:after{width:4px;height:4px}.item-status[data-v-4c1c4f3d]{margin-right:0}}@media screen and (max-width:880px){.messages-section[data-v-4c1c4f3d]{-webkit-transform:translateX(100%);transform:translateX(100%);position:absolute;opacity:0;top:0;z-index:2;height:100%;width:100%}.messages-section .messages-close[data-v-4c1c4f3d]{display:block}.messages-btn[data-v-4c1c4f3d]{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (max-width:720px){.app-name[data-v-4c1c4f3d],.profile-btn span[data-v-4c1c4f3d]{display:none}.add-btn[data-v-4c1c4f3d],.mode-switch[data-v-4c1c4f3d],.notification-btn[data-v-4c1c4f3d]{width:20px;height:20px}.add-btn svg[data-v-4c1c4f3d],.mode-switch svg[data-v-4c1c4f3d],.notification-btn svg[data-v-4c1c4f3d]{width:16px;height:16px}.app-header-right button[data-v-4c1c4f3d]{margin-left:4px}}@media screen and (max-width:520px){.projects-section[data-v-4c1c4f3d]{overflow:auto}.project-boxes[data-v-4c1c4f3d]{overflow-y:visible}.app-icon[data-v-4c1c4f3d],.app-sidebar[data-v-4c1c4f3d]{display:none}.app-content[data-v-4c1c4f3d]{padding:16px 12px 24px 12px}.status-number[data-v-4c1c4f3d],.status-type[data-v-4c1c4f3d]{font-size:10px}.view-btn[data-v-4c1c4f3d]{width:24px;height:24px}.app-header[data-v-4c1c4f3d]{padding:16px 10px}.search-input[data-v-4c1c4f3d]{max-width:120px}.project-boxes.jsGridView .project-box-wrapper[data-v-4c1c4f3d]{width:100%}.projects-section[data-v-4c1c4f3d]{padding:24px 16px 0 16px}.profile-btn img[data-v-4c1c4f3d]{width:24px;height:24px}.app-header[data-v-4c1c4f3d]{padding:10px}.projects-section-header .time[data-v-4c1c4f3d],.projects-section-header p[data-v-4c1c4f3d]{font-size:18px}.status-type[data-v-4c1c4f3d]{padding-right:4px}.status-type[data-v-4c1c4f3d]:after{display:none}.search-input[data-v-4c1c4f3d]{font-size:14px}.messages-btn[data-v-4c1c4f3d]{top:48px}.box-content-header[data-v-4c1c4f3d],.box-content-subheader[data-v-4c1c4f3d]{font-size:12px;line-height:16px}.project-boxes.jsListView .project-box-header>span[data-v-4c1c4f3d]{font-size:10px}.box-progress-header[data-v-4c1c4f3d]{font-size:12px}.box-progress-percentage[data-v-4c1c4f3d]{font-size:10px}.days-left[data-v-4c1c4f3d]{font-size:8px;padding:6px 6px;text-align:center}.project-boxes.jsListView .project-box>[data-v-4c1c4f3d]{margin-right:10px}.project-boxes.jsListView .more-wrapper[data-v-4c1c4f3d]{right:2px;top:10px}}.pan-item[data-v-799537af]{width:200px;height:200px;border-radius:50%;display:inline-block;position:relative;cursor:default;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.2);box-shadow:0 1px 3px rgba(0,0,0,.2)}.pan-info-roles-container[data-v-799537af]{padding:20px;text-align:center}.pan-thumb[data-v-799537af]{width:100%;height:100%;background-position:50%;background-size:cover;border-radius:50%;overflow:hidden;position:absolute;-webkit-transform-origin:95% 40%;transform-origin:95% 40%;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.pan-info[data-v-799537af]{position:absolute;width:inherit;height:inherit;border-radius:50%;overflow:hidden;-webkit-box-shadow:inset 0 0 0 5px rgba(0,0,0,.05);box-shadow:inset 0 0 0 5px rgba(0,0,0,.05)}.pan-info h3[data-v-799537af]{color:#fff;text-transform:uppercase;position:relative;letter-spacing:2px;font-size:18px;margin:0 60px;padding:22px 0 0 0;height:85px;font-family:Open Sans,Arial,sans-serif;text-shadow:0 0 1px #fff,0 1px 2px rgba(0,0,0,.3)}.pan-info p[data-v-799537af]{color:#fff;padding:10px 5px;font-style:italic;margin:0 30px;font-size:12px;border-top:1px solid hsla(0,0%,100%,.5)}.pan-info p a[data-v-799537af]{display:block;color:#333;width:80px;height:80px;background:hsla(0,0%,100%,.3);border-radius:50%;color:#fff;font-style:normal;font-weight:700;text-transform:uppercase;font-size:9px;letter-spacing:1px;padding-top:24px;margin:7px auto 0;font-family:Open Sans,Arial,sans-serif;opacity:0;-webkit-transition:opacity .3s ease-in-out .2s,background .2s linear 0s,-webkit-transform .3s ease-in-out .2s;transition:opacity .3s ease-in-out .2s,background .2s linear 0s,-webkit-transform .3s ease-in-out .2s;transition:transform .3s ease-in-out .2s,opacity .3s ease-in-out .2s,background .2s linear 0s;transition:transform .3s ease-in-out .2s,opacity .3s ease-in-out .2s,background .2s linear 0s,-webkit-transform .3s ease-in-out .2s;-webkit-transform:translateX(60px) rotate(90deg);transform:translateX(60px) rotate(90deg)}.pan-info p a[data-v-799537af]:hover{background:hsla(0,0%,100%,.5)}.pan-item:hover .pan-thumb[data-v-799537af]{-webkit-transform:rotate(-110deg);transform:rotate(-110deg)}.pan-item:hover .pan-info p a[data-v-799537af]{opacity:1;-webkit-transform:translateX(0) rotate(0deg);transform:translateX(0) rotate(0deg)}.box-center[data-v-72bff3da]{margin:0 auto;display:table}.text-muted[data-v-72bff3da]{color:#777}.user-profile .user-name[data-v-72bff3da]{font-weight:700}.user-profile .box-center[data-v-72bff3da]{padding-top:10px}.user-profile .user-role[data-v-72bff3da]{padding-top:10px;font-weight:400;font-size:14px}.user-profile .box-social[data-v-72bff3da]{padding-top:30px}.user-profile .box-social .el-table[data-v-72bff3da]{border-top:1px solid #dfe6ec}.user-profile .user-follow[data-v-72bff3da]{padding-top:20px}.user-bio[data-v-72bff3da]{margin-top:20px;color:#606266}.user-bio span[data-v-72bff3da]{padding-left:4px}.user-bio .user-bio-section[data-v-72bff3da]{font-size:14px;padding:15px 0}.user-bio .user-bio-section .user-bio-section-header[data-v-72bff3da]{border-bottom:1px solid #dfe6ec;padding-bottom:10px;margin-bottom:10px;font-weight:700}.createAttachmentForm[data-v-72bff3da]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}.customWidth[data-v-72bff3da]{width:600px}.el-scrollbar__wrap[data-v-72bff3da]{overflow-x:hidden}[data-v-295fc338]{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Poppins,sans-serif}body[data-v-295fc338]{color:var(--text)}.app[data-v-295fc338]{width:100%;height:calc(100vh - 255px);overflow:auto}h1[data-v-295fc338]{font-size:30px}.project[data-v-295fc338]{padding:0 50px;max-width:80%;width:100%;display:inline-block}.project-info[data-v-295fc338]{padding:1rem 0;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.project-info[data-v-295fc338],.project-participants[data-v-295fc338]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.project-participants__add[data-v-295fc338],.project-participants span[data-v-295fc338]{display:inline-block;background:var(--purple);border-radius:100rem;margin:0 .2rem}.project-participants__add[data-v-295fc338]{background:transparent;border:1px dashed #969696;font-size:0;cursor:pointer;position:relative}.project-participants__add[data-v-295fc338]:after{content:"+";font-size:15px;color:#969696}.project-tasks[data-v-295fc338]{display:grid;grid-template-columns:repeat(4,1fr);width:100%;grid-column-gap:1.5rem}.project-column-heading[data-v-295fc338]{margin-bottom:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.project-column-heading__title[data-v-295fc338]{font-size:20px}.project-column-heading__options[data-v-295fc338]{background:transparent;color:var(--light-grey);font-size:18px;border:0;cursor:pointer}.task[data-v-295fc338]{background-color:var(--white);padding:1rem;padding-top:.5rem;border-radius:8px;width:100%;-webkit-box-shadow:rgba(99,99,99,.1) 0 2px 8px 0;box-shadow:0 2px 8px 0 rgba(99,99,99,.1);margin-bottom:1rem;border:3px dashed transparent}.task p[data-v-295fc338]{font-size:15px;margin:1rem 0}.task__tag[data-v-295fc338]{border-radius:100px;padding:2px 8px;font-size:12px}.task__tag--copyright[data-v-295fc338]{color:var(--tag-4-text);background-color:var(--tag-4)}.task__tag--design[data-v-295fc338]{color:var(--tag-3-text);background-color:var(--tag-3)}.task__tag--info[data-v-295fc338]{color:#909399;background-color:rgba(144,147,153,.3254901960784314)}.task__tag--warning[data-v-295fc338]{color:#e6a23c;background-color:rgba(230,162,60,.3607843137254902)}.task__tag--illustration[data-v-295fc338]{color:var(--tag-2-text);background-color:var(--tag-2)}.task__tags[data-v-295fc338]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.task__options[data-v-295fc338]{background:transparent;border:0;color:var(--light-grey);font-size:17px}.task__stats[data-v-295fc338]{position:relative;width:100%;color:var(--light-grey);font-size:12px}.task__stats span[data-v-295fc338]:not(:last-of-type){margin-right:1rem}.task__stats svg[data-v-295fc338]{margin-right:5px}.task__owner[data-v-295fc338]{width:25px;height:25px;border-radius:100rem;position:absolute;display:inline-block;right:0;bottom:0}.task-hover[data-v-295fc338]{border:3px dashed var(--light-grey)!important}.task-details[data-v-295fc338]{width:20%;border-left:1px solid #d9e0e9;display:inline-block;height:100%;vertical-align:top;padding:0 2rem}.tag-progress[data-v-295fc338]{margin:1.5rem 0}.tag-progress h2[data-v-295fc338]{font-size:16px;margin-bottom:1rem}.tag-progress p[data-v-295fc338]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.tag-progress p span[data-v-295fc338]{color:#b4b4b4}.tag-progress .progress[data-v-295fc338]{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:10px;height:10px}.tag-progress .progress[data-v-295fc338]::-webkit-progress-bar,.tag-progress .progress[data-v-295fc338]::-webkit-progress-value{border-radius:10px}.tag-progress .progress--copyright[data-v-295fc338]::-webkit-progress-bar{background-color:#ecd8e6}.tag-progress .progress--copyright[data-v-295fc338]::-webkit-progress-value{background:#d459e8}.tag-progress .progress--illustration[data-v-295fc338]::-webkit-progress-bar{background-color:#dee7e3}.tag-progress .progress--illustration[data-v-295fc338]::-webkit-progress-value{background-color:#46bd84}.tag-progress .progress--design[data-v-295fc338]::-webkit-progress-bar{background-color:#d8e7f4}.tag-progress .progress--design[data-v-295fc338]::-webkit-progress-value{background-color:#08a0f7}.task-activity h2[data-v-295fc338]{font-size:16px;margin-bottom:1rem}.task-activity li[data-v-295fc338]{list-style:none;margin:1rem 0;padding:0 1rem 1rem 3rem;position:relative}.task-activity time[data-v-295fc338]{display:block;color:var(--light-grey)}.task-icon[data-v-295fc338]{width:30px;height:30px;border-radius:100rem;position:absolute;top:0;left:0;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}.task-icon svg[data-v-295fc338]{font-size:12px;color:var(--white)}.task-icon--attachment[data-v-295fc338]{background-color:#fba63c}.task-icon--comment[data-v-295fc338]{background-color:#5dc983}.task-icon--edit[data-v-295fc338]{background-color:#7784ee}@media only screen and (max-width:1300px){.project[data-v-295fc338]{max-width:100%}.task-details[data-v-295fc338]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.tag-progress[data-v-295fc338],.task-activity[data-v-295fc338]{-ms-flex-preferred-size:50%;flex-basis:50%;background:var(--white);padding:1rem;border-radius:8px;margin:1rem}}@media only screen and (max-width:1000px){.project-column[data-v-295fc338]:nth-child(2),.project-column[data-v-295fc338]:nth-child(3){display:none}.project-tasks[data-v-295fc338]{grid-template-columns:1fr 1fr}}@media only screen and (max-width:600px){.project-column[data-v-295fc338]:nth-child(4){display:none}.project-tasks[data-v-295fc338]{grid-template-columns:1fr}.task-details[data-v-295fc338]{-ms-flex-wrap:wrap;flex-wrap:wrap;padding:3rem 1rem}.tag-progress[data-v-295fc338],.task-activity[data-v-295fc338]{-ms-flex-preferred-size:100%;flex-basis:100%}h1[data-v-295fc338]{font-size:25px}}[data-v-e7ad6c7c] .el-radio__input{display:none}[data-v-e7ad6c7c]{-webkit-box-sizing:border-box;box-sizing:border-box}body[data-v-e7ad6c7c],html[data-v-e7ad6c7c]{width:100%;height:100vh;margin:0}body[data-v-e7ad6c7c]{font-family:DM Sans,sans-serif;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:var(--app-container)}a[data-v-e7ad6c7c],button[data-v-e7ad6c7c]{cursor:pointer}.app-container[data-v-e7ad6c7c]{width:100%;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%;background-color:var(--app-container);-webkit-transition:.2s;transition:.2s}.app-container button[data-v-e7ad6c7c],.app-container input[data-v-e7ad6c7c],.app-container optgroup[data-v-e7ad6c7c],.app-container select[data-v-e7ad6c7c],.app-container textarea[data-v-e7ad6c7c]{font-family:DM Sans,sans-serif}.app-content[data-v-e7ad6c7c]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;min-height:400px;overflow:hidden;padding:16px 24px 24px 0}.projects-section[data-v-e7ad6c7c]{-webkit-box-flex:3;-ms-flex:3;flex:3;background-color:var(--projects-section);border-radius:8px;padding:0 32px 0 32px;overflow:hidden;height:calc(100vh - 310px);overflow:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.projects-section-line[data-v-e7ad6c7c]{padding-bottom:32px}.projects-section-header[data-v-e7ad6c7c],.projects-section-line[data-v-e7ad6c7c]{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}.projects-section-header[data-v-e7ad6c7c]{margin-bottom:24px;color:var(--main-color)}.projects-section-header p[data-v-e7ad6c7c]{font-size:24px;line-height:32px;font-weight:700;opacity:.9;margin:0;color:var(--main-color)}.projects-section-header .time[data-v-e7ad6c7c]{font-size:17px}.item-status[data-v-e7ad6c7c],.projects-status[data-v-e7ad6c7c]{display:-webkit-box;display:-ms-flexbox;display:flex}.item-status[data-v-e7ad6c7c]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-right:16px}.item-status:not(:last-child) .status-type[data-v-e7ad6c7c]:after{content:"";position:absolute;right:8px;top:50%;-webkit-transform:translatey(-50%);transform:translatey(-50%);width:6px;height:6px;border-radius:50%;border:1px solid var(--secondary-color)}.status-number[data-v-e7ad6c7c]{font-size:24px;line-height:32px;font-weight:700;color:var(--main-color)}.status-type[data-v-e7ad6c7c]{position:relative;padding-right:24px;color:var(--secondary-color)}.view-actions[data-v-e7ad6c7c],.view-btn[data-v-e7ad6c7c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.view-btn[data-v-e7ad6c7c]{width:36px;height:36px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:6px;border-radius:4px;background-color:transparent;border:none;color:var(--main-color);margin-left:8px;-webkit-transition:.2s;transition:.2s}.view-btn.active[data-v-e7ad6c7c]{background-color:var(--link-color-active-bg);color:var(--link-color-active)}.view-btn[data-v-e7ad6c7c]:not(.active):hover{background-color:var(--link-color-hover);color:var(--link-color-active)}.messages-section[data-v-e7ad6c7c]{-ms-flex-negative:0;flex-shrink:0;padding-bottom:32px;background-color:var(--projects-section);margin-left:24px;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;height:calc(100vh - 310px);border-radius:8px;position:relative;overflow:auto;-webkit-transition:all .3s cubic-bezier(.19,1,.56,1);transition:all .3s cubic-bezier(.19,1,.56,1)}.messages-section .messages-close[data-v-e7ad6c7c]{position:absolute;top:12px;right:12px;z-index:3;border:none;background-color:transparent;color:var(--main-color);display:none}.messages-section.show[data-v-e7ad6c7c]{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;margin-left:0}.messages-section .projects-section-header[data-v-e7ad6c7c]{position:sticky;top:0;z-index:1;padding:32px 24px 0 24px;background-color:var(--projects-section)}.message-box[data-v-e7ad6c7c]{border-top:1px solid var(--message-box-border);padding:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%}.message-box[data-v-e7ad6c7c]:hover{background-color:var(--message-box-hover)}.message-box:hover+.message-box[data-v-e7ad6c7c],.message-box[data-v-e7ad6c7c]:hover{border-top-color:var(--link-color-hover)}.message-box img[data-v-e7ad6c7c]{border-radius:50%;-o-object-fit:cover;object-fit:cover;width:40px;height:40px}.message-header[data-v-e7ad6c7c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.message-header .name[data-v-e7ad6c7c]{font-size:16px;line-height:24px;font-weight:700;color:var(--main-color);margin:0}.message-content[data-v-e7ad6c7c]{padding-left:16px;width:100%}.star-checkbox input[data-v-e7ad6c7c]{opacity:0;position:absolute;width:0;height:0}.star-checkbox label[data-v-e7ad6c7c]{width:24px;height:24px;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;cursor:pointer}.dark .star-checkbox[data-v-e7ad6c7c]{color:var(--secondary-color)}.dark .star-checkbox input:checked+label[data-v-e7ad6c7c]{color:var(--star)}.star-checkbox input:checked+label svg[data-v-e7ad6c7c]{fill:var(--star);-webkit-transition:.2s;transition:.2s}.message-line[data-v-e7ad6c7c]{font-size:14px;line-height:20px;margin:8px 0;color:var(--secondary-color);opacity:.7}.message-line.time[data-v-e7ad6c7c]{text-align:right;margin-bottom:0}.project-boxes[data-v-e7ad6c7c]{margin:0 -8px;overflow-y:auto}.project-boxes.jsGridView[data-v-e7ad6c7c]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.project-boxes.jsGridView .project-box-wrapper[data-v-e7ad6c7c]{width:33.3%}.project-boxes.jsListView .project-box[data-v-e7ad6c7c]{display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:10px;position:relative}.project-boxes.jsListView .project-box>[data-v-e7ad6c7c]{margin-right:24px}.project-boxes.jsListView .more-wrapper[data-v-e7ad6c7c]{position:absolute;right:16px;top:16px}.project-boxes.jsListView .project-box-content-header[data-v-e7ad6c7c]{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;max-width:120px}.project-boxes.jsListView .project-box-header[data-v-e7ad6c7c]{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.project-boxes.jsListView .project-box-footer[data-v-e7ad6c7c]{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;padding-top:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.project-boxes.jsListView .project-box-footer[data-v-e7ad6c7c]:after{display:none}.project-boxes.jsListView .participants[data-v-e7ad6c7c]{margin-bottom:8px}.project-boxes.jsListView .project-box-content-header p[data-v-e7ad6c7c]{text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.project-boxes.jsListView .project-box-header>span[data-v-e7ad6c7c]{position:absolute;bottom:16px;left:16px;font-size:12px}.project-boxes.jsListView .box-progress-wrapper[data-v-e7ad6c7c]{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;-webkit-box-flex:1;-ms-flex:1;flex:1}.project-box[data-v-e7ad6c7c]{--main-color-card:#dbf6fd;border-radius:8px;padding:16px;background-color:var(--main-color-card)}.project-box-header[data-v-e7ad6c7c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:16px;color:var(--main-color)}.project-box-header span[data-v-e7ad6c7c]{color:#4a4a4a;opacity:.7;font-size:14px;line-height:16px}.project-box-content-header[data-v-e7ad6c7c]{text-align:center;margin-bottom:16px}.project-box-content-header p[data-v-e7ad6c7c]{margin:0}.project-box-wrapper[data-v-e7ad6c7c]{padding:8px;-webkit-transition:.2s;transition:.2s}.project-btn-more[data-v-e7ad6c7c]{padding:0;height:14px;width:24px;height:24px;position:relative;background-color:transparent;border:none;-ms-flex-negative:0;flex-shrink:0}.more-wrapper[data-v-e7ad6c7c]{position:relative}.box-content-header[data-v-e7ad6c7c]{font-size:16px;line-height:24px;font-weight:700;opacity:.7}.box-content-subheader[data-v-e7ad6c7c]{font-size:14px;line-height:24px;opacity:.7}.box-progress[data-v-e7ad6c7c]{display:block;height:4px;border-radius:6px}.box-progress-bar[data-v-e7ad6c7c]{width:100%;height:4px;border-radius:6px;overflow:hidden;background-color:#fff;margin:8px 0}.box-progress-header[data-v-e7ad6c7c],.box-progress-percentage[data-v-e7ad6c7c]{font-size:14px;font-weight:700;line-height:16px;margin:0}.box-progress-percentage[data-v-e7ad6c7c]{text-align:right}.project-box-footer[data-v-e7ad6c7c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:16px;position:relative}.project-box-footer[data-v-e7ad6c7c]:after{content:"";position:absolute;background-color:hsla(0,0%,100%,.6);width:calc(100% + 32px);top:0;left:-16px;height:1px}.participants[data-v-e7ad6c7c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.participants img[data-v-e7ad6c7c]{width:20px;height:20px;border-radius:50%;overflow:hidden;-o-object-fit:cover;object-fit:cover}.participants img[data-v-e7ad6c7c]:not(:first-child){margin-left:-8px}.add-participant[data-v-e7ad6c7c]{width:20px;height:20px;border-radius:50%;border:none;background-color:hsla(0,0%,100%,.6);margin-left:6px;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;padding:0}.days-left[data-v-e7ad6c7c]{background-color:hsla(0,0%,100%,.6);font-size:12px;border-radius:20px;-ms-flex-negative:0;flex-shrink:0;padding:6px 16px;font-weight:700}.mode-switch.active .moon[data-v-e7ad6c7c]{fill:var(--main-color)}.messages-btn[data-v-e7ad6c7c]{border-radius:4px 0 0 4px;position:absolute;right:0;top:58px;background-color:var(--message-btn);border:none;color:var(--main-color);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;padding:4px;display:none}@media screen and (max-width:980px){.project-boxes.jsGridView .project-box-wrapper[data-v-e7ad6c7c]{width:50%}.status-number[data-v-e7ad6c7c],.status-type[data-v-e7ad6c7c]{font-size:14px}.status-type[data-v-e7ad6c7c]:after{width:4px;height:4px}.item-status[data-v-e7ad6c7c]{margin-right:0}}@media screen and (max-width:880px){.messages-section[data-v-e7ad6c7c]{-webkit-transform:translateX(100%);transform:translateX(100%);position:absolute;opacity:0;top:0;z-index:2;height:100%;width:100%}.messages-section .messages-close[data-v-e7ad6c7c]{display:block}.messages-btn[data-v-e7ad6c7c]{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (max-width:720px){.app-name[data-v-e7ad6c7c],.profile-btn span[data-v-e7ad6c7c]{display:none}.add-btn[data-v-e7ad6c7c],.mode-switch[data-v-e7ad6c7c],.notification-btn[data-v-e7ad6c7c]{width:20px;height:20px}.add-btn svg[data-v-e7ad6c7c],.mode-switch svg[data-v-e7ad6c7c],.notification-btn svg[data-v-e7ad6c7c]{width:16px;height:16px}.app-header-right button[data-v-e7ad6c7c]{margin-left:4px}}@media screen and (max-width:520px){.projects-section[data-v-e7ad6c7c]{overflow:auto}.project-boxes[data-v-e7ad6c7c]{overflow-y:visible}.app-icon[data-v-e7ad6c7c],.app-sidebar[data-v-e7ad6c7c]{display:none}.app-content[data-v-e7ad6c7c]{padding:16px 12px 24px 12px}.status-number[data-v-e7ad6c7c],.status-type[data-v-e7ad6c7c]{font-size:10px}.view-btn[data-v-e7ad6c7c]{width:24px;height:24px}.app-header[data-v-e7ad6c7c]{padding:16px 10px}.search-input[data-v-e7ad6c7c]{max-width:120px}.project-boxes.jsGridView .project-box-wrapper[data-v-e7ad6c7c]{width:100%}.projects-section[data-v-e7ad6c7c]{padding:24px 16px 0 16px}.profile-btn img[data-v-e7ad6c7c]{width:24px;height:24px}.app-header[data-v-e7ad6c7c]{padding:10px}.projects-section-header .time[data-v-e7ad6c7c],.projects-section-header p[data-v-e7ad6c7c]{font-size:18px}.status-type[data-v-e7ad6c7c]{padding-right:4px}.status-type[data-v-e7ad6c7c]:after{display:none}.search-input[data-v-e7ad6c7c]{font-size:14px}.messages-btn[data-v-e7ad6c7c]{top:48px}.box-content-header[data-v-e7ad6c7c],.box-content-subheader[data-v-e7ad6c7c]{font-size:12px;line-height:16px}.project-boxes.jsListView .project-box-header>span[data-v-e7ad6c7c]{font-size:10px}.box-progress-header[data-v-e7ad6c7c]{font-size:12px}.box-progress-percentage[data-v-e7ad6c7c]{font-size:10px}.days-left[data-v-e7ad6c7c]{font-size:8px;padding:6px 6px;text-align:center}.project-boxes.jsListView .project-box>[data-v-e7ad6c7c]{margin-right:10px}.project-boxes.jsListView .more-wrapper[data-v-e7ad6c7c]{right:2px;top:10px}}[data-v-f3413e0c] .el-radio__input{display:none}[data-v-f3413e0c]{-webkit-box-sizing:border-box;box-sizing:border-box}body[data-v-f3413e0c],html[data-v-f3413e0c]{width:100%;height:100vh;margin:0}body[data-v-f3413e0c]{font-family:DM Sans,sans-serif;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:var(--app-container)}a[data-v-f3413e0c],button[data-v-f3413e0c]{cursor:pointer}.app-container[data-v-f3413e0c]{width:100%;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%;background-color:var(--app-container);-webkit-transition:.2s;transition:.2s}.app-container button[data-v-f3413e0c],.app-container input[data-v-f3413e0c],.app-container optgroup[data-v-f3413e0c],.app-container select[data-v-f3413e0c],.app-container textarea[data-v-f3413e0c]{font-family:DM Sans,sans-serif}.app-content[data-v-f3413e0c]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;min-height:400px;overflow:hidden;padding:16px 24px 24px 0}.projects-section[data-v-f3413e0c]{-webkit-box-flex:3;-ms-flex:3;flex:3;background-color:var(--projects-section);border-radius:8px;padding:0 32px 0 32px;overflow:hidden;height:calc(100vh - 310px);overflow:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.projects-section-line[data-v-f3413e0c]{padding-bottom:32px}.projects-section-header[data-v-f3413e0c],.projects-section-line[data-v-f3413e0c]{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}.projects-section-header[data-v-f3413e0c]{margin-bottom:24px;color:var(--main-color)}.projects-section-header p[data-v-f3413e0c]{font-size:24px;line-height:32px;font-weight:700;opacity:.9;margin:0;color:var(--main-color)}.projects-section-header .time[data-v-f3413e0c]{font-size:17px}.item-status[data-v-f3413e0c],.projects-status[data-v-f3413e0c]{display:-webkit-box;display:-ms-flexbox;display:flex}.item-status[data-v-f3413e0c]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-right:16px}.item-status:not(:last-child) .status-type[data-v-f3413e0c]:after{content:"";position:absolute;right:8px;top:50%;-webkit-transform:translatey(-50%);transform:translatey(-50%);width:6px;height:6px;border-radius:50%;border:1px solid var(--secondary-color)}.status-number[data-v-f3413e0c]{font-size:24px;line-height:32px;font-weight:700;color:var(--main-color)}.status-type[data-v-f3413e0c]{position:relative;padding-right:24px;color:var(--secondary-color)}.view-actions[data-v-f3413e0c],.view-btn[data-v-f3413e0c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.view-btn[data-v-f3413e0c]{width:36px;height:36px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:6px;border-radius:4px;background-color:transparent;border:none;color:var(--main-color);margin-left:8px;-webkit-transition:.2s;transition:.2s}.view-btn.active[data-v-f3413e0c]{background-color:var(--link-color-active-bg);color:var(--link-color-active)}.view-btn[data-v-f3413e0c]:not(.active):hover{background-color:var(--link-color-hover);color:var(--link-color-active)}.messages-section[data-v-f3413e0c]{-ms-flex-negative:0;flex-shrink:0;padding-bottom:32px;background-color:var(--projects-section);margin-left:24px;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;height:calc(100vh - 310px);border-radius:8px;position:relative;overflow:auto;-webkit-transition:all .3s cubic-bezier(.19,1,.56,1);transition:all .3s cubic-bezier(.19,1,.56,1)}.messages-section .messages-close[data-v-f3413e0c]{position:absolute;top:12px;right:12px;z-index:3;border:none;background-color:transparent;color:var(--main-color);display:none}.messages-section.show[data-v-f3413e0c]{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;margin-left:0}.messages-section .projects-section-header[data-v-f3413e0c]{position:sticky;top:0;z-index:1;padding:32px 24px 0 24px;background-color:var(--projects-section)}.message-box[data-v-f3413e0c]{border-top:1px solid var(--message-box-border);padding:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%}.message-box[data-v-f3413e0c]:hover{background-color:var(--message-box-hover)}.message-box:hover+.message-box[data-v-f3413e0c],.message-box[data-v-f3413e0c]:hover{border-top-color:var(--link-color-hover)}.message-box img[data-v-f3413e0c]{border-radius:50%;-o-object-fit:cover;object-fit:cover;width:40px;height:40px}.message-header[data-v-f3413e0c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.message-header .name[data-v-f3413e0c]{font-size:16px;line-height:24px;font-weight:700;color:var(--main-color);margin:0}.message-content[data-v-f3413e0c]{padding-left:16px;width:100%}.star-checkbox input[data-v-f3413e0c]{opacity:0;position:absolute;width:0;height:0}.star-checkbox label[data-v-f3413e0c]{width:24px;height:24px;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;cursor:pointer}.dark .star-checkbox[data-v-f3413e0c]{color:var(--secondary-color)}.dark .star-checkbox input:checked+label[data-v-f3413e0c]{color:var(--star)}.star-checkbox input:checked+label svg[data-v-f3413e0c]{fill:var(--star);-webkit-transition:.2s;transition:.2s}.message-line[data-v-f3413e0c]{font-size:14px;line-height:20px;margin:8px 0;color:var(--secondary-color);opacity:.7}.message-line.time[data-v-f3413e0c]{text-align:right;margin-bottom:0}.project-boxes[data-v-f3413e0c]{margin:0 -8px;overflow-y:auto}.project-boxes.jsGridView[data-v-f3413e0c]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.project-boxes.jsGridView .project-box-wrapper[data-v-f3413e0c]{width:33.3%}.project-boxes.jsListView .project-box[data-v-f3413e0c]{display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:10px;position:relative}.project-boxes.jsListView .project-box>[data-v-f3413e0c]{margin-right:24px}.project-boxes.jsListView .more-wrapper[data-v-f3413e0c]{position:absolute;right:16px;top:16px}.project-boxes.jsListView .project-box-content-header[data-v-f3413e0c]{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;max-width:120px}.project-boxes.jsListView .project-box-header[data-v-f3413e0c]{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.project-boxes.jsListView .project-box-footer[data-v-f3413e0c]{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;padding-top:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.project-boxes.jsListView .project-box-footer[data-v-f3413e0c]:after{display:none}.project-boxes.jsListView .participants[data-v-f3413e0c]{margin-bottom:8px}.project-boxes.jsListView .project-box-content-header p[data-v-f3413e0c]{text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.project-boxes.jsListView .project-box-header>span[data-v-f3413e0c]{position:absolute;bottom:16px;left:16px;font-size:12px}.project-boxes.jsListView .box-progress-wrapper[data-v-f3413e0c]{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;-webkit-box-flex:1;-ms-flex:1;flex:1}.project-box[data-v-f3413e0c]{--main-color-card:#dbf6fd;border-radius:8px;padding:16px;background-color:var(--main-color-card)}.project-box-header[data-v-f3413e0c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:16px;color:var(--main-color)}.project-box-header span[data-v-f3413e0c]{color:#4a4a4a;opacity:.7;font-size:14px;line-height:16px}.project-box-content-header[data-v-f3413e0c]{text-align:center;margin-bottom:16px}.project-box-content-header p[data-v-f3413e0c]{margin:0}.project-box-wrapper[data-v-f3413e0c]{padding:8px;-webkit-transition:.2s;transition:.2s}.project-btn-more[data-v-f3413e0c]{padding:0;height:14px;width:24px;height:24px;position:relative;background-color:transparent;border:none;-ms-flex-negative:0;flex-shrink:0}.more-wrapper[data-v-f3413e0c]{position:relative}.box-content-header[data-v-f3413e0c]{font-size:16px;line-height:24px;font-weight:700;opacity:.7}.box-content-subheader[data-v-f3413e0c]{font-size:14px;line-height:24px;opacity:.7}.box-progress[data-v-f3413e0c]{display:block;height:4px;border-radius:6px}.box-progress-bar[data-v-f3413e0c]{width:100%;height:4px;border-radius:6px;overflow:hidden;background-color:#fff;margin:8px 0}.box-progress-header[data-v-f3413e0c],.box-progress-percentage[data-v-f3413e0c]{font-size:14px;font-weight:700;line-height:16px;margin:0}.box-progress-percentage[data-v-f3413e0c]{text-align:right}.project-box-footer[data-v-f3413e0c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:16px;position:relative}.project-box-footer[data-v-f3413e0c]:after{content:"";position:absolute;background-color:hsla(0,0%,100%,.6);width:calc(100% + 32px);top:0;left:-16px;height:1px}.participants[data-v-f3413e0c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.participants img[data-v-f3413e0c]{width:20px;height:20px;border-radius:50%;overflow:hidden;-o-object-fit:cover;object-fit:cover}.participants img[data-v-f3413e0c]:not(:first-child){margin-left:-8px}.add-participant[data-v-f3413e0c]{width:20px;height:20px;border-radius:50%;border:none;background-color:hsla(0,0%,100%,.6);margin-left:6px;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;padding:0}.days-left[data-v-f3413e0c]{background-color:hsla(0,0%,100%,.6);font-size:12px;border-radius:20px;-ms-flex-negative:0;flex-shrink:0;padding:6px 16px;font-weight:700}.mode-switch.active .moon[data-v-f3413e0c]{fill:var(--main-color)}.messages-btn[data-v-f3413e0c]{border-radius:4px 0 0 4px;position:absolute;right:0;top:58px;background-color:var(--message-btn);border:none;color:var(--main-color);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;padding:4px;display:none}@media screen and (max-width:980px){.project-boxes.jsGridView .project-box-wrapper[data-v-f3413e0c]{width:50%}.status-number[data-v-f3413e0c],.status-type[data-v-f3413e0c]{font-size:14px}.status-type[data-v-f3413e0c]:after{width:4px;height:4px}.item-status[data-v-f3413e0c]{margin-right:0}}@media screen and (max-width:880px){.messages-section[data-v-f3413e0c]{-webkit-transform:translateX(100%);transform:translateX(100%);position:absolute;opacity:0;top:0;z-index:2;height:100%;width:100%}.messages-section .messages-close[data-v-f3413e0c]{display:block}.messages-btn[data-v-f3413e0c]{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (max-width:720px){.app-name[data-v-f3413e0c],.profile-btn span[data-v-f3413e0c]{display:none}.add-btn[data-v-f3413e0c],.mode-switch[data-v-f3413e0c],.notification-btn[data-v-f3413e0c]{width:20px;height:20px}.add-btn svg[data-v-f3413e0c],.mode-switch svg[data-v-f3413e0c],.notification-btn svg[data-v-f3413e0c]{width:16px;height:16px}.app-header-right button[data-v-f3413e0c]{margin-left:4px}}@media screen and (max-width:520px){.projects-section[data-v-f3413e0c]{overflow:auto}.project-boxes[data-v-f3413e0c]{overflow-y:visible}.app-icon[data-v-f3413e0c],.app-sidebar[data-v-f3413e0c]{display:none}.app-content[data-v-f3413e0c]{padding:16px 12px 24px 12px}.status-number[data-v-f3413e0c],.status-type[data-v-f3413e0c]{font-size:10px}.view-btn[data-v-f3413e0c]{width:24px;height:24px}.app-header[data-v-f3413e0c]{padding:16px 10px}.search-input[data-v-f3413e0c]{max-width:120px}.project-boxes.jsGridView .project-box-wrapper[data-v-f3413e0c]{width:100%}.projects-section[data-v-f3413e0c]{padding:24px 16px 0 16px}.profile-btn img[data-v-f3413e0c]{width:24px;height:24px}.app-header[data-v-f3413e0c]{padding:10px}.projects-section-header .time[data-v-f3413e0c],.projects-section-header p[data-v-f3413e0c]{font-size:18px}.status-type[data-v-f3413e0c]{padding-right:4px}.status-type[data-v-f3413e0c]:after{display:none}.search-input[data-v-f3413e0c]{font-size:14px}.messages-btn[data-v-f3413e0c]{top:48px}.box-content-header[data-v-f3413e0c],.box-content-subheader[data-v-f3413e0c]{font-size:12px;line-height:16px}.project-boxes.jsListView .project-box-header>span[data-v-f3413e0c]{font-size:10px}.box-progress-header[data-v-f3413e0c]{font-size:12px}.box-progress-percentage[data-v-f3413e0c]{font-size:10px}.days-left[data-v-f3413e0c]{font-size:8px;padding:6px 6px;text-align:center}.project-boxes.jsListView .project-box>[data-v-f3413e0c]{margin-right:10px}.project-boxes.jsListView .more-wrapper[data-v-f3413e0c]{right:2px;top:10px}}[data-v-859eaf62] .el-input-group--prepend .el-select .el-input.is-focus .el-input__inner{width:100px}[data-v-859eaf62] .el-radio__input{display:none}[data-v-859eaf62]{-webkit-box-sizing:border-box;box-sizing:border-box}body[data-v-859eaf62],html[data-v-859eaf62]{width:100%;height:calc(100vh - 310px);margin:0}body[data-v-859eaf62]{font-family:DM Sans,sans-serif;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:var(--app-container)}a[data-v-859eaf62],button[data-v-859eaf62]{cursor:pointer}.app-container[data-v-859eaf62]{width:100%;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%;background-color:var(--app-container);-webkit-transition:.2s;transition:.2s}.app-container button[data-v-859eaf62],.app-container input[data-v-859eaf62],.app-container optgroup[data-v-859eaf62],.app-container select[data-v-859eaf62],.app-container textarea[data-v-859eaf62]{font-family:DM Sans,sans-serif}.app-content[data-v-859eaf62]{height:100%;min-height:400px;padding:16px 24px 24px 0}.app-content[data-v-859eaf62],.projects-section[data-v-859eaf62]{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.projects-section[data-v-859eaf62]{-webkit-box-flex:4;-ms-flex:4;flex:4;background-color:var(--projects-section);border-radius:8px;padding:0 32px 0 32px;height:calc(100vh - 310px);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.projects-section-line[data-v-859eaf62]{padding-bottom:32px}.projects-section-header[data-v-859eaf62],.projects-section-line[data-v-859eaf62]{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}.projects-section-header[data-v-859eaf62]{margin-bottom:24px;color:var(--main-color)}.projects-section-header p[data-v-859eaf62]{font-size:24px;line-height:32px;font-weight:700;opacity:.9;margin:0;color:var(--main-color)}.projects-section-header .time[data-v-859eaf62]{font-size:17px}.item-status[data-v-859eaf62],.projects-status[data-v-859eaf62]{display:-webkit-box;display:-ms-flexbox;display:flex}.item-status[data-v-859eaf62]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-right:16px}.item-status:not(:last-child) .status-type[data-v-859eaf62]:after{content:"";position:absolute;right:8px;top:50%;-webkit-transform:translatey(-50%);transform:translatey(-50%);width:6px;height:6px;border-radius:50%;border:1px solid var(--secondary-color)}.status-number[data-v-859eaf62]{font-size:24px;line-height:32px;font-weight:700;color:var(--main-color)}.status-type[data-v-859eaf62]{position:relative;padding-right:24px;color:var(--secondary-color)}.view-actions[data-v-859eaf62],.view-btn[data-v-859eaf62]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.view-btn[data-v-859eaf62]{width:36px;height:36px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:6px;border-radius:4px;background-color:transparent;border:none;color:var(--main-color);margin-left:8px;-webkit-transition:.2s;transition:.2s}.view-btn.active[data-v-859eaf62]{background-color:var(--link-color-active-bg);color:var(--link-color-active)}.view-btn[data-v-859eaf62]:not(.active):hover{background-color:var(--link-color-hover);color:var(--link-color-active)}.messages-section[data-v-859eaf62]{-ms-flex-negative:0;flex-shrink:0;padding-bottom:32px;background-color:var(--projects-section);margin-left:24px;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;height:calc(100vh - 310px);border-radius:8px;position:relative;overflow:auto;-webkit-transition:all .3s cubic-bezier(.19,1,.56,1);transition:all .3s cubic-bezier(.19,1,.56,1)}.messages-section .messages-close[data-v-859eaf62]{position:absolute;top:12px;right:12px;z-index:3;border:none;background-color:transparent;color:var(--main-color);display:none}.messages-section.show[data-v-859eaf62]{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;margin-left:0}.messages-section .projects-section-header[data-v-859eaf62]{position:sticky;top:0;z-index:1;padding:32px 24px 0 24px;background-color:var(--projects-section)}.message-box[data-v-859eaf62]{border-top:1px solid var(--message-box-border);padding:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%}.message-box[data-v-859eaf62]:hover{background-color:var(--message-box-hover)}.message-box:hover+.message-box[data-v-859eaf62],.message-box[data-v-859eaf62]:hover{border-top-color:var(--link-color-hover)}.message-box img[data-v-859eaf62]{border-radius:50%;-o-object-fit:cover;object-fit:cover;width:40px;height:40px}.message-header[data-v-859eaf62]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.message-header .name[data-v-859eaf62]{font-size:16px;line-height:24px;font-weight:700;color:var(--main-color);margin:0}.message-content[data-v-859eaf62]{padding-left:16px;width:100%}.star-checkbox input[data-v-859eaf62]{opacity:0;position:absolute;width:0;height:0}.star-checkbox label[data-v-859eaf62]{width:24px;height:24px;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;cursor:pointer}.dark .star-checkbox[data-v-859eaf62]{color:var(--secondary-color)}.dark .star-checkbox input:checked+label[data-v-859eaf62]{color:var(--star)}.star-checkbox input:checked+label svg[data-v-859eaf62]{fill:var(--star);-webkit-transition:.2s;transition:.2s}.message-line[data-v-859eaf62]{font-size:14px;line-height:20px;margin:8px 0;color:var(--secondary-color);opacity:.7}.message-line.time[data-v-859eaf62]{text-align:right;margin-bottom:0}.project-boxes[data-v-859eaf62]{margin:0 -8px;overflow-y:auto}.project-boxes.jsGridView[data-v-859eaf62]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.project-boxes.jsGridView .project-box-wrapper[data-v-859eaf62]{width:33.3%}.project-boxes.jsListView .project-box[data-v-859eaf62]{display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:10px;position:relative}.project-boxes.jsListView .project-box>[data-v-859eaf62]{margin-right:24px}.project-boxes.jsListView .more-wrapper[data-v-859eaf62]{position:absolute;right:16px;top:16px}.project-boxes.jsListView .project-box-content-header[data-v-859eaf62]{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;max-width:120px}.project-boxes.jsListView .project-box-header[data-v-859eaf62]{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.project-boxes.jsListView .project-box-footer[data-v-859eaf62]{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;padding-top:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.project-boxes.jsListView .project-box-footer[data-v-859eaf62]:after{display:none}.project-boxes.jsListView .participants[data-v-859eaf62]{margin-bottom:8px}.project-boxes.jsListView .project-box-content-header p[data-v-859eaf62]{text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.project-boxes.jsListView .project-box-header>span[data-v-859eaf62]{position:absolute;bottom:16px;left:16px;font-size:12px}.project-boxes.jsListView .box-progress-wrapper[data-v-859eaf62]{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;-webkit-box-flex:1;-ms-flex:1;flex:1}.project-box[data-v-859eaf62]{--main-color-card:#dbf6fd;border-radius:8px;padding:16px;background-color:var(--main-color-card)}.project-box-header[data-v-859eaf62]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:16px;color:var(--main-color)}.project-box-header span[data-v-859eaf62]{color:#4a4a4a;opacity:.7;font-size:14px;line-height:16px}.project-box-content-header[data-v-859eaf62]{text-align:center;margin-bottom:16px}.project-box-content-header p[data-v-859eaf62]{margin:0}.project-box-wrapper[data-v-859eaf62]{padding:8px;-webkit-transition:.2s;transition:.2s}.project-btn-more[data-v-859eaf62]{padding:0;height:14px;width:24px;height:24px;position:relative;background-color:transparent;border:none;-ms-flex-negative:0;flex-shrink:0}.more-wrapper[data-v-859eaf62]{position:relative}.box-content-header[data-v-859eaf62]{font-size:16px;line-height:24px;font-weight:700;opacity:.7}.box-content-subheader[data-v-859eaf62]{font-size:14px;line-height:24px;opacity:.7}.box-progress[data-v-859eaf62]{display:block;height:4px;border-radius:6px}.box-progress-bar[data-v-859eaf62]{width:100%;height:4px;border-radius:6px;overflow:hidden;background-color:#fff;margin:8px 0}.box-progress-header[data-v-859eaf62],.box-progress-percentage[data-v-859eaf62]{font-size:14px;font-weight:700;line-height:16px;margin:0}.box-progress-percentage[data-v-859eaf62]{text-align:right}.project-box-footer[data-v-859eaf62]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:16px;position:relative}.project-box-footer[data-v-859eaf62]:after{content:"";position:absolute;background-color:hsla(0,0%,100%,.6);width:calc(100% + 32px);top:0;left:-16px;height:1px}.participants[data-v-859eaf62]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.participants img[data-v-859eaf62]{width:20px;height:20px;border-radius:50%;overflow:hidden;-o-object-fit:cover;object-fit:cover}.participants img[data-v-859eaf62]:not(:first-child){margin-left:-8px}.add-participant[data-v-859eaf62]{width:20px;height:20px;border-radius:50%;border:none;background-color:hsla(0,0%,100%,.6);margin-left:6px;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;padding:0}.days-left[data-v-859eaf62]{background-color:hsla(0,0%,100%,.6);font-size:12px;border-radius:20px;-ms-flex-negative:0;flex-shrink:0;padding:6px 16px;font-weight:700}.mode-switch.active .moon[data-v-859eaf62]{fill:var(--main-color)}.messages-btn[data-v-859eaf62]{border-radius:4px 0 0 4px;position:absolute;right:0;top:58px;background-color:var(--message-btn);border:none;color:var(--main-color);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;padding:4px;display:none}@media screen and (max-width:980px){.project-boxes.jsGridView .project-box-wrapper[data-v-859eaf62]{width:50%}.status-number[data-v-859eaf62],.status-type[data-v-859eaf62]{font-size:14px}.status-type[data-v-859eaf62]:after{width:4px;height:4px}.item-status[data-v-859eaf62]{margin-right:0}}@media screen and (max-width:880px){.messages-section[data-v-859eaf62]{-webkit-transform:translateX(100%);transform:translateX(100%);position:absolute;opacity:0;top:0;z-index:2;height:100%;width:100%}.messages-section .messages-close[data-v-859eaf62]{display:block}.messages-btn[data-v-859eaf62]{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (max-width:720px){.app-name[data-v-859eaf62],.profile-btn span[data-v-859eaf62]{display:none}.add-btn[data-v-859eaf62],.mode-switch[data-v-859eaf62],.notification-btn[data-v-859eaf62]{width:20px;height:20px}.add-btn svg[data-v-859eaf62],.mode-switch svg[data-v-859eaf62],.notification-btn svg[data-v-859eaf62]{width:16px;height:16px}.app-header-right button[data-v-859eaf62]{margin-left:4px}}@media screen and (max-width:520px){.projects-section[data-v-859eaf62]{overflow:auto}.project-boxes[data-v-859eaf62]{overflow-y:visible}.app-icon[data-v-859eaf62],.app-sidebar[data-v-859eaf62]{display:none}.app-content[data-v-859eaf62]{padding:16px 12px 24px 12px}.status-number[data-v-859eaf62],.status-type[data-v-859eaf62]{font-size:10px}.view-btn[data-v-859eaf62]{width:24px;height:24px}.app-header[data-v-859eaf62]{padding:16px 10px}.search-input[data-v-859eaf62]{max-width:120px}.project-boxes.jsGridView .project-box-wrapper[data-v-859eaf62]{width:100%}.projects-section[data-v-859eaf62]{padding:24px 16px 0 16px}.profile-btn img[data-v-859eaf62]{width:24px;height:24px}.app-header[data-v-859eaf62]{padding:10px}.projects-section-header .time[data-v-859eaf62],.projects-section-header p[data-v-859eaf62]{font-size:18px}.status-type[data-v-859eaf62]{padding-right:4px}.status-type[data-v-859eaf62]:after{display:none}.search-input[data-v-859eaf62]{font-size:14px}.messages-btn[data-v-859eaf62]{top:48px}.box-content-header[data-v-859eaf62],.box-content-subheader[data-v-859eaf62]{font-size:12px;line-height:16px}.project-boxes.jsListView .project-box-header>span[data-v-859eaf62]{font-size:10px}.box-progress-header[data-v-859eaf62]{font-size:12px}.box-progress-percentage[data-v-859eaf62]{font-size:10px}.days-left[data-v-859eaf62]{font-size:8px;padding:6px 6px;text-align:center}.project-boxes.jsListView .project-box>[data-v-859eaf62]{margin-right:10px}.project-boxes.jsListView .more-wrapper[data-v-859eaf62]{right:2px;top:10px}}[data-v-859eaf62] .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:#409eff;border-color:#dcdfe6}[data-v-859eaf62] .el-checkbox__input.is-disabled+span.el-checkbox__label{color:#000;cursor:not-allowed}.apps[data-v-0aa1e344]{margin:0 0}[data-v-0aa1e344] .el-form-item{margin-bottom:18px}[data-v-60bc1631].el-tag{white-space:normal;height:auto}[data-v-60bc1631]{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Poppins,sans-serif}body[data-v-60bc1631]{color:var(--text)}.app[data-v-60bc1631]{width:100%;height:calc(100vh - 255px);overflow:auto}h1[data-v-60bc1631]{font-size:30px}.item[data-v-60bc1631]{z-index:999;position:absolute;top:0;left:1px}.project[data-v-60bc1631]{padding:0 15px;max-width:98%;width:100%;display:inline-block}.project-info[data-v-60bc1631]{padding:1rem 0;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.project-info[data-v-60bc1631],.project-participants[data-v-60bc1631]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.project-participants__add[data-v-60bc1631],.project-participants span[data-v-60bc1631]{display:inline-block;background:var(--purple);border-radius:100rem;margin:0 .2rem}.project-participants__add[data-v-60bc1631]{background:transparent;border:1px dashed #969696;font-size:0;cursor:pointer;position:relative}.project-participants__add[data-v-60bc1631]:after{content:"+";font-size:15px;color:#969696}.project-tasks[data-v-60bc1631]{display:grid;grid-template-columns:repeat(4,1fr);width:100%;grid-column-gap:1.5rem}.project-column-heading[data-v-60bc1631]{margin-bottom:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.project-column-heading__title[data-v-60bc1631]{font-size:20px}.project-column-heading__options[data-v-60bc1631]{background:transparent;color:var(--light-grey);font-size:18px;border:0;cursor:pointer}.task[data-v-60bc1631]{background-color:var(--white);padding:1rem;padding-top:.5rem;border-radius:8px;width:100%;min-width:250px;-webkit-box-shadow:rgba(99,99,99,.1) 0 2px 8px 0;box-shadow:0 2px 8px 0 rgba(99,99,99,.1);margin-bottom:1rem;border:3px dashed transparent}.task p[data-v-60bc1631]{font-size:15px;margin:1rem 0}.task__tag[data-v-60bc1631]{border-radius:100px;padding:2px 8px;font-size:12px}.task__tag--copyright[data-v-60bc1631]{color:var(--tag-4-text);background-color:var(--tag-4)}.task__tag--design[data-v-60bc1631]{color:var(--tag-3-text);background-color:var(--tag-3)}.task__tag--info[data-v-60bc1631]{color:#909399;background-color:rgba(144,147,153,.3254901960784314)}.task__tag--warning[data-v-60bc1631]{color:#e6a23c;background-color:rgba(230,162,60,.3607843137254902)}.task__tag--illustration[data-v-60bc1631]{color:var(--tag-2-text);background-color:var(--tag-2)}.task__tags[data-v-60bc1631]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.task__options[data-v-60bc1631]{background:transparent;border:0;color:var(--light-grey);font-size:17px}.task__stats[data-v-60bc1631]{position:relative;width:100%;color:var(--light-grey);font-size:12px}.task__stats span[data-v-60bc1631]:not(:last-of-type){margin-right:1rem}.task__stats svg[data-v-60bc1631]{margin-right:5px}.task__owner[data-v-60bc1631]{width:25px;height:25px;border-radius:100rem;position:absolute;display:inline-block;right:0;bottom:0}.task-hover[data-v-60bc1631]{border:3px dashed var(--light-grey)!important}.task-details[data-v-60bc1631]{top:69px;position:absolute;width:350px;border:1px solid #d9e0e9;display:inline-block;background:#fff;height:90%;vertical-align:top;padding:1rem}.task-details[data-v-60bc1631]:hover{right:15px}.tag-progress[data-v-60bc1631]{margin:1.5rem 0}.tag-progress h2[data-v-60bc1631]{font-size:16px;margin-bottom:1rem}.tag-progress p[data-v-60bc1631]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.tag-progress p span[data-v-60bc1631]{color:#b4b4b4}.tag-progress .progress[data-v-60bc1631]{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:10px;height:10px}.tag-progress .progress[data-v-60bc1631]::-webkit-progress-bar,.tag-progress .progress[data-v-60bc1631]::-webkit-progress-value{border-radius:10px}.tag-progress .progress--copyright[data-v-60bc1631]::-webkit-progress-bar{background-color:#ecd8e6}.tag-progress .progress--copyright[data-v-60bc1631]::-webkit-progress-value{background:#d459e8}.tag-progress .progress--illustration[data-v-60bc1631]::-webkit-progress-bar{background-color:#dee7e3}.tag-progress .progress--illustration[data-v-60bc1631]::-webkit-progress-value{background-color:#46bd84}.tag-progress .progress--design[data-v-60bc1631]::-webkit-progress-bar{background-color:#d8e7f4}.tag-progress .progress--design[data-v-60bc1631]::-webkit-progress-value{background-color:#08a0f7}.task-activity h2[data-v-60bc1631]{font-size:16px;margin-bottom:1rem}.task-activity li[data-v-60bc1631]{list-style:none;margin:1rem 0;padding:0 1rem 1rem 3rem;position:relative}.task-activity time[data-v-60bc1631]{display:block;color:var(--light-grey)}.task-icon[data-v-60bc1631]{width:30px;height:30px;border-radius:100rem;position:absolute;top:0;left:0;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}.task-icon svg[data-v-60bc1631]{font-size:12px;color:var(--white)}.task-icon--attachment[data-v-60bc1631]{background-color:#fba63c}.task-icon--comment[data-v-60bc1631]{background-color:#5dc983}.task-icon--edit[data-v-60bc1631]{background-color:#7784ee}@media only screen and (max-width:1300px){.project[data-v-60bc1631]{max-width:100%}.task-details[data-v-60bc1631]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.tag-progress[data-v-60bc1631],.task-activity[data-v-60bc1631]{-ms-flex-preferred-size:50%;flex-basis:50%;background:var(--white);padding:1rem;border-radius:8px;margin:1rem}}@media only screen and (max-width:1000px){.project-column[data-v-60bc1631]:nth-child(2),.project-column[data-v-60bc1631]:nth-child(3){display:none}.project-tasks[data-v-60bc1631]{grid-template-columns:1fr 1fr}}@media only screen and (max-width:600px){.project-column[data-v-60bc1631]:nth-child(4){display:none}.project-tasks[data-v-60bc1631]{grid-template-columns:1fr}.task-details[data-v-60bc1631]{-ms-flex-wrap:wrap;flex-wrap:wrap;padding:3rem 1rem}.tag-progress[data-v-60bc1631],.task-activity[data-v-60bc1631]{-ms-flex-preferred-size:100%;flex-basis:100%}h1[data-v-60bc1631]{font-size:25px}}[data-v-178bde94].el-tag{white-space:normal;height:auto}[data-v-178bde94] .el-timeline-item__tail{display:none}[data-v-178bde94] .el-timeline-item__node--large{left:-1px;width:12px;display:none;height:12px}[data-v-178bde94] .el-timeline-item__timestamp.is-top{margin-bottom:8px;padding-top:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.message[data-v-178bde94]{position:relative;height:400px;overflow:auto;padding:10px;width:100%;left:-20px}.activity .creatorName[data-v-178bde94]{font-weight:600}.activity .receiverEmployeeName[data-v-178bde94]{font-size:13px;color:#409eff;padding-right:5px}.brr[data-v-178bde94]{padding:5px;max-height:300px;margin-top:10px;overflow:auto}.el-dialog{text-align:initial;border-radius:20px}:root{--bg:#ebf0f7;--header:#fbf4f6;--text:#2e2e2f;--white:#fff;--light-grey:#c4cad3;--tag-1:#ceecfd;--tag-1-text:#2e87ba;--tag-2:#d6ede2;--tag-2-text:#13854e;--tag-3:#ceecfd;--tag-3-text:#2d86ba;--tag-4:#f2dcf5;--tag-4-text:#a734ba;--purple:#7784ee}[data-v-6bf505ab]{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Poppins,sans-serif}body[data-v-6bf505ab]{color:var(--text)}.app[data-v-6bf505ab]{width:100%;height:calc(100vh - 255px);overflow:auto}h1[data-v-6bf505ab]{font-size:30px}.project[data-v-6bf505ab]{padding:0 50px;max-width:80%;width:100%;display:inline-block}.project-info[data-v-6bf505ab]{padding:1rem 0;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.project-info[data-v-6bf505ab],.project-participants[data-v-6bf505ab]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.project-participants__add[data-v-6bf505ab],.project-participants span[data-v-6bf505ab]{display:inline-block;background:var(--purple);border-radius:100rem;margin:0 .2rem}.project-participants__add[data-v-6bf505ab]{background:transparent;border:1px dashed #969696;font-size:0;cursor:pointer;position:relative}.project-participants__add[data-v-6bf505ab]:after{content:"+";font-size:15px;color:#969696}.project-tasks[data-v-6bf505ab]{display:grid;grid-template-columns:repeat(4,1fr);width:100%;grid-column-gap:1.5rem}.project-column-heading[data-v-6bf505ab]{margin-bottom:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.project-column-heading__title[data-v-6bf505ab]{font-size:20px}.project-column-heading__options[data-v-6bf505ab]{background:transparent;color:var(--light-grey);font-size:18px;border:0;cursor:pointer}.task[data-v-6bf505ab]{background-color:var(--white);padding:1rem;padding-top:.5rem;border-radius:8px;width:100%;-webkit-box-shadow:rgba(99,99,99,.1) 0 2px 8px 0;box-shadow:0 2px 8px 0 rgba(99,99,99,.1);margin-bottom:1rem;border:3px dashed transparent}.task p[data-v-6bf505ab]{font-size:15px;margin:1rem 0}.task__tag[data-v-6bf505ab]{border-radius:100px;padding:2px 8px;font-size:12px}.task__tag--copyright[data-v-6bf505ab]{color:var(--tag-4-text);background-color:var(--tag-4)}.task__tag--design[data-v-6bf505ab]{color:var(--tag-3-text);background-color:var(--tag-3)}.task__tag--info[data-v-6bf505ab]{color:#909399;background-color:rgba(144,147,153,.3254901960784314)}.task__tag--warning[data-v-6bf505ab]{color:#e6a23c;background-color:rgba(230,162,60,.3607843137254902)}.task__tag--illustration[data-v-6bf505ab]{color:var(--tag-2-text);background-color:var(--tag-2)}.task__tags[data-v-6bf505ab]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.task__options[data-v-6bf505ab]{background:transparent;border:0;color:var(--light-grey);font-size:17px}.task__stats[data-v-6bf505ab]{position:relative;width:100%;color:var(--light-grey);font-size:12px}.task__stats span[data-v-6bf505ab]:not(:last-of-type){margin-right:1rem}.task__stats svg[data-v-6bf505ab]{margin-right:5px}.task__owner[data-v-6bf505ab]{width:25px;height:25px;border-radius:100rem;position:absolute;display:inline-block;right:0;bottom:0}.task-hover[data-v-6bf505ab]{border:3px dashed var(--light-grey)!important}.task-details[data-v-6bf505ab]{width:20%;border-left:1px solid #d9e0e9;display:inline-block;height:100%;vertical-align:top;padding:0 2rem}.tag-progress[data-v-6bf505ab]{margin:1.5rem 0}.tag-progress h2[data-v-6bf505ab]{font-size:16px;margin-bottom:1rem}.tag-progress p[data-v-6bf505ab]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.tag-progress p span[data-v-6bf505ab]{color:#b4b4b4}.tag-progress .progress[data-v-6bf505ab]{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:10px;height:10px}.tag-progress .progress[data-v-6bf505ab]::-webkit-progress-bar,.tag-progress .progress[data-v-6bf505ab]::-webkit-progress-value{border-radius:10px}.tag-progress .progress--copyright[data-v-6bf505ab]::-webkit-progress-bar{background-color:#ecd8e6}.tag-progress .progress--copyright[data-v-6bf505ab]::-webkit-progress-value{background:#d459e8}.tag-progress .progress--illustration[data-v-6bf505ab]::-webkit-progress-bar{background-color:#dee7e3}.tag-progress .progress--illustration[data-v-6bf505ab]::-webkit-progress-value{background-color:#46bd84}.tag-progress .progress--design[data-v-6bf505ab]::-webkit-progress-bar{background-color:#d8e7f4}.tag-progress .progress--design[data-v-6bf505ab]::-webkit-progress-value{background-color:#08a0f7}.task-activity h2[data-v-6bf505ab]{font-size:16px;margin-bottom:1rem}.task-activity li[data-v-6bf505ab]{list-style:none;margin:1rem 0;padding:0 1rem 1rem 3rem;position:relative}.task-activity time[data-v-6bf505ab]{display:block;color:var(--light-grey)}.task-icon[data-v-6bf505ab]{width:30px;height:30px;border-radius:100rem;position:absolute;top:0;left:0;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}.task-icon svg[data-v-6bf505ab]{font-size:12px;color:var(--white)}.task-icon--attachment[data-v-6bf505ab]{background-color:#fba63c}.task-icon--comment[data-v-6bf505ab]{background-color:#5dc983}.task-icon--edit[data-v-6bf505ab]{background-color:#7784ee}@media only screen and (max-width:1300px){.project[data-v-6bf505ab]{max-width:100%}.task-details[data-v-6bf505ab]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.tag-progress[data-v-6bf505ab],.task-activity[data-v-6bf505ab]{-ms-flex-preferred-size:50%;flex-basis:50%;background:var(--white);padding:1rem;border-radius:8px;margin:1rem}}@media only screen and (max-width:1000px){.project-column[data-v-6bf505ab]:nth-child(2),.project-column[data-v-6bf505ab]:nth-child(3){display:none}.project-tasks[data-v-6bf505ab]{grid-template-columns:1fr 1fr}}@media only screen and (max-width:600px){.project-column[data-v-6bf505ab]:nth-child(4){display:none}.project-tasks[data-v-6bf505ab]{grid-template-columns:1fr}.task-details[data-v-6bf505ab]{-ms-flex-wrap:wrap;flex-wrap:wrap;padding:3rem 1rem}.tag-progress[data-v-6bf505ab],.task-activity[data-v-6bf505ab]{-ms-flex-preferred-size:100%;flex-basis:100%}h1[data-v-6bf505ab]{font-size:25px}}img{background-color:#fff}:root{--app-container:rgba(243,246,253,0);--main-color:#1f1c2e;--secondary-color:#4a4a4a;--link-color:#1f1c2e;--link-color-hover:#c3cff4;--link-color-active:#fff;--link-color-active-bg:#1f1c2e;--projects-section:#fff;--message-box-hover:#fafcff;--message-box-border:#e9ebf0;--more-list-bg:#fff;--more-list-bg-hover:#f6fbff;--more-list-shadow:hsla(0,0%,82%,0.4);--button-bg:#1f1c24;--search-area-bg:#fff;--star:#1ff1c2e;--message-btn:#fff}[data-v-1ca9ffd8] .el-input-group--prepend .el-select .el-input.is-focus .el-input__inner{width:100px}[data-v-1ca9ffd8] .el-radio__input{display:none}[data-v-1ca9ffd8]{-webkit-box-sizing:border-box;box-sizing:border-box}body[data-v-1ca9ffd8],html[data-v-1ca9ffd8]{width:100%;height:calc(100vh - 310px);margin:0}body[data-v-1ca9ffd8]{font-family:DM Sans,sans-serif;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:var(--app-container)}a[data-v-1ca9ffd8],button[data-v-1ca9ffd8]{cursor:pointer}.app-container[data-v-1ca9ffd8]{width:100%;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%;background-color:var(--app-container);-webkit-transition:.2s;transition:.2s}.app-container button[data-v-1ca9ffd8],.app-container input[data-v-1ca9ffd8],.app-container optgroup[data-v-1ca9ffd8],.app-container select[data-v-1ca9ffd8],.app-container textarea[data-v-1ca9ffd8]{font-family:DM Sans,sans-serif}.app-content[data-v-1ca9ffd8]{height:100%;min-height:400px;padding:16px 24px 24px 0}.app-content[data-v-1ca9ffd8],.projects-section[data-v-1ca9ffd8]{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.projects-section[data-v-1ca9ffd8]{-webkit-box-flex:4;-ms-flex:4;flex:4;background-color:var(--projects-section);border-radius:8px;padding:0 32px 0 32px;height:calc(100vh - 310px);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.projects-section-line[data-v-1ca9ffd8]{padding-bottom:32px}.projects-section-header[data-v-1ca9ffd8],.projects-section-line[data-v-1ca9ffd8]{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}.projects-section-header[data-v-1ca9ffd8]{margin-bottom:24px;color:var(--main-color)}.projects-section-header p[data-v-1ca9ffd8]{font-size:24px;line-height:32px;font-weight:700;opacity:.9;margin:0;color:var(--main-color)}.projects-section-header .time[data-v-1ca9ffd8]{font-size:17px}.item-status[data-v-1ca9ffd8],.projects-status[data-v-1ca9ffd8]{display:-webkit-box;display:-ms-flexbox;display:flex}.item-status[data-v-1ca9ffd8]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-right:16px}.item-status:not(:last-child) .status-type[data-v-1ca9ffd8]:after{content:"";position:absolute;right:8px;top:50%;-webkit-transform:translatey(-50%);transform:translatey(-50%);width:6px;height:6px;border-radius:50%;border:1px solid var(--secondary-color)}.status-number[data-v-1ca9ffd8]{font-size:24px;line-height:32px;font-weight:700;color:var(--main-color)}.status-type[data-v-1ca9ffd8]{position:relative;padding-right:24px;color:var(--secondary-color)}.view-actions[data-v-1ca9ffd8],.view-btn[data-v-1ca9ffd8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.view-btn[data-v-1ca9ffd8]{width:36px;height:36px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:6px;border-radius:4px;background-color:transparent;border:none;color:var(--main-color);margin-left:8px;-webkit-transition:.2s;transition:.2s}.view-btn.active[data-v-1ca9ffd8]{background-color:var(--link-color-active-bg);color:var(--link-color-active)}.view-btn[data-v-1ca9ffd8]:not(.active):hover{background-color:var(--link-color-hover);color:var(--link-color-active)}.messages-section[data-v-1ca9ffd8]{-ms-flex-negative:0;flex-shrink:0;padding-bottom:32px;background-color:var(--projects-section);margin-left:24px;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;height:calc(100vh - 310px);border-radius:8px;position:relative;overflow:auto;-webkit-transition:all .3s cubic-bezier(.19,1,.56,1);transition:all .3s cubic-bezier(.19,1,.56,1)}.messages-section .messages-close[data-v-1ca9ffd8]{position:absolute;top:12px;right:12px;z-index:3;border:none;background-color:transparent;color:var(--main-color);display:none}.messages-section.show[data-v-1ca9ffd8]{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;margin-left:0}.messages-section .projects-section-header[data-v-1ca9ffd8]{position:sticky;top:0;z-index:1;padding:32px 24px 0 24px;background-color:var(--projects-section)}.message-box[data-v-1ca9ffd8]{border-top:1px solid var(--message-box-border);padding:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%}.message-box[data-v-1ca9ffd8]:hover{background-color:var(--message-box-hover)}.message-box:hover+.message-box[data-v-1ca9ffd8],.message-box[data-v-1ca9ffd8]:hover{border-top-color:var(--link-color-hover)}.message-box img[data-v-1ca9ffd8]{border-radius:50%;-o-object-fit:cover;object-fit:cover;width:40px;height:40px}.message-header[data-v-1ca9ffd8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.message-header .name[data-v-1ca9ffd8]{font-size:16px;line-height:24px;font-weight:700;color:var(--main-color);margin:0}.message-content[data-v-1ca9ffd8]{padding-left:16px;width:100%}.star-checkbox input[data-v-1ca9ffd8]{opacity:0;position:absolute;width:0;height:0}.star-checkbox label[data-v-1ca9ffd8]{width:24px;height:24px;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;cursor:pointer}.dark .star-checkbox[data-v-1ca9ffd8]{color:var(--secondary-color)}.dark .star-checkbox input:checked+label[data-v-1ca9ffd8]{color:var(--star)}.star-checkbox input:checked+label svg[data-v-1ca9ffd8]{fill:var(--star);-webkit-transition:.2s;transition:.2s}.message-line[data-v-1ca9ffd8]{font-size:14px;line-height:20px;margin:8px 0;color:var(--secondary-color);opacity:.7}.message-line.time[data-v-1ca9ffd8]{text-align:right;margin-bottom:0}.project-boxes[data-v-1ca9ffd8]{margin:0 -8px;overflow-y:auto}.project-boxes.jsGridView[data-v-1ca9ffd8]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.project-boxes.jsGridView .project-box-wrapper[data-v-1ca9ffd8]{width:33.3%}.project-boxes.jsListView .project-box[data-v-1ca9ffd8]{display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:10px;position:relative}.project-boxes.jsListView .project-box>[data-v-1ca9ffd8]{margin-right:24px}.project-boxes.jsListView .more-wrapper[data-v-1ca9ffd8]{position:absolute;right:16px;top:16px}.project-boxes.jsListView .project-box-content-header[data-v-1ca9ffd8]{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;max-width:120px}.project-boxes.jsListView .project-box-header[data-v-1ca9ffd8]{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.project-boxes.jsListView .project-box-footer[data-v-1ca9ffd8]{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;padding-top:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.project-boxes.jsListView .project-box-footer[data-v-1ca9ffd8]:after{display:none}.project-boxes.jsListView .participants[data-v-1ca9ffd8]{margin-bottom:8px}.project-boxes.jsListView .project-box-content-header p[data-v-1ca9ffd8]{text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.project-boxes.jsListView .project-box-header>span[data-v-1ca9ffd8]{position:absolute;bottom:16px;left:16px;font-size:12px}.project-boxes.jsListView .box-progress-wrapper[data-v-1ca9ffd8]{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;-webkit-box-flex:1;-ms-flex:1;flex:1}.project-box[data-v-1ca9ffd8]{--main-color-card:#dbf6fd;border-radius:8px;padding:16px;background-color:var(--main-color-card)}.project-box-header[data-v-1ca9ffd8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:16px;color:var(--main-color)}.project-box-header span[data-v-1ca9ffd8]{color:#4a4a4a;opacity:.7;font-size:14px;line-height:16px}.project-box-content-header[data-v-1ca9ffd8]{text-align:center;margin-bottom:16px}.project-box-content-header p[data-v-1ca9ffd8]{margin:0}.project-box-wrapper[data-v-1ca9ffd8]{padding:8px;-webkit-transition:.2s;transition:.2s}.project-btn-more[data-v-1ca9ffd8]{padding:0;height:14px;width:24px;height:24px;position:relative;background-color:transparent;border:none;-ms-flex-negative:0;flex-shrink:0}.more-wrapper[data-v-1ca9ffd8]{position:relative}.box-content-header[data-v-1ca9ffd8]{font-size:16px;line-height:24px;font-weight:700;opacity:.7}.box-content-subheader[data-v-1ca9ffd8]{font-size:14px;line-height:24px;opacity:.7}.box-progress[data-v-1ca9ffd8]{display:block;height:4px;border-radius:6px}.box-progress-bar[data-v-1ca9ffd8]{width:100%;height:4px;border-radius:6px;overflow:hidden;background-color:#fff;margin:8px 0}.box-progress-header[data-v-1ca9ffd8],.box-progress-percentage[data-v-1ca9ffd8]{font-size:14px;font-weight:700;line-height:16px;margin:0}.box-progress-percentage[data-v-1ca9ffd8]{text-align:right}.project-box-footer[data-v-1ca9ffd8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:16px;position:relative}.project-box-footer[data-v-1ca9ffd8]:after{content:"";position:absolute;background-color:hsla(0,0%,100%,.6);width:calc(100% + 32px);top:0;left:-16px;height:1px}.participants[data-v-1ca9ffd8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.participants img[data-v-1ca9ffd8]{width:20px;height:20px;border-radius:50%;overflow:hidden;-o-object-fit:cover;object-fit:cover}.participants img[data-v-1ca9ffd8]:not(:first-child){margin-left:-8px}.add-participant[data-v-1ca9ffd8]{width:20px;height:20px;border-radius:50%;border:none;background-color:hsla(0,0%,100%,.6);margin-left:6px;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;padding:0}.days-left[data-v-1ca9ffd8]{background-color:hsla(0,0%,100%,.6);font-size:12px;border-radius:20px;-ms-flex-negative:0;flex-shrink:0;padding:6px 16px;font-weight:700}.mode-switch.active .moon[data-v-1ca9ffd8]{fill:var(--main-color)}.messages-btn[data-v-1ca9ffd8]{border-radius:4px 0 0 4px;position:absolute;right:0;top:58px;background-color:var(--message-btn);border:none;color:var(--main-color);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;padding:4px;display:none}@media screen and (max-width:980px){.project-boxes.jsGridView .project-box-wrapper[data-v-1ca9ffd8]{width:50%}.status-number[data-v-1ca9ffd8],.status-type[data-v-1ca9ffd8]{font-size:14px}.status-type[data-v-1ca9ffd8]:after{width:4px;height:4px}.item-status[data-v-1ca9ffd8]{margin-right:0}}@media screen and (max-width:880px){.messages-section[data-v-1ca9ffd8]{-webkit-transform:translateX(100%);transform:translateX(100%);position:absolute;opacity:0;top:0;z-index:2;height:100%;width:100%}.messages-section .messages-close[data-v-1ca9ffd8]{display:block}.messages-btn[data-v-1ca9ffd8]{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (max-width:720px){.app-name[data-v-1ca9ffd8],.profile-btn span[data-v-1ca9ffd8]{display:none}.add-btn[data-v-1ca9ffd8],.mode-switch[data-v-1ca9ffd8],.notification-btn[data-v-1ca9ffd8]{width:20px;height:20px}.add-btn svg[data-v-1ca9ffd8],.mode-switch svg[data-v-1ca9ffd8],.notification-btn svg[data-v-1ca9ffd8]{width:16px;height:16px}.app-header-right button[data-v-1ca9ffd8]{margin-left:4px}}@media screen and (max-width:520px){.projects-section[data-v-1ca9ffd8]{overflow:auto}.project-boxes[data-v-1ca9ffd8]{overflow-y:visible}.app-icon[data-v-1ca9ffd8],.app-sidebar[data-v-1ca9ffd8]{display:none}.app-content[data-v-1ca9ffd8]{padding:16px 12px 24px 12px}.status-number[data-v-1ca9ffd8],.status-type[data-v-1ca9ffd8]{font-size:10px}.view-btn[data-v-1ca9ffd8]{width:24px;height:24px}.app-header[data-v-1ca9ffd8]{padding:16px 10px}.search-input[data-v-1ca9ffd8]{max-width:120px}.project-boxes.jsGridView .project-box-wrapper[data-v-1ca9ffd8]{width:100%}.projects-section[data-v-1ca9ffd8]{padding:24px 16px 0 16px}.profile-btn img[data-v-1ca9ffd8]{width:24px;height:24px}.app-header[data-v-1ca9ffd8]{padding:10px}.projects-section-header .time[data-v-1ca9ffd8],.projects-section-header p[data-v-1ca9ffd8]{font-size:18px}.status-type[data-v-1ca9ffd8]{padding-right:4px}.status-type[data-v-1ca9ffd8]:after{display:none}.search-input[data-v-1ca9ffd8]{font-size:14px}.messages-btn[data-v-1ca9ffd8]{top:48px}.box-content-header[data-v-1ca9ffd8],.box-content-subheader[data-v-1ca9ffd8]{font-size:12px;line-height:16px}.project-boxes.jsListView .project-box-header>span[data-v-1ca9ffd8]{font-size:10px}.box-progress-header[data-v-1ca9ffd8]{font-size:12px}.box-progress-percentage[data-v-1ca9ffd8]{font-size:10px}.days-left[data-v-1ca9ffd8]{font-size:8px;padding:6px 6px;text-align:center}.project-boxes.jsListView .project-box>[data-v-1ca9ffd8]{margin-right:10px}.project-boxes.jsListView .more-wrapper[data-v-1ca9ffd8]{right:2px;top:10px}}[data-v-1ca9ffd8] .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:#409eff;border-color:#dcdfe6}[data-v-1ca9ffd8] .el-checkbox__input.is-disabled+span.el-checkbox__label{color:#000;cursor:not-allowed}.el-form-item{margin-bottom:18px}.apps[data-v-6b02eda1]{margin:0 0}[data-v-6b02eda1] .el-form-item{margin-bottom:18px}[data-v-340bd41d].el-tag{white-space:normal;height:auto}.message[data-v-340bd41d]{position:relative;height:400px;overflow:auto;padding:10px;width:100%;left:-20px}.activity .creatorName[data-v-340bd41d]{font-weight:600}.activity .receiverEmployeeName[data-v-340bd41d]{font-size:13px;color:#409eff;padding-right:5px}.brr[data-v-340bd41d]{padding:5px;max-height:200px;margin-top:10px;overflow:auto}[data-v-2d13d870] .el-drawer__header{margin-bottom:0}[data-v-2d13d870] .el-form-item{margin-bottom:10px}.about[data-v-2d13d870]{position:relative;overflow:auto;border-radius:10px;width:100%;padding:5px}[data-v-2d13d870] .el-descriptions .is-bordered{table-layout:fixed;width:100%}[data-v-2d13d870] .el-dialog{text-align:left;border-radius:20px}.pp[data-v-2d13d870]{font-size:20px;margin:10px 0;text-align:center}.bbox[data-v-2d13d870]{border:1px solid #eee;border-radius:10px}