@import url(https://fonts.googleapis.com/css2?family=League+Spartan:wght@400;500;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}#root,body,html{min-height:100%;min-width:0}body{background-color:#141625}button,input,select,textarea{font-family:inherit}button,img,input,select,svg,textarea{max-width:100%}[role=button],button{touch-action:manipulation}:focus-visible{outline:2px solid #9277ff;outline-offset:3px}.sidebar{align-items:center;border-bottom-right-radius:18px;display:flex;flex:0 0 75px;flex-direction:column;height:100vh;height:100dvh;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;width:75px}.sidebar,.sidebar__container1{background-color:#1e2139}.sidebar__container1__logo{background-color:#7c5dfa;border-bottom-right-radius:16px;height:75px;position:relative;width:75px}.sidebar__container1__logo div:first-of-type{background-color:#7c5dfa;border-top-right-radius:16px;height:37.5px;width:75px}.sidebar__container1__logo div:nth-of-type(2){background-color:#9277ff;border-bottom-right-radius:16px;border-top-left-radius:16px;height:37.5px;width:75px}.sidebar__container1__logo img{height:30px;left:0;margin-left:24px;margin-top:26px;position:absolute;top:0;width:30px}.sidebar__container2{background-color:#1e2139;border-bottom-right-radius:18px;flex-direction:column}.sidebar__container2,.sidebar__container2__theme{align-items:center;display:flex;justify-content:center}.sidebar__container2__theme{border-bottom:1px solid #858bb2;padding:1.5rem 0;width:75px}.sidebar__container2__theme img{cursor:pointer;height:16px;width:16px}.sidebar__container2__user{align-items:center;display:flex;justify-content:center;padding:1.5rem 0}.sidebar__container2__user img{border-radius:50%;cursor:pointer;height:30px;width:30px}@media (max-width:767px){.sidebar{flex:0 0 75px;position:relative;width:100%}.sidebar,.sidebar__container2{border-radius:0;flex-direction:row;height:75px}.sidebar__container2__theme{border-bottom:0;border-right:1px solid #858bb2;height:75px;padding:0;width:60px}.sidebar__container2__user{padding:0;width:60px}}.main{align-items:center;background-color:#141625;color:#fff;display:flex;flex-direction:column;min-height:100vh;min-width:0;padding:0 24px;position:relative;width:min(85vw,100% - 75px)}@media (min-width:1200px){.main{width:80vw}}@media (min-width:1400px){.main{width:70vw}}.main__header{display:flex;justify-content:space-between;margin-top:3rem;max-width:530px;position:relative;width:100%}.main__header__container1 div:first-of-type{font:500 30px/36px League Spartan,sans-serif}.main__header__container1 div:nth-of-type(2){color:hsla(0,0%,100%,.7);font-size:.7rem;font-weight:400;margin-top:-.1rem}.main__header__container2{align-items:center;display:flex;flex-direction:row}.main__header__container2 button{align-items:center;background-color:#7c5dfa;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-family:League Spartan,sans-serif;font-size:.7rem;gap:8px;justify-content:center;min-height:44px;padding:.4rem .7rem .4rem .5rem}.main__header__container2 button div{align-items:center;background-color:#fff;border-radius:50%;display:flex;flex:0 0 22px;height:22px;justify-content:center;width:22px}.main__header__container2 button span{margin-left:0}.main__invoices{align-items:center;display:flex;flex-direction:column;margin:3rem 0;max-width:530px;width:100%}.main__invoices__invoice{grid-gap:8px;align-items:center;background-color:#1e2139;border:1px solid transparent;border-radius:7px;cursor:pointer;display:grid;font-family:League Spartan,sans-serif;font-size:.7rem;font-weight:400;gap:8px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) minmax(0,1.2fr) minmax(0,1fr) 70px 8px;height:auto;margin-bottom:1rem;min-height:50px;overflow-wrap:anywhere;padding:10px 12px;width:100%}.main__invoices__invoice:hover{border:1px solid #7c5dfa}.main__invoices__invoice>span{min-width:0;text-align:center}.main__invoices__invoice .invoice-id:before{color:#7e88c3;content:"#"}.main__invoices__invoice .invoice-duedate{color:#dfe3fa}.main__invoices__invoice .invoice-client{color:#d3d3d3}.main__invoices__invoice .invoice-total{font-size:.85rem;font-weight:500}.main__invoices__invoice .invoice-status div{align-items:center;border-radius:7px;display:flex;justify-content:center;padding:.5rem 0;width:70px}.main__invoices__invoice .invoice-status div span{font-size:.35rem;margin:0 .3rem 0 -.1rem;width:10px}.main__invoices__invoice .invoice-open{margin-left:0}.main__invoices__invoice .invoice-open img{height:6.5px;width:6.5px}.status-paid{background-color:rgba(0,242,222,.1);color:#00ffdf}.status-pending{background-color:rgba(255,165,0,.1);color:#ff8c00}.status-draft{background-color:rgba(223,227,250,.1);color:#dfe3fa}.main__header{align-items:center;gap:16px}.main__header__container1{min-width:0}.main__header__container2{flex-shrink:0;position:relative}.main__header__container2>button>div{margin:0}.main__header__container2 .status-filter{background:transparent;border-radius:0;font:500 12px/15px League Spartan,sans-serif;margin-right:16px;min-height:44px;padding:0}.main__header__container2 .status-filter img{width:8px}.main__invoices__invoice .invoice-status div{max-width:100%;min-height:32px}.main__invoices__invoice .invoice-status div span{flex:0 0 10px}@media (max-width:767px){.main{min-height:calc(100vh - 75px);min-height:calc(100dvh - 75px);padding:0 clamp(16px,4vw,32px);width:100%}}@media (max-width:599px){.main__header{flex-wrap:wrap;margin-top:24px}.main__header__container2{justify-content:space-between;width:100%}.main__invoices{margin-top:24px}.main__invoices__invoice{gap:10px;grid-template-areas:"id client open" "date status open" "total status open";grid-template-columns:minmax(0,1fr) minmax(0,1fr) 8px;padding:16px}.main__invoices__invoice>span{text-align:left}.main__invoices__invoice .invoice-id{grid-area:id}.main__invoices__invoice .invoice-client{grid-area:client;text-align:right}.main__invoices__invoice .invoice-duedate{grid-area:date}.main__invoices__invoice .invoice-total{grid-area:total}.main__invoices__invoice .invoice-status{grid-area:status;justify-self:end}.main__invoices__invoice .invoice-open{grid-area:open}}.status-dropdown{background-color:#252945;border-radius:7px;display:flex;flex-direction:column;left:0;max-width:100%;padding:12px 16px;position:absolute;top:calc(100% + 8px);visibility:hidden;width:150px;z-index:10}.status-dropdown__container{align-items:center;display:flex;gap:8px;min-height:44px}.status-dropdown__container input{accent-color:#1e2139;flex-shrink:0;height:16px;outline:1px solid #7c5dfa;width:16px}.status-dropdown__container label{align-items:center;cursor:pointer;display:flex;flex:1 1;font-size:.8rem;min-height:44px}.new-invoice{background-color:#141625;border-top-right-radius:16px;left:0;overflow-y:scroll;padding:0 2.5rem;position:absolute;width:350px}.new-invoice h1{font-size:1.3rem;font-weight:500;padding-top:2.5rem}.new-invoice h2{color:#7c5dfa;font-size:.7rem;font-weight:400}.new-invoice h2:first-of-type{margin:2.2rem 0 .1rem}.new-invoice h2:nth-of-type(2){margin:2.1rem 0 .1rem}.new-invoice h2:nth-of-type(3){color:#888eb0;font-size:1rem;font-weight:500;margin-top:1.5rem}.new-invoice label{color:#dfe3fa;font-size:.7rem;font-weight:400;margin:1.5rem 0 .3rem}.new-invoice button{border:none;border-radius:20px;cursor:pointer;font-size:.6rem;outline:none}.new-invoice__location{display:flex}.new-invoice__location div input{width:93.5px}.new-invoice__location div:nth-of-type(2){margin:0 .9rem}.new-invoice__date-terms{display:flex}.new-invoice__date-terms div input{margin-right:.9rem;width:150px}.new-invoice__date-terms div input::-webkit-calendar-picker-indicator{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 24 24"><path fill="%23bbbbbb" d="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z"/></svg>');opacity:.3}.new-invoice__date-terms div input::-webkit-datetime-edit{color:hsla(0,0%,100%,.4);font-size:.7rem}.new-invoice__date-terms div #terms{background-color:#1e2139;border:none;border-radius:5px;color:#fff;font-size:.65rem;outline:none;padding:.7rem 0 .7rem .4rem;width:150px}.new-invoice__date-terms div #terms:focus{border:1px solid #7c5dfa}.new-invoice__date-terms #invoice-date-label{color:hsla(0,0%,100%,.4)}.new-invoice__list-items{color:#dfe3fa;font-size:.7rem;margin:.9rem 0 .8rem;width:100%}.new-invoice__list-items span:first-of-type{padding-right:7rem}.new-invoice__list-items span:nth-of-type(2){padding-right:1.5rem}.new-invoice__list-items span:nth-of-type(3){padding-right:3.5rem}.new-invoice__add-item{align-items:center;background-color:#252945;color:#dfe3fa;display:flex;justify-content:center;padding:.7rem 0;width:100%}.new-invoice__add-item img{color:#dfe3fa;height:5px;margin-right:.15rem;width:5px}.new-invoice__options{margin:2rem 0 2.5rem}.new-invoice__options button{padding:.7rem 1.1rem}.new-invoice__options #discard{background-color:#fff;color:#7c5dfa}.new-invoice__options #save-draft{background-color:rgba(223,227,250,.2);color:#dfe3fa;margin-right:.4rem}.new-invoice__options #save-send{background-color:#7c5dfa;color:#fff}.new-invoice__items-container{max-height:100px;min-height:auto;overflow-y:scroll}.new-invoice__items-container__item{margin-bottom:.8rem}.new-invoice .item-name{width:130px}.new-invoice .item-qty{margin:0 .3rem;width:20px}.new-invoice .item-price{width:60px}.new-invoice .item-total{background-color:#141625;border:none;color:#dfe3fa;font-size:.7rem;margin-left:.3rem;outline:none;padding:.6rem 0 .6rem .8rem;width:40px}.new-invoice .trash-icon{cursor:pointer;height:12px;margin-left:.4rem;vertical-align:middle;width:10px}.new-invoice__errors{color:#ec5757;font-size:.7rem;margin-bottom:2.5rem}.new-invoice__errors p:nth-of-type(2){margin-top:.5rem}.new-invoice__field{display:flex;flex-direction:column}.new-invoice__field__container{align-items:center;display:flex;justify-content:flex-end}.new-invoice__field__container div{color:#ec5757;font-size:.7rem;margin-bottom:-.5rem;margin-top:.4rem}.new-invoice__field__input{background-color:#1e2139;border:none;border-radius:5px;color:#fff;font-size:.7rem;outline:none;padding:.6rem 0 .6rem .8rem}.new-invoice__field__input::-webkit-input-placeholder{color:#fff;font-size:.6rem}.new-invoice__field__input::placeholder{color:#fff;font-size:.6rem}.new-invoice__field__input:focus{border:1px solid #7c5dfa}.new-invoice{color:#fff;height:100vh;height:100dvh;left:75px;overflow-wrap:anywhere;overflow-y:auto;overscroll-behavior:contain;padding:0 clamp(16px,4vw,40px) 24px;position:fixed;top:0;width:min(430px,100% - 75px);z-index:101}.new-invoice input,.new-invoice select{min-height:44px;min-width:0;padding:10px 8px;width:100%}.new-invoice button{font-size:.75rem;min-height:44px}.new-invoice h1{padding-top:32px}.new-invoice__field{min-width:0}.new-invoice__date-terms,.new-invoice__location{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.new-invoice__date-terms>div,.new-invoice__location>div{min-width:0}.new-invoice__date-terms>div:nth-of-type(2),.new-invoice__location>div:nth-of-type(2){margin:0}.new-invoice__date-terms>div #terms,.new-invoice__date-terms>div input,.new-invoice__date-terms>div select,.new-invoice__location>div #terms,.new-invoice__location>div input,.new-invoice__location>div select{margin:0;width:100%}.new-invoice__date-terms{grid-template-columns:repeat(2,minmax(0,1fr))}.new-invoice__items-container__item,.new-invoice__list-items{grid-gap:4px;align-items:center;display:grid;gap:4px;grid-template-columns:minmax(0,1.6fr) minmax(0,.6fr) minmax(0,1fr) minmax(0,1fr) 44px}.new-invoice__items-container__item>span,.new-invoice__list-items>span{min-width:0;padding:0}.new-invoice__list-items span:nth-of-type(n){padding:0}.new-invoice__items-container{max-height:none;overflow:visible}.new-invoice .item-name,.new-invoice .item-price,.new-invoice .item-qty,.new-invoice .item-total{margin:0;padding:10px 6px;width:100%}.new-invoice .item-label{display:none}.new-invoice .item-remove{background:transparent;border-radius:4px;padding:0;width:44px}.new-invoice .trash-icon{height:14px;margin:0;width:12px}.new-invoice__options{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin:24px 0 0}.new-invoice__options>div{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.new-invoice__options button{padding:10px 12px}.new-invoice__options #discard{position:static}.new-invoice__options #save-draft{margin-right:0}.new-invoice__errors{margin:20px 0 0}@media (max-width:767px){.new-invoice{left:0;padding-bottom:max(24px,env(safe-area-inset-bottom));width:min(430px,100%)}.new-invoice #terms,.new-invoice input,.new-invoice select{font-size:16px}.new-invoice input::-webkit-input-placeholder{font-size:.8rem}.new-invoice input::placeholder{font-size:.8rem}.new-invoice input[type=date]::-webkit-datetime-edit{font-size:16px}.new-invoice label{font-size:.8rem}}@media (max-width:479px){.new-invoice{border-radius:0}.new-invoice__location{gap:0 14px;grid-template-columns:repeat(2,minmax(0,1fr))}.new-invoice__location>div:last-child{grid-column:1/-1}.new-invoice__date-terms{gap:0;grid-template-columns:minmax(0,1fr)}.new-invoice__list-items{display:none}.new-invoice__items-container__item{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr)) 44px;margin:20px 0}.new-invoice__items-container__item .item-name{grid-column:1/4;grid-row:2}.new-invoice__items-container__item .item-qty{grid-column:1;grid-row:4}.new-invoice__items-container__item .item-price{grid-column:2;grid-row:4}.new-invoice__items-container__item .item-total{grid-column:3;grid-row:4}.new-invoice__items-container__item .item-remove{grid-column:4;grid-row:2}.new-invoice__items-container__item .item-label{color:#dfe3fa;display:block;font-size:.8rem}.new-invoice__items-container__item .item-label-name{grid-column:1/-1;grid-row:1}.new-invoice__items-container__item .item-label-qty{grid-column:1;grid-row:3}.new-invoice__items-container__item .item-label-price{grid-column:2;grid-row:3}.new-invoice__items-container__item .item-label-total{grid-column:3;grid-row:3}.new-invoice__options>div{flex:1 1 100%}.new-invoice__options button{flex:1 1}}.view-invoice{align-items:center;background-color:#141625;color:#fff;display:none;flex-direction:column;font-size:.7rem;min-height:100vh;min-width:0;overflow-wrap:anywhere;padding:0 24px;position:relative;width:min(83vw,100% - 75px)}@media (min-width:1200px){.view-invoice{width:80vw}}@media (min-width:1400px){.view-invoice{width:70vw}}.view-invoice__navigate{margin-bottom:1.3rem;margin-left:0;margin-top:3rem;max-width:578px;width:100%}.view-invoice__navigate img{cursor:pointer;height:7px;width:7px}.view-invoice__navigate span{cursor:pointer;padding-left:1rem}.view-invoice__header{align-items:center;background-color:#1e2139;border-radius:7px;display:flex;justify-content:space-between;max-width:578px;padding:.7rem 1.5rem;position:relative;width:100%}.view-invoice__header__container1{align-items:center;color:#dfe3fa;display:flex}.view-invoice__header__container1 div{align-items:center;border-radius:7px;display:flex;justify-content:center;margin-left:1rem;padding:.5rem 0;width:70px}.view-invoice__header__container1 div span{font-size:.35rem;margin:0 .3rem 0 -.1rem;width:10px}.view-invoice__header__container2 button{border:none;border-radius:20px;cursor:pointer;font-size:.7rem;min-height:44px;padding:.6rem 1rem}.view-invoice__header__container2 #view-invoice-edit{background-color:#252945;color:#fff}.view-invoice__header__container2 #view-invoice-edit:hover{background-color:#fff;color:#7c5dfa}.view-invoice__header__container2 #view-invoice-delete{background-color:#ec5757;color:#fff;margin:0 .3rem}.view-invoice__header__container2 #view-invoice-delete:hover{background-color:#ff9797}.view-invoice__header__container2 #view-invoice-mark{background-color:#7c5dfa;color:#fff}.view-invoice__header__container2 #view-invoice-mark:hover{background-color:#9277ff}.view-invoice__invoice{background-color:#1e2139;border-radius:7px;margin-bottom:3.5rem;margin-top:1.1rem;max-width:578px;padding:1.5rem;position:relative;width:100%}.view-invoice__invoice__container1{align-items:center;color:#dfe3fa;display:flex;justify-content:space-between;margin:.8rem}.view-invoice__invoice__container1 #view-invoice-id{color:#fff;font-size:.9rem;margin-bottom:.5rem;margin-top:-1rem}.view-invoice__invoice__container1 #view-invoice-id:before{color:#7e88c3;content:"#"}.view-invoice__invoice__container1 #view-invoice-senderAddress{line-height:15px;text-align:right}.view-invoice__invoice__container2{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.4fr);margin:.8rem}.view-invoice__invoice__container2>div{min-width:0}.view-invoice__invoice__container2__label{color:#dfe3fa;margin-bottom:.7rem}.view-invoice__invoice__container2__input{color:#fff;font-size:.9rem}.view-invoice__invoice__container3{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.4fr);margin:1.6rem .8rem .8rem}.view-invoice__invoice__container3 #view-invoice-clientAddress{color:#dfe3fa;line-height:15px;margin-top:-1rem}.view-invoice__invoice__container4{align-items:center;background-color:#252945;border-radius:7px;display:flex;flex-direction:column;justify-content:center;margin:2rem .8rem .8rem;position:relative}.view-invoice__invoice__container4 table{border-spacing:8px 0;padding:1rem 0;table-layout:fixed;width:90%}.view-invoice__invoice__container4 table th:first-child{width:40%}.view-invoice__invoice__container4 table th:nth-child(2){width:12%}.view-invoice__invoice__container4 table th{color:#dfe3fa;font-size:.7rem;font-weight:400;padding:.6rem 0}.view-invoice__invoice__container4 table th:first-of-type{text-align:left}.view-invoice__invoice__container4 table th:nth-of-type(3),.view-invoice__invoice__container4 table th:nth-of-type(4){text-align:right}.view-invoice__invoice__container4__item td{color:#fff;padding:.8rem 0}.view-invoice__invoice__container4__item td:nth-of-type(2){color:#dfe3fa;text-align:center}.view-invoice__invoice__container4__item td:nth-of-type(3){color:#dfe3fa;text-align:right}.view-invoice__invoice__container4__item td:nth-of-type(4){text-align:right}.view-invoice__invoice__container4__total{align-items:center;background-color:#0c0e16;border-bottom-left-radius:7px;border-bottom-right-radius:7px;display:flex;justify-content:center;padding:1.1rem 0;width:100%}.view-invoice__invoice__container4__total>div{align-items:center;display:flex;gap:16px;justify-content:space-between;min-width:0;width:89%}.view-invoice__invoice__container4__total #view-invoice-amount-due{color:#d3d3d3}.view-invoice__invoice__container4__total #view-invoice-total{font-size:1.4rem;font-weight:500;min-width:0;text-align:right}.view-invoice__header{flex-wrap:wrap;gap:16px}.view-invoice__header__container2{display:flex;flex-wrap:wrap;gap:6px}.view-invoice__header__container2 #view-invoice-delete{margin:0}.view-invoice__invoice__container1{gap:24px}.view-invoice__invoice__container1>div{min-width:0}@media (max-width:767px){.view-invoice{min-height:calc(100vh - 75px);min-height:calc(100dvh - 75px);padding:0 clamp(16px,4vw,32px);width:100%}}@media (max-width:599px){.view-invoice__navigate{align-items:center;display:flex;margin-top:24px;min-height:44px}.view-invoice__header,.view-invoice__invoice{padding:16px}.view-invoice__header__container1{justify-content:space-between;width:100%}.view-invoice__header__container2{width:100%}.view-invoice__header__container2 button{flex:1 1 auto}.view-invoice__invoice__container1{align-items:flex-start;flex-direction:column;margin:12px 0 24px}.view-invoice__invoice__container1 #view-invoice-senderAddress{text-align:left}.view-invoice__invoice__container2,.view-invoice__invoice__container3{gap:20px;grid-template-columns:repeat(2,minmax(0,1fr));margin-left:0;margin-right:0}.view-invoice__invoice__container2>div:last-child{grid-column:1/-1}.view-invoice__invoice__container4{margin-left:0;margin-right:0}.view-invoice__invoice__container4 table{display:block;padding:16px;width:100%}.view-invoice__invoice__container4 table thead{display:none}.view-invoice__invoice__container4 table tbody{display:block}.view-invoice__invoice__container4__item{grid-gap:8px 12px;display:grid;gap:8px 12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-bottom:20px}.view-invoice__invoice__container4__item td{min-width:0;padding:0}.view-invoice__invoice__container4__item td:first-child{grid-column:1/-1}.view-invoice__invoice__container4__item td:nth-child(2),.view-invoice__invoice__container4__item td:nth-child(3){text-align:left}.view-invoice__invoice__container4__item td:last-child{align-self:center;grid-column:2;grid-row:2/4}.view-invoice__invoice__container4__item td:before{color:#dfe3fa;content:attr(data-label) " "}.view-invoice__invoice__container4__total>div>div{flex:1 1}}.delete-modal{background-color:#1e2139;border-radius:7px;display:none;flex-direction:column;left:50%;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-wrap:anywhere;overflow-y:auto;padding:clamp(20px,5vw,32px);position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:min(344px,100% - 32px);z-index:1000}.delete-modal h1{color:#fff;font-size:1.3rem;font-weight:500}.delete-modal p{color:#dfe3fa;font-size:.8rem;line-height:16px;margin:.8rem 0}.delete-modal div{display:flex;justify-content:flex-end}.delete-modal div button{border:none;border-radius:20px;cursor:pointer;font-size:.8rem;min-height:44px;padding:.8rem 1.1rem}.delete-modal__cancel{background-color:#252945;color:#dfe3fa}.delete-modal__cancel:hover{background-color:#fff;color:#7c5dfa}.delete-modal__delete{background-color:#ec5757;color:#fff;margin-left:.4rem}.delete-modal__delete:hover{background-color:#ff9797}.edit-invoice{background-color:#141625;border-top-right-radius:16px;height:87vh;left:0;overflow-y:scroll;padding:2.5rem;position:absolute;width:350px}.edit-invoice h1{font-size:1.3rem;font-weight:500}.edit-invoice h1 span{color:#7e88c3;margin-left:.3rem}.edit-invoice h2{color:#7c5dfa;font-size:.7rem;font-weight:400}.edit-invoice h2:first-of-type{margin-top:2.2rem}.edit-invoice h2:nth-of-type(2){margin-top:2.1rem}.edit-invoice h2:nth-of-type(3){color:#888eb0;font-size:1rem;font-weight:500;margin-top:1.5rem}.edit-invoice label{color:#dfe3fa;font-size:.7rem;font-weight:400;margin:1.2rem 0 .4rem}.edit-invoice input{background-color:#1e2139;border:none;border-radius:5px;color:#fff;font-size:.7rem;outline:none;padding:.6rem 0 .6rem .8rem}.edit-invoice input::-webkit-input-placeholder{color:#fff;font-size:.6rem}.edit-invoice input::placeholder{color:#fff;font-size:.6rem}.edit-invoice input:focus{border:1px solid #7c5dfa}.edit-invoice button{border:none;border-radius:20px;cursor:pointer;font-size:.6rem;outline:none}.edit-invoice__field{display:flex;flex-direction:column}.edit-invoice__location{display:flex}.edit-invoice__location div input{width:93.5px}.edit-invoice__location div:nth-of-type(2){margin:0 .9rem}.edit-invoice__date-terms{display:flex}.edit-invoice__date-terms div input{margin-right:.9rem;width:150px}.edit-invoice__date-terms div input::-webkit-calendar-picker-indicator{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 24 24"><path fill="%23bbbbbb" d="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z"/></svg>');opacity:.3}.edit-invoice__date-terms div input::-webkit-datetime-edit{color:hsla(0,0%,100%,.4);font-size:.7rem}.edit-invoice__date-terms div select{background-color:#1e2139;border:none;border-radius:5px;color:#fff;font-size:.65rem;outline:none;padding:.7rem 0 .7rem .4rem;width:150px}.edit-invoice__date-terms div select:focus{border:1px solid #7c5dfa}.edit-invoice__date-terms #invoice-date-label{color:hsla(0,0%,100%,.4)}.edit-invoice__list-items{color:#dfe3fa;font-size:.7rem;margin:.9rem 0 .8rem;width:100%}.edit-invoice__list-items span:first-of-type{padding-right:7rem}.edit-invoice__list-items span:nth-of-type(2){padding-right:1.5rem}.edit-invoice__list-items span:nth-of-type(3){padding-right:3.5rem}.edit-invoice__add-item{align-items:center;background-color:#252945;color:#dfe3fa;display:flex;justify-content:center;padding:.7rem 0;width:100%}.edit-invoice__add-item img{color:#dfe3fa;height:5px;margin-right:.15rem;width:5px}.edit-invoice__save-changes{align-items:center;background-color:#7c5dfa;color:#fff;justify-content:center;margin-top:1rem;padding:.7rem 0;width:100%}.edit-invoice__save-changes:hover{background-color:#9277ff}.edit-invoice__options{justify-content:flex-end;margin-top:2rem}.edit-invoice__options__cancel{background-color:#252945;color:#7e88c3;margin-right:.4rem;padding:.7rem 1.1rem}.edit-invoice__options__cancel:hover{background-color:#fff;color:#7c5dfa}.edit-invoice__options__save-all{background-color:#7c5dfa;color:#fff;padding:.7rem 1.1rem}.edit-invoice__options__save-all:hover{background-color:#9277ff}.edit-invoice__items-container{max-height:100px;overflow-y:scroll}.edit-invoice__items-container__item{margin-bottom:.8rem}.edit-invoice .item-name{width:130px}.edit-invoice .item-qty{margin:0 .3rem;width:20px}.edit-invoice .item-price{width:60px}.edit-invoice .item-total{background-color:#141625;color:#dfe3fa;margin-left:.3rem;width:40px}.cancel-disabled,.cancel-disabled:hover{background-color:#252945}.cancel-disabled:hover{color:#7e88c3;cursor:default}.save-all-disabled{background-color:#7c5dfa;color:#fff;opacity:.4}.save-all-disabled:hover{background-color:#7c5dfa;cursor:default}.edit-invoice{color:#fff;height:100vh;height:100dvh;left:75px;overflow-wrap:anywhere;overflow-y:auto;overscroll-behavior:contain;padding:0 clamp(16px,4vw,40px) 24px;position:fixed;top:0;width:min(430px,100% - 75px);z-index:101}.edit-invoice input,.edit-invoice select{min-height:44px;min-width:0;padding:10px 8px;width:100%}.edit-invoice button{font-size:.75rem;min-height:44px}.edit-invoice h1{padding-top:32px}.edit-invoice__field{min-width:0}.edit-invoice__date-terms,.edit-invoice__location{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.edit-invoice__date-terms>div,.edit-invoice__location>div{min-width:0}.edit-invoice__date-terms>div:nth-of-type(2),.edit-invoice__location>div:nth-of-type(2){margin:0}.edit-invoice__date-terms>div #terms,.edit-invoice__date-terms>div input,.edit-invoice__date-terms>div select,.edit-invoice__location>div #terms,.edit-invoice__location>div input,.edit-invoice__location>div select{margin:0;width:100%}.edit-invoice__date-terms{grid-template-columns:repeat(2,minmax(0,1fr))}.edit-invoice__items-container__item,.edit-invoice__list-items{grid-gap:4px;align-items:center;display:grid;gap:4px;grid-template-columns:minmax(0,1.6fr) minmax(0,.6fr) minmax(0,1fr) minmax(0,1fr) 44px}.edit-invoice__items-container__item>span,.edit-invoice__list-items>span{min-width:0;padding:0}.edit-invoice__list-items span:nth-of-type(n){padding:0}.edit-invoice__items-container{max-height:none;overflow:visible}.edit-invoice .item-name,.edit-invoice .item-price,.edit-invoice .item-qty,.edit-invoice .item-total{margin:0;padding:10px 6px;width:100%}.edit-invoice .item-label{display:none}.edit-invoice .item-remove{background:transparent;border-radius:4px;padding:0;width:44px}.edit-invoice .trash-icon{height:14px;margin:0;width:12px}.edit-invoice__options{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin:24px 0 0}.edit-invoice__options>div{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.edit-invoice__options button{padding:10px 12px}.edit-invoice__options #discard{position:static}.edit-invoice__options #save-draft{margin-right:0}.edit-invoice__errors{margin:20px 0 0}@media (max-width:767px){.edit-invoice{left:0;padding-bottom:max(24px,env(safe-area-inset-bottom));width:min(430px,100%)}.edit-invoice #terms,.edit-invoice input,.edit-invoice select{font-size:16px}.edit-invoice input::-webkit-input-placeholder{font-size:.8rem}.edit-invoice input::placeholder{font-size:.8rem}.edit-invoice input[type=date]::-webkit-datetime-edit{font-size:16px}.edit-invoice label{font-size:.8rem}}@media (max-width:479px){.edit-invoice{border-radius:0}.edit-invoice__location{gap:0 14px;grid-template-columns:repeat(2,minmax(0,1fr))}.edit-invoice__location>div:last-child{grid-column:1/-1}.edit-invoice__date-terms{gap:0;grid-template-columns:minmax(0,1fr)}.edit-invoice__list-items{display:none}.edit-invoice__items-container__item{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr)) 44px;margin:20px 0}.edit-invoice__items-container__item .item-name{grid-column:1/4;grid-row:2}.edit-invoice__items-container__item .item-qty{grid-column:1;grid-row:4}.edit-invoice__items-container__item .item-price{grid-column:2;grid-row:4}.edit-invoice__items-container__item .item-total{grid-column:3;grid-row:4}.edit-invoice__items-container__item .item-remove{grid-column:4;grid-row:2}.edit-invoice__items-container__item .item-label{color:#dfe3fa;display:block;font-size:.8rem}.edit-invoice__items-container__item .item-label-name{grid-column:1/-1;grid-row:1}.edit-invoice__items-container__item .item-label-qty{grid-column:1;grid-row:3}.edit-invoice__items-container__item .item-label-price{grid-column:2;grid-row:3}.edit-invoice__items-container__item .item-label-total{grid-column:3;grid-row:3}.edit-invoice__options>div{flex:1 1 100%}.edit-invoice__options button{flex:1 1}}.invoice-modal{background-color:#141625;border-top-right-radius:16px;left:0;overflow-y:scroll;padding:0 2.5rem;position:absolute;width:350px}.invoice-modal h1{font-size:1.3rem;font-weight:500;padding-top:2.5rem}.invoice-modal h1 span{color:#7e88c3;margin-left:.3rem}.invoice-modal h2{color:#7c5dfa;font-size:.7rem;font-weight:400}.invoice-modal h2:first-of-type{margin:2.2rem 0 .1rem}.invoice-modal h2:nth-of-type(2){margin:2.1rem 0 .1rem}.invoice-modal h2:nth-of-type(3){color:#888eb0;font-size:1rem;font-weight:500;margin-top:1.5rem}.invoice-modal label{color:#dfe3fa;font-size:.7rem;font-weight:400;margin:1.5rem 0 .3rem}.invoice-modal button{border:none;border-radius:20px;cursor:pointer;font-size:.6rem;outline:none}.invoice-modal__location{display:flex}.invoice-modal__location div input{width:93.5px}.invoice-modal__location div:nth-of-type(2){margin:0 .9rem}.invoice-modal__date-terms{display:flex}.invoice-modal__date-terms div input{margin-right:.9rem;width:150px}.invoice-modal__date-terms div input::-webkit-calendar-picker-indicator{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 24 24"><path fill="%23bbbbbb" d="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z"/></svg>');opacity:.3}.invoice-modal__date-terms div input::-webkit-datetime-edit{color:hsla(0,0%,100%,.4);font-size:.7rem}.invoice-modal__date-terms div #terms{background-color:#1e2139;border:none;border-radius:5px;color:#fff;font-size:.65rem;outline:none;padding:.7rem 0 .7rem .4rem;width:150px}.invoice-modal__date-terms div #terms:focus{border:1px solid #7c5dfa}.invoice-modal__date-terms #invoice-date-label{color:hsla(0,0%,100%,.4)}.invoice-modal__list-items{color:#dfe3fa;font-size:.7rem;margin:.9rem 0 .8rem;width:100%}.invoice-modal__list-items span:first-of-type{padding-right:7rem}.invoice-modal__list-items span:nth-of-type(2){padding-right:1.5rem}.invoice-modal__list-items span:nth-of-type(3){padding-right:3.5rem}.invoice-modal__add-item{align-items:center;background-color:#252945;color:#dfe3fa;display:flex;justify-content:center;padding:.7rem 0;width:100%}.invoice-modal__add-item img{color:#dfe3fa;height:5px;margin-right:.15rem;width:5px}.invoice-modal__save-changes{align-items:center;background-color:#7c5dfa;color:#fff;justify-content:center;margin-top:1rem;padding:.7rem 0;width:100%}.invoice-modal__save-changes:hover{background-color:#9277ff}.invoice-modal__options{justify-content:flex-end;margin:2rem 0 2.5rem;position:relative}.invoice-modal__options button{padding:.7rem 1.1rem}.invoice-modal__options #discard{background-color:#fff;color:#7c5dfa;left:0;position:absolute;top:0}.invoice-modal__options #save-draft{background-color:rgba(223,227,250,.2);color:#dfe3fa;margin-right:.4rem}.invoice-modal__options #save-send{background-color:#7c5dfa;color:#fff}.invoice-modal__options__cancel{background-color:#252945;color:#7e88c3;margin-right:.4rem;padding:.7rem 1.1rem}.invoice-modal__options__cancel:hover{background-color:#fff;color:#7c5dfa}.invoice-modal__options__save-all{background-color:#7c5dfa;color:#fff;padding:.7rem 1.1rem}.invoice-modal__options__save-all:hover{background-color:#9277ff}.invoice-modal__items-container{max-height:100px;min-height:auto;overflow-y:scroll}.invoice-modal__items-container__item{margin-bottom:.8rem}.invoice-modal .item-name{width:130px}.invoice-modal .item-qty{margin:0 .3rem;width:20px}.invoice-modal .item-price{width:60px}.invoice-modal .item-total{background-color:#141625;border:none;color:#dfe3fa;font-size:.7rem;margin-left:.3rem;outline:none;padding:.6rem 0 .6rem .8rem;width:40px}.invoice-modal .trash-icon{cursor:pointer;height:12px;margin-left:.4rem;vertical-align:middle;width:10px}.invoice-modal__errors{color:#ec5757;font-size:.7rem;margin-bottom:2.5rem}.invoice-modal__errors p:nth-of-type(2){margin-top:.5rem}.invoice-modal__field{display:flex;flex-direction:column}.invoice-modal__field__container{align-items:center;display:flex;justify-content:flex-end}.invoice-modal__field__container div{color:#ec5757;font-size:.7rem;margin-bottom:-.5rem;margin-top:.4rem}.invoice-modal__field__input{background-color:#1e2139;border:none;border-radius:5px;color:#fff;font-size:.7rem;outline:none;padding:.6rem 0 .6rem .8rem}.invoice-modal__field__input::-webkit-input-placeholder{color:#fff;font-size:.6rem}.invoice-modal__field__input::placeholder{color:#fff;font-size:.6rem}.invoice-modal__field__input:focus{border:1px solid #7c5dfa}.invoice-modal .cancel-disabled{background-color:#252945}.invoice-modal .cancel-disabled:hover{background-color:#252945;color:#7e88c3;cursor:default}.invoice-modal .save-all-disabled{background-color:#7c5dfa;color:#fff;opacity:.4}.invoice-modal .save-all-disabled:hover{background-color:#7c5dfa;cursor:default}.invoice-modal{color:#fff;height:100vh;height:100dvh;left:75px;overflow-wrap:anywhere;overflow-y:auto;overscroll-behavior:contain;padding:0 clamp(16px,4vw,40px) 24px;position:fixed;top:0;width:min(430px,100% - 75px);z-index:101}.invoice-modal input,.invoice-modal select{min-height:44px;min-width:0;padding:10px 8px;width:100%}.invoice-modal button{font-size:.75rem;min-height:44px}.invoice-modal h1{padding-top:32px}.invoice-modal__field{min-width:0}.invoice-modal__date-terms,.invoice-modal__location{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.invoice-modal__date-terms>div,.invoice-modal__location>div{min-width:0}.invoice-modal__date-terms>div:nth-of-type(2),.invoice-modal__location>div:nth-of-type(2){margin:0}.invoice-modal__date-terms>div #terms,.invoice-modal__date-terms>div input,.invoice-modal__date-terms>div select,.invoice-modal__location>div #terms,.invoice-modal__location>div input,.invoice-modal__location>div select{margin:0;width:100%}.invoice-modal__date-terms{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-modal__items-container__item,.invoice-modal__list-items{grid-gap:4px;align-items:center;display:grid;gap:4px;grid-template-columns:minmax(0,1.6fr) minmax(0,.6fr) minmax(0,1fr) minmax(0,1fr) 44px}.invoice-modal__items-container__item>span,.invoice-modal__list-items>span{min-width:0;padding:0}.invoice-modal__list-items span:nth-of-type(n){padding:0}.invoice-modal__items-container{max-height:none;overflow:visible}.invoice-modal .item-name,.invoice-modal .item-price,.invoice-modal .item-qty,.invoice-modal .item-total{margin:0;padding:10px 6px;width:100%}.invoice-modal .item-label{display:none}.invoice-modal .item-remove{background:transparent;border-radius:4px;padding:0;width:44px}.invoice-modal .trash-icon{height:14px;margin:0;width:12px}.invoice-modal__options{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin:24px 0 0}.invoice-modal__options>div{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.invoice-modal__options button{padding:10px 12px}.invoice-modal__options #discard{position:static}.invoice-modal__options #save-draft{margin-right:0}.invoice-modal__errors{margin:20px 0 0}@media (max-width:767px){.invoice-modal{left:0;padding-bottom:max(24px,env(safe-area-inset-bottom));width:min(430px,100%)}.invoice-modal #terms,.invoice-modal input,.invoice-modal select{font-size:16px}.invoice-modal input::-webkit-input-placeholder{font-size:.8rem}.invoice-modal input::placeholder{font-size:.8rem}.invoice-modal input[type=date]::-webkit-datetime-edit{font-size:16px}.invoice-modal label{font-size:.8rem}}@media (max-width:479px){.invoice-modal{border-radius:0}.invoice-modal__location{gap:0 14px;grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-modal__location>div:last-child{grid-column:1/-1}.invoice-modal__date-terms{gap:0;grid-template-columns:minmax(0,1fr)}.invoice-modal__list-items{display:none}.invoice-modal__items-container__item{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr)) 44px;margin:20px 0}.invoice-modal__items-container__item .item-name{grid-column:1/4;grid-row:2}.invoice-modal__items-container__item .item-qty{grid-column:1;grid-row:4}.invoice-modal__items-container__item .item-price{grid-column:2;grid-row:4}.invoice-modal__items-container__item .item-total{grid-column:3;grid-row:4}.invoice-modal__items-container__item .item-remove{grid-column:4;grid-row:2}.invoice-modal__items-container__item .item-label{color:#dfe3fa;display:block;font-size:.8rem}.invoice-modal__items-container__item .item-label-name{grid-column:1/-1;grid-row:1}.invoice-modal__items-container__item .item-label-qty{grid-column:1;grid-row:3}.invoice-modal__items-container__item .item-label-price{grid-column:2;grid-row:3}.invoice-modal__items-container__item .item-label-total{grid-column:3;grid-row:3}.invoice-modal__options>div{flex:1 1 100%}.invoice-modal__options button{flex:1 1}}.app{background-color:#141625;display:flex;font-family:League Spartan,sans-serif;min-height:100vh;min-height:100dvh;width:100%}.visible{visibility:visible}.hide{display:none}.display{display:flex}.overlay{background-color:rgba(0,0,0,.6);inset:0;position:fixed;z-index:100}.error{border:1px solid #ec5757}@media (max-width:767px){.app{flex-direction:column}}
/*# sourceMappingURL=main.a685dad3.css.map*/