@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap);header[data-v-c7f0dcfc]{z-index:99;flex-direction:row;background-color:#1e2139}@media (min-width:900px){header[data-v-c7f0dcfc]{min-height:100%;min-width:90px;flex-direction:column;border-radius:0 20px 20px 0;justify-content:space-between}}header .branding[data-v-c7f0dcfc]{border-radius:0 20px 20px 0;background-color:#7c5dfa;justify-content:center;padding:24px}@media (min-width:900px){header .branding[data-v-c7f0dcfc]{width:100%}}header .branding img[data-v-c7f0dcfc]{width:auto;height:30px}.user-section[data-v-c7f0dcfc]{padding:20px;align-items:center;gap:12px}.user-info[data-v-c7f0dcfc]{width:100%;text-align:center}.user-email[data-v-c7f0dcfc]{color:#dfe3fa;font-size:11px;word-break:break-word;margin-bottom:12px}.logout-button[data-v-c7f0dcfc]{width:100%;padding:10px;background-color:#ec5757;color:#fff;border:none;border-radius:8px;font-size:11px;cursor:pointer;transition:background-color .3s}.logout-button[data-v-c7f0dcfc]:hover{background-color:#d14545}@media (max-width:899px){.user-section[data-v-c7f0dcfc]{display:none}}.loading{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}.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%;animation:spin 1s ease infinite}.invoice-wrap[data-v-6c75b51e]{position:fixed;top:0;left:0;width:100%;height:100vh;overflow:scroll}.invoice-wrap[data-v-6c75b51e]::-webkit-scrollbar{display:none}@media (min-width:900px){.invoice-wrap[data-v-6c75b51e]{left:90px}}.invoice-wrap .invoice-content[data-v-6c75b51e]{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-6c75b51e]{margin-bottom:48px;color:#fff}.invoice-wrap .invoice-content h3[data-v-6c75b51e]{margin-bottom:16px;font-size:18px;color:#777f98}.invoice-wrap .invoice-content h4[data-v-6c75b51e]{color:#7c5dfa;font-size:12px;margin-bottom:24px}.invoice-wrap .invoice-content .bill-from[data-v-6c75b51e],.invoice-wrap .invoice-content .bill-to[data-v-6c75b51e]{margin-bottom:48px}.invoice-wrap .invoice-content .bill-from .location-details[data-v-6c75b51e],.invoice-wrap .invoice-content .bill-to .location-details[data-v-6c75b51e]{gap:16px}.invoice-wrap .invoice-content .bill-from .location-details div[data-v-6c75b51e],.invoice-wrap .invoice-content .bill-to .location-details div[data-v-6c75b51e]{flex:1}.invoice-wrap .invoice-content .invoice-work .payment[data-v-6c75b51e]{gap:24px}.invoice-wrap .invoice-content .invoice-work .payment div[data-v-6c75b51e]{flex:1}.invoice-wrap .invoice-content .invoice-work .work-items .item-list[data-v-6c75b51e]{width:100%}.invoice-wrap .invoice-content .invoice-work .work-items .item-list .table-heading[data-v-6c75b51e],.invoice-wrap .invoice-content .invoice-work .work-items .item-list .table-items[data-v-6c75b51e]{gap:16px;font-size:12px}.invoice-wrap .invoice-content .invoice-work .work-items .item-list .table-heading .item-name[data-v-6c75b51e],.invoice-wrap .invoice-content .invoice-work .work-items .item-list .table-items .item-name[data-v-6c75b51e]{flex-basis:50%}.invoice-wrap .invoice-content .invoice-work .work-items .item-list .table-heading .qty[data-v-6c75b51e],.invoice-wrap .invoice-content .invoice-work .work-items .item-list .table-items .qty[data-v-6c75b51e]{flex-basis:10%}.invoice-wrap .invoice-content .invoice-work .work-items .item-list .table-heading .price[data-v-6c75b51e],.invoice-wrap .invoice-content .invoice-work .work-items .item-list .table-items .price[data-v-6c75b51e]{flex-basis:20%}.invoice-wrap .invoice-content .invoice-work .work-items .item-list .table-heading .total[data-v-6c75b51e],.invoice-wrap .invoice-content .invoice-work .work-items .item-list .table-items .total[data-v-6c75b51e]{flex-basis:20%;align-self:center}.invoice-wrap .invoice-content .invoice-work .work-items .item-list .table-heading[data-v-6c75b51e]{margin-bottom:16px}.invoice-wrap .invoice-content .invoice-work .work-items .item-list .table-heading th[data-v-6c75b51e]{text-align:left}.invoice-wrap .invoice-content .invoice-work .work-items .item-list .table-items[data-v-6c75b51e]{position:relative;margin-bottom:24px}.invoice-wrap .invoice-content .invoice-work .work-items .item-list .table-items img[data-v-6c75b51e]{position:absolute;top:15px;right:0;width:12px;height:16px}.invoice-wrap .invoice-content .invoice-work .work-items .button[data-v-6c75b51e]{color:#fff;background-color:#252945;align-items:center;justify-content:center;width:100%}.invoice-wrap .invoice-content .invoice-work .work-items .button img[data-v-6c75b51e]{margin-right:4px}.invoice-wrap .invoice-content .save[data-v-6c75b51e]{margin-top:60px}.invoice-wrap .invoice-content .save div[data-v-6c75b51e]{flex:1}.invoice-wrap .invoice-content .save .right[data-v-6c75b51e]{justify-content:flex-end}.invoice-wrap .input[data-v-6c75b51e]{margin-bottom:24px}.invoice-wrap label[data-v-6c75b51e]{font-size:12px;margin-bottom:6px}.invoice-wrap input[data-v-6c75b51e],.invoice-wrap select[data-v-6c75b51e]{width:100%;background-color:#1e2139;color:#fff;border-radius:4px;padding:12px 4px;border:none}.invoice-wrap input[data-v-6c75b51e]:focus,.invoice-wrap select[data-v-6c75b51e]:focus{outline:none}.modal[data-v-3da465ee]{z-index:100;position:fixed;justify-content:center;align-items:center;height:100vh;width:100%}.modal .modal-content[data-v-3da465ee]{border-radius:20px;padding:48px 32px;max-width:450px;background-color:#252945;color:#fff}.modal .modal-content p[data-v-3da465ee]{text-align:center}.modal .modal-content .actions[data-v-3da465ee]{margin-top:24px}.modal .modal-content .actions button[data-v-3da465ee]{flex:1}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}.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}.loading-container{min-height:100vh;background-color:#141625;justify-content:center;align-items:center;color:#fff}.loading-spinner{width:50px;height:50px;border:4px solid #252945;border-top:4px solid #7c5dfa;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container p{font-size:14px;color:#dfe3fa}.invoice[data-v-0f22816b]{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-0f22816b]{font-size:13px}.invoice .left[data-v-0f22816b]{align-items:center;flex-basis:60%;gap:16px}.invoice .left span[data-v-0f22816b]{flex:1}.invoice .left .tracking-number[data-v-0f22816b]{text-transform:uppercase}.invoice .right[data-v-0f22816b]{gap:16px;flex-basis:40%;align-items:center}.invoice .right .price[data-v-0f22816b]{flex:1;font-size:16px;font-weight:600px}.home[data-v-d425938a]{color:#fff}.home .header[data-v-d425938a]{margin-bottom:65px}.home .header .left[data-v-d425938a],.home .header .right[data-v-d425938a]{flex:1}.home .header .right[data-v-d425938a]{justify-content:flex-end;align-items:center}.home .header .right .button[data-v-d425938a],.home .header .right .filter[data-v-d425938a]{align-items:center}.home .header .right .button span[data-v-d425938a],.home .header .right .filter span[data-v-d425938a]{font-size:12px}.home .header .right .filter[data-v-d425938a]{position:relative;margin-right:40px;cursor:pointer}.home .header .right .filter img[data-v-d425938a]{margin-left:12px;width:9px;height:5px}.home .header .right .filter .filter-menu[data-v-d425938a]{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-d425938a]{cursor:pointer;font-size:12px;padding:10px 20px}.home .header .right .filter .filter-menu li[data-v-d425938a]:hover{color:#1e2139;background-color:#fff}.home .header .right .button[data-v-d425938a]{padding:8px 10px;background-color:#7c5dfa;border-radius:40px}.home .header .right .button .inner-button[data-v-d425938a]{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-d425938a]{width:10px;height:10px}.home .empty[data-v-d425938a]{margin-top:160px;align-items:center}.home .empty img[data-v-d425938a]{width:214px;height:200px}.home .empty h3[data-v-d425938a]{font-size:20px;margin-top:40px}.home .empty p[data-v-d425938a]{text-align:center;max-width:224px;font-size:12px;font-weight:300;margin-top:16px}.invoice-view .nav-link[data-v-0be397e9]{margin-bottom:32px;align-items:center;color:#fff;font-size:12px}.invoice-view .nav-link img[data-v-0be397e9]{margin-right:16px;width:7px;height:10px}.invoice-view .header[data-v-0be397e9],.invoice-view .invoice-details[data-v-0be397e9]{background-color:#1e2139;border-radius:20px}.invoice-view .header[data-v-0be397e9]{align-items:center;padding:24px 32px;font-size:12px}.invoice-view .header .left[data-v-0be397e9]{align-items:center}.invoice-view .header .left span[data-v-0be397e9]{color:#dfe3fa;margin-right:16px}.invoice-view .header .right[data-v-0be397e9]{flex:1;justify-content:flex-end}.invoice-view .header .right button[data-v-0be397e9]{color:#fff}.invoice-view .invoice-details[data-v-0be397e9]{padding:48px;margin-top:24px}.invoice-view .invoice-details .top div[data-v-0be397e9]{color:#dfe3fa;flex:1}.invoice-view .invoice-details .top .left[data-v-0be397e9]{font-size:12px}.invoice-view .invoice-details .top .left p[data-v-0be397e9]:first-child{font-size:24px;text-transform:uppercase;color:#fff;margin-bottom:8px}.invoice-view .invoice-details .top .left p[data-v-0be397e9]:nth-child(2){font-size:16px}.invoice-view .invoice-details .top .left span[data-v-0be397e9]{color:#888eb0}.invoice-view .invoice-details .top .right[data-v-0be397e9]{font-size:12px;align-items:flex-end}.invoice-view .invoice-details .middle[data-v-0be397e9]{margin-top:50px;color:#dfe3fa;gap:16px}.invoice-view .invoice-details .middle h4[data-v-0be397e9]{font-size:12px;font-weight:400;margin-bottom:12px}.invoice-view .invoice-details .middle p[data-v-0be397e9]{font-size:16px}.invoice-view .invoice-details .middle .bill[data-v-0be397e9],.invoice-view .invoice-details .middle .payment[data-v-0be397e9]{flex:1}.invoice-view .invoice-details .middle .payment h4[data-v-0be397e9]:nth-child(3){margin-top:32px}.invoice-view .invoice-details .middle .payment p[data-v-0be397e9]{font-weight:600}.invoice-view .invoice-details .middle .bill p[data-v-0be397e9]:nth-child(2){font-size:16px}.invoice-view .invoice-details .middle .bill p[data-v-0be397e9]:nth-child(3){margin-top:auto}.invoice-view .invoice-details .middle .bill p[data-v-0be397e9]{font-size:12px}.invoice-view .invoice-details .middle .send-to[data-v-0be397e9]{flex:2}.invoice-view .invoice-details .bottom[data-v-0be397e9]{margin-top:50px}.invoice-view .invoice-details .bottom .billing-items[data-v-0be397e9]{padding:32px;border-radius:20px 20px 0 0;background-color:#252945}.invoice-view .invoice-details .bottom .billing-items .heading[data-v-0be397e9]{color:#dfe3fa;font-size:12px;margin-bottom:32px}.invoice-view .invoice-details .bottom .billing-items .heading p[data-v-0be397e9]:first-child{flex:3;text-align:left}.invoice-view .invoice-details .bottom .billing-items .heading p[data-v-0be397e9]{flex:1;text-align:right}.invoice-view .invoice-details .bottom .billing-items .item[data-v-0be397e9]{margin-bottom:32px;font-size:13px;color:#fff}.invoice-view .invoice-details .bottom .billing-items .item[data-v-0be397e9]:last-child{margin-bottom:0}.invoice-view .invoice-details .bottom .billing-items .item p[data-v-0be397e9]:first-child{flex:3;text-align:left}.invoice-view .invoice-details .bottom .billing-items .item p[data-v-0be397e9]{flex:1;text-align:right}.invoice-view .invoice-details .bottom .total[data-v-0be397e9]{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-0be397e9]{flex:1;font-size:12px}.invoice-view .invoice-details .bottom .total p[data-v-0be397e9]:nth-child(2){font-size:28px;text-align:right}.login-container[data-v-1dce4bfb]{min-height:100vh;background-color:#141625;justify-content:center;align-items:center;padding:20px}.login-card[data-v-1dce4bfb]{background-color:#1e2139;border-radius:20px;padding:48px;max-width:450px;width:100%;box-shadow:0 10px 25px rgba(0,0,0,.3)}.branding[data-v-1dce4bfb]{align-items:center;justify-content:center;margin-bottom:32px;gap:16px}.branding img[data-v-1dce4bfb]{width:30px;height:40px}.branding h1[data-v-1dce4bfb]{color:#fff;font-size:24px}.login-form h2[data-v-1dce4bfb]{color:#fff;margin-bottom:24px;font-size:20px}.login-form h3[data-v-1dce4bfb]{color:#fff;margin-bottom:16px;font-size:16px}.input-group[data-v-1dce4bfb]{margin-bottom:20px}.input-group label[data-v-1dce4bfb]{color:#dfe3fa;font-size:12px;margin-bottom:8px}.input-group input[data-v-1dce4bfb]{width:100%;background-color:#252945;color:#fff;border-radius:4px;padding:12px 16px;border:1px solid #252945;font-size:14px}.input-group input[data-v-1dce4bfb]:focus{outline:none;border-color:#7c5dfa}.login-form button[data-v-1dce4bfb]{width:100%;margin-bottom:12px;padding:14px;font-size:14px;font-weight:600}.login-form button[data-v-1dce4bfb]:disabled{opacity:.6;cursor:not-allowed}.divider[data-v-1dce4bfb]{align-items:center;margin:20px 0;gap:12px}.divider[data-v-1dce4bfb]:after,.divider[data-v-1dce4bfb]:before{content:"";flex:1;height:1px;background-color:#252945}.divider span[data-v-1dce4bfb]{color:#dfe3fa;font-size:12px}.error-message[data-v-1dce4bfb]{background-color:rgba(236,87,87,.1);color:#ec5757;padding:12px;border-radius:4px;margin-bottom:20px;font-size:12px}.register-link[data-v-1dce4bfb]{margin-top:20px;text-align:center}.register-link p[data-v-1dce4bfb]{color:#dfe3fa;font-size:12px}.register-link a[data-v-1dce4bfb]{color:#7c5dfa;cursor:pointer;text-decoration:underline}.register-section[data-v-1dce4bfb]{margin-top:24px;padding-top:24px;border-top:1px solid #252945}