@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=Inter:wght@100;200;300;400;500;600;700;800;900&family=Open+Sans:ital,wght@0,300;0,400;1,300;1,400&display=swap);body[data-v-20d0c32f]{--bg:#f6f8fb;--bg-shade:#e8eaf2;--success:#45b39d;--error:#cb4335;--warning:#f4d03f;--warning-text:#784212;--themeColor1:#fff;--themeColor2:#5864ff;--themeColor2-shade:#4653ff;--themeColor3:#05136b;--themeColor4:#4f5ae5;--text-color:#3b2c35;--text-color-shade:#2a1f2d;--text-color-light:#b8b8b8;--border-color:#eee}[data-v-20d0c32f]{box-sizing:border-box;font-family:Inter,sans-serif}body[data-v-20d0c32f]{padding:0;margin:0;color:var(--text-color);font-size:13px;background-color:var(--bg)}a[data-v-20d0c32f]{text-decoration:none;font-weight:500;color:var(--themeColor2);transition:.3s ease}a[data-v-20d0c32f]:hover{color:var(--themeColor2-shade)}input[data-v-20d0c32f],select[data-v-20d0c32f]{color:var(--text-color)}h1[data-v-20d0c32f],h2[data-v-20d0c32f],h3[data-v-20d0c32f],h4[data-v-20d0c32f],h5[data-v-20d0c32f],h6[data-v-20d0c32f]{margin:0;padding:0}h1[data-v-20d0c32f]{font-size:28px;font-weight:700}h2[data-v-20d0c32f]{font-size:24px;font-weight:600}h3[data-v-20d0c32f]{font-size:20px;font-weight:600}.wrapper[data-v-20d0c32f]{padding:20px}.grid[data-v-20d0c32f]{display:grid}.grid.row-15[data-v-20d0c32f]{row-gap:15px}.grid.row-20[data-v-20d0c32f]{row-gap:20px}.grid.row-30[data-v-20d0c32f]{row-gap:30px}.grid.row-50[data-v-20d0c32f]{row-gap:50px}.grid.cols-2[data-v-20d0c32f]{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3[data-v-20d0c32f]{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4[data-v-20d0c32f]{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.gap-5[data-v-20d0c32f]{gap:5px}.grid.gap-10[data-v-20d0c32f]{gap:10px}.grid.gap-15[data-v-20d0c32f]{-moz-column-gap:15px;column-gap:15px;row-gap:15px}.grid.gap-20[data-v-20d0c32f]{-moz-column-gap:20px;column-gap:20px;row-gap:20px}.grid.gap-50[data-v-20d0c32f]{gap:50px}.spinner-flex[data-v-20d0c32f]{padding:100px 30px;display:flex;justify-content:center;align-items:center}.filter-item[data-v-20d0c32f]{display:grid;grid-template-columns:auto auto;-moz-column-gap:10px;column-gap:10px;align-items:center}.filter-item .filter-item-name[data-v-20d0c32f]{color:var(--text-color-light)}.switch-item[data-v-20d0c32f]{display:flex;justify-content:space-between;align-items:center}.text-overflow[data-v-20d0c32f]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-btn[data-v-20d0c32f]{height:44px;width:44px;border:0;position:relative;border-radius:9px;background:transparent;font-size:16px;cursor:pointer;transition:.2s ease;color:var(--text-color)}.nav-btn .badge[data-v-20d0c32f]{position:absolute;top:0;right:0;transform:translate(25%,-25%);background:var(--error);color:#fff;font-size:12px;border-radius:7px;padding:3px 7px;font-family:Courier New,Courier,monospace;font-weight:700}.nav-btn.active[data-v-20d0c32f],.nav-btn[data-v-20d0c32f]:hover{background:var(--bg);color:var(--themeColor2)}.slide-fade-enter-active[data-v-20d0c32f]{transition:all .1s ease-out}.slide-fade-leave-active[data-v-20d0c32f]{transition:all .1s ease-in}.slide-fade-enter-from[data-v-20d0c32f],.slide-fade-leave-to[data-v-20d0c32f]{transform:translateY(-20px) scale(.7);opacity:0}.hr[data-v-20d0c32f]{height:1px;background:var(--border-color)}.page-wrapper[data-v-20d0c32f]{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.wrapper[data-v-20d0c32f]{max-width:552px;margin:0 auto}.invoice-details[data-v-20d0c32f]{border:1px solid var(--border-color);box-shadow:0 0 20px rgba(0,0,0,.03);border-radius:10px;background:var(--themeColor1);overflow:hidden}.spinner-flex[data-v-20d0c32f]{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;background:hsla(0,0%,100%,.5);z-index:3}.row[data-v-20d0c32f]{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;gap:30px;border-bottom:1px solid var(--border-color)}.row[data-v-20d0c32f]:last-child{border:0}.invoice-main[data-v-20d0c32f]{border:1px solid var(--border-color);box-shadow:0 0 20px rgba(0,0,0,.03);padding:50px 30px;display:grid;row-gap:50px;text-align:center;justify-content:center;justify-items:center;border-radius:10px;background:var(--themeColor1);position:relative}.invoice-main .buttons[data-v-20d0c32f]{display:flex;gap:10px}.invoice-total[data-v-20d0c32f]{font-size:28px;font-weight:500}.logo img[data-v-20d0c32f]{max-width:120px;width:100%}.item-holder[data-v-20d0c32f]{display:grid;row-gap:10px;justify-content:center;justify-items:center}.item-holder .name[data-v-20d0c32f]{text-transform:uppercase;color:var(--text-color-light)}.status[data-v-20d0c32f]{height:28px;border-radius:7px;transition:.3s ease;border:1px solid var(--themeColor2);color:var(--themeColor2);display:flex;align-items:center;text-transform:capitalize;padding:0 10px 0 20px;position:relative;font-size:11px}.status[data-v-20d0c32f]:before{content:"";position:absolute;top:50%;left:7px;width:6px;height:6px;background:var(--themeColor2);border-radius:50%;transform:translateY(-50%)}.status.paid[data-v-20d0c32f]{border:1px solid var(--success);color:var(--success)}.status.paid[data-v-20d0c32f]:before{background:var(--success)}.status.overdue[data-v-20d0c32f]{border:1px solid var(--error);color:var(--error)}.status.overdue[data-v-20d0c32f]:before{background:var(--error)}.status.canceled[data-v-20d0c32f]{border:1px solid var(--error);color:#fff;background:var(--error)}.status.canceled[data-v-20d0c32f]:before{background:#fff}