@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap);header[data-v-baa24dca]{z-index:99;flex-direction:row;background-color:#1e2139}@media(min-width:900px){header[data-v-baa24dca]{min-height:100%;min-width:90px;flex-direction:column;border-radius:0 20px 20px 0}}header .branding[data-v-baa24dca]{border-radius:0 20px 20px 0;background-color:#7c5dfa;justify-content:center;padding:24px}@media(min-width:900px){header .branding[data-v-baa24dca]{width:100%}}header .branding img[data-v-baa24dca]{width:auto;height:30px}.loading[data-v-0fed0a2d]{top:0;left:0;z-index:101;height:100%;width:100%;background-color:rgba(0,0,0,.5);position:absolute;display:flex;justify-content:center;align-items:center}@-webkit-keyframes spin-0fed0a2d{to{transform:rotate(1turn)}}@keyframes spin-0fed0a2d{to{transform:rotate(1turn)}}.loading span[data-v-0fed0a2d]{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-0fed0a2d 1s ease infinite;animation:spin-0fed0a2d 1s ease infinite}.invoice-wrap[data-v-402fa06a]{position:fixed;top:0;left:0;background-color:transparent;width:100%;height:100vh;overflow:scroll}.invoice-wrap[data-v-402fa06a]::-webkit-scrollbar{display:none}@media(min-width:900px){.invoice-wrap[data-v-402fa06a]{left:90px}}.invoice-wrap .invoice-content[data-v-402fa06a]{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)}.invoice-wrap .invoice-content h1[data-v-402fa06a]{margin-bottom:48px;color:#fff}.invoice-wrap .invoice-content h3[data-v-402fa06a]{margin-bottom:16px;font-size:18px;color:#777f98}.invoice-wrap .invoice-content h4[data-v-402fa06a]{color:#7c5dfa;font-size:12px;margin-bottom:24px}.invoice-wrap .bill-from[data-v-402fa06a],.invoice-wrap .bill-to[data-v-402fa06a]{margin-bottom:48px}.invoice-wrap .bill-from .location-details[data-v-402fa06a],.invoice-wrap .bill-to .location-details[data-v-402fa06a]{gap:16px}.invoice-wrap .bill-from .location-details div[data-v-402fa06a],.invoice-wrap .bill-to .location-details div[data-v-402fa06a]{flex:1}.invoice-wrap .invoice-work .payment[data-v-402fa06a]{gap:24px}.invoice-wrap .invoice-work .payment div[data-v-402fa06a]{flex:1}.invoice-wrap .invoice-work .work-items .item-list[data-v-402fa06a]{width:100%}.invoice-wrap .invoice-work .work-items .item-list .table-heading[data-v-402fa06a],.invoice-wrap .invoice-work .work-items .item-list .table-items[data-v-402fa06a]{gap:16px;font-size:12px}.invoice-wrap .invoice-work .work-items .item-list .table-heading .item-name[data-v-402fa06a],.invoice-wrap .invoice-work .work-items .item-list .table-items .item-name[data-v-402fa06a]{flex-basis:50%}.invoice-wrap .invoice-work .work-items .item-list .table-heading .qty[data-v-402fa06a],.invoice-wrap .invoice-work .work-items .item-list .table-items .qty[data-v-402fa06a]{flex-basis:10%}.invoice-wrap .invoice-work .work-items .item-list .table-heading .price[data-v-402fa06a],.invoice-wrap .invoice-work .work-items .item-list .table-items .price[data-v-402fa06a]{flex-basis:20%}.invoice-wrap .invoice-work .work-items .item-list .table-heading .total[data-v-402fa06a],.invoice-wrap .invoice-work .work-items .item-list .table-items .total[data-v-402fa06a]{flex-basis:20%;align-self:center}.invoice-wrap .invoice-work .work-items .item-list .table-heading[data-v-402fa06a]{margin-bottom:16px}.invoice-wrap .invoice-work .work-items .item-list .table-heading th[data-v-402fa06a]{text-align:left}.invoice-wrap .invoice-work .work-items .item-list .table-items[data-v-402fa06a]{position:relative;margin-bottom:24px}.invoice-wrap .invoice-work .work-items .item-list .table-items img[data-v-402fa06a]{position:absolute;top:15px;right:0;width:12px;height:16px}.invoice-wrap .invoice-work .work-items .button[data-v-402fa06a]{color:#fff;background-color:#252945;align-items:center;justify-content:center;width:100%}.invoice-wrap .invoice-work .work-items .button img[data-v-402fa06a]{margin-right:4px}.invoice-wrap .save[data-v-402fa06a]{margin-top:60px}.invoice-wrap .save div[data-v-402fa06a]{flex:1}.invoice-wrap .save .right[data-v-402fa06a]{justify-content:flex-end}.input[data-v-402fa06a]{margin-bottom:24px}label[data-v-402fa06a]{font-size:12px;margin-bottom:6px}input[data-v-402fa06a],select[data-v-402fa06a]{width:100%;background-color:#1e2139;color:#fff;border-radius:4px;padding:12px 4px;border:none}input[data-v-402fa06a]:focus,select[data-v-402fa06a]:focus{outline:none}.modal[data-v-7008f95a]{z-index:100;position:fixed;justify-content:center;align-items:center;height:100vh;width:100%}.modal .modal-content[data-v-7008f95a]{border-radius:20px;padding:48px 32px;max-width:450px;background-color:#252954;color:#fff}.modal .modal-content p[data-v-7008f95a]{text-align:center}.modal .modal-content .actions[data-v-7008f95a]{margin-top:24px}.modal .modal-content .actions button[data-v-7008f95a]{flex:1}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}::-webkit-scrollbar{background-color:#252945}::-webkit-scrollbar-thumb{background:#141625;border-radius:50px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.app{background-color:#141625;min-height:100vh}@media(min-width:900px){.app{flex-direction:row!important}}.app .app-content{padding:0 20px;flex:1;position:relative}.mobile-message{text-align:center;justify-content:center;align-items:center;height:100vh;background-color:#141625;color:#fff}.mobile-message p{margin-top:16px}.invoice-enter-active,.invoice-leave-active{transition:all .8s ease}.invoice-enter-from,.invoice-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}.paid{color:#33d69f;background-color:rgba(51,214,160,.1)}.paid: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}.invoice[data-v-70233600]{text-decoration:none;cursor:pointer;gap:16px;margin-bottom:16px;color:#fff;border-radius:20px;padding:28px 32px;background-color:#1e2139;align-items:center}.invoice span[data-v-70233600]{font-size:13px}.invoice .left[data-v-70233600]{align-items:center;flex-basis:60%;gap:16px}.invoice .left span[data-v-70233600]{flex:1}.invoice .left .tracking-number[data-v-70233600]{text-transform:uppercase}.invoice .right[data-v-70233600]{gap:16px;flex-basis:40%;align-items:center}.invoice .right .price[data-v-70233600]{flex:1;font-size:16px;font-weight:600px}.Logout[data-v-6bae5c72]{align-self:flex-end;margin-right:30px}.Logout .logout[data-v-6bae5c72]{padding:8px 10px;margin-top:20px;width:100px}.home[data-v-6bae5c72]{color:#fff}.home .header[data-v-6bae5c72]{margin-bottom:65px}.home .header .left[data-v-6bae5c72],.home .header .right[data-v-6bae5c72]{flex:1}.home .header .right[data-v-6bae5c72]{justify-content:flex-end;align-items:center}.home .header .right .button[data-v-6bae5c72],.home .header .right .filter[data-v-6bae5c72]{align-items:center}.home .header .right .button span[data-v-6bae5c72],.home .header .right .filter span[data-v-6bae5c72]{font-size:12px}.home .header .right .filter[data-v-6bae5c72]{position:relative;margin-right:40px;cursor:pointer}.home .header .right .filter img[data-v-6bae5c72]{margin-left:12px;width:9px;height:5px}.home .header .right .filter .filter-menu[data-v-6bae5c72]{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-6bae5c72]{cursor:pointer;font-size:12px;padding:10px 20px}.home .header .right .filter .filter-menu li[data-v-6bae5c72]:hover{color:#1e2139;background-color:#fff}.home .header .right .button[data-v-6bae5c72]{padding:8px 10px;background-color:#7c5dfa;border-radius:40px}.home .header .right .button .inner-button[data-v-6bae5c72]{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-6bae5c72]{width:10px;height:10px}.home .empty[data-v-6bae5c72]{margin-top:160px;align-items:center}.home .empty img[data-v-6bae5c72]{width:214px;height:200px}.home .empty h3[data-v-6bae5c72]{font-size:20px;margin-top:40px}.home .empty p[data-v-6bae5c72]{text-align:center;max-width:440px;font-size:12px;font-weight:300;margin-top:16px}.invoice-view .nav-link[data-v-0549469a]{margin-bottom:32px;align-items:center;color:#fff;font-size:12px}.invoice-view .nav-link img[data-v-0549469a]{margin-right:16px;width:7px;height:10px}.invoice-view .header[data-v-0549469a],.invoice-view .invoice-details[data-v-0549469a]{background-color:#1e2139;border-radius:20px}.invoice-view .header[data-v-0549469a]{align-items:center;padding:24px 32px;font-size:12px}.invoice-view .header .left[data-v-0549469a]{align-items:center}.invoice-view .header .left span[data-v-0549469a]{color:#dfe3fa;margin-right:16px}.invoice-view .header .right[data-v-0549469a]{flex:1;justify-content:flex-end}.invoice-view .header .right button[data-v-0549469a]{color:#fff}.invoice-view .invoice-details[data-v-0549469a]{padding:48px;margin-top:24px}.invoice-view .invoice-details .top div[data-v-0549469a]{color:#dfe3fa;flex:1}.invoice-view .invoice-details .top .left[data-v-0549469a]{font-size:12px}.invoice-view .invoice-details .top .left p[data-v-0549469a]:first-child{font-size:24px;text-transform:uppercase;color:#fff;margin-bottom:8px}.invoice-view .invoice-details .top .left p[data-v-0549469a]:nth-child(2){font-size:16px}.invoice-view .invoice-details .top .left span[data-v-0549469a]{color:#888eb0}.invoice-view .invoice-details .top .right[data-v-0549469a]{font-size:12px;align-items:flex-end}.invoice-view .invoice-details .middle[data-v-0549469a]{margin-top:50px;color:#dfe3fa;gap:16px}.invoice-view .invoice-details .middle h4[data-v-0549469a]{font-size:12px;font-weight:400;margin-bottom:12px}.invoice-view .invoice-details .middle p[data-v-0549469a]{font-size:16px}.invoice-view .invoice-details .middle .bill[data-v-0549469a],.invoice-view .invoice-details .middle .payment[data-v-0549469a]{flex:1}.invoice-view .invoice-details .middle .payment h4[data-v-0549469a]:nth-child(3){margin-top:32px}.invoice-view .invoice-details .middle .payment p[data-v-0549469a]{font-weight:600}.invoice-view .invoice-details .middle .bill p[data-v-0549469a]:nth-child(2){font-size:16px}.invoice-view .invoice-details .middle .bill p[data-v-0549469a]:nth-child(3){margin-top:auto}.invoice-view .invoice-details .middle .bill p[data-v-0549469a]{font-size:12px}.invoice-view .invoice-details .middle .send-to[data-v-0549469a]{flex:2}.invoice-view .invoice-details .bottom[data-v-0549469a]{margin-top:50px}.invoice-view .invoice-details .bottom .billing-items[data-v-0549469a]{padding:32px;border-radius:20px 20px 0 0;background-color:#252945}.invoice-view .invoice-details .bottom .billing-items .heading[data-v-0549469a]{color:#dfe3fa;font-size:12px;margin-bottom:32px}.invoice-view .invoice-details .bottom .billing-items .heading p[data-v-0549469a]:first-child{flex:3;text-align:left}.invoice-view .invoice-details .bottom .billing-items .heading p[data-v-0549469a]{flex:1;text-align:right}.invoice-view .invoice-details .bottom .billing-items .item[data-v-0549469a]{margin-bottom:32px;font-size:13px;color:#fff}.invoice-view .invoice-details .bottom .billing-items .item[data-v-0549469a]:last-child{margin-bottom:0}.invoice-view .invoice-details .bottom .billing-items .item p[data-v-0549469a]:first-child{flex:3;text-align:left}.invoice-view .invoice-details .bottom .billing-items .item p[data-v-0549469a]{flex:1;text-align:right}.invoice-view .invoice-details .bottom .total[data-v-0549469a]{color:#fff;padding:32px;background-color:rgba(12,14,22,.7);align-items:center;border-radius:0 0 20px 20px}.invoice-view .invoice-details .bottom .total p[data-v-0549469a]{flex:1;font-size:12px}.invoice-view .invoice-details .bottom .total p[data-v-0549469a]:nth-child(2){font-size:28px;text-align:right}[data-v-02884f36]{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}[data-v-02884f36]::-webkit-scrollbar{background-color:#252945}[data-v-02884f36]::-webkit-scrollbar-thumb{background:#141625;border-radius:50px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}* .loginPic[data-v-02884f36]{width:50%;height:0}* .login[data-v-02884f36]{width:100%;align-self:flex-end;margin-top:170px;padding:0 200px;color:#fff}* .login .login-form[data-v-02884f36]{background:#1e2139;border-radius:10px;padding:20px}* .login .login-form h2[data-v-02884f36]{margin-bottom:20px}* .login .login-form input[data-v-02884f36]{width:100%;border-radius:0 4px 4px 0;padding:10px 4px;background-color:#2c3052;color:#fff;border:none;margin-bottom:24px;margin-top:5px}* .login .login-form input[data-v-02884f36]:focus{outline:none}* .login .login-form img[data-v-02884f36]{background-color:#606ab3;border-radius:10px 0 0 10px;margin-top:5px;height:40px;width:50px;padding:5px}* .login .save[data-v-02884f36]{margin-top:60px}* .login .save button[data-v-02884f36]{padding:15px}* .login .save div[data-v-02884f36]{flex:1}* .login .save .right[data-v-02884f36]{justify-content:flex-end}* .login .save .right button[data-v-02884f36]:first-child{margin-right:5px}.invoice-wrap[data-v-6a394fb6]{position:fixed;align-items:center;top:0;left:0;background-color:transparent;width:100%;height:100vh;overflow:scroll}.invoice-wrap[data-v-6a394fb6]::-webkit-scrollbar{background-color:#252945}.invoice-wrap[data-v-6a394fb6]::-webkit-scrollbar-thumb{background:#141625;border-radius:50px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.invoice-wrap .invoice-content[data-v-6a394fb6]{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),-10px 4px 6px -1px rgba(0,0,0,.2)}.invoice-wrap .invoice-content h1[data-v-6a394fb6]{margin-bottom:48px;color:#fff}.invoice-wrap .invoice-content h3[data-v-6a394fb6]{margin-bottom:16px;font-size:18px;color:#777f98}.invoice-wrap .invoice-content h4[data-v-6a394fb6]{color:#7c5dfa;font-size:12px;margin-bottom:24px}.invoice-wrap .bill-from[data-v-6a394fb6],.invoice-wrap .bill-to[data-v-6a394fb6]{margin-bottom:48px}.invoice-wrap .bill-from .location-details[data-v-6a394fb6],.invoice-wrap .bill-to .location-details[data-v-6a394fb6]{gap:16px}.invoice-wrap .bill-from .location-details div[data-v-6a394fb6],.invoice-wrap .bill-to .location-details div[data-v-6a394fb6]{flex:1}.invoice-wrap .access-rights[data-v-6a394fb6]{gap:16px}.invoice-wrap .access-rights div[data-v-6a394fb6]{flex:1}.invoice-wrap .save[data-v-6a394fb6]{margin-top:60px}.invoice-wrap .save div[data-v-6a394fb6]{flex:1}.invoice-wrap .save .right[data-v-6a394fb6]{justify-content:flex-end}.input[data-v-6a394fb6]{margin-bottom:24px}label[data-v-6a394fb6]{font-size:12px;margin-bottom:6px}input[data-v-6a394fb6],select[data-v-6a394fb6]{width:100%;background-color:#1e2139;color:#fff;border-radius:4px;padding:12px 4px;border:none}input[data-v-6a394fb6]:focus,select[data-v-6a394fb6]:focus{outline:none}img[data-v-780fd3ed]{height:auto;width:100%}h2[data-v-780fd3ed]{color:#fff}.container[data-v-780fd3ed]{width:100%;padding:10px 10px;max-width:950px;margin:0 auto}@media(min-width:900px){.container[data-v-780fd3ed]{padding-top:72px}}.container .save div[data-v-780fd3ed]{flex:1}.container .save .right[data-v-780fd3ed]{justify-content:flex-end}