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