@font-face{font-family:Inter;src:url(/fonts/Inter.woff2) format("woff2");font-weight:100 900}*{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100vh;background-color:#f5f5f5;font-family:Inter,"sans-serif";color:#333;line-height:1.15;background-color:#fafafa}.header{display:flex;justify-content:right;padding:13px 20px;align-items:center;background-color:#fff;border-bottom:1px solid rgb(233,234,237)}.header__create-invoice-btn{display:flex;justify-content:center;align-items:center;width:147.5px;max-height:34px;padding:10px;background-color:#4155ba;border:none;border-radius:4px;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#fff}.header__link{display:flex;justify-content:space-between;align-items:center;gap:10px;text-decoration:none;color:#f0f0f0}.header__link-icon{display:block;width:20px;height:20px}.header__link-text{display:block;transform:translateY(-1px)}.navigation{background-color:#fff;border-right:1px solid rgb(233,234,237);padding:20px}.navigation__list{display:flex;flex-direction:column;gap:10px;list-style-type:none}.navigation__item{width:100%;height:40px}.navigation__link:hover{background-color:#fafafa;opacity:.8}.navigation__item-icon{display:block;width:26px;height:26px}.navigation__link{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding:10px;font-size:14px;font-weight:600;text-decoration:none;color:#404040}.navigation__btn{display:flex;justify-content:space-between;align-items:center;width:100%;border:none;border-radius:0;padding:10px;font-family:sans-serif;font-size:14px;font-weight:600;color:#404040;background-color:#0000}.navigation__btn:hover{background-color:#fafafa;opacity:.8}.navigation__title-span{display:flex;align-items:center;gap:10px}.navigation__archive-links-list{list-style-type:none}.navigation__archive-link{display:flex;align-items:center;gap:10px;padding:10px 10px 10px 43px;font-size:14px;font-weight:400;text-decoration:none;color:#404040}.navigation__link_active,.navigation__archive-link_active,.navigation__title-span_active{color:#4155ba}.layout__header{width:100%;height:55.7px}.layout__main{display:flex;flex-wrap:nowrap;width:100%;height:calc(100% - 55.7px)}.layout__navigation{width:20%;height:100%}.layout__create-invoice-form{width:80%;padding:20px}.layout__history-block,.layout__preview-block,.layout__customers-block,.layout__transactions-block,.layout__settings-block,.layout__archived-invoices-block,.layout__archived-customers-block{width:80%}.create-invoice-form__additional-info-block{display:flex;justify-content:space-between;align-items:flex-end;gap:70px;margin-bottom:50px;border-bottom:1px dashed rgb(137,137,137);padding-bottom:50px}.create-invoice-form__terms-notes-block{display:flex;flex-direction:column;gap:10px;width:45%}.create-invoice-form__payment-terms-block{width:100%}.create-invoice-form__additional-info-header{display:flex;justify-content:space-between}.create-invoice-form__additional-info-heading{font-size:13px;font-weight:400;color:#404040}.create-invoice-form__show-btn{display:flex;align-items:center;gap:5px;border:none;background-color:#0000;font-family:Inter,sans-serif;font-size:14px;color:#4e55ba}.create-invoice-form__additional-info-text-area{width:100%;height:60px;padding:8px;font-size:14px;border:1px solid #ccc;border-radius:4px;resize:none}.create-invoice-form__invoice-sum-block{display:flex;flex-direction:column;gap:10px;width:45%}.create-invoice-form__invoice-sum-container{display:flex;justify-content:space-between}.create-invoice-form__invoice-sum-text{font-size:14px;font-weight:500;color:#6a7685}.country-dropdown{width:100%}.country-dropdown__input{display:block;width:100%;height:34px;border:1px solid rgb(233,234,237);border-radius:0;padding:8px;font-family:Inter,sans-serif;font-size:13px}.country-dropdown__input:focus{border:1px solid #9fcaf5;position:relative;box-shadow:0 0 5px #9fcaf5;z-index:10;outline:none}.country-dropdown__input_invalid{border-color:#f8b4b4;position:relative;z-index:10;box-shadow:0 0 5px #f8b4b4}.country-dropdown__input_readonly{cursor:not-allowed}.country-dropdown__input_light-placeholder::placeholder{color:#bcbcbc}.country-dropdown__list-wrapper{height:150px;border:1px solid rgb(233,234,237);border-radius:4px;overflow-x:auto;background-color:#fff;box-shadow:0 4px 6px #0000001a,0 1px 3px #0000000f}.country-dropdown__list{display:flex;flex-direction:column;gap:10px;padding:10px;list-style-type:none}.country-dropdown__item{display:flex;align-items:center;width:100%;height:30px;padding:0 5px;font-size:13px}.country-dropdown__item:hover{background-color:#f5f7fa}.create-invoice-form__bill-from-block{width:44%}.create-invoice-form__bill-from-text{font-size:13px;font-weight:400;color:#000;margin-bottom:8px}.customer-dropdown{width:100%}.customer-dropdown__input{display:block;width:100%;height:34px;border:1px solid rgb(233,234,237);border-radius:4px 4px 0 0;padding:8px;font-family:Inter,sans-serif;font-size:13px;color:#0009}.customer-dropdown__input_invalid{border-color:#f8b4b4;position:relative;z-index:10;box-shadow:0 0 5px #f8b4b4}.customer-dropdown__input_readonly{cursor:not-allowed}.customer-dropdown__input:focus{border:1px solid #9fcaf5;border-color:#9fcaf5;position:relative;box-shadow:0 0 5px #9fcaf5;z-index:10;outline:none}.customer-dropdown__list-wrapper{height:105px;border:1px solid rgb(233,234,237);border-radius:4px;overflow-x:auto;background-color:#fff;box-shadow:0 4px 6px #0000001a,0 1px 3px #0000000f}.customer-dropdown__list{display:flex;flex-direction:column;gap:10px;padding:10px;list-style-type:none;background-color:#fff}.customer-dropdown__item{display:flex;align-items:center;width:100%;height:30px;padding:0 5px;font-size:13px}.customer-dropdown__customer-count-block{display:flex;align-items:center;margin-left:auto;font-size:14px;color:#0009}.customer-dropdown__user-icon{display:block;width:14px;height:14px}.customer-dropdown__item:hover{background-color:#f5f7fa}.create-invoice-form__bill-to-block{width:44%}.create-invoice-form__bill-to-text{font-size:13px;font-weight:400;color:#000;margin-bottom:8px}.create-invoice-form__contact-text{font-size:13px;font-weight:400;color:#000;margin:5px 0}.create-invoice-form__bill-to-contact{display:flex;justify-content:space-between;flex-wrap:wrap;row-gap:5px}.contact-select{width:100%}.contact-select__btn{display:flex;justify-content:space-between;align-items:center;gap:5px;width:100%;height:32px;border:1px solid #dee4ec;border-radius:4px;padding:5px 10px;color:#4c4c4c;cursor:pointer;background-color:#fff}.contact-select__btn-text{display:block;width:calc(100% - 18px);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-select__btn_invalid{border-color:#f8b4b4;position:relative;z-index:10;box-shadow:0 0 5px #f8b4b4}.contact-select__btn-icon{display:block;width:13px;height:13px}.contact-select__list-wrapper{border:1px solid rgb(233,234,237);border-radius:4px;background-color:#fff;box-shadow:0 4px 6px #0000001a,0 1px 3px #0000000f}.contact-select__list{display:flex;width:100%;flex-direction:column;gap:10px;padding:10px;list-style-type:none;background-color:#fff}.contact-select__item{width:100%;max-width:100%;height:30px;padding:7px 5px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-select__item:hover{background-color:#f5f7fa}.create-invoice-form__currency-block{display:flex;align-items:center;gap:10px;margin-bottom:10px}.create-invoice-form__currency-label{display:flex;align-items:center;gap:5px;font-family:Inter,sans-serif;font-size:13px}.create-invoice-form__currency-block-select{width:230px;border:1px solid rgb(233,234,237);border-radius:4px;padding:5px;color:#6a7685}.create-invoice-form__form-header{display:flex;justify-content:space-between;align-items:center;height:56px;margin-bottom:20px;border-bottom:1px solid rgb(233,234,237);padding:10px 20px}.create-invoice-form__date-block{display:flex;gap:15px}.create-invoice-form__invoice-number-block,.create-invoice-form__date-issued-block,.create-invoice-form__date-due-block{display:flex;align-items:center;gap:5px}.create-invoice-form__label{font-size:13px;color:#404040}.create-invoice-form__input_invoice-number{width:50px;padding:8px;border-radius:4px}.create-invoice-form__input_date-issued,.create-invoice-form__input_date-due{width:120px;padding:8px;border-radius:4px}.create-invoice-form__invoice-number{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.date-picker__main-btn{display:flex;align-items:center;gap:8px;width:100%;height:33px;border:1px solid rgb(233,234,237);border-radius:4px;padding:5px;font-family:Inter,sans-serif;font-size:13px;color:#00000080;background-color:#fff}.date-picker__main{display:flex;border:1px solid rgb(233,234,237);border-radius:4px;background-color:#fff;box-shadow:0 6px 12px #0000002d}.date-picker__options-block{width:200px;padding:12px;background-color:#f5f8fb}.date-picker__options-heading{margin-bottom:8px;font-size:13px;color:#00000080}.date-picker__options-list{display:flex;flex-direction:column;gap:8px;list-style-type:none}.date-picker__options-item{display:flex;align-items:center;height:28px;padding-left:10px;font-size:13px;color:#00000080}.date-picker__options-item:hover{color:#4c51bf;background-color:#eef1f3}.date-picker__calendar{width:263px;padding:10px}.date-picker__controls{display:flex;justify-content:space-between;gap:5px;margin-bottom:5px}.date-picker__control-btn{display:block;width:24px;height:24px;border:none;border-radius:4px;background-color:#fff0;color:#00000080}.date-picker__month-control-btn{width:80px}.date-picker__year-control-btn{width:45px}.date-picker__month-control-btn,.date-picker__year-control-btn{border:none;border-radius:4px;padding:5px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:#00000080;background-color:#fff}.date-picker__control-btn:hover,.date-picker__month-control-btn:hover,.date-picker__year-control-btn:hover{color:#4c51bf;background-color:#f5f8fb}.date-picker__calendar-header{display:flex;justify-content:space-between;margin-bottom:5px}.date-picker__calendar-month-heading{width:30px;font-size:13px;font-weight:600;color:#00000080;text-align:center}.date-picker__calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:1fr;gap:5px}.date-picker__day-btn{width:30px;height:30px;border:none;border-radius:0;background-color:#fff;font-family:Inter,sans-serif;font-size:13px;color:#00000080}.date-picker__day-btn_not-current-month{opacity:.5}.date-picker__day-btn_selected{color:#fff;background-color:#1384e7}.date-picker__day-btn:hover:not(.date-picker__day-btn_selected){background-color:#f5f8fb}.create-invoice-form__job-description-block{margin-bottom:65px;border-bottom:1px solid rgb(233,234,235);padding-bottom:32px}.create-invoice-form__input_job-description{width:400px}.create-invoice-form__payment-stub{display:flex;justify-content:space-between;flex-wrap:wrap}.create-invoice-form__payment-stub-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:12px}.create-invoice-form__payment-stub-heading{font-size:13px;color:#000}.create-invoice-form__payment-stub-btn{display:flex;align-items:center;gap:5px;border:none;background-color:#0000;font-family:Inter,"sans-serif";font-size:13px;font-weight:500;color:#4e55ba}.create-invoice-form__payment-stub-btn-icon{display:block;width:14px;height:14px}.create-invoice-form__tel-email-block{width:40%;display:flex;flex-direction:column;gap:10px;border-radius:8px;padding:38px 32px 28px;background-color:#f5f7fa}.create-invoice-form__payment-stub-text{font-size:13px;font-weight:500;color:#6a7685}.create-invoice-form__payment-stub-client-invoice-block{margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgb(233,234,235)}.create-invoice-form__payment-stub-text-container{display:flex;justify-content:space-between}.create-invoice-form__payment-stub-text-container>.create-invoice-form__payment-stub-text:first-child{margin-bottom:10px}.create-invoice-form__payment-stub-invoice-info{width:50%}.create-invoice-form__payment-stub-amount-due-block{display:flex;justify-content:space-between}.create-invoice-form__task-block{display:flex;justify-content:space-between;margin-bottom:20px;border-radius:4px;padding:10px;position:relative;background-color:#f5f7fa}.create-invoice-form__delete-task-btn{display:block;width:16px;height:16px;border:none;position:absolute;top:10px;right:-20px;background-color:#0000}.create-invoice-form__delete-task-btn_blocked{cursor:not-allowed}.create-invoice-form__delete-task-icon{display:block;width:14px;height:14px}.create-invoice-form__task-name-input{margin-bottom:8px}.create-invoice-form__task-name-description-block{display:flex;flex-direction:column;gap:4px}.create-invoice-form__task-name-description-block{width:40%}.create-invoice-form__task-cost-block{width:15%}.create-invoice-form__task-qty-block{width:10%}.create-invoice-form__task-price-block{width:30%;text-align:right}.create-invoice-form__task-price-text{font-size:14px;color:#6a7685;text-align:right}.create-invoice-form__tasks-block{margin-bottom:50px;border-bottom:1px solid rgb(233,234,235);padding-bottom:50px}.create-invoice-form__tasks-block-header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px}.create-invoice-form__tasks-block-heading{font-size:13px;font-weight:600;color:#6a7685}.create-invoice-form__tasks-block-heading_tasks{width:40%}.create-invoice-form__tasks-block-heading_cost{width:15%}.create-invoice-form__tasks-block-heading_qty{width:10%}.create-invoice-form__tasks-block-heading_price{width:30%;text-align:right}.create-invoice-form__tasks-container{margin-bottom:20px}.create-invoice-form__add-line-btn{display:flex;align-items:center;gap:5px;border:1px solid rgb(222,228,236);border-radius:4px;padding:8px 12px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;color:#4e55ba;background-color:transparent;cursor:pointer}.create-invoice-form__add-line-btn-icon{width:12px;height:12px}.create-invoice-form{display:flex;justify-content:space-between;flex-wrap:nowrap;gap:20px}.create-invoice-form__main{width:80%;border:1px solid rgb(233,234,237);border-radius:8px;background-color:#fff}.create-invoice-form__main-container{padding:40px}.create-invoice-form__heading{margin-bottom:20px;font-size:32px;color:#1e1e1f}.create-invoice-form__bill-container{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px}.create-invoice-form__input{display:block;width:100%;height:34px;border:1px solid rgb(233,234,237);border-radius:4px;padding:8px;color:#0009;font-family:Inter,sans-serif;font-size:13px}.create-invoice-form__input_invalid{border-color:#f8b4b4;position:relative;z-index:10;box-shadow:0 0 5px #f8b4b4}.create-invoice-form__input_bill{width:100%;height:34px}.create-invoice-form__input_top-rounded{border-radius:4px 4px 0 0}.create-invoice-form__input_bottom-rounded{border-radius:0 0 4px 4px}.create-invoice-form__input_unrounded{border-radius:0}.create-invoice-form__input_w-400{width:400px}.create-invoice-form__input_w-160{width:160px}.create-invoice-form__input_w-120{width:120px}.create-invoice-form__input_w-50{width:50px}.create-invoice-form__input_w-49-percent{width:49%}.create-invoice-form__input_h-40{height:40px}.create-invoice-form__input_readonly{cursor:not-allowed}.create-invoice-form__input_light-text{color:#00000080}.create-invoice-form__input_bill{margin-top:-1px}.create-invoice-form__text-area{width:100%;display:block;border:1px solid rgb(233,234,237);border-radius:0;padding:10px 8px;font-family:Inter,sans-serif;font-size:13px;color:#0009;resize:vertical}.create-invoice-form__text-area_big{height:176.61px}.create-invoice-form__text-area_small{height:111.06px}.create-invoice-form__text-area_extra-small{height:71px}.create-invoice-form__text-area_rounded{border-radius:4px}.create-invoice-form__text-area_light-text{color:#00000080}.create-invoice-form__text-area_margin-top{margin-top:5px}.create-invoice-form__text-area_readonly{cursor:not-allowed}.create-invoice-form__text-area_bill{margin-top:-1px}.create-invoice-form__input:focus,.create-invoice-form__text-area:focus{position:relative;border:1px solid #9fcaf5;border-color:#9fcaf5;box-shadow:0 0 5px #9fcaf5;z-index:10;outline:none}.create-invoice-form__contact-select{width:100%}.create-invoice-form__controls{width:20%;min-width:210px;height:110px;display:flex;justify-content:center;align-items:center;border:1px solid rgb(233,234,237);border-radius:8px;padding:20px;background-color:#fff}.create-invoice-form__preview-btn{display:block;width:100%;height:32px;border:none;border-radius:8px;padding:6px 20px;font-family:Inter,sans-serif;font-size:16px;color:#fff;font-weight:500;background-color:#4155ba}.create-invoice-form__add-contact-btn{display:flex;align-items:center;gap:5px;height:32px;margin-top:10px;border:1px solid rgb(233,234,237);border-radius:4px;padding:6px 12px;font-family:Inter,sans-serif;font-size:13px;color:#4e55ba;background-color:#fff}.create-invoice-from__cancel-contact-btn-wrapper{display:flex;justify-content:flex-end}.create-invoice-form__cancel-contact-btn{width:110px;height:32px;margin:5px 0 0 auto;border:1px solid rgb(233,234,237);border-radius:4px;padding:6px 12px;font-family:Inter,sans-serif;font-size:13px;color:#e63d49;background-color:#fff}.create-invoice-form__date-picker{width:210px;height:35px}.preview-actions-block{display:flex;flex-direction:column;gap:10px;border:1px solid rgb(233,234,237);border-radius:10px;padding:10px;background-color:#fff}.preview-actions-block__btn{display:block;width:100%;height:32px;border:1px solid rgb(69,89,181);border-radius:8px;font-family:Inter,sans-serif;font-size:15px;font-weight:500;color:#4559b5;background-color:#0000}.preview-actions-block__btn_filled{background-color:#4559b5;color:#fff}.show-invoice-block{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px}.show-invoice-block__actions-block,.show-invoice-block__mail-form{min-width:200px;flex:1}.mail-form{border:1px solid #e9eaed;border-radius:8px;background-color:#fff;padding:20px;display:flex;flex-direction:column;font-size:13px}.mail-form__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.mail-form__close-btn{width:40px;height:30px;border:1px solid #e9eaed;border-radius:8px;display:flex;align-items:center;justify-content:center;background-color:#fff}.mail-form__send-btn{font-size:14px;background-color:#4155ba;color:#fff;width:100px;height:30px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:600;align-self:flex-end}.mail-form__send-btn_invalid{opacity:.7;cursor:not-allowed}.mail-form__send-to-block{display:flex;justify-content:space-between;align-items:center}.mail-form__send-to-str{color:#4d5570;font-size:13px;font-weight:600}.mail-form__email-str{color:#6a7685;font-size:13px;font-weight:bolder}.mail-form__input-container{margin-top:20px}.mail-form__label{display:block;margin-bottom:5px;color:#4d5570;font-size:13px;font-weight:600}.mail-form__input{display:block;width:100%;height:30px;border:1px solid #e9eaed;border-radius:4px;padding:8px;outline:none;font-size:13px;color:#0009;font-weight:400}.mail-form__text-area{width:100%;height:160px;border:1px solid #e9eaed;border-radius:4px;padding:10px 8px;resize:none;color:#0009;font-family:Inter,sans-serif;outline:none}.mail-form__input:focus,.mail-form__text-area:focus,.mail-form__input_invalid,.mail-form__text-area_invalid{border-color:#9fcaf5;box-shadow:0 0 5px #9fcaf5;z-index:10}.add-transaction-form{width:498px;height:200.94px;border-radius:8px;position:fixed;top:calc(50% - 100.47px);left:calc(50% - 249px);background-color:#fff}.add-transaction-form__header{display:flex;align-items:center;justify-content:space-between;border-radius:9px 9px 0 0;padding:10px 20px;background-color:#f6f7fa}.add-transaction-form__heading{font-size:13px;font-weight:700}.add-transaction-form__close-btn{width:18px;border:none;background-color:#0000}.add-transaction-form__close-icon{width:18px;height:18px}.add-transaction-form__main{display:flex;flex-direction:column;justify-content:space-between;height:160px;padding:20px}.add-transaction-form__inputs-container{display:flex;justify-content:space-between}.add-transaction-form__input-block{width:210px}.add-transaction-form__label{display:block;margin-bottom:3px;font-size:13px}.add-transaction-form__amount-top-block{display:flex;justify-content:space-between}.add-transaction-form__date-input{display:block;width:100%;height:33px;border:1px solid rgb(220,220,220);border-radius:4px;padding:5px}.add-transaction-form__paid-in-full-btn{display:block;margin-bottom:3px;border:none;font-size:13px;background-color:#0000}.add-transaction-form__paid-in-full-btn:hover{color:#787878}.add-transaction-form__amount-input-wrapper{display:flex;align-items:center;gap:10px;height:33px;border:1px solid rgb(233,234,237);border-radius:4px;padding:5px}.add-transaction-form__currency-symbol{font-size:13px;font-weight:500}.add-transaction-form__amount-input{border:none;font-size:13px;color:#0009}.add-transaction-form__amount-input:focus{outline:none}.add-transaction-form__required-amount-text{margin-top:auto;font-size:13px;font-weight:500}.add-transaction-form__overpay{display:flex;align-items:center;gap:5px;margin-top:auto}.add-transaction-form__overpay-text{font-size:13px;color:#ff5f15}.add-transaction-form__overpay-sum{font-size:13px;font-weight:700;color:#ff5f15}.add-transaction-form__add-transaction-btn{display:block;width:100%;height:30px;margin-top:5px;border:none;border-radius:4px;color:#fff;background-color:#4155ba}.add-transaction-form__input{border-radius:4px;height:33px;padding:5px}.form-manager__background{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#00000080}.add-customer-form{width:500px;padding:20px;border-radius:8px;position:fixed;top:calc(50% - 200px);left:calc(50% - 250px);background-color:#fff}.add-customer-form__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.add-customer-form__heading{font-size:14px;font-weight:bolder;color:#000}.add-customer-form__close-btn{display:block;width:18px;height:18px;border:none;background-color:#0000}.add-customer-form__close-btn-icon{display:block;width:18px;height:18px}.add-customer-form__main{display:flex;flex-direction:column;gap:20px}.add-customer-form__inputs-container{display:flex;justify-content:space-between;gap:10px}.add-customer-form__input-block{width:100%}.add-customer-form__label{display:block;margin-bottom:3px;font-size:14px;color:#000}.add-customer-form__input{display:block;width:100%;height:34px;border:1px solid rgb(233,234,237);border-radius:4px;padding-left:5px;font-family:Inter,sans-serif;color:#797979}.add-customer-form__input_invalid{border-color:#f8b4b4;box-shadow:0 0 5px #f8b4b4}.add-customer-form__input:focus,.add-customer-form__text-area:focus{border:1px solid #9fcaf5;border-color:#9fcaf5;box-shadow:0 0 5px #9fcaf5;z-index:10;outline:none}.add-customer-form__input::placeholder{color:#bcbcbc}.add-customer-form__address-block{width:100%}.add-customer-form__text-area{display:block;width:100%;height:51.88px;border:1px solid rgb(233,234,237);border-radius:4px;padding:10px 8px 10px 5px;color:#797979;font-family:sans-serif}.add-customer-form__text-area::placeholder{color:#bcbcbc}.add-customer-form__contacts-heading{display:block;font-size:14px;color:#000}.add-customer-form__contact-block-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.add-customer-form__contacts-switch{display:flex}.add-customer-form__contact-switch-btn{display:block;width:80px;border:1px solid rgb(225,233,242);padding:5px;font-family:Inter,sans-serif;font-size:12px;background-color:#fff}.add-customer-form__contact-switch-btn_left{border-right:none;border-radius:4px 0 0 4px}.add-customer-form__contact-switch-btn_right{border-left:none;border-radius:0 4px 4px 0}.add-customer-form__contact-switch-btn_active{color:#fff;background-color:#4155ba}.add-customer-form__contact-switch-btn:hover{opacity:.9}.add-customer-form__contact-inputs-block{display:flex;flex-direction:column;gap:5px}.add-customer-form__names-block{display:flex;justify-content:space-between;gap:10px;width:100%}.add-customer-form__contact-btns-container{display:flex;justify-content:left;gap:10px;padding-top:5px}.add-customer-form__save-contact-btn{width:110px;height:30px;border:none;border-radius:4px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:#fff;background-color:#4155ba}.add-customer-form__cancel-btn{width:110px;height:30px;border:none;border-radius:4px;font-size:13px;font-weight:600;color:#fff;background-color:#e63e49}.add-customer-form__save-contact-btn:hover,.add-customer-form__cancel-btn:hover{opacity:.9}.add-customer-form__saved-contacts-block{display:flex;flex-direction:column;gap:10px}.add-customer-form__saved-contact{display:flex;justify-content:space-between;align-items:center;gap:5px;height:36px;border:1px solid rgb(233,234,237);border-radius:4px;padding:5px;font-size:13px;color:#797979}.add-customer-form__saved-contact-text{width:393px;font-weight:300;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-customer-form__saved-contact-controls{display:flex;gap:10px}.add-customer-form__small-btn{display:block;border:none;background-color:#0000}.add-customer-form__saved-contact-text-btn{display:block;height:20px;border-radius:4px;padding:0 10px;font-family:Inter,sans-serif;font-weight:600}.add-customer-form__saved-contact-text-btn:hover{opacity:.7}.add-customer-form__saved-contact-text-btn_archive{border:none;color:#fff;background-color:#e63e49}.add-customer-form__saved-contact-text-btn_cancel{border:1px solid rgb(222,229,237);color:#797979;background-color:#fff}.add-customer-form__edit-contact-btn:hover,.add-customer-form__delete-contact-btn:hover{opacity:.8}.add-customer-form__add-contact-btn{display:flex;justify-content:center;align-items:center;gap:3px;width:120px;height:32px;border:1px solid rgb(233,234,237);border-radius:4px;font-family:Inter,sans-serif;font-weight:500;line-height:24px;color:#4155ba;background-color:#fff}.add-customer-form__add-contact-btn:hover{opacity:.9}.add-customer-form__save-btn-container{display:flex;justify-content:flex-end;margin-top:30px}.add-customer-form__save-btn{width:180px;height:30px;border:none;border-radius:4px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;color:#fff;background-color:#4155ba}.add-customer-form__save-btn_disabled{opacity:.7}.add-customer-form__no-archived-contacts-msg{display:flex;justify-content:center;align-items:center;height:77px;font-size:13px;opacity:.5}.action-form{width:500px;border-radius:9px;padding:25px 20px 20px;position:fixed;top:calc(50% - 250px);left:calc(50% - 250px);background-color:#fff}.action-form__close-btn{display:block;width:18px;height:18px;border:none;border-radius:0;position:absolute;top:10px;right:10px;background-color:#0000}.action-form__close-btn:hover{opacity:.9}.action-form__heading{margin-bottom:10px;font-size:18px;text-align:center;color:#1e1e1f}.action-form__description{margin-bottom:20px;font-size:13px;text-align:center;color:#6a7685}.action-form__btns-container{display:flex;justify-content:space-between}.action-form__btn{width:45%;height:36px;border-radius:4px;font-family:Inter,sans-serif;font-weight:600}.action-form__btn_cancel{border:1px solid rgb(106,118,133);color:#6a7685;background-color:#fff}.action-form__btn_action{border:none;color:#fff}.action-form__btn:hover{opacity:.9}.data-table{display:flex;flex-direction:column;justify-content:space-between}.data-table__search-block{margin-bottom:10px}.data-table__search-input-container{width:350px;position:relative}.data-table__search-input{display:block;width:100%;padding:10px 40px 10px 12px;border:1px solid rgb(242,242,242);border-radius:4px;font-size:14px}.data-table__search-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:16px;height:16px}.data-table__main{width:100%}.data-table__row{display:flex;justify-content:space-between}.data-table__row:hover{background-color:#fbf9f9}.data-table__row_header,.data-table__header{background:#f5f5f5;font-weight:600}.data-table__header-text{display:block}.data-table__sorting-img{display:block;width:13.99px;height:13.99px;margin-left:4px}.data-table__cell{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;padding:12px;border-bottom:1px solid #eee;overflow:hidden;font-size:13px;white-space:nowrap;text-overflow:ellipsis}.data-table__cell_header{display:flex;justify-content:space-between;align-items:center}.data-table__pagination{display:flex;gap:12px;justify-content:space-between;align-items:center;width:100%;margin-top:auto;border-top:1px solid rgb(241,241,241);padding:12px 0 0}.data-table__row-count-block{display:flex;align-items:center;gap:8px;margin-right:30px}.data-table__row-count-label{font-size:16px;font-weight:400}.data-table__row-count-select{padding:4px 8px 4px 2px;border:none;border-radius:4px;font-size:16px;font-weight:400;background-color:#0000}.data-table__page-number-label{font-size:16px;font-weight:400;color:#000}.data-table__pagination-btns{display:flex;margin-left:auto}.data-table__pagination-btn{width:36px;height:36px;border:1px solid rgb(242,242,242);border-radius:0;background:#fff}.data-table__pagination-number-container{display:flex;justify-content:center;align-items:center;width:36px;height:36px;border:1px solid rgb(242,242,242);border-radius:0;background:#4155ba;color:#fff}.data-table__pagination-number{font-size:16px;font-weight:300}.data-table__pagination-icon{width:26px;height:26px}.invoices-table__status-bar{display:flex;justify-content:center;width:100%;border:1px solid;border-radius:4px;padding:2px}.invoices-table__status-bar_unpaid{border-color:#d3d3d3;background-color:#f1f1f1}.invoices-table__status-bar_partial-paid{border-color:#f6bd10;background-color:#feee91}.invoices-table__status-bar_paid,.invoices-table__status-bar_overpaid{border-color:#5bf2c7;background-color:#defbf3}.invoices-table__status-bar-text{font-size:13px}.invoice-actions-menu{width:180px;padding:10px;border-radius:4px;background-color:#fff;box-shadow:0 6px 12px #0000002d}.invoice-actions-menu__list{list-style-type:none}.invoice-actions-menu__btn{display:flex;align-items:center;gap:5px;width:100%;border:none;border-radius:0;padding:5px;background-color:#fff}.invoice-actions-menu__btn_red{color:red}.invoice-actions-menu__btn:hover{background-color:#f1f1f1;opacity:.9}.checkbox-dropdown__btn{display:flex;justify-content:center;align-items:center;gap:3px;min-width:80px;height:36px;border:1px solid rgb(233,234,237);border-radius:4px;padding:0 8px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;background-color:#fff}.checkbox-dropdown__list-wrapper{width:260px;border:1px solid rgb(241,241,241);border-radius:4px;background-color:#fff;box-shadow:0 6px 12px #0000002d}.checkbox-dropdown__list{display:flex;flex-direction:column;max-height:150px;overflow-y:auto;list-style-type:none}.checkbox-dropdown__item{width:100%}.checkbox-dropdown__item-btn{display:flex;justify-content:flex-start;gap:5px;width:100%;border-radius:0;border:none;padding:10px;background-color:#fff}.invoices-table{display:flex;flex-direction:column;gap:10px}.invoices-table__search-block{display:flex;gap:10px}.invoices-table__search-input-container{width:350px;position:relative}.invoices-table__search-input{display:block;width:100%;padding:10px 40px 10px 12px;border:1px solid rgb(242,242,242);border-radius:4px;font-size:14px}.invoices-table__search-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:16px;height:16px}.invoices-table__control-btn{display:flex;justify-content:center;align-items:center;gap:3px;width:150px;height:36px;border:1px solid rgb(233,234,237);border-radius:4px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:#fff}.invoices-table__control-btn_red{background-color:red}.invoices-table__control-btn_blue{background-color:#4155ba}.invoices-table__control-icon{display:block;width:14px;height:14px}.invoices-table{flex:1}.invoices-table__actions-btn{display:flex;justify-content:center;align-items:center;width:24px;height:24px;border:1px solid rgb(233,234,235);border-radius:4px;background-color:#0000}.invoices-table__actions-icon{display:block;width:18px;height:18px}.invoices-table__filters-block{display:flex;gap:5px}.invoices-table__filter{display:flex;border:1px solid rgb(233,234,237);border-radius:8px;background-color:#fff}.invoices-table__filter-close{display:flex;justify-content:center;align-items:center;border-radius:4px 0 0 4px;padding:5px;background-color:#4155ba}.invoices-table__filter-text{display:flex;justify-content:center;align-items:center;padding:0 5px}.history-block{display:flex;flex-direction:column;padding:20px;background-color:#fff}.history-block__heading{width:100%;margin-bottom:20px;font-size:36px}.history-block__invoices-table{width:100%;flex:1}.customer-actions-menu{width:180px;padding:10px;border-radius:4px;background-color:#fff;box-shadow:0 6px 12px #0000002d}.customer-actions-menu__list{list-style-type:none}.customer-actions-menu__btn{display:flex;align-items:center;gap:5px;width:100%;border:none;border-radius:0;padding:5px;background-color:#fff}.customer-actions-menu__btn_red{color:red}.customer-actions-menu__btn:hover{background-color:#f1f1f1;opacity:.9}.customers-table__table{height:100%}.customers-table{display:flex;flex-direction:column;gap:10px}.customers-table__search-block{display:flex;gap:10px}.customers-table__search-input-container{width:350px;position:relative}.customers-table__search-input{display:block;width:100%;padding:10px 40px 10px 12px;border:1px solid rgb(242,242,242);border-radius:4px;font-size:14px}.customers-table__search-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:16px;height:16px}.customers-table__control-btn{display:flex;justify-content:center;align-items:center;gap:3px;width:150px;height:36px;border:1px solid rgb(233,234,237);border-radius:4px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:#fff}.customers-table__control-btn_red{background-color:red}.customers-table__control-btn_blue{background-color:#4155ba}.customers-table__control-icon{display:block;width:14px;height:14px}.customers-table__btn{display:flex;justify-content:center;align-items:center;width:24px;height:24px;border:1px solid rgb(233,234,235);border-radius:4px;background-color:#0000}.customers-table__actions-btn,.customers-table__restore-btn{display:flex;justify-content:center;align-items:center;width:24px;height:24px;border:1px solid rgb(233,234,235);border-radius:4px;background-color:#fff}.customers-table__actions-icon,.customers-table__restore-icon{display:block;width:18px;height:18px}.customers-table__filters-block{display:flex;gap:5px}.customers-table__filter{display:flex;border:1px solid rgb(233,234,237);border-radius:8px;background-color:#fff}.customers-table__filter-close{display:flex;justify-content:center;align-items:center;border-radius:4px 0 0 4px;padding:5px;background-color:#4155ba}.customers-table__filter-text{display:flex;justify-content:center;align-items:center;padding:0 5px}.customers-block{display:flex;flex-direction:column;padding:20px 30px 20px 20px;background-color:#fff}.customers-block__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.customers-block__add-new-btn{display:flex;justify-content:center;align-items:center;flex-shrink:0;gap:5px;width:110px;height:36px;border:none;border-radius:4px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#fff;background-color:#4155ba}.customers-block__add-new-btn-icon{display:block;width:18px;height:18px}.customers-block__heading{width:100%;font-size:32px}.customers-block__customers-table{width:100%;flex:1}.transaction-table{display:flex;flex-direction:column;gap:10px}.transaction-table__search-block{display:flex;gap:10px}.transaction-table__search-input-container{width:350px;position:relative}.transaction-table__search-input{display:block;width:100%;padding:10px 40px 10px 12px;border:1px solid rgb(242,242,242);border-radius:4px;font-size:14px}.transaction-table__search-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:16px;height:16px}.transaction-table__delete-btn{display:flex;justify-content:center;align-items:center;gap:3px;width:150px;height:36px;border:1px solid rgb(233,234,237);border-radius:4px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:#fff;background-color:red}.transaction-table__delete-icon{display:block;width:14px;height:14px}.transactions-table__btn{display:flex;justify-content:center;align-items:center;width:24px;height:24px;border:1px solid rgb(233,234,235);border-radius:4px;background-color:#0000}.transactions-table__filters-block{display:flex;gap:5px}.transactions-table__filter{display:flex;border:1px solid rgb(233,234,237);border-radius:8px;background-color:#fff}.transactions-table__filter-close{display:flex;justify-content:center;align-items:center;border-radius:4px 0 0 4px;padding:5px;background-color:#4155ba}.transactions-table__filter-text{display:flex;justify-content:center;align-items:center;padding:0 5px}.transactions-block{display:flex;flex-direction:column;padding:20px;background-color:#fff}.transactions-block__heading{width:100%;margin-bottom:10px;font-size:36px}.transactions-block__transactions-table{width:100%;flex:1}.settings-block{padding:40px;background-color:#fff}.settings-block__heading{font-size:18.72px;color:#1e1e1f}.settings-block__line{margin:12px 0 8px;border:none;border-bottom:1px solid rgb(233,234,235)}.settings-block__description{margin-bottom:10px;font-size:16px;color:#000}.settings-block__download-db-btn{display:flex;justify-content:center;align-items:center;gap:10px;height:34px;border:none;border-radius:4px;padding:10px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:#fff;background-color:#4155ba}.settings-block__download-db-btn:hover{opacity:.9}.archived-invoices-block{display:flex;flex-direction:column;padding:20px;background-color:#fff}.archived-invoices-block__heading{width:100%;margin-bottom:20px;font-size:36px}.archived-invoices-block__invoices-table{width:100%;flex:1}.archived-customers-block{display:flex;flex-direction:column;padding:20px;background-color:#fff}.archived-customers-block__heading{width:100%;margin-bottom:20px;font-size:36px}.archived-customers-block__customers-table{width:100%;flex:1}.app{display:flex;justify-content:center;width:100%;max-width:1500px;min-height:100vh;margin:0 auto}.app__layout{width:1500px;min-height:100vh}