@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap);[data-v-f59ce93e]{color:#fff}header[data-v-f59ce93e]{z-index:99;flex-direction:row;background-color:#1e2139;align-items:center}header .branding[data-v-f59ce93e]{border-radius:0 20px 20px 0;background-color:#7c5dfa;justify-content:center;padding:24px}header .branding img[data-v-f59ce93e]{width:auto;height:30px;background-color:transparent}header .links[data-v-f59ce93e]{margin-left:auto;margin-right:16px}header .links .logout[data-v-f59ce93e],header .links .profile[data-v-f59ce93e]{margin-right:32px}header .links .logout h4[data-v-f59ce93e],header .links .profile h4[data-v-f59ce93e]{cursor:pointer}header .links .profile[data-v-f59ce93e]{text-decoration:none}.loading{position:absolute;top:0;left:0;z-index:101;height:100%;width:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}@-webkit-keyframes spin{to{transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}.loading span{display:block;width:60px;height:60px;margin:0 auto;border:3px solid transparent;border-top-color:#fff;border-bottom-color:#fff;border-radius:50%;-webkit-animation:spin 1s ease infinite;animation:spin 1s ease infinite}.task-wrap[data-v-4269bb9a]{position:fixed;top:78px;left:0;background-color:transparent;width:100%;height:calc(100vh - 78px);z-index:100;overflow:scroll}.task-wrap[data-v-4269bb9a]::-webkit-scrollbar{display:none}.task-wrap .task-content[data-v-4269bb9a]{position:relative;padding:56px;max-width:700px;width:100%;background-color:#141625;color:#fff;box-shadow:10px 4px 6px -1px rgba(0,0,0,.2),0 2px 4px -1px rgba(0,0,0,.06)}.task-wrap .task-content h1[data-v-4269bb9a]{margin-bottom:48px;color:#fff}.task-wrap .task-content h3[data-v-4269bb9a]{margin-bottom:16px;font-size:18px;color:#777f98}.task-wrap .task-content h4[data-v-4269bb9a]{margin-bottom:24px;color:#7c5dfa;font-size:12px}.task-wrap .task-content .task-info[data-v-4269bb9a]{margin-bottom:24px}.task-wrap .task-content .task-info .location-details[data-v-4269bb9a]{gap:16px}.task-wrap .task-content .task-info .location-details div[data-v-4269bb9a]{flex:1}.task-wrap .task-content .task-info .people[data-v-4269bb9a]{gap:24px}.task-wrap .task-content .task-info .people .created-by[data-v-4269bb9a]{flex:1}.task-wrap .task-content .task-info .people .assigned-to[data-v-4269bb9a]{flex:2}.task-wrap .task-content .task-info .people .assigned-to option[data-v-4269bb9a]:hover{box-shadow:inset 0 0 10px 100px #7c5dfa}.task-wrap .task-content .task-info .people .random[data-v-4269bb9a]{color:#fff;align-items:center;justify-content:center}.task-wrap .task-content .task-info .people .random button[data-v-4269bb9a]{background-color:#7c5dfa;padding:12px}.task-wrap .task-content .task-work .dates[data-v-4269bb9a]{gap:24px}.task-wrap .task-content .task-work .dates div[data-v-4269bb9a]{flex:1}.task-wrap .task-content .task-work .work-items .item-list[data-v-4269bb9a]{width:100%}.task-wrap .task-content .task-work .work-items .item-list .table-heading[data-v-4269bb9a],.task-wrap .task-content .task-work .work-items .item-list .table-items[data-v-4269bb9a]{gap:16px;font-size:12px}.task-wrap .task-content .task-work .work-items .item-list .table-heading .cost-name[data-v-4269bb9a],.task-wrap .task-content .task-work .work-items .item-list .table-items .cost-name[data-v-4269bb9a]{flex-basis:50%}.task-wrap .task-content .task-work .work-items .item-list .table-heading .qty[data-v-4269bb9a],.task-wrap .task-content .task-work .work-items .item-list .table-items .qty[data-v-4269bb9a]{flex-basis:10%}.task-wrap .task-content .task-work .work-items .item-list .table-heading .price[data-v-4269bb9a],.task-wrap .task-content .task-work .work-items .item-list .table-items .price[data-v-4269bb9a]{flex-basis:20%}.task-wrap .task-content .task-work .work-items .item-list .table-heading .total[data-v-4269bb9a],.task-wrap .task-content .task-work .work-items .item-list .table-items .total[data-v-4269bb9a]{flex-basis:20%;align-self:center}.task-wrap .task-content .task-work .work-items .item-list .table-heading[data-v-4269bb9a]{margin-bottom:16px}.task-wrap .task-content .task-work .work-items .item-list .table-heading th[data-v-4269bb9a]{text-align:left}.task-wrap .task-content .task-work .work-items .item-list .table-items[data-v-4269bb9a]{position:relative;margin-bottom:20px}.task-wrap .task-content .task-work .work-items .item-list .table-items img[data-v-4269bb9a]{position:absolute;top:15px;right:0;width:12px;height:16px;cursor:pointer}.task-wrap .task-content .task-work .work-items .button[data-v-4269bb9a]{color:#fff;background-color:#252945;align-items:center;justify-content:center;width:100%}.task-wrap .task-content .task-work .work-items .button img[data-v-4269bb9a]{margin-right:4px}.task-wrap .task-content .save[data-v-4269bb9a]{margin-top:60px}.task-wrap .task-content .save div[data-v-4269bb9a]{flex:1}.task-wrap .task-content .save .right[data-v-4269bb9a]{justify-content:flex-end}.task-wrap .input[data-v-4269bb9a]{margin-bottom:24px}.task-wrap label[data-v-4269bb9a]{font-size:12px;margin-bottom:6px}.task-wrap input[data-v-4269bb9a],.task-wrap select[data-v-4269bb9a]{width:100%;background-color:#1e2139;color:#fff;border-radius:4px;padding:12px 4px;border:none}.task-wrap input[data-v-4269bb9a]:focus,.task-wrap select[data-v-4269bb9a]:focus{outline:none}.modal[data-v-33f2661c]{position:fixed;z-index:101;justify-content:center;align-items:center;height:calc(100vh - 156px);width:100%}.modal .modal-content[data-v-33f2661c]{border-radius:20px;padding:48px 32px;max-width:450px;background-color:#252945;color:#fff}.modal .modal-content p[data-v-33f2661c]{text-align:center}.modal .modal-content .actions[data-v-33f2661c]{margin-top:24px}.modal .modal-content .actions button[data-v-33f2661c]{flex:1}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}.app{background-color:#141625;min-height:100vh}.app .app-content{padding:0 20px;flex:1;position:relative}.mobile-screen{text-align:center;justify-content:center;align-items:center;height:100vh;background-color:#141625;color:#fff}.mobile-screen h2{margin:0 50px}.mobile-screen p{margin:16px 50px 0 50px}.task-enter-active,.task-leave-active{transition:all .8s ease}.task-enter-from,.task-leave-to{transform:translateX(-700px)}.button,button{cursor:pointer;padding:16px 24px;border-radius:30px;border:none;font-size:12px;margin-right:8px;color:#fff}.dark-purple{background-color:#252945}.red{background-color:#ec5757}.purple{background-color:#7c5dfa}.green{background-color:#33d69f}.orange{background-color:#ff8f00}.flex{display:flex}.flex-column{flex-direction:column}.container{width:100%;padding:40px 10px;max-width:850px;margin:0 auto}@media (min-width:900px){.container{padding-top:72px}}.nav-link{text-decoration:none;color:initial}.status-button{font-size:12px;margin-right:30px;align-items:center;padding:8px 30px;border-radius:10px}.status-button:before{content:"";width:10px;height:10px;border-radius:50%;margin-right:8px}.complete{color:#33d69f;background-color:rgba(51,214,160,.1)}.complete:before{background-color:#33d69f}.pending{color:#ff8f00;background-color:rgba(255,145,0,.1)}.pending:before{background-color:#ff8f00}.draft{color:#dfe3fa;background-color:rgba(223,227,250,.1)}.draft:before{background-color:#dfe3fa}.p-datepicker{width:280px}.p-datepicker-group-container{background-color:#fff;border-radius:10px;padding:10px}.p-datepicker-group-container span{padding:2px 0}.p-inputtext{background-color:#1e2139;color:#fff;padding:12px 4px;border:none;border-radius:4px;min-width:280px}.p-disabled{color:#a9a9a9}.p-highlight{background-color:#7c5dfa;color:#fff;border-radius:10px}.p-datepicker-next{border-left:16px solid #7c5dfa;margin-right:12px}.p-datepicker-next,.p-datepicker-prev{background-color:#fff;border-radius:0;padding:0;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent}.p-datepicker-prev{border-right:16px solid #7c5dfa;margin-left:12px}.p-datepicker-month{padding-right:4px}.task[data-v-f677c6b8]{text-decoration:none;cursor:pointer;gap:16px;margin-bottom:16px;color:#fff;border-radius:20px;padding:28px 32px;background-color:#1e2139;align-items:center}.task span[data-v-f677c6b8]{font-size:14px}.task .left[data-v-f677c6b8]{align-items:center;flex-basis:60%;gap:16px}.task .left span[data-v-f677c6b8]{flex:1}.task .left .tracking-number[data-v-f677c6b8]{text-transform:uppercase}.task .right[data-v-f677c6b8]{gap:16px;flex-basis:40%;align-items:center}.task .right .price[data-v-f677c6b8]{flex:1;font-size:16px;font-weight:600}.groups-wrapper[data-v-5a39cbb1]{margin-top:32px;align-items:center;gap:24px;color:#fff}.groups-wrapper .input[data-v-5a39cbb1]{align-items:center;gap:8px;flex:1;color:#000}.groups-wrapper .create-group[data-v-5a39cbb1]{align-items:center;text-align:center;gap:8px;flex:1;width:500px}.groups-wrapper .create-group .create-form[data-v-5a39cbb1]{gap:8px}.home[data-v-79b7f124]{color:#fff}.home .hello[data-v-79b7f124]{width:100%;margin-bottom:16px}.home .header[data-v-79b7f124]{margin-bottom:65px}.home .header .left[data-v-79b7f124],.home .header .right[data-v-79b7f124]{flex:1}.home .header .right[data-v-79b7f124]{justify-content:flex-end;align-items:center}.home .header .right .button[data-v-79b7f124],.home .header .right .filter[data-v-79b7f124]{align-items:center}.home .header .right .button span[data-v-79b7f124],.home .header .right .filter span[data-v-79b7f124]{font-size:12px}.home .header .right .filter[data-v-79b7f124]{cursor:pointer;position:relative;margin-right:40px}.home .header .right .filter img[data-v-79b7f124]{margin-left:12px;width:9px;height:5px}.home .header .right .filter .filter-menu[data-v-79b7f124]{width:120px;position:absolute;top:25px;list-style:none;background-color:#1e2139;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.home .header .right .filter .filter-menu li[data-v-79b7f124]{cursor:pointer;font-size:12px;padding:10px 20px}.home .header .right .filter .filter-menu li[data-v-79b7f124]:hover{color:#1e2139;background-color:#fff}.home .header .right .button[data-v-79b7f124]{padding:8px 10px;background-color:#7c5dfa;border-radius:40px}.home .header .right .button .inner-button[data-v-79b7f124]{margin-right:8px;border-radius:50%;padding:8px;align-items:center;justify-content:center;background-color:#fff}.home .header .right .button .inner-button img[data-v-79b7f124]{width:10px;height:10px}.home .all-tasks h2[data-v-79b7f124],.home .assigned-tasks h2[data-v-79b7f124]{margin-bottom:16px}.home .empty[data-v-79b7f124]{margin-top:160px;align-items:center}.home .empty img[data-v-79b7f124]{width:214px;height:200px}.home .empty h3[data-v-79b7f124]{font-size:20px;margin-top:40px}.home .empty p[data-v-79b7f124]{text-align:center;max-width:240px;font-size:12px;font-weight:300;margin-top:16px}.task-view .nav-link[data-v-6edb844a]{margin-bottom:32px;align-items:center;color:#fff;font-size:12px}.task-view .nav-link img[data-v-6edb844a]{margin-right:16px;width:7px;height:10px}.task-view .header[data-v-6edb844a],.task-view .task-details[data-v-6edb844a]{background-color:#1e2139;border-radius:20px}.task-view .header[data-v-6edb844a]{align-items:center;padding:24px 32px;font-size:12px}.task-view .header .left[data-v-6edb844a]{align-items:center}.task-view .header .left span[data-v-6edb844a]{color:#dfe3fa;margin-right:16px}.task-view .header .right[data-v-6edb844a]{flex:1;justify-content:flex-end}.task-view .header .right button[data-v-6edb844a]{color:#fff}.task-view .task-details[data-v-6edb844a]{padding:48px;margin-top:24px}.task-view .task-details .top div[data-v-6edb844a]{color:#dfe3fa;flex:1}.task-view .task-details .top .left[data-v-6edb844a]{font-size:12px;flex:2}.task-view .task-details .top .left p[data-v-6edb844a]:first-child{font-size:24px;text-transform:uppercase;color:#fff;margin-bottom:8px}.task-view .task-details .top .left p[data-v-6edb844a]:nth-child(2){font-size:16px}.task-view .task-details .top .left span[data-v-6edb844a]{color:#888eb0}.task-view .task-details .top .right[data-v-6edb844a]{font-size:12px;align-items:flex-end;flex:1}.task-view .task-details .top .right p[data-v-6edb844a]:first-child{text-transform:uppercase}.task-view .task-details .middle[data-v-6edb844a]{margin-top:50px;color:#dfe3fa;gap:32px;flex:1}.task-view .task-details .middle h4[data-v-6edb844a]{font-size:12px;font-weight:400;margin-bottom:12px}.task-view .task-details .middle p[data-v-6edb844a]{font-size:16px;font-weight:600}.task-view .task-details .middle .assigned[data-v-6edb844a]{flex:2}.task-view .task-details .bottom[data-v-6edb844a]{margin-top:50px}.task-view .task-details .bottom .cost-items[data-v-6edb844a]{padding:32px;border-radius:20px 20px 0 0;background-color:#252945}.task-view .task-details .bottom .cost-items .heading[data-v-6edb844a]{color:#dfe3fa;font-size:12px;margin-bottom:32px}.task-view .task-details .bottom .cost-items .heading p[data-v-6edb844a]:first-child{flex:3;text-align:left}.task-view .task-details .bottom .cost-items .heading p[data-v-6edb844a]{flex:1;text-align:right}.task-view .task-details .bottom .cost-items .item[data-v-6edb844a]{margin-bottom:32px;font-size:13px;color:#fff}.task-view .task-details .bottom .cost-items .item[data-v-6edb844a]:last-child{margin-bottom:0}.task-view .task-details .bottom .cost-items .item p[data-v-6edb844a]:first-child{flex:3;text-align:left}.task-view .task-details .bottom .cost-items .item p[data-v-6edb844a]{flex:1;text-align:right}.task-view .task-details .bottom .total[data-v-6edb844a]{color:#fff;padding:32px;background-color:rgba(12,14,22,.7);align-items:center;border-radius:0 0 20px 20px}.task-view .task-details .bottom .total p[data-v-6edb844a]{flex:1;font-size:12px}.task-view .task-details .bottom .total p[data-v-6edb844a]:nth-child(2){font-size:24px;text-align:right}[data-v-a68823a4]{color:#fff}.login-wrapper[data-v-a68823a4]{margin-top:32px}.login-wrapper[data-v-a68823a4],.login[data-v-a68823a4]{align-items:center;justify-content:center}.login input[data-v-a68823a4]{margin-top:8px;min-width:300px;color:#000}.login p[data-v-a68823a4]{margin-top:16px}.login .button[data-v-a68823a4]{font-size:16px}[data-v-45ed9cd0]{color:#fff}.register-wrapper[data-v-45ed9cd0]{margin-top:32px}.register-wrapper[data-v-45ed9cd0],.register[data-v-45ed9cd0]{align-items:center;justify-content:center}.register input[data-v-45ed9cd0]{margin-top:8px;min-width:300px;color:#000}.register p[data-v-45ed9cd0]{margin-top:16px}.register .button[data-v-45ed9cd0]{font-size:16px}[data-v-db0a5956]{color:#fff}button[data-v-db0a5956]{margin-right:0}.nav-link[data-v-db0a5956]{margin-top:32px;margin-left:32px;align-items:center;color:#fff;font-size:18px}.nav-link img[data-v-db0a5956]{margin-right:16px;width:7px;height:10px}.profile-wrapper[data-v-db0a5956]{align-items:center}.profile-wrapper h1[data-v-db0a5956]{margin-top:32px}.profile-wrapper .group-code[data-v-db0a5956]{margin-top:16px;align-items:center;gap:8px}.profile-wrapper .group-code button[data-v-db0a5956]{font-size:16px}.profile-wrapper .group-code span[data-v-db0a5956]{font-size:24px}.update-profile[data-v-db0a5956]{margin-top:16px;max-width:700px;gap:16px}.update-profile .name[data-v-db0a5956]{gap:32px}.update-profile input[data-v-db0a5956]{color:#000}.update-profile .update[data-v-db0a5956],.update-profile button[data-v-db0a5956]{margin-top:4px;justify-content:center;font-size:16px}