@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap);header[data-v-11a0236a]{z-index:99;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;background-color:#1e2139}@media (min-width:900px){header[data-v-11a0236a]{min-height:100%;min-width:90px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:0 20px 20px 0}}header .branding[data-v-11a0236a]{border-radius:0 20px 20px 0;background-color:#7c5dfa;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:24px}@media (min-width:900px){header .branding[data-v-11a0236a]{width:100%}}header .branding img[data-v-11a0236a]{width:auto;height:30px}.loading{position:absolute;top:0;left:0;z-index:101;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading span{display:block;width:60px;height:60px;margin:0 auto;border:3px solid rgba(0,0,0,0);border-top-color:#fff;border-bottom-color:#fff;border-radius:50%;-webkit-animation:spin 1s ease infinite;animation:spin 1s ease infinite}.invoice-wrap[data-v-6cd31dfb]{position:fixed;top:0;left:0;background-color:rgba(0,0,0,0);width:100%;height:100vh;overflow:scroll}.invoice-wrap[data-v-6cd31dfb]::-webkit-scrollbar{display:none}@media (min-width:900px){.invoice-wrap[data-v-6cd31dfb]{left:90px}}.invoice-wrap .invoice-content[data-v-6cd31dfb]{position:relative;padding:56px;max-width:700px;width:100%;background-color:#141625;color:#fff;-webkit-box-shadow:10px 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);box-shadow:10px 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.invoice-wrap .invoice-content h1[data-v-6cd31dfb]{margin-bottom:48px;color:#fff}.invoice-wrap .invoice-content h3[data-v-6cd31dfb]{margin-bottom:16px;font-size:18px;color:#777f98}.invoice-wrap .invoice-content h4[data-v-6cd31dfb]{color:#7c5dfa;font-size:12px;margin-bottom:24px}.invoice-wrap .invoice-content .bill-from[data-v-6cd31dfb],.invoice-wrap .invoice-content .bill-to[data-v-6cd31dfb]{margin-bottom:48px}.invoice-wrap .invoice-content .bill-from .location-details[data-v-6cd31dfb],.invoice-wrap .invoice-content .bill-to .location-details[data-v-6cd31dfb]{gap:16px}.invoice-wrap .invoice-content .bill-from .location-details div[data-v-6cd31dfb],.invoice-wrap .invoice-content .bill-to .location-details div[data-v-6cd31dfb]{-webkit-box-flex:1;-ms-flex:1;flex:1}.invoice-wrap .invoice-content .invoice-work .payment[data-v-6cd31dfb]{gap:24px}.invoice-wrap .invoice-content .invoice-work .payment div[data-v-6cd31dfb]{-webkit-box-flex:1;-ms-flex:1;flex:1}.invoice-wrap .invoice-content .invoice-work .save[data-v-6cd31dfb]{margin-top:60px}.invoice-wrap .invoice-content .invoice-work .save div[data-v-6cd31dfb]{-webkit-box-flex:1;-ms-flex:1;flex:1}.invoice-wrap .invoice-content .invoice-work .save .right[data-v-6cd31dfb]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.invoice-wrap .invoice-content .work-items .item-list[data-v-6cd31dfb]{width:100%}.invoice-wrap .invoice-content .work-items .item-list .table-heading[data-v-6cd31dfb],.invoice-wrap .invoice-content .work-items .item-list .table-items[data-v-6cd31dfb]{gap:16px;font-size:12px}.invoice-wrap .invoice-content .work-items .item-list .table-heading .item-name[data-v-6cd31dfb],.invoice-wrap .invoice-content .work-items .item-list .table-items .item-name[data-v-6cd31dfb]{-ms-flex-preferred-size:50%;flex-basis:50%}.invoice-wrap .invoice-content .work-items .item-list .table-heading .qty[data-v-6cd31dfb],.invoice-wrap .invoice-content .work-items .item-list .table-items .qty[data-v-6cd31dfb]{-ms-flex-preferred-size:10%;flex-basis:10%}.invoice-wrap .invoice-content .work-items .item-list .table-heading .price[data-v-6cd31dfb],.invoice-wrap .invoice-content .work-items .item-list .table-items .price[data-v-6cd31dfb]{-ms-flex-preferred-size:20%;flex-basis:20%}.invoice-wrap .invoice-content .work-items .item-list .table-heading .total[data-v-6cd31dfb],.invoice-wrap .invoice-content .work-items .item-list .table-items .total[data-v-6cd31dfb]{-ms-flex-preferred-size:20%;flex-basis:20%;-ms-flex-item-align:center;align-self:center}.invoice-wrap .invoice-content .work-items .item-list .table-heading[data-v-6cd31dfb]{margin-bottom:16px}.invoice-wrap .invoice-content .work-items .item-list .table-heading th[data-v-6cd31dfb]{text-align:left}.invoice-wrap .invoice-content .work-items .item-list .table-items[data-v-6cd31dfb]{position:relative;margin-bottom:24px}.invoice-wrap .invoice-content .work-items .item-list .table-items img[data-v-6cd31dfb]{position:absolute;top:15px;right:0;width:12px;height:16px}.invoice-wrap .invoice-content .work-items .button[data-v-6cd31dfb]{color:#fff;background-color:#252945;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}.invoice-wrap .invoice-content .work-items .button img[data-v-6cd31dfb]{margin-right:4px}.invoice-wrap .input[data-v-6cd31dfb]{margin-bottom:24px}.invoice-wrap label[data-v-6cd31dfb]{font-size:12px;margin-bottom:6px}.invoice-wrap input[data-v-6cd31dfb],.invoice-wrap select[data-v-6cd31dfb]{width:100%;background-color:#1e2139;color:#fff;border-radius:4px;padding:12px 4px;border:none}.invoice-wrap input[data-v-6cd31dfb]:focus,.invoice-wrap select[data-v-6cd31dfb]:focus{outline:none}.modal[data-v-7d6bc4ed]{z-index:100;position:fixed;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100vh;width:100%}.modal .modal-content[data-v-7d6bc4ed]{border-radius:20px;padding:48px 32px;max-width:450px;background-color:#252945;color:#fff}.modal .modal-content p[data-v-7d6bc4ed]{text-align:center}.modal .modal-content .actions[data-v-7d6bc4ed]{margin-top:24px}.modal .modal-content .actions button[data-v-7d6bc4ed]{-webkit-box-flex:1;-ms-flex:1;flex:1}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Poppins,sans-serif}.app{background-color:#141624;min-height:100vh}@media (min-width:900px){.app{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}}.app .app-content{padding:0 20px;-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}.mobile-message{text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100vh;background-color:#141624;color:#fff}.mobile-message p{margin-top:15px}.invoice-enter-active,.invoice-leave-active{-webkit-transition:all .8s ease;-o-transition:.8s ease all;transition:all .8s ease}.invoice-enter-from,.invoice-leave-to{-webkit-transform:translateX(-700px);-ms-transform:translateX(-700px);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:-webkit-box;display:-ms-flexbox;display:flex}.flex-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction: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;-webkit-box-align:center;-ms-flex-align:center;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-3ea96f46]{text-decoration:none;cursor:pointer;gap:16px;margin-bottom:16px;color:#fff;border-radius:20px;padding:28px 32px;background-color:#1e2139;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.invoice span[data-v-3ea96f46]{font-size:13px}.invoice .left[data-v-3ea96f46]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-preferred-size:60%;flex-basis:60%;gap:16px}.invoice .left span[data-v-3ea96f46]{-webkit-box-flex:1;-ms-flex:1;flex:1}.invoice .left .tracking-number[data-v-3ea96f46]{text-transform:uppercase}.invoice .right[data-v-3ea96f46]{gap:16px;-ms-flex-preferred-size:40%;flex-basis:40%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.invoice .right .price[data-v-3ea96f46]{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:16px;font-weight:600}.home[data-v-6461216c]{color:#fff}.home .header[data-v-6461216c]{margin-bottom:65px}.home .header .left[data-v-6461216c],.home .header .right[data-v-6461216c]{-webkit-box-flex:1;-ms-flex:1;flex:1}.home .header .right[data-v-6461216c]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.home .header .right .button .filter[data-v-6461216c],.home .header .right[data-v-6461216c]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.home .header .right .button .filter span[data-v-6461216c]{font-size:12px}.home .header .right .filter[data-v-6461216c]{position:relative;margin-right:40px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.home .header .right .filter img[data-v-6461216c]{margin-left:12px;width:9px;height:5px}.home .header .right .filter .filter-menu[data-v-6461216c]{width:120px;position:absolute;top:25px;list-style:none;background-color:#1e2139;-webkit-box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.home .header .right .filter li[data-v-6461216c]{cursor:pointer;font-size:12px;padding:10px 20px}.home .header .right .filter li[data-v-6461216c]:hover{color:#1e2139;background-color:#fff}.home .header .right .button[data-v-6461216c]{padding:8px 10px;background-color:#7c5dfa;border-radius:40px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.home .header .right .button .inner-button[data-v-6461216c]{margin-right:8px;border-radius:50%;padding:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#fff}.home .header .right .button .inner-button img[data-v-6461216c]{width:10px;height:10px}.home .empty[data-v-6461216c]{margin-top:160px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.home .empty img[data-v-6461216c]{width:214px;height:200px}.home .empty h3[data-v-6461216c]{font-size:20px;margin-top:40px}.home .empty p[data-v-6461216c]{text-align:center;max-width:224px;font-size:12px;font-weight:300;margin-top:15px}.invoice-view .nav-link[data-v-7e96daa4]{margin-bottom:32px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;font-size:12px}.invoice-view .nav-link img[data-v-7e96daa4]{margin-right:16px;width:7px;height:10px}.invoice-view .header[data-v-7e96daa4],.invoice-view .invoice-details[data-v-7e96daa4]{background-color:#1e2139;border-radius:20px}.invoice-view .header[data-v-7e96daa4]{padding:24px 32px;font-size:12px}.invoice-view .header .left[data-v-7e96daa4],.invoice-view .header[data-v-7e96daa4]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.invoice-view .header .left span[data-v-7e96daa4]{color:#dfe3fa;margin-right:16px}.invoice-view .header .right[data-v-7e96daa4]{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.invoice-view .header .right button[data-v-7e96daa4]{color:#fff}.invoice-view .invoice-details[data-v-7e96daa4]{padding:48px;margin-top:24px}.invoice-view .invoice-details .top div[data-v-7e96daa4]{color:#dfe3fa;-webkit-box-flex:1;-ms-flex:1;flex:1}.invoice-view .invoice-details .top .left[data-v-7e96daa4]{font-size:12px}.invoice-view .invoice-details .top .left p[data-v-7e96daa4]:first-child{font-size:24px;text-transform:uppercase;color:#fff;margin-bottom:8px}.invoice-view .invoice-details .top .left p[data-v-7e96daa4]:nth-child(2){font-size:16px}.invoice-view .invoice-details .top .left span[data-v-7e96daa4]{color:#888eb0}.invoice-view .invoice-details .right[data-v-7e96daa4]{font-size:12px;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.invoice-view .invoice-details .middle[data-v-7e96daa4]{margin-top:50px;color:#dfe3fa;gap:16px}.invoice-view .invoice-details .middle h4[data-v-7e96daa4]{font-size:12px;font-weight:400;margin-bottom:12px}.invoice-view .invoice-details .middle p[data-v-7e96daa4]{font-size:16px}.invoice-view .invoice-details .middle .bill[data-v-7e96daa4],.invoice-view .invoice-details .middle .payment[data-v-7e96daa4]{-webkit-box-flex:1;-ms-flex:1;flex:1}.invoice-view .invoice-details .middle .payment h4[data-v-7e96daa4]:nth-child(3){margin-top:32px}.invoice-view .invoice-details .middle .payment p[data-v-7e96daa4]{font-weight:600}.invoice-view .invoice-details .middle .bill p[data-v-7e96daa4]:nth-child(2){font-size:16px}.invoice-view .invoice-details .middle .bill p[data-v-7e96daa4]:nth-child(3){margin-top:auto}.invoice-view .invoice-details .middle .bill p[data-v-7e96daa4]{font-size:12px}.invoice-view .invoice-details .middle .send-to[data-v-7e96daa4]{-webkit-box-flex:2;-ms-flex:2;flex:2}.invoice-view .invoice-details .bottom[data-v-7e96daa4]{margin-top:50px}.invoice-view .invoice-details .bottom .billing-items[data-v-7e96daa4]{padding:32px;border-radius:20px 20px 0 0;background-color:#252945}.invoice-view .invoice-details .bottom .billing-items .heading[data-v-7e96daa4]{color:#dfe3fa;font-size:12px;margin-bottom:32px}.invoice-view .invoice-details .bottom .billing-items .heading p[data-v-7e96daa4]:first-child{-webkit-box-flex:3;-ms-flex:3;flex:3;text-align:left}.invoice-view .invoice-details .bottom .billing-items .heading p[data-v-7e96daa4]{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:right}.invoice-view .invoice-details .bottom .billing-items .item[data-v-7e96daa4]{margin-bottom:32px;font-size:13px;color:#fff}.invoice-view .invoice-details .bottom .billing-items .item[data-v-7e96daa4]:last-child{margin-bottom:0}.invoice-view .invoice-details .bottom .billing-items .item p[data-v-7e96daa4]:first-child{-webkit-box-flex:3;-ms-flex:3;flex:3;text-align:left}.invoice-view .invoice-details .bottom .billing-items .item p[data-v-7e96daa4]{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:right}.invoice-view .invoice-details .bottom .total[data-v-7e96daa4]{color:#fff;padding:32px;background-color:rgba(12,14,22,.7);-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:0 0 20px 20px}.invoice-view .invoice-details .bottom .total p[data-v-7e96daa4]{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:12px}.invoice-view .invoice-details .bottom .total p[data-v-7e96daa4]:nth-child(2){font-size:28px;text-align:right}