@import url(https://fonts.googleapis.com/css2?family=Spline+Sans:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap);body[data-v-754b0af7]{--bg:#f8fbff;--bg-secondary:#fff;--text:#3e3e3e;--border-color:#eee;--border-color-two:#eee;--button-color:#007aff;--button-text:#fff;--error:#e74c3c;--success:#2ecc71;--button-color-two:#ebf5fb;--disabled-button-color:#eee}body.dark-theme[data-v-754b0af7]{--bg:#212529;--bg-secondary:#2a2e32;--text:hsla(0,0%,100%,0.6);--border-color:#222;--border-color-two:#eee;--button-color:#007aff;--button-text:#fff;--error:#e74c3c;--success:#2ecc71;--button-color-two:#202427;--disabled-button-color:#313131}body[data-v-754b0af7]{margin:0;padding:0;background:var(--bg);color:var(--text);font-size:15px}.noScroll[data-v-754b0af7]{overflow:hidden}[data-v-754b0af7]{box-sizing:border-box;font-family:Ubuntu,sans-serif;margin:0;padding:0;outline:none;color:inherit}input[data-v-754b0af7],select[data-v-754b0af7],select option[data-v-754b0af7]{background:var(--bg-secondary)}h1[data-v-754b0af7]{font-size:24px}button[data-v-754b0af7]{cursor:pointer}a[data-v-754b0af7]{text-decoration:none;color:var(--button-color)}.v3dp__popout[data-v-754b0af7]{right:0!important;top:0}.default[data-v-754b0af7]{display:flex;justify-content:center;align-items:center;height:50px;border-radius:4px;padding:0 20px;border:0;background:var(--button-color);font-weight:500;color:var(--button-text);transition:.5s ease}.default.simple[data-v-754b0af7]{background:transparent;color:var(--button-color)}.default.simple[data-v-754b0af7]:hover{color:var(--button-color);background:var(--button-color-two)}.default.round[data-v-754b0af7]{border-radius:25px}.default.small[data-v-754b0af7]{height:34px}.default.small.round[data-v-754b0af7]{border-radius:17px}.default.medium[data-v-754b0af7]{height:40px}.default.medium.round[data-v-754b0af7]{border-radius:20px}.default.reverse[data-v-754b0af7]{color:var(--button-color);background:var(--button-color-two)}.default[data-v-754b0af7]:disabled{background:var(--disabled-button-color);cursor:not-allowed}.default._icon[data-v-754b0af7]{display:flex;align-items:center;-moz-column-gap:20px;column-gap:20px}.wrapper[data-v-754b0af7]{width:100%;max-width:2400px;padding:120px 20px 20px 20px;margin:0 auto}.wrapper.page[data-v-754b0af7]{padding:50px 20px}.input[data-v-754b0af7]{display:grid;row-gap:5px;width:100%}.input ._header[data-v-754b0af7]{display:flex;justify-content:space-between;align-items:center;font-size:12px}.input ._header ._error[data-v-754b0af7]{color:var(--error);font-size:12px}.input input[data-v-754b0af7],.input select[data-v-754b0af7]{width:100%;height:40px;border-radius:5px;outline:none;padding:0 10px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text);font-size:16px;font-size:13px}.input input.error[data-v-754b0af7],.input select.error[data-v-754b0af7]{border:1px solid var(--error)}.invisibleInput[data-v-754b0af7]{border:0;padding:0;font-size:inherit;font-weight:inherit;background:transparent;width:100%;color:inherit}.invisibleInput.error[data-v-754b0af7]{border:1px solid var(--error);padding:5px;border-radius:5px}.invisibleInput.textRight[data-v-754b0af7]{text-align:right}.contentHolder[data-v-754b0af7]{border:1px solid var(--border-color);border-radius:5px;background:var(--bg-secondary);overflow:hidden}.contentHolder .row[data-v-754b0af7]{display:grid;height:50px;align-items:center;padding:0 20px;grid-template-columns:repeat(2,minmax(0,1fr))}.contentHolder .row[data-v-754b0af7]:nth-child(2n){background:var(--bg)}.contentHolder .row .title[data-v-754b0af7]{font-weight:700}.contentHolder .row .value[data-v-754b0af7]{text-align:right;display:flex;justify-content:flex-end;align-items:center}.pageHeader[data-v-754b0af7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.statsGroup[data-v-754b0af7]{background:var(--bg-secondary);padding:24px;display:grid;align-items:start;align-content:start;row-gap:20px;border-radius:5px;position:relative}.statsGroup .flexTitle[data-v-754b0af7]{display:flex;justify-content:space-between;align-items:flex-start}.statsGroup .actionBtn[data-v-754b0af7]{padding:0;width:28px;height:28px!important;position:absolute;top:10px;right:10px;font-size:10px}.statsGroup ._title[data-v-754b0af7]{font-weight:700;text-transform:uppercase;font-size:14px;display:flex;align-items:center;-moz-column-gap:10px;column-gap:10px}.statsGroup ._title span[data-v-754b0af7]{font-size:13px}.statsGroup ._value[data-v-754b0af7]{display:grid;row-gap:5px;font-size:30px}.statsGroup ._value._small[data-v-754b0af7]{font-size:24px}.statsGroup ._value ._sm[data-v-754b0af7]{font-size:16px}.statsGroup ._value ._subtleVal[data-v-754b0af7]{color:var(--button-color);font-size:14px}.statsGroup .targetGroup[data-v-754b0af7]{display:grid;row-gap:5px}.statsGroup .targetInfo[data-v-754b0af7]{display:flex;justify-content:space-between;align-items:center;font-size:14px}.targetBar[data-v-754b0af7]{width:100%;height:10px;position:relative;border-radius:3px;background:var(--bg-secondary);overflow:hidden}.targetBar .completionBar[data-v-754b0af7]{position:absolute;top:0;left:0;width:33%;height:100%;border-radius:3px;background:var(--button-color);transition:.3s ease}.transformBack[data-v-754b0af7]{transform:translate(0)!important}.pointerEventsOn[data-v-754b0af7]{pointer-events:auto!important}.visibleAnimation[data-v-754b0af7]{opacity:1!important}.textNoWrap[data-v-754b0af7]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.actionBtn[data-v-754b0af7]{position:relative;z-index:5}.actionBtn.active[data-v-754b0af7]{z-index:6}.actionBtn button[data-v-754b0af7]{width:20px;height:20px;border:0;background:transparent}.actionBtn .menu[data-v-754b0af7]{position:absolute;top:100%;right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:5px;width:150px;min-height:40px;box-shadow:0 0 6px 7px rgba(0,0,0,.02)}.actionBtn .menu a[data-v-754b0af7]{display:flex;height:40px;align-items:center;padding:0 20px}.actionBtn .menu a[data-v-754b0af7]:hover{background:var(--bg)}.actionBtn .menu a.remove[data-v-754b0af7]{color:var(--error)}.grid[data-v-754b0af7]{display:grid}.grid.col-2[data-v-754b0af7]{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.col-3[data-v-754b0af7]{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.col-4[data-v-754b0af7]{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.cg-10[data-v-754b0af7]{-moz-column-gap:10px;column-gap:10px;row-gap:10px}.grid.cg-20[data-v-754b0af7]{-moz-column-gap:20px;column-gap:20px;row-gap:20px}.dropdown-classic[data-v-754b0af7]{border:0;height:34px;padding:0 35px 0 10px;background-color:var(--bg-secondary);box-shadow:0 0 6px 7px rgba(0,0,0,.02);border-radius:5px;font-weight:700;color:var(--button-color);-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");background-repeat:no-repeat;background-position-x:100%;background-position-y:5px;cursor:pointer}.invoice[data-v-754b0af7]{position:relative;background:var(--bg-secondary);padding:20px;align-items:center;border-bottom:1px solid var(--border-color);display:grid;-moz-column-gap:20px;column-gap:20px;grid-template-columns:75px 150px minmax(0,1fr) 100px 100px 150px 150px;font-size:13px;min-width:1160px}.invoice[data-v-754b0af7]:hover{z-index:1;box-shadow:0 0 6px 7px rgba(0,0,0,.02)}.weeks[data-v-754b0af7]{font-size:12px}.status[data-v-754b0af7]{text-align:center}.status.due[data-v-754b0af7]{color:var(--button-color)}.status.paid[data-v-754b0af7]{color:#229954}.status.overdue[data-v-754b0af7]{color:#cb4335}.status.cancelled[data-v-754b0af7]{color:#b2babb}.actionBtns[data-v-754b0af7]{display:grid;grid-template-columns:auto auto;-moz-column-gap:7px;column-gap:7px}.actionBtns button[data-v-754b0af7]{border:0;border-bottom:3px solid var(--border-color);width:24px;height:24px;border-radius:5px;font-size:10px;color:var(--text);background:var(--button-color-two)}.actionBtns button.remove[data-v-754b0af7]{color:#c0392b}body[data-v-38f0a884]{--bg:#f8fbff;--bg-secondary:#fff;--text:#3e3e3e;--border-color:#eee;--border-color-two:#eee;--button-color:#007aff;--button-text:#fff;--error:#e74c3c;--success:#2ecc71;--button-color-two:#ebf5fb;--disabled-button-color:#eee}body.dark-theme[data-v-38f0a884]{--bg:#212529;--bg-secondary:#2a2e32;--text:hsla(0,0%,100%,0.6);--border-color:#222;--border-color-two:#eee;--button-color:#007aff;--button-text:#fff;--error:#e74c3c;--success:#2ecc71;--button-color-two:#202427;--disabled-button-color:#313131}body[data-v-38f0a884]{margin:0;padding:0;background:var(--bg);color:var(--text);font-size:15px}.noScroll[data-v-38f0a884]{overflow:hidden}[data-v-38f0a884]{box-sizing:border-box;font-family:Ubuntu,sans-serif;margin:0;padding:0;outline:none;color:inherit}input[data-v-38f0a884],select[data-v-38f0a884],select option[data-v-38f0a884]{background:var(--bg-secondary)}h1[data-v-38f0a884]{font-size:24px}button[data-v-38f0a884]{cursor:pointer}a[data-v-38f0a884]{text-decoration:none;color:var(--button-color)}.v3dp__popout[data-v-38f0a884]{right:0!important;top:0}.default[data-v-38f0a884]{display:flex;justify-content:center;align-items:center;height:50px;border-radius:4px;padding:0 20px;border:0;background:var(--button-color);font-weight:500;color:var(--button-text);transition:.5s ease}.default.simple[data-v-38f0a884]{background:transparent;color:var(--button-color)}.default.simple[data-v-38f0a884]:hover{color:var(--button-color);background:var(--button-color-two)}.default.round[data-v-38f0a884]{border-radius:25px}.default.small[data-v-38f0a884]{height:34px}.default.small.round[data-v-38f0a884]{border-radius:17px}.default.medium[data-v-38f0a884]{height:40px}.default.medium.round[data-v-38f0a884]{border-radius:20px}.default.reverse[data-v-38f0a884]{color:var(--button-color);background:var(--button-color-two)}.default[data-v-38f0a884]:disabled{background:var(--disabled-button-color);cursor:not-allowed}.default._icon[data-v-38f0a884]{display:flex;align-items:center;-moz-column-gap:20px;column-gap:20px}.wrapper[data-v-38f0a884]{width:100%;max-width:2400px;padding:120px 20px 20px 20px;margin:0 auto}.wrapper.page[data-v-38f0a884]{padding:50px 20px}.input[data-v-38f0a884]{display:grid;row-gap:5px;width:100%}.input ._header[data-v-38f0a884]{display:flex;justify-content:space-between;align-items:center;font-size:12px}.input ._header ._error[data-v-38f0a884]{color:var(--error);font-size:12px}.input input[data-v-38f0a884],.input select[data-v-38f0a884]{width:100%;height:40px;border-radius:5px;outline:none;padding:0 10px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text);font-size:16px;font-size:13px}.input input.error[data-v-38f0a884],.input select.error[data-v-38f0a884]{border:1px solid var(--error)}.invisibleInput[data-v-38f0a884]{border:0;padding:0;font-size:inherit;font-weight:inherit;background:transparent;width:100%;color:inherit}.invisibleInput.error[data-v-38f0a884]{border:1px solid var(--error);padding:5px;border-radius:5px}.invisibleInput.textRight[data-v-38f0a884]{text-align:right}.contentHolder[data-v-38f0a884]{border:1px solid var(--border-color);border-radius:5px;background:var(--bg-secondary);overflow:hidden}.contentHolder .row[data-v-38f0a884]{display:grid;height:50px;align-items:center;padding:0 20px;grid-template-columns:repeat(2,minmax(0,1fr))}.contentHolder .row[data-v-38f0a884]:nth-child(2n){background:var(--bg)}.contentHolder .row .title[data-v-38f0a884]{font-weight:700}.contentHolder .row .value[data-v-38f0a884]{text-align:right;display:flex;justify-content:flex-end;align-items:center}.pageHeader[data-v-38f0a884]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.statsGroup[data-v-38f0a884]{background:var(--bg-secondary);padding:24px;display:grid;align-items:start;align-content:start;row-gap:20px;border-radius:5px;position:relative}.statsGroup .flexTitle[data-v-38f0a884]{display:flex;justify-content:space-between;align-items:flex-start}.statsGroup .actionBtn[data-v-38f0a884]{padding:0;width:28px;height:28px!important;position:absolute;top:10px;right:10px;font-size:10px}.statsGroup ._title[data-v-38f0a884]{font-weight:700;text-transform:uppercase;font-size:14px;display:flex;align-items:center;-moz-column-gap:10px;column-gap:10px}.statsGroup ._title span[data-v-38f0a884]{font-size:13px}.statsGroup ._value[data-v-38f0a884]{display:grid;row-gap:5px;font-size:30px}.statsGroup ._value._small[data-v-38f0a884]{font-size:24px}.statsGroup ._value ._sm[data-v-38f0a884]{font-size:16px}.statsGroup ._value ._subtleVal[data-v-38f0a884]{color:var(--button-color);font-size:14px}.statsGroup .targetGroup[data-v-38f0a884]{display:grid;row-gap:5px}.statsGroup .targetInfo[data-v-38f0a884]{display:flex;justify-content:space-between;align-items:center;font-size:14px}.targetBar[data-v-38f0a884]{width:100%;height:10px;position:relative;border-radius:3px;background:var(--bg-secondary);overflow:hidden}.targetBar .completionBar[data-v-38f0a884]{position:absolute;top:0;left:0;width:33%;height:100%;border-radius:3px;background:var(--button-color);transition:.3s ease}.transformBack[data-v-38f0a884]{transform:translate(0)!important}.pointerEventsOn[data-v-38f0a884]{pointer-events:auto!important}.visibleAnimation[data-v-38f0a884]{opacity:1!important}.textNoWrap[data-v-38f0a884]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.actionBtn[data-v-38f0a884]{position:relative;z-index:5}.actionBtn.active[data-v-38f0a884]{z-index:6}.actionBtn button[data-v-38f0a884]{width:20px;height:20px;border:0;background:transparent}.actionBtn .menu[data-v-38f0a884]{position:absolute;top:100%;right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:5px;width:150px;min-height:40px;box-shadow:0 0 6px 7px rgba(0,0,0,.02)}.actionBtn .menu a[data-v-38f0a884]{display:flex;height:40px;align-items:center;padding:0 20px}.actionBtn .menu a[data-v-38f0a884]:hover{background:var(--bg)}.actionBtn .menu a.remove[data-v-38f0a884]{color:var(--error)}.grid[data-v-38f0a884]{display:grid}.grid.col-2[data-v-38f0a884]{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.col-3[data-v-38f0a884]{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.col-4[data-v-38f0a884]{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.cg-10[data-v-38f0a884]{-moz-column-gap:10px;column-gap:10px;row-gap:10px}.grid.cg-20[data-v-38f0a884]{-moz-column-gap:20px;column-gap:20px;row-gap:20px}.dropdown-classic[data-v-38f0a884]{border:0;height:34px;padding:0 35px 0 10px;background-color:var(--bg-secondary);box-shadow:0 0 6px 7px rgba(0,0,0,.02);border-radius:5px;font-weight:700;color:var(--button-color);-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");background-repeat:no-repeat;background-position-x:100%;background-position-y:5px;cursor:pointer}.invoicesContent[data-v-38f0a884]{padding:30px 0}.invoiceItemList[data-v-38f0a884]{overflow-x:auto}.invoicesList[data-v-38f0a884]{display:grid;row-gap:20px}.itemsTitle[data-v-38f0a884]{font-size:15px;text-transform:uppercase;font-weight:700;margin-bottom:10px}.items[data-v-38f0a884]{border-radius:5px;border:1px solid var(--border-color);background:var(--bg-secondary);overflow-x:auto}.items .item[data-v-38f0a884]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 100px 50px 100px;-moz-column-gap:10px;column-gap:10px;height:34px;align-items:center;font-size:12px;padding:0 10px;border-bottom:1px solid var(--border-color);position:relative;z-index:1;background:var(--bg-secondary);width:688px}.items .item[data-v-38f0a884]:hover{z-index:2;box-shadow:0 0 6px 7px rgba(0,0,0,.02)}.items .item[data-v-38f0a884]:last-child{border:0}.items .item.header[data-v-38f0a884]{background:var(--bg-secondary);border-radius:5px 5px 0 0;box-shadow:0 0 6px 7px rgba(0,0,0,.02);height:44px;text-transform:uppercase;font-weight:700;border-bottom:1px solid var(--border-color)}.invoiceDetails[data-v-38f0a884]{display:grid;row-gap:20px}.actionBtns[data-v-38f0a884]{display:grid;width:100%;max-width:400px;grid-template-columns:repeat(2,minmax(0,1fr));-moz-column-gap:20px;column-gap:20px}.actionBtns a[data-v-38f0a884]{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:0 20px;text-align:left;height:44px;align-items:center;background:var(--bg-secondary);box-shadow:0 0 6px 7px rgba(0,0,0,.02);border-radius:5px;border:1px solid var(--border-color);font-weight:700;transition:.3s ease}.actionBtns a[data-v-38f0a884]:hover{transform:scale(1.02);color:var(--button-color)}.row[data-v-38f0a884]{display:grid;row-gap:5px}.row .name[data-v-38f0a884]{font-size:12px;text-transform:uppercase;font-weight:700}.row .value[data-v-38f0a884]{font-size:14px}.statusSelector[data-v-38f0a884]{height:34px;box-shadow:0 0 6px 7px rgba(0,0,0,.02);background:var(--bg-secondary);border-radius:5px}.statusSelector .option[data-v-38f0a884]{background:transparent;border:0;padding:0 20px 0 20px;position:relative;height:100%;transition:.3s ease;text-transform:uppercase;font-size:13px;border-right:1px solid var(--border-color)}.statusSelector .option[data-v-38f0a884]:last-child{border:0}.statusSelector .option[data-v-38f0a884]:before{position:absolute;top:50%;left:15px;transform:translateY(-50%);content:"";width:0;height:0;background:var(--button-color);transition:.3s ease;transform-origin:50%;border-radius:50%}.statusSelector .option.active[data-v-38f0a884]{color:var(--button-color);padding:0 20px 0 45px}.statusSelector .option.active[data-v-38f0a884]:before{width:5px;height:5px}.invoicesListHolder[data-v-38f0a884]{display:grid;row-gap:20px}.invoicesListHolder .list[data-v-38f0a884]{overflow-x:auto}.listHeader[data-v-38f0a884]{display:grid;-moz-column-gap:20px;column-gap:20px;padding:20px;min-width:1160px;grid-template-columns:75px 150px minmax(0,1fr) 100px 100px 150px 150px;font-weight:700;font-size:12px;text-transform:uppercase;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.title[data-v-38f0a884]{display:flex;justify-content:space-between;align-items:center}.noInvoicesMessage[data-v-38f0a884]{padding:100px 30px;display:grid;row-gap:30px;align-items:center;justify-items:center;background:var(--bg-secondary);border-radius:5px}.noInvoicesMessage .icon[data-v-38f0a884]{font-size:50px}.noInvoicesMessage .message[data-v-38f0a884]{text-align:center;font-size:14px;opacity:.8}.noInvoicesMessage.small[data-v-38f0a884]{padding:30px}.noInvoicesMessage.small .icon[data-v-38f0a884]{font-size:30px}.stats[data-v-38f0a884]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));-moz-column-gap:20px;column-gap:20px;row-gap:20px}.statsGroup ._value[data-v-38f0a884]{font-size:22px}.pagination[data-v-38f0a884]{display:grid;justify-content:center;align-items:center;grid-template-columns:44px 50px 44px;-moz-column-gap:10px;column-gap:10px}.pagination .pageNum[data-v-38f0a884]{text-align:center;font-size:20px}.pagination .arrow[data-v-38f0a884]{width:44px;height:44px;border:1px solid var(--border-color);background:transparent;border-radius:50%;font-size:16px;color:var(--text);transition:.3s ease}.pagination .arrow[data-v-38f0a884]:hover{background:var(--button-color);color:#fff}.pagination .arrow[data-v-38f0a884]:disabled{background:var(--border-color);color:inherit;cursor:not-allowed}@media only screen and (max-width:992px){.stats[data-v-38f0a884]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media only screen and (max-width:700px){.title[data-v-38f0a884]{display:grid;row-gap:20px;align-items:center;justify-items:center;justify-content:center}.statusSelector[data-v-38f0a884]{background:transparent;box-shadow:none;display:flex;flex-wrap:wrap;height:auto}.statusSelector .option[data-v-38f0a884]{padding:0 10px;font-size:12px;border:0;margin-right:5px;margin-bottom:5px;border:1px solid var(--border-color);height:34px;border-radius:5px}.statusSelector .option[data-v-38f0a884]:last-child{border:1px solid var(--border-color)}.statusSelector .option.active[data-v-38f0a884]{border:1px solid var(--button-color);padding:0 10px}.statusSelector .option.active[data-v-38f0a884]:before{content:none}}@media only screen and (max-width:600px){.stats[data-v-38f0a884]{grid-template-columns:minmax(0,1fr)}.invoiceDates[data-v-38f0a884]{row-gap:20px!important;grid-template-columns:minmax(0,1fr)!important}.actionBtns[data-v-38f0a884]{max-width:100%;grid-template-columns:minmax(0,1fr);row-gap:10px}}