input:-webkit-autofill{background-color:#252945}body,html{padding:0;margin:0;background-color:#f8f8fb;color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}body .sec-color,html .sec-color{color:#888eb0}body .sidebar,html .sidebar{background-color:#373b53}body .dialog,html .dialog{background:#fff;box-shadow:0 10px 20px #48549f3f}body .dialog .checkbox,html .dialog .checkbox{background-color:#dfe3fa}body .ticket,html .ticket{box-shadow:0 10px 10px #48549f1e;background:#fff;border-radius:8px}body .ticket .ticket-off-1,html .ticket .ticket-off-1{color:#858bb2}body .ticket .ticket-off-2,html .ticket .ticket-off-2{color:#7e88c3}body .draft,html .draft{color:#373b53;background-color:#373b5313}body .draft:before,html .draft:before{content:"";z-index:0;width:8px;height:8px;border-radius:50%;transform:translate(-8px,2px);background-color:#373b53}body .invoice,html .invoice{background:#fff;border-radius:8px;box-shadow:0 10px 10px #48549f1e}body .invoiceModal,html .invoiceModal{background-color:#f8f8fb}body .invoiceModal .field label,html .invoiceModal .field label{color:#888eb0}body .invoiceModal .field input,html .invoiceModal .field input{border:1px solid #dfe3fa;background-color:#fff}body .invoiceModal .addNew,html .invoiceModal .addNew{border:1px solid #dfe3fa;color:#888eb0;background-color:#fff}body .invoiceModal .invoiceFooter:after,html .invoiceModal .invoiceFooter:after{content:"";position:absolute;left:-19px;top:0;width:56px;height:96px;background-color:#f8f8fb}body .edit,html .edit{cursor:pointer;background-color:#7c5dfa;border:none;border-radius:500px;display:flex;justify-content:center;align-items:center;width:90px;color:#fff;height:48px;background-color:#dfe3fa}@media(min-width:616px){body .edit,html .edit{width:150px}}body .edit .add,html .edit .add{color:#7c5dfa;background-color:#fff;width:32px;height:32px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:24px;font-weight:900;transform:translateX(2px)}body .edit .add span,html .edit .add span{transform:translateY(-1px)}body .edit .text,html .edit .text{flex-grow:1;text-align:center}body .edit.markPaid,html .edit.markPaid{width:150px}body .edit.delete,html .edit.delete{background-color:#ec5757;width:90px!important}body .edit.edit,html .edit.edit{color:#7e88c3;width:60px!important;background-color:#f9fafe}body .edit.edit.discard,html .edit.edit.discard{width:142px!important}body .mobileFooter,html .mobileFooter{background:#fff;border-radius:8px;justify-content:space-around;padding:21px 24px}body .invoice .address,body .invoice .description,body .invoice .title,html .invoice .address,html .invoice .description,html .invoice .title{color:#7e88c3}body .invoice .invoiceSummary .items,html .invoice .invoiceSummary .items{background-color:#f8f8fb}body .invoice .invoiceSummary .summary,html .invoice .invoiceSummary .summary{background-color:#373b53;color:#fff}body.dark-mode,html.dark-mode{color:#fff;background-color:#141625}body.dark-mode .sec-color,html.dark-mode .sec-color{color:#fff}body.dark-mode .sidebar,html.dark-mode .sidebar{background-color:#1e2139}body.dark-mode .dialog,html.dark-mode .dialog{background:#252945;box-shadow:0 10px 20px #0000003b}body.dark-mode .dialog .checkbox,html.dark-mode .dialog .checkbox{background-color:#141625}body.dark-mode .ticket,html.dark-mode .ticket{box-shadow:0 10px 10px #48549f1e;color:#fff;background-color:#252945;border-radius:8px}body.dark-mode .ticket .ticket-off-1.due,html.dark-mode .ticket .ticket-off-1.due{color:#dfe3fa}body.dark-mode .ticket .ticket-off-2,html.dark-mode .ticket .ticket-off-2{color:#fff}body.dark-mode .draft,html.dark-mode .draft{color:#dfe3fa;background-color:#dfe3fa13}body.dark-mode .draft:before,html.dark-mode .draft:before{content:"";z-index:0;width:8px;height:8px;border-radius:50%;transform:translate(-8px,2px);background-color:#dfe3fa}body.dark-mode .invoice,body.dark-mode .mobileFooter,html.dark-mode .invoice,html.dark-mode .mobileFooter{color:#fff;background-color:#252945;border-radius:8px}body.dark-mode .invoice,html.dark-mode .invoice{background-color:#1e2139;box-shadow:none}body.dark-mode .invoice .address,body.dark-mode .invoice .description,body.dark-mode .invoice .title,html.dark-mode .invoice .address,html.dark-mode .invoice .description,html.dark-mode .invoice .title{color:#dfe3fa}body.dark-mode .invoice .invoiceSummary .items,html.dark-mode .invoice .invoiceSummary .items{background-color:#252945}body.dark-mode .invoice .invoiceSummary .summary,html.dark-mode .invoice .invoiceSummary .summary{background-color:#141625;color:#fff}body.dark-mode .invoiceModal,html.dark-mode .invoiceModal{background-color:#141625}body.dark-mode .invoiceModal .field label,html.dark-mode .invoiceModal .field label{color:#888eb0}body.dark-mode .invoiceModal .addNew,body.dark-mode .invoiceModal .field input,html.dark-mode .invoiceModal .addNew,html.dark-mode .invoiceModal .field input{border:1px solid transparent;color:#fff;background-color:#252945}body.dark-mode .invoiceModal .invoiceFooter:after,html.dark-mode .invoiceModal .invoiceFooter:after{content:"";position:absolute;left:-19px;top:0;width:56px;height:96px;background-color:#141625}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.layout{display:flex;flex-direction:column;min-height:100vh}@media(min-width:768px){.layout{flex-direction:row}}.layout main{flex-grow:2;max-width:800px;width:100%;margin:0 auto;display:flex;flex-direction:column;padding:103px 20px 0}@media(min-width:768px){.layout main{padding-top:42px;padding-left:123px}}.hideOnMobile{display:none}@media(min-width:616px){.hideOnMobile{display:inline;display:initial}}.onlyOnMobile{display:flex;width:100%}@media(min-width:616px){.onlyOnMobile{display:none}}.backdrop{width:100vw;height:100vh;background-color:rgba(0,0,0,.507);position:fixed;cursor:default;z-index:1}.backdrop.transparent{z-index:-1;background:transparent;left:-50vw;top:-182px}@media(min-width:768px){.backdrop.transparent{left:-60vw;top:-124px}}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.Sidebar_sidebar__nMnzu{border-radius:0 0 0 0;width:100vw;height:73px;display:flex;justify-content:space-between;position:fixed;z-index:2}@media(min-width:768px){.Sidebar_sidebar__nMnzu{border-radius:0 20px 20px 0;flex-direction:column;height:100vh;width:103px}}.Sidebar_sidebar__nMnzu .Sidebar_logo__x9Gh9{border-radius:0 20px 20px 0;display:flex;justify-content:center;align-items:center;width:73px;height:73px;position:relative;background-color:#7c5dfa;overflow:hidden;cursor:pointer}@media(min-width:768px){.Sidebar_sidebar__nMnzu .Sidebar_logo__x9Gh9{width:103px;height:103px}}.Sidebar_sidebar__nMnzu .Sidebar_logo__x9Gh9 svg{z-index:1}.Sidebar_sidebar__nMnzu .Sidebar_logo__x9Gh9:after{content:"";background-color:#9277ff;min-width:100%;min-height:100%;position:absolute;transform:translateY(50%);z-index:0;border-top-left-radius:20px}.Sidebar_sidebar__nMnzu .Sidebar_bottom__eN9mp{display:flex;align-items:center}@media(min-width:768px){.Sidebar_sidebar__nMnzu .Sidebar_bottom__eN9mp{flex-direction:column}}.Sidebar_sidebar__nMnzu .Sidebar_bottom__eN9mp .Sidebar_theme__h7amM{height:73px;display:flex;align-items:center;justify-content:center;cursor:pointer;width:73px}@media(min-width:768px){.Sidebar_sidebar__nMnzu .Sidebar_bottom__eN9mp .Sidebar_theme__h7amM{width:103px;height:103px}}.Sidebar_sidebar__nMnzu .Sidebar_bottom__eN9mp .Sidebar_imgContainer__aiJp4{height:73px;display:flex;align-items:center;justify-content:center;border-left:1px solid #494e6e;width:73px;cursor:pointer}@media(min-width:768px){.Sidebar_sidebar__nMnzu .Sidebar_bottom__eN9mp .Sidebar_imgContainer__aiJp4{width:103px;height:103px;border-left:none;border-top:1px solid #494e6e}}.Sidebar_sidebar__nMnzu .Sidebar_bottom__eN9mp .Sidebar_imgContainer__aiJp4 img{border-radius:50%;width:32px}@media(min-width:768px){.Sidebar_sidebar__nMnzu .Sidebar_bottom__eN9mp .Sidebar_imgContainer__aiJp4 img{width:40px}}.InvoiceHeader_header__QoaRJ{margin:0 0 36px;justify-content:space-between;padding:24px}.InvoiceHeader_header__QoaRJ,.InvoiceHeader_header__QoaRJ .InvoiceHeader_right__a5XO4{display:flex;align-items:center}.InvoiceHeader_header__QoaRJ .InvoiceHeader_statusText__y_hfz{margin-right:24px}.InvoiceHeader_header__QoaRJ .InvoiceHeader_right__a5XO4{display:none}@media(min-width:616px){.InvoiceHeader_header__QoaRJ .InvoiceHeader_right__a5XO4{display:flex;flex-grow:1;justify-content:flex-end}}.InvoiceHeader_header__QoaRJ .InvoiceHeader_status__Hjikt{grid-area:status;width:104px;height:40px;border-radius:6px;display:flex;justify-content:center;align-items:center}.InvoiceHeader_header__QoaRJ .InvoiceHeader_status__Hjikt.InvoiceHeader_paid__KHHhP{color:#33d69f;background-color:#33d69f13}.InvoiceHeader_header__QoaRJ .InvoiceHeader_status__Hjikt.InvoiceHeader_paid__KHHhP:before{content:"";z-index:0;width:8px;height:8px;border-radius:50%;transform:translate(-8px,2px);background-color:#33d69f}.InvoiceHeader_header__QoaRJ .InvoiceHeader_status__Hjikt.InvoiceHeader_pending__s65aR{color:#ff8f00;background-color:#ff8f0013}.InvoiceHeader_header__QoaRJ .InvoiceHeader_status__Hjikt.InvoiceHeader_pending__s65aR:before{content:"";z-index:0;width:8px;height:8px;border-radius:50%;transform:translate(-8px,2px);background-color:#ff8f00}.InvoiceHeader_btns__Ykh8N{display:flex;justify-content:center;align-items:center;margin:0 10px}.InvoiceHeader_btns__Ykh8N *{margin-left:10px!important;margin-right:10px!important;white-space:nowrap}.InvoiceHeader_btns__Ykh8N .InvoiceHeader_delete__XDl0O{background-color:#ec5757;align-items:center;width:90px!important;cursor:pointer;border-radius:100px;display:flex;justify-content:center;white-space:nowrap;height:48px}.InvoiceHeader_btns__Ykh8N .InvoiceHeader_delete__XDl0O.InvoiceHeader_draft__qppX7{width:110px!important}@media(min-width:768px){.InvoiceHeader_btns__Ykh8N{width:100%}}.InvoiceHeader_btns__Ykh8N button{margin:0 5px;cursor:pointer;background-color:#7c5dfa;border:none;border-radius:500px;display:flex;justify-content:center;align-items:center;width:90px;color:#fff;height:48px}@media(min-width:616px){.InvoiceHeader_btns__Ykh8N button{width:150px}}.InvoiceHeader_btns__Ykh8N button .InvoiceHeader_add__ESaB0{color:#7c5dfa;background-color:#fff;width:32px;height:32px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:24px;font-weight:900;transform:translateX(2px)}.InvoiceHeader_btns__Ykh8N button .InvoiceHeader_add__ESaB0 span{transform:translateY(-1px)}.InvoiceHeader_btns__Ykh8N button .InvoiceHeader_text___dpzI{flex-grow:1;text-align:center}.InvoiceHeader_btns__Ykh8N button.InvoiceHeader_markPaid__mY_BK{width:150px}.InvoiceHeader_btns__Ykh8N button.InvoiceHeader_delete__XDl0O{background-color:#ec5757;width:90px!important}.InvoiceHeader_btns__Ykh8N button.InvoiceHeader_edit__CSxkH{color:#7e88c3;width:60px!important;background-color:#f9fafe}.InvoiceHeader_btns__Ykh8N button.InvoiceHeader_edit__CSxkH.InvoiceHeader_discard__yM8Z6{width:142px!important}.InvoiceHeader_goBack__nhNrh{cursor:pointer;width:100px;display:flex;justify-content:space-between;align-items:center;margin:18px 0}.InvoiceModal_invoiceModal__XRSLX{overflow-y:scroll;background:#fff;position:fixed;z-index:1;height:100%;padding-top:73px;width:100vw}.InvoiceModal_invoiceModal__XRSLX::-webkit-scrollbar{display:none}@media(min-width:616px){.InvoiceModal_invoiceModal__XRSLX{width:616px;border-radius:0 20px 20px 0;transform:translateX(-100%);transition:transform .5s}.InvoiceModal_invoiceModal__XRSLX[open]{transform:translateX(0)}}@media(min-width:768px){.InvoiceModal_invoiceModal__XRSLX{padding-left:103px;padding-top:0}}.InvoiceModal_invoiceModal__XRSLX .InvoiceModal_container__nvk19{overflow:hidden;margin:24px}.InvoiceModal_invoiceModal__XRSLX p{color:#7c5dfa}.InvoiceModal_invoiceModal__XRSLX h3{color:#777f98}.InvoiceModal_invoiceModal__XRSLX h2,.InvoiceModal_invoiceModal__XRSLX h3{font-weight:200}.InvoiceModal_form__iTr58{margin:0 1px}.InvoiceModal_form__iTr58 .InvoiceModal_listItem__Dc5fY{display:flex;flex-direction:column}@media(min-width:768px){.InvoiceModal_form__iTr58 .InvoiceModal_listItem__Dc5fY{flex-direction:row}.InvoiceModal_form__iTr58 .InvoiceModal_listItem__Dc5fY .InvoiceModal_itemName__Qfi3_{width:150px;margin-right:7px}.InvoiceModal_form__iTr58 .InvoiceModal_listItem__Dc5fY .InvoiceModal_qty__f0qMT{width:70px!important}.InvoiceModal_form__iTr58 .InvoiceModal_listItem__Dc5fY .InvoiceModal_price__Y8RQk{width:100px!important}.InvoiceModal_form__iTr58 .InvoiceModal_listItem__Dc5fY .InvoiceModal_row__sn7iQ{width:100%}}.InvoiceModal_form__iTr58 .InvoiceModal_listItem__Dc5fY .InvoiceModal_qtyPriceTotal__cGQ7r>*{margin:0 5px 24px}.InvoiceModal_form__iTr58 .InvoiceModal_row__sn7iQ{display:flex;justify-content:space-between;align-items:center}.InvoiceModal_form__iTr58 .InvoiceModal_row__sn7iQ .InvoiceModal_innerRow__Akg9s{display:flex;justify-content:space-between;width:80%}.InvoiceModal_form__iTr58 .InvoiceModal_row__sn7iQ .InvoiceModal_field__lFY_X{width:48%}.InvoiceModal_form__iTr58 .InvoiceModal_field__lFY_X{display:flex;flex-direction:column;margin-bottom:24px}.InvoiceModal_form__iTr58 .InvoiceModal_field__lFY_X label{font-size:13px;margin-bottom:9px}.InvoiceModal_form__iTr58 .InvoiceModal_field__lFY_X input{border-radius:4px;border:none;padding:0 20px;line-height:48px}.InvoiceModal_form__iTr58 .InvoiceModal_qty__f0qMT{width:27%!important}.InvoiceModal_form__iTr58 .InvoiceModal_price__Y8RQk{justify-self:flex-start}.InvoiceModal_form__iTr58 .InvoiceModal_total___267W{height:100%;display:flex;align-items:center;white-space:nowrap}.InvoiceModal_form__iTr58 .InvoiceModal_delete__gNOIK{cursor:pointer}.InvoiceModal_form__iTr58 .InvoiceModal_btn__zlfXJ{border-radius:200px;display:flex;justify-content:center;line-height:48px;margin-bottom:24px;cursor:pointer}.InvoiceModal_form__iTr58 .InvoiceModal_btn__zlfXJ.InvoiceModal_addNew__smCer{margin-top:48px}.InvoiceModal_footer___fMuw{display:flex;justify-content:space-around;align-items:center;margin-top:84px;box-shadow:0 7px 86px #000;position:relative}.InvoiceModal_footer___fMuw button{margin:24px 0}