/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */body,html{height:100%}button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}details,main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}@font-face{font-family:Inter;src:url(/fonts/InterLight.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Inter;src:url(/fonts/InterRegular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Inter;src:url(/fonts/InterMedium.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Inter;src:url(/fonts/InterSemiBold.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Inter;src:url(/fonts/InterBold.ttf) format("truetype");font-weight:700;font-style:normal}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}::-webkit-scrollbar{width:1px;height:1px}::-webkit-scrollbar-thumb{background-color:#4e55ba;border-radius:1px}::-webkit-scrollbar-track{background-color:transparent}html,body{height:100%;scroll-behavior:smooth}html{scrollbar-gutter:stable}body{background:#fafafa}a{text-decoration:none;cursor:pointer;transition:.3ms}a:hover{opacity:.8}h1,h2,h3,h4,h5,h6{color:#1e1e1f;margin:0;padding:0}button{background:none;cursor:pointer;border:none}button:disabled{cursor:not-allowed}li{list-style:none}.container{margin:0 auto;width:100%;height:100dvh;max-width:1500px;display:flex;flex-direction:column}.hidden{display:none}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;background-color:#00000080;display:flex;align-items:center;justify-content:center}.fade-enter{opacity:0;transform:translateY(-10px)}.fade-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease-in-out,transform .3s ease-in-out}.fade-exit,.fade-exit-active{opacity:1;transform:translateY(0)}.empty{display:flex;justify-content:center;height:100%}.empty__inner{margin-top:100px;display:flex;flex-direction:column;align-items:center;gap:10px}.empty__inner img{width:63px;height:49px}.spinner-container{display:flex;align-items:center;justify-content:center;height:50%}.datepicker{position:absolute;z-index:1;margin-top:5px;right:0;background-color:#fff;display:flex;flex-direction:row;font-size:13px;color:#00000080;border:1px solid #e9eaed;box-shadow:0 6px 12px #0000002d;border-radius:4px}.datepicker button{color:#00000080}.datepicker__controls{display:flex;flex-direction:column;background-color:#f5f8fb;width:200px;padding:12px;border-top-left-radius:4px;border-bottom-left-radius:4px}.datepicker__controls button{text-align:left;margin-top:8px;height:28px;padding-left:10px;border-radius:4px}.datepicker__controls button:hover{background-color:#eef1f3;color:#4c51bf}.datepicker__calendar{background-color:#fff;border-radius:4px;padding:10px}.datepicker__current-date{font-weight:600}.datepicker__header{display:flex;align-items:center;justify-content:space-between;gap:5px}.datepicker__current-date{display:flex;flex-direction:row;gap:5px;justify-content:center;width:125px}.datepicker__current-date button{font-weight:600;padding:5px}.datepicker__current-date button:hover{color:#4c51bf;background-color:#f5f8fb}.datepicker__view-container{height:205px;width:240px}.datepicker__header-button{display:flex;align-items:center}.datepicker__header-button:hover{color:#4c51bf;background-color:#f5f8fb}.datepicker__week-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:5px;margin-top:5px}.datepicker__week-day{display:flex;align-items:center;justify-content:center;font-weight:600}.datepicker__days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.datepicker__months{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.datepicker__months button{height:47px}.datepicker__months button:hover{background-color:#f5f8fb}.datepicker__years{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.datepicker__years button{height:37px}.datepicker__years button:hover{background-color:#f5f8fb}.datepicker__day{width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px}.datepicker__day:hover{background-color:#f5f8fb}.selected,.selected:hover{background-color:#1384e7!important;color:#fff!important;opacity:1!important}.not-current{opacity:.5}.open{color:#00000080;height:35px;padding:5px;display:flex;flex-direction:row;font-size:13px;gap:8px;border:1px solid #e9eaed;border-radius:4px;align-items:center;width:210px}.open-error{box-shadow:0 0 5px #f8b4b4;border:1px solid #f8b4b4}.countries{background-color:#fff;width:100%;max-height:150px;overflow-y:scroll;z-index:11;padding:10px;box-shadow:0 4px 6px #0000001a,0 1px 3px #0000000f;border:1px solid #f1f1f1;border-radius:4px;font-size:13px;color:#6a7685}.countries__list{display:flex;flex-direction:column;gap:10px}.countries__select-country{display:flex;flex-direction:row;width:100%;padding:0 5px;gap:3px;height:30px;align-items:center;color:#6a7685}.countries__select-country:hover{background-color:#f5f7fb}.countries__empty{text-align:center}.generate{margin-bottom:20px;display:flex;width:100%;flex-direction:row;justify-content:space-between}.controls{order:2;margin-right:20px;position:sticky;width:284px;background-color:#fff;border:1px solid #e9eaed;margin-top:20px;border-radius:8px;max-height:110px;padding:10px 20px;top:0;z-index:100;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center}.controls button,.controls a{font-weight:500;height:32px!important;border-radius:8px;transition:.3s}.controls button:hover{opacity:.8}.controls__preview{width:100%;background-color:#4155ba;color:#fff}.invoice-input{height:40px;border:1px solid #e9eaed;border-radius:4px;padding:8px}input,textarea,input::placeholder,textarea::placeholder{font-size:13px!important;color:#0009;font-weight:400}textarea{border:1px solid #e9eaed;margin:-1px 0;padding:10px 8px;resize:vertical;height:100%}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.invoice-area{border:1px solid #e9eaed;border-radius:8px;background-color:#fff;margin-top:20px;width:100%;margin-left:20px;margin-right:20px}.invoice-area__label{font-size:13px;font-weight:500;opacity:.7}.invoice-area__preview-container{width:80%}.invoice-area__head{display:flex;flex-direction:row;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e9eaed;align-items:center}.invoice-area__datepicker-container{position:relative}.invoice-area__invoice-number{margin-left:20px}.invoice-area__number-inout{width:50px;height:34px;margin-left:5px;text-align:center}.invoice-area__datepickers{margin-right:20px;display:flex;flex-direction:row;gap:15px}.invoice-area__form{padding:40px}.invoice-area__title{margin-top:20px;padding-bottom:20px;display:flex;flex-direction:column;gap:5px}.invoice-area__title h2{font-size:32px}.invoice-area__job-description{margin-top:16px;width:400px}.invoice-area__inputs{display:flex;flex-direction:column;height:300px}.invoice-area__bills{margin-top:50px;display:flex;flex-direction:row;justify-content:space-between}.invoice-area__bill-info{width:44%;display:flex;flex-direction:column}.invoice-area__bill-info input{margin:-1px 0}.invoice-area__company-name{height:34px;width:100%}.invoice-area__customers-select{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;margin-bottom:8px;height:30px}.invoice-area__customers-select select{height:3%}.invoice-area__customer-container{position:relative}.invoice-area__open-customers-list{position:absolute;right:-35px;top:5px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:#6a7685}.invoice-area__add-contact{margin-top:5px}.invoice-area__customers{position:absolute;padding:20px 10px;max-height:180px;width:100%;border-radius:4px;background-color:#fff;box-shadow:0 4px 6px #0000001a,0 1px 3px #0000000f;border:1px solid #f1f1f1;margin-top:2px;font-size:14px;overflow-y:scroll;z-index:11}.invoice-area__customers button{width:100%;text-align:start;padding:5px;color:#0009}.invoice-area__customers button:hover{background-color:#f5f7fb}.invoice-area__customers-list{width:100%;color:#0009}.invoice-area__select-contact-container{font-size:13px;color:#4c4c4c;display:flex;flex-direction:column}.invoice-area__contacts-container{position:relative}.invoice-area__names{display:flex;flex-direction:row;justify-content:space-between}.invoice-area__names input{height:32px}.invoice-area__contact-input{height:32px;width:100%;margin-top:5px!important}.invoice-area__contacts-list{position:absolute;background-color:#fff;box-shadow:0 4px 6px #0000001a,0 1px 3px #0000000f;border:1px solid #f1f1f1;width:100%;padding:10px;border-radius:4px;top:1px;max-height:365px;overflow-y:scroll;z-index:11}.invoice-area__contacts-list button{width:100%;text-align:start;padding:10px 5px;color:#0009}.invoice-area__contacts-list button:hover{background-color:#f5f7fb}.invoice-area__select-contact{width:100%;height:32px;display:flex;justify-content:space-between;padding:5px 10px;border:1px solid #dee4ec;border-radius:4px;align-items:center;color:#4c4c4c;cursor:pointer}.invoice-area__contact-label{margin-top:5px;margin-bottom:5px}.invoice-area__cancel-contact{margin-top:8px;font-size:13px;width:110px;background:#fff;border:1px solid #f9edf1;border-radius:4px;line-height:24px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:3px;font-weight:500;color:#e63d49;justify-self:flex-end}.invoice-area__add-contact{font-size:13px;height:32px;width:120px;background:#fff;border:1px solid hsl(214,27%,90%);box-shadow:0 1px 1px #525b641a;border-radius:4px;padding:4px 8px;line-height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:3px;font-weight:500;color:#4e55ba;justify-self:flex-end}.invoice-area__customer{padding:5px;width:100%}.invoice-area__customer-select-button{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.invoice-area__contacts-count{display:flex;align-items:center;justify-content:center}.invoice-area__first-name,.invoice-area__last-name{width:49%}.invoice-area__company-name{border-bottom-right-radius:0;border-bottom-left-radius:0}.invoice-area__country,.invoice-area__email{cursor:pointer;border-radius:0;height:34px;width:100%}.invoice-area__country:disabled,.invoice-area__company-adders:disabled,.invoice-area__company-name:disabled{background-color:#fff;cursor:not-allowed}.invoice-area__countries-container{position:absolute;width:100%;top:35px;z-index:11}.invoice-area__phone{border-top-left-radius:0;border-top-right-radius:0}.invoice-area__currency{margin-top:20px;display:flex;flex-direction:row;gap:10px;align-items:center}.invoice-area__currency-label{display:flex;flex-direction:row;gap:5px;align-items:center}.invoice-area__tasks{margin-top:20px;margin-bottom:50px}.invoice-area__info{display:flex;justify-content:space-between;text-align:start;padding:0 10px}.invoice-area__info span{font-size:13px;font-weight:500;color:#6a7685}.invoice-area__description{width:40%}.invoice-area__cost{width:15%}.invoice-area__cost input{width:100%;color:#00000080}.invoice-area__quantity{width:10%}.invoice-area__quantity input{max-width:60px;color:#00000080}.invoice-area__price{width:30%;text-align:end}.invoice-area__price-text{font-weight:500;font-size:13px;color:#6a7685}.invoice-area__task{margin-top:10px;background-color:#f5f7fa;padding:10px;display:flex;flex-direction:row;justify-content:space-between;position:relative;border-radius:4px}.invoice-area__task input{height:34px!important}.invoice-area__remove-task{position:absolute;right:-18px;top:3;opacity:.7;z-index:10}.invoice-area__task-description{display:flex;flex-direction:column;gap:5px;border-radius:4px}.invoice-area__add-task{font-size:13px;background:#fff;border:1px solid #dee4ec;box-sizing:border-box;box-shadow:0 1px 1px #525b641a;border-radius:4px;padding:4px 8px;line-height:24px;cursor:pointer;margin-top:20px;display:flex;align-items:center;justify-content:center;gap:3px;font-weight:500;color:#4e55ba}.invoice-area__summary{margin-top:50px;margin-bottom:50px;display:flex;flex-direction:row;justify-content:space-between}.invoice-area__terms-notes{display:flex;flex-direction:column;gap:10px}.invoice-area__note{display:flex;flex-direction:column}.invoice-area__terms-notes{width:45%}.invoice-area__total-to-pay{width:45%;display:flex;flex-direction:column;gap:10px;justify-content:flex-end;color:#6a7685;font-size:13px;font-weight:500}.invoice-area__value{color:#6a7685;display:flex;flex-direction:row;justify-content:space-between;gap:10px}.invoice-area__control{display:flex;flex-direction:row;justify-content:space-between}.invoice-area__show-button{display:flex;flex-direction:row;gap:5px;align-items:center;justify-content:center;color:#4e55ba;font-size:13px;font-weight:500}.invoice-area__show-button-text{font-size:13px;font-weight:500}.invoice-area__stub{margin-top:50px;font-size:13px;font-weight:500}.invoice-area__stub-container{padding-top:10px;display:flex;flex-direction:row;justify-content:space-between}.invoice-area__note-input,.invoice-area__stub-container{margin-top:5px}.invoice-area__from-details{width:40%;padding:28px 32px;display:flex;flex-direction:column;gap:10px;color:#6a7685;background-color:#f5f7fa;border-radius:8px}.invoice-area__invoice-details{width:50%;color:#6a7685;display:flex;flex-direction:column;gap:10px}.invoice-area__details-string{display:flex;flex-direction:row;justify-content:space-between}.select-error{border:1px solid #f8b4b4;box-shadow:0 0 5px #f8b4b4;border-radius:4px}.input-error{border:1px solid #f8b4b4;box-shadow:0 0 5px #f8b4b4;z-index:10}input,textarea{outline:none}input:focus,textarea:focus{border:1px solid #9fcaf5;border-color:#9fcaf5;box-shadow:0 0 5px #9fcaf5;z-index:10}.date-input{display:none}.draggable{cursor:move}.form-select{border:1px solid #e9eaed;border-radius:4px;padding:5px;font-size:13px;width:230px;color:#6a7685;outline:none;cursor:pointer}.delete{position:absolute;z-index:10;width:500px;gap:10px;border-radius:9px;background-color:#fff;border:1px solid #e9eaeb;padding:20px;display:flex;flex-direction:column;justify-content:space-between;text-align:center;color:#6a7685}.delete__close{position:absolute;right:10px;top:10px}.delete h2{margin-top:5px;font-size:18px}.delete__container{font-weight:500}.delete__warning{background-color:#fcebde;padding:15px;color:#a1240e;text-align:start;display:flex;flex-direction:column;gap:10px;border-radius:4px}.delete__warning span{font-weight:600;display:flex;align-items:center;justify-content:center;gap:5px;align-self:flex-start}.delete__buttons{display:flex;flex-direction:row;justify-content:space-between;margin-top:10px}.delete__buttons button{width:45%;height:36px;display:flex;align-items:center;justify-content:center;font-weight:600;border-radius:4px}.delete__buttons button:hover{opacity:.8}.delete__cancel{color:#6a7685;border:1px solid #6a7685}.delete__delete{background-color:#e63e49;color:#fff}.history{max-height:94dvh;border-radius:8px;display:flex;align-items:center;flex-direction:column;position:relative;overflow:visible}.history__container{width:100%;height:100%;display:flex;background-color:#fff}.history__head{position:sticky;background-color:#639}.history__table-area{flex-grow:3}.add-transaction{position:absolute;z-index:10;width:500px;gap:10px;border-radius:9px;background-color:#fff;border:1px solid #e9eaeb;font-size:13px}.add-transaction__head{border-top-left-radius:8px;border-top-right-radius:8px;background-color:#f6f7fa;padding:10px 20px;display:flex;justify-content:space-between;align-items:center}.add-transaction__head button{color:#6a7685}.add-transaction__head-text{display:flex;flex-direction:row;gap:3px}.add-transaction__content{display:flex;flex-direction:column;justify-content:space-between;height:160px;padding:20px}.add-transaction__inputs{width:100%;display:flex;flex-direction:row;justify-content:space-between;gap:10px}.add-transaction__amount-controls{display:flex;justify-content:space-between;margin-bottom:3px}.add-transaction__amount-controls button:hover{opacity:.7}.add-transaction__input-container{display:flex;flex-direction:row;gap:10px;width:210px;border:1px solid #e9eaeb;border-radius:4px;align-items:center;padding:5px;height:35px}.add-transaction__input-container input{width:75%}.add-transaction__date-input{display:flex;flex-direction:column;text-align:start;position:relative}.add-transaction__date-input span{margin-bottom:3px}.add-transaction__amount{display:flex;flex-direction:row;justify-content:space-between}.add-transaction__amount-input{border:none;outline:none}.add-transaction__amount-input:focus{border:none!important;box-shadow:none;outline:none!important}.add-transaction__required{width:100%;text-align:start}.add-transaction__overpay{display:flex;flex-direction:row;gap:5px;align-items:center;color:#ff5f15}.add-transaction__button-container{display:flex;flex-direction:column;margin-top:10px}.add-transaction__add{margin-top:5px;background-color:#4155ba;color:#fff;height:30px;border-radius:4px;width:100%}.add-transaction__add:hover{opacity:.9}.add-transaction__add:disabled{opacity:.7}.options__option{position:relative;cursor:pointer;align-items:center}.options__option:hover{background-color:#e9eaeb}.options__option a{color:#000!important}.options__inner{display:flex;flex-direction:row;gap:5px;padding:10px;width:100%;height:100%}.options__delete{color:red}.paid{background-color:#defbf3;border-radius:4px;border:1px solid #5bf2c7}.unpaid{background-color:#f1f1f1;border-radius:4px;border:1px solid #d3d3d3}.partial-paid{background-color:#feee91;border-radius:4px;border:1px solid #f6bd10}.overpaid{background-color:#defbf3;border-radius:4px;border:1px solid #5bf2c7}.status{display:flex;align-items:center;justify-content:center;padding:2px;width:80%}.spinner{font-size:28px;position:relative;display:inline-block;width:1em;height:1em}.spinner .spinner-blade{position:absolute;left:.4629em;bottom:0;width:.074em;height:.2777em;border-radius:.0555em;background-color:#21272e1f;transform-origin:center -.2222em;animation:spinner-fade 1s infinite linear}.spinner .spinner-blade:nth-child(1){animation-delay:0s;transform:rotate(0)}.spinner .spinner-blade:nth-child(2){animation-delay:83ms;transform:rotate(30deg)}.spinner .spinner-blade:nth-child(3){animation-delay:.166s;transform:rotate(60deg)}.spinner .spinner-blade:nth-child(4){animation-delay:.249s;transform:rotate(90deg)}.spinner .spinner-blade:nth-child(5){animation-delay:.332s;transform:rotate(120deg)}.spinner .spinner-blade:nth-child(6){animation-delay:.415s;transform:rotate(150deg)}.spinner .spinner-blade:nth-child(7){animation-delay:.498s;transform:rotate(180deg)}.spinner .spinner-blade:nth-child(8){animation-delay:.581s;transform:rotate(210deg)}.spinner .spinner-blade:nth-child(9){animation-delay:.664s;transform:rotate(240deg)}.spinner .spinner-blade:nth-child(10){animation-delay:.747s;transform:rotate(270deg)}.spinner .spinner-blade:nth-child(11){animation-delay:.83s;transform:rotate(300deg)}.spinner .spinner-blade:nth-child(12){animation-delay:.913s;transform:rotate(330deg)}@keyframes spinner-fade{0%{background-color:#4c4c4c}to{background-color:#21272e1f}}.preview{display:flex;flex-direction:column;width:100%;align-self:center;color:#6a7685;margin-top:20px}.preview__container{display:flex;flex-direction:row;justify-content:space-between;gap:20px}.preview-controls{position:sticky;order:2;background-color:#fff;border:1px solid #e9eaed;padding:10px;width:30%;top:0;height:100%;z-index:100;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;border-radius:8px;margin-bottom:5px;margin-right:20px}.preview-controls button,.preview-controls a{font-weight:500;height:32px;border-radius:8px;transition:.3s;font-size:15px}.preview-controls button:hover{opacity:.8}.preview-controls__back{background-color:#ebedf7;border:1px solid #4559b5;color:#4559b5;display:flex;align-items:center;justify-content:center;width:100%}.preview-controls__edit{color:#4559b5;border:1px solid #4559b5;display:flex;align-items:center;justify-content:center;width:100%}.preview-controls__download{background-color:#4155ba;color:#fff;display:flex;align-items:center;justify-content:center;width:100%}.send-email{order:2;width:30%;border:1px solid #e9eaed;border-radius:8px;background-color:#fff;padding:20px;max-height:435px;margin-right:20px;display:flex;flex-direction:column;font-size:13px}.send-email__head{display:flex;justify-content:space-between;align-items:center}.send-email__label{color:#4d5570;font-weight:600}.send-email__back{width:40px;height:30px;border:1px solid #e9eaed;border-radius:8px;display:flex;align-items:center;justify-content:center}.send-email__elements{margin-top:30px;display:flex;flex-direction:column;gap:20px}.send-email__send-to{display:flex;flex-direction:row;justify-content:space-between;position:relative}.send-email__send{font-size:14px;background-color:#4155ba;color:#fff!important;width:100px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:600;align-self:flex-end}.send-email__send:disabled:hover{opacity:.7}.send-email__send:hover{opacity:.9}.send-email__send-link{display:none}.send-email__form-item{display:flex;flex-direction:column;gap:5px}.send-email__form-item textarea{height:160px;border-radius:4px;resize:none}.send-email__form-item input{height:30px;border:1px solid #e9eaed;border-radius:4px;padding:8px}.send-email__form-item input:focus,.send-email__form-item textarea:focus{border:1px solid #9fcaf5;border-color:#9fcaf5;box-shadow:0 0 5px #9fcaf5;z-index:10}.send-email__confirm{position:absolute;z-index:10;width:400px;gap:10px;border-radius:9px;background-color:#fff;border:1px solid #e9eaeb;font-size:16px}.send-email__confirm-head{border-top-left-radius:8px;border-top-right-radius:8px;background-color:#f6f7fa;padding:10px 20px;display:flex;justify-content:space-between;align-items:center}.send-email__share-link-container{padding:5px;border-radius:4px;background-color:#fafafa;width:100%;display:flex;flex-direction:row;gap:10px}.send-email__share-link-container button{color:#4d5570;display:flex;align-items:center;justify-content:center}.send-email__share-link{width:100%;border:none!important;box-shadow:none!important;background-color:#fafafa}.send-email__share-link:active{border:none!important;box-shadow:none!important}.send-email__warning{color:#f09c46;font-weight:600;background-color:#fcf6ef;padding:5px;border-radius:4px}.send-email__warning span{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5px}.send-email__contact-button{display:flex;flex-direction:row;gap:5px}.send-email__contacts-list{position:absolute;background-color:#fff;right:0;top:16px;width:100%;max-height:100px;box-shadow:0 4px 6px #0000001a,0 1px 3px #0000000f;border:1px solid #f1f1f1;border-radius:4px;font-size:13px;overflow-y:scroll}.send-email__contact button{width:100%;padding:10px;text-align:start;display:flex;align-items:center;gap:5px}.send-email__contact button:hover{background-color:#f5f7fb}.send-email button{color:#6a7685}.preview-invoice{margin-left:20px;width:70%;border:1px solid #e9eaed;background-color:#fff;border-radius:8px;padding:20px;font-size:13px;color:#6a7685}.preview-invoice__total{margin-top:40px;display:flex;flex-direction:row;justify-content:space-between}.preview-invoice__total-price{font-size:24px;color:#4358b5;font-weight:700}.preview-invoice__cardBody{padding:20px}.preview-invoice__invoiceTitle{font-size:32px;color:#4358b5}.preview-invoice__total-section{display:flex;flex-direction:column;gap:10px;justify-content:flex-end}.preview-invoice__total-label{text-align:right}.preview-invoice__invoiceName{margin-top:20px;margin-bottom:20px;display:flex;flex-direction:column;gap:10px}.preview-invoice__billDetails{display:flex;flex-direction:row;margin-top:40px;margin-bottom:40px;justify-content:space-between}.preview-invoice__billFrom{display:flex;flex-direction:column;text-align:right;width:50%;gap:8px}.preview-invoice__billFromStub{text-align:left}.preview-invoice__billTo{display:flex;flex-direction:column;width:50%;gap:8px}.preview-invoice__tasksContainer{display:flex;flex-direction:column;margin-top:40px}.preview-invoice__taskTitleRow{display:flex;flex-direction:row;justify-content:space-between;text-align:left;border-radius:8px;text-transform:uppercase;font-weight:600}.preview-invoice__task-content{color:#0a2e47}.preview-invoice__taskRow{margin-top:10px;display:flex;flex-direction:row;justify-content:space-between;text-align:left}.preview-invoice__task{width:40%;display:flex;flex-direction:column;gap:5px}.preview-invoice__cost{width:20%}.preview-invoice__quantity{width:10%}.preview-invoice__price{width:20%;text-align:right}.preview-invoice__taskContent{width:50%}.preview-invoice__costContent{width:20%}.preview-invoice__quantityContent{width:10%}.preview-invoice__priceContent{width:20%;text-align:right}.preview-invoice__terms-text{font-weight:700;color:#4a5566}.preview-invoice__paymentTerms{margin-top:20px;margin-bottom:20px;display:flex;flex-direction:row;justify-content:space-between}.preview-invoice__paymentTermsNotes,.preview-invoice__paymentTermsTotal{width:45%;display:flex;flex-direction:column;gap:10px}.preview-invoice__paymentTermsTotal hr{margin:0!important}.preview-invoice__paymentTermsAmount{display:flex;flex-direction:row;justify-content:space-between}.preview-invoice__stub-title{margin-top:5px}.preview-invoice__amount-text{font-weight:600;color:#4358b5!important}.preview-invoice__stub-container{display:flex;justify-content:center;flex-direction:column;font-weight:400!important}.preview-invoice__invoiceStub{width:100%;margin-top:20px;display:flex;flex-direction:row;justify-content:space-between}.preview-invoice__stubDetails{border-radius:8px;width:45%;display:flex;flex-direction:column;gap:10px;align-self:start;justify-content:center}.preview-invoice__stubAmount{width:45%;display:flex;flex-direction:column;gap:10px;height:128px}.preview-invoice__stubAmount span{font-size:400}pre{white-space:pre-wrap;word-wrap:break-word;font-family:Inter!important;font-weight:300;line-height:18px}.section-label{color:#4d5570!important;font-weight:600;text-transform:"uppercase"!important}hr{border:none;border-bottom:1px solid #e9eaeb;margin:12px 0 8px!important}.hr-puncture{border-bottom:1px dashed #898989!important}.edit-customer{display:flex;flex-direction:column;width:500px;background-color:#fff;border-radius:8px;padding:20px}.edit-customer__head{display:flex;justify-content:space-between;align-items:center}.edit-customer__inputs{margin-top:20px;display:flex;flex-direction:column;gap:20px}.edit-customer__inputs-row{display:flex;flex-direction:row;justify-content:space-between;gap:10px}.edit-customer__input-container{display:flex;flex-direction:column;width:100%;position:relative}.edit-customer__button-container{width:100%;display:flex;justify-content:flex-end;margin-top:30px}.edit-customer__countries-container{width:100%;position:absolute;z-index:11;top:55px}.edit-customer__save{background-color:#4155ba;color:#fff;height:30px;border-radius:4px;width:180px;font-weight:600}.edit-customer__save:hover{opacity:.9}.edit-customer__save:disabled{opacity:.7}.edit-customer__contacts-list{max-height:200px;overflow-y:scroll;display:flex;flex-direction:column;gap:5px}.edit-customer__contacts-list li{height:36px}.edit-customer__contact{color:#797979;padding:5px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:13px;border:1px solid #dee4ec;border-radius:4px}.edit-customer__contact button{color:#797979}.edit-customer__contact button:hover{opacity:.7}.edit-customer__contact-controls{display:flex;flex-direction:row;gap:10px}.edit-customer__edit-customer{display:flex;flex-direction:column;gap:5px}.edit-customer__customer-buttons{display:flex;flex-direction:row;gap:10px}.edit-customer__save-contact{margin-top:5px;background-color:#4155ba;color:#fff;height:30px;border-radius:4px;width:110px;font-size:13px;font-weight:600}.edit-customer__cancel-edit{margin-top:5px;background-color:#e63e49;color:#fff;font-size:13px;font-weight:600;width:110px;height:30px;border-radius:4px}.edit-customer__add-contact{margin-top:8px;font-size:13px;height:32px;width:120px;background:#fff;border:1px solid hsl(214,27%,90%);box-shadow:0 1px 1px #525b641a;border-radius:4px;padding:4px 8px;line-height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:3px;font-weight:500;color:#4e55ba}.edit-customer__confirm-delete{width:100%;display:flex;flex-direction:row;justify-content:space-between}.edit-customer__confirm-delete button{font-weight:600}.edit-customer__confirm-delete-text{display:flex;flex-direction:row;gap:2px;align-items:center}.edit-customer__confirm-delete-buttons{display:flex;flex-direction:row;height:20px;gap:10px}.edit-customer__confirm-delete-buttons button{display:flex;align-items:center;padding:5px 10px;border-radius:4px}.edit-customer__delete-contact{background-color:#e63e49;color:#fff!important}.edit-customer__cancel-delete{border:1px solid hsl(214,27%,90%)}.edit-customer__contacts-label{display:flex;align-items:center;font-size:14px}.edit-customer__contacts-header{display:flex;flex-direction:row;justify-content:space-between;align-self:center;margin-bottom:5px}.edit-customer__switch-customers{width:80px;font-size:12px;padding:5px;border:1px solid hsl(214,27%,90%)}.edit-customer__switch-customers:first-child{border-right:none;border-top-left-radius:4px;border-bottom-left-radius:4px}.edit-customer__switch-customers:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.edit-customer__empty-contacts{display:flex;align-items:center;justify-content:center;opacity:.5;height:100%;min-height:77px}.edit-customer__active{background-color:#4155ba;color:#fff}.edit-customer__contacts-container{min-height:77px}.edit-customer span{margin-bottom:3px;font-size:14px}.edit-customer input,.edit-customer textarea{padding-left:5px;border-radius:4px;cursor:text!important}.edit-customer input{height:34px;border:1px solid #e9eaed}.edit-customer input:focus,.edit-customer textarea:focus{border:1px solid #9fcaf5;border-color:#9fcaf5;box-shadow:0 0 5px #9fcaf5;z-index:10}.edit-customer input::placeholder,.edit-customer textarea::placeholder{opacity:.5}button:hover{opacity:.9}button:disabled{opacity:.7}.customers{display:flex;flex-direction:column;min-height:94dvh}.customers__container{display:flex;flex-direction:column;background-color:#fff}.input-error{border:1px solid #f8b4b4!important;box-shadow:0 0 5px #f8b4b4!important;z-index:10}.input-error:focus{border:1px solid #f8b4b4;box-shadow:0 0 5px #f8b4b4}.filters-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.filters-container__add{margin-right:20px;background-color:#4155ba;height:36px;width:110px;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:5px;color:#fff;font-weight:600;font-size:14px}.table-container{width:99%;padding:20px;height:94dvh;display:flex;flex-direction:column;justify-content:space-between}.table-container__data{height:100%}.table{display:flex;flex-direction:column;margin-top:10px;font-size:13px;height:100%}.table__row{display:flex;flex-direction:row;justify-content:space-between;width:100%}.table__hover-row{cursor:pointer}.table__hover-row:hover{background-color:#fbf9f9}.table__head-cell{display:flex;align-items:center;padding:10px 5px;background-color:#f1f1f1;font-weight:600}.table__cell{padding:10px 5px;display:flex;align-items:center}.table__header-sort-button{display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-weight:600;width:inherit}.table__filters-group{width:100%;display:flex;flex-direction:row;gap:10px}.table__search{background-color:#fff;display:flex;align-items:center;justify-content:space-between;border:1px solid #f1f1f1;border-radius:4px;padding:10px;width:400px;height:36px}.table__search input{width:80%;border:none;box-shadow:none;font-size:24px}.table__search input::placeholder{font-size:24px;opacity:.8}.table__add-button{background-color:#4155ba;height:36px;width:110px;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:5px;color:#fff;font-weight:600;font-size:14px}.table__head-container{display:flex;flex-direction:row;justify-content:space-between}.table__header-option-container{width:100%}.table__body{overflow-x:hidden;overflow-y:scroll;height:59dvh}.table__toolbar-container{margin-top:10px;display:flex;flex-direction:row;align-items:flex-start;gap:10px}.table__delete-button{width:150px;height:36px;border-radius:4px;border:1px solid #e9eaed;font-weight:500;display:flex;align-items:center;justify-content:center;gap:3px;font-size:14px;color:#fff;background-color:red}.table__restore-button{width:150px;height:36px;border-radius:4px;border:1px solid #e9eaed;font-weight:500;display:flex;align-items:center;justify-content:center;gap:3px;font-size:14px;color:#fff;background-color:#4155ba}.table__row{border-bottom:1px solid #e9eaed}.table a{color:#4155ba}.table-pagination{display:flex;justify-content:space-between;border-top:1px solid #f1f1f1;padding-top:10px}.table-pagination__table-capacity{display:flex;flex-direction:row}.table-pagination__capacity-controls{display:flex;flex-direction:row;gap:50px}.table-pagination__count{display:flex;gap:5px;flex-direction:row;align-items:center;position:relative}.table-pagination__set-page-size{height:36px;display:flex;flex-direction:row;align-items:center;padding:0 5px;gap:8px}.table-pagination__sizes-list{display:flex;width:100%;flex-direction:column;position:absolute;bottom:60px;right:0;gap:5px;border-radius:4px;box-shadow:0 6px 12px #0000002d;background-color:#fff}.table-pagination__size-button{height:36px;padding:5px}.table-pagination__page-controls{display:flex;flex-direction:row}.table-pagination__page-control{width:36px;height:36px;border:1px solid #e9eaed;display:flex;align-items:center;justify-content:center}.table-pagination__current-page{width:36px;height:36px;background-color:#4155ba;display:flex;align-items:center;justify-content:center;color:#fff}.table-pagination__total-pages{display:flex;align-items:center}.table-pagination__size-button{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;position:relative}.table-pagination__size-button:hover{background-color:#fafafa}.table-pagination__size-button-check{display:flex;align-items:center;left:10px;position:absolute}.row-actions{width:50px;display:flex;align-items:center;justify-content:center}.row-actions__options{position:absolute;width:180px;padding:10px;right:30px;top:0;z-index:1;background-color:#fff;border:1px solid #e9eaeb;border-radius:4px;box-shadow:0 6px 12px #0000002d}.row-actions a{color:#000}.row-actions__buttons-row{display:flex;flex-direction:row;gap:5px;align-self:center}.row-actions__option-button{display:flex;flex-direction:row;gap:5px;padding:5px;width:100%;align-items:center}.row-actions__option-button:hover{background-color:#f1f1f1}.row-actions__container{position:relative}.row-actions__warning{color:red!important}.row-actions__trigger-button{border:1px solid #e9eaeb;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px}.filter-button{min-width:80px;padding:0 8px;height:36px;border-radius:4px;border:1px solid #e9eaed;font-weight:500;display:flex;align-items:center;justify-content:center;gap:3px;font-size:14px}.active-filters{margin-top:10px}.active-filters__active-filter-list{margin-top:5px}.active-filters__active-filter-container{width:76dvw;max-width:1140px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;display:flex;flex-direction:row;gap:5px}.active-filters__active-filter{display:flex;flex-direction:row;border:1px solid #e9eaed;border-radius:8px;font-size:13px}.active-filters__active-filter-icon{padding:5px;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#fff;background-color:#4155ba;display:flex;align-items:center}.active-filters__active-filter-text{display:flex;align-items:center;justify-content:center;padding:0 5px}.facet-filter{position:relative}.facet-filter__options-container{position:absolute;width:260px;top:40px;background-color:#fff;z-index:1;border-radius:4px;box-shadow:0 6px 12px #0000002d;border:1px solid #f1f1f1}.facet-filter__filter-option:hover{background-color:#fbf9f9}.facet-filter__search-container{background-color:#fff;display:flex;flex-direction:row;gap:5px;align-items:center;padding:8px 10px;border-bottom:1px solid #e9eaeb}.facet-filter__search-container input{border:none;box-shadow:none}.facet-filter__search-container input::placeholder{opacity:.8}.facet-filter__options-list{display:flex;flex-direction:column;max-height:150px;overflow-y:scroll}.facet-filter__filter-option{padding:10px}.facet-filter__option-text{display:flex;flex-direction:row;gap:5px;font-size:14px}.facet-filter__empty-container{font-size:13px;display:flex;align-items:center;justify-content:center;padding:10px}.facet-filter__clear-filters-container{padding:8px 10px;border-top:1px solid #e9eaeb;font-size:14px;opacity:.8;display:flex;justify-content:center}.facet-filter__filter-buttons{display:flex;flex-direction:row;gap:20px}.facet-filter__save-filters{color:#4155ba;border:1px solid #4155ba;border-radius:4px;padding:5px 10px;width:80px}.facet-filter__clear-filters{border-radius:4px;padding:5px 10px;border:1px solid #ff4949;color:#ff4949;width:80px}.facet-filter__filter-option{width:100%}.empty{display:flex;width:100%;align-items:center;justify-content:center}.transactions{display:flex;flex-direction:column}.transactions__container{background-color:#fff}.shared-invoice{align-self:center;justify-self:center;width:100%;padding:50px;display:flex;flex-direction:row;gap:20px}.shared-invoice__controls{order:2;width:25%;height:100px;padding:20px;background-color:#fff;display:flex;align-items:center;justify-content:center;border:1px solid #e9eaed;border-radius:4px}.shared-invoice__download{background-color:#4155ba;color:#fff;display:flex;align-items:center;justify-content:center;width:100%;height:46px;font-weight:600;border-radius:4px}.content__offline-warning{color:#f09c46;font-weight:600;background-color:#fcf6ef;padding:10px;border-radius:4px;display:flex;align-items:center}.content__offline-warning span{width:100%;display:flex;align-items:center;gap:10px}.content__warnings{display:flex;flex-direction:column;gap:10px}.content__update-button{width:100%;background-color:#4155ba;font-weight:600;color:#fff;height:40px;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:5px}.restore{position:absolute;z-index:10;width:500px;gap:10px;border-radius:9px;background-color:#fff;border:1px solid #e9eaeb;padding:20px;display:flex;flex-direction:column;justify-content:space-between;text-align:center;color:#6a7685}.restore__close{position:absolute;right:10px;top:10px}.restore h2{margin-top:5px;font-size:18px}.restore__container{font-weight:500}.restore__buttons{display:flex;flex-direction:row;justify-content:space-between;margin-top:10px}.restore__buttons button{width:45%;height:36px;display:flex;align-items:center;justify-content:center;font-weight:600;border-radius:4px}.restore__buttons button:hover{opacity:.8}.restore__cancel{color:#6a7685;border:1px solid #6a7685}.restore__confirm{background-color:#4155ba;color:#fff}.customers-archive{height:100%;display:flex;flex-direction:column;justify-content:flex-end}.customers-archive__container{display:flex;flex-direction:column;background-color:#fff}.invoices-archive{height:100%;display:flex;flex-direction:column;justify-content:flex-end}.invoices-archive__container{display:flex;flex-direction:column;background-color:#fff}.settings{background-color:#fff;padding:40px;min-height:94dvh}.settings__primary-button{height:34px;margin-top:10px;background-color:#4155ba;color:#fff;font-size:14px;font-weight:600;padding:10px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:4px}.header{position:sticky;display:flex;align-items:center;justify-content:flex-end;height:6dvh;padding:0 20px;background-color:#fff;border-bottom:1px solid #e9eaed}.header__links{display:flex;flex-direction:row;gap:20px;width:100%;justify-content:flex-end}.content{display:flex;flex-direction:row}.content__side-menu{width:20%;height:100%;min-height:94dvh}.content__components{width:80%;overflow:scroll}.content__side-menu{display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;border-right:1px solid #e9eaed;padding:20px}.content__list-item{height:40px}.content__links-list{display:flex;flex-direction:column;gap:10px}.content__secondary-list,.content__secondary-list-item{width:100%}.content__secondary-link{font-size:14px;display:flex;align-items:center;gap:10px;text-align:center;color:#4c4c4c;padding:10px 10px 10px 43px;border-radius:4px}.content__secondary-link:hover{color:#000;background-color:#fafafa}.side-link{font-size:14px;font-weight:600;display:flex;align-items:center;gap:10px;text-align:center;color:#4c4c4c!important;padding:10px;border-radius:4px}.side-link:hover{color:#000;background-color:#fafafa}.active-side{color:#4155ba!important}.add-invoice{height:4dvh;max-height:34px;margin-top:10px;margin-bottom:10px;background-color:#4155ba;color:#fff;font-size:14px;font-weight:600;padding:10px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:4px}.add-invoice:hover{opacity:.9!important}.side-button{width:100%;display:flex;flex-direction:row;justify-content:space-between}.side-button span{display:flex;align-items:center;gap:10px}