*{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100vh;font-family:Arial,sans-serif;background-color:#f5f5f5;color:#333}.header{display:flex;justify-content:space-between;padding:10px 20px;align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0}.header__create-invoice-btn{padding:8px 16px;background-color:#4155ba;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;color:#fff}.header__link{display:flex;justify-content:space-between;align-items:center;gap:12px;text-decoration:none;color:#f0f0f0}.header__link-icon{display:block;width:22px;height:22px}.header__link-text{display:block;transform:translateY(1px)}.navigation{background-color:#f8f9fa;border-right:1px solid #e0e0e0;padding:20px}.navigation__list{list-style-type:none}.navigation__item{display:flex;align-items:center;gap:10px;margin-bottom:20px;text-decoration:none}.navigation__item-icon{display:block;width:26px;height:26px}.navigation__link{font-size:16px;font-weight:600;text-decoration:none;color:#404040}.layout{display:flex;flex-wrap:wrap}.layout__header{width:100%;height:60px}.layout__navigation{width:250px;height:calc(100% - 60px)}.layout__create-invoice-form{flex-grow:1;padding:20px}.layout__history-block,.layout__customers-block,.layout__transactions-block{flex-grow:1}.custom-text-area-wrapper{position:relative}.custom-text-area{display:block;width:100%;padding:10px;border:1px solid rgb(220,220,220);border-radius:10px;background-color:#0000;font-size:16px;color:#202020}.custom-text-area-message{display:none;border:1px solid rgb(200,200,200);border-radius:5px;padding:4px;position:absolute;top:-20px;background-color:#ffffff4d;backdrop-filter:blur(2px);font-family:sans-serif;font-size:14px;color:#202020}.create-invoice-form__additional-info-block{display:flex;align-items:flex-end;gap:70px;width:750px;margin-bottom:50px;border-bottom:1px dashed rgb(64,64,64);padding-bottom:50px}.create-invoice-form__terms-notes-block{width:340px}.create-invoice-form__payment-terms-block{margin-bottom:8px}.create-invoice-form__additional-info-header{display:flex;justify-content:space-between;margin-bottom:5px}.create-invoice-form__additional-info-heading{font-size:14px;font-weight:500;color:#404040}.create-invoice-form__show-btn{border:none;background-color:#0000;font-size:14px;color:#3200fa}.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{width:340px}.create-invoice-form__invoice-sum-container{display:flex;justify-content:space-between;margin-bottom:5px}.create-invoice-form__invoice-sum-text{font-size:14px;font-weight:500;color:gray}.custom-input-wrapper{position:relative}.custom-input{display:block;width:100%;padding:10px;border:1px solid rgb(220,220,220);border-radius:10px;background-color:#0000;font-size:16px;color:#202020}.custom-input-message{display:none;border:1px solid rgb(200,200,200);border-radius:5px;padding:4px;position:absolute;bottom:36px;background-color:#fffc;backdrop-filter:blur(2px);font-family:sans-serif;font-size:14px;color:#202020}.create-invoice-form__bill-from-block{width:400px}.create-invoice-form__bill-from-text{font-size:15px;font-weight:600;color:#404040;margin-bottom:8px}.create-invoice-form__bill-from-input{width:100%;padding:8px;font-size:14px;border:1px solid #ccc;border-radius:0}.create-invoice-form__bill-from-input_your-company-name{border-radius:4px 4px 0 0}.create-invoice-form__bill-from-input_country,.create-invoice-form__bill-from-input_email,.create-invoice-form__bill-from-input_phone-number{border-top:none}.create-invoice-form__bill-from-input_phone-number{border-radius:0 0 4px 4px}.create-invoice-form__bill-from-text-area{height:150px;padding:8px;font-size:14px;border:1px solid #ccc;border-top:none;border-radius:0;resize:none}.create-invoice-form__bill-to-block{width:400px}.create-invoice-form__bill-to-text{font-size:15px;font-weight:600;color:#404040;margin-bottom:8px}.create-invoice-form__bill-to-main{margin-bottom:8px}.create-invoice-form__bill-to-input{width:100%;padding:8px;font-size:14px;border:1px solid #ccc;border-radius:0}.create-invoice-form__bill-to-input_customer{border-radius:4px 4px 0 0}.create-invoice-form__bill-to-input_country{border-radius:0 0 4px 4px;border-top:none}.create-invoice-form__bill-to-text-area{height:60px;padding:8px;font-size:14px;border:1px solid #ccc;border-top:none;border-radius:0;resize:none}.create-invoice-form__bill-to-contact{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}.create-invoice-form__bill-to-contact-input{padding:8px;font-size:14px;border:1px solid #ccc;border-radius:4px}.create-invoice-form__bill-to-contact-input-wrapper{width:100%}.create-invoice-form__bill-to-contact-input-wrapper_half{width:calc(50% - 5px)}.create-invoice-form__currency-block{display:flex;align-items:center;gap:20px;margin-bottom:20px}.create-invoice-form__currency-block-select{padding:8px;border:1px solid #E0E0E0;border-radius:8px}.create-invoice-form__form-header{display:flex;justify-content:space-between;border-bottom:1px solid #E0E0E0;padding:10px 20px}.create-invoice-form__date-block{display:flex;gap:50px}.create-invoice-form__invoice-number-block,.create-invoice-form__date-issued-block,.create-invoice-form__date-due-block{display:flex;align-items:center;gap:20px}.create-invoice-form__label{font-size:14px;color:#404040}.create-invoice-form__invoice-number-input{width:60px;padding:8px;font-size:14px;border:1px solid #ccc;border-radius:4px}.create-invoice-form__date-input{width:120px;padding:8px;font-size:14px;border:1px solid #ccc;border-radius:4px}.create-invoice-form__job-description-block{margin-bottom:40px;border-bottom:1px solid #E0E0E0;padding-bottom:20px}.create-invoice-form__job-description-input{width:400px;padding:8px;font-size:14px;border:1px solid #ccc;border-radius:4px}.create-invoice-form__payment-stub{display:flex;justify-content:space-between;flex-wrap:wrap;width:750px}.create-invoice-form__payment-stub-header{display:flex;justify-content:space-between;align-items:center;width:750px;margin-bottom:12px}.create-invoice-form__payment-stub-heading{font-size:14px;color:#202020}.create-invoice-form__payment-stub-btn{border:none;background-color:#0000;font-size:14px;color:#3200fa}.create-invoice-form__tel-email-block{width:300px;padding:30px 20px;background:#f0f0f0}.create-invoice-form__tel-email-block>.create-invoice-form__payment-stub-text:first-child{margin-bottom:5px}.create-invoice-form__payment-stub-text{font-size:14px;color:gray}.create-invoice-form__payment-stub-client-invoice-block{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgb(220,220,220)}.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:5px}.create-invoice-form__payment-stub-invoice-info{width:350px}.create-invoice-form__payment-stub-amount-due-block{display:flex;justify-content:space-between}.create-invoice-form__tasks-block{margin-bottom:50px;border-bottom:1px solid #ccc;padding-bottom:50px}.create-invoice-form__tasks-block-header{display:flex;justify-content:space-between;align-items:center;gap:10px;width:750px;padding:10px}.create-invoice-form__tasks-block-heading{font-size:18px;font-weight:600}.create-invoice-form__tasks-block-heading_tasks{width:300px}.create-invoice-form__tasks-block-heading_cost{width:100px}.create-invoice-form__tasks-block-heading_qty{width:80px}.create-invoice-form__tasks-block-heading_price{width:250px;text-align:right}.create-invoice-form__tasks-container{margin-bottom:20px}.create-invoice-form__add-line-btn{padding:8px 12px;font-size:14px;color:#3200fa;background-color:transparent;border:1px solid #ccc;border-radius:4px;cursor:pointer}.create-invoice-form__task-block{display:flex;gap:10px;margin-bottom:20px;border-radius:4px;padding:10px;position:relative;background-color:#f5f5f5}.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-icon{display:block;width:16px;height:16px}.create-invoice-form__task-name-input,.create-invoice-form__task-cost-input,.create-invoice-form__task-qty-input{width:100%;padding:8px;font-size:14px;border:1px solid #ccc;border-radius:4px}.create-invoice-form__task-name-input{margin-bottom:8px}.create-invoice-form__task-description-text-area{width:100%;height:60px;padding:8px;font-size:14px;border:1px solid #ccc;border-radius:4px;resize:none}.create-invoice-form__task-name-description-block{width:300px}.create-invoice-form__task-cost-block{width:100px}.create-invoice-form__task-qty-block{width:80px}.create-invoice-form__task-price-block{width:250px;text-align:right}.create-invoice-form__task-price-text{font-size:14px;color:#404040;text-align:right}.create-invoice-form{border:1px solid #E0E0E0;border-radius:20px;background-color:#fff}.create-invoice-form__main{padding:30px}.create-invoice-form__heading{margin-bottom:20px}.create-invoice-form__bill-container{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px}.preview-invoice-block{display:flex;justify-content:center;align-items:center;border-radius:8px;background-color:#fff}.preview-invoice-block__btn{display:block;border:none;border-radius:10px;padding:6px 20px;font-size:15px;color:#fff;font-weight:600;background-color:#6414ff}.create-invoice-block{display:flex;justify-content:space-between}.create-invoice-block__create-invoice-form{width:810px}.create-invoice-block__preview-invoice-block{width:250px;height:100px}.show-invoice-block{padding:20px}.add-transaction-form{width:498px;height:200.94px;border-radius:9px;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{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(220,220,220);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}.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}.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_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{padding:12px;border-bottom:1px solid #eee;flex:1;overflow:hidden;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(230,230,230);padding:12px}.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:300}.data-table__row-count-select{padding:4px 8px 4px 2px;border:none;border-radius:4px;font-size:16px}.data-table__page-number-label{font-size:16px;font-weight:300}.data-table__pagination-btns{display:flex;margin-left:auto}.data-table__pagination-btn{width:40px;height:40px;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:40px;height:40px;border:1px solid rgb(242,242,242);border-radius:0;background:#9632ff;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;border:1px solid;border-radius:4px}.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{border:1px solid rgb(233,234,235);border-radius:4px;padding:10px;background-color:#fff;box-shadow:0 6px 12px #0000002d}.invoice-actions-menu__btn{display:flex;gap:5px;align-items:center;width:100%;padding:5px;border:none;background-color:#0000}.invoice-actions-menu__btn:hover{background-color:#e9eaeb}.invoice-actions-menu__btn-icon{display:block;width:16px;height:16px}.invoice-actions-menu__btn-text{font-size:13px}.invoices-table__table{height:100%}.invoices-table__actions-cell{position:relative}.invoices-table__actions-list{width:179.99px;position:absolute;right:calc(100% + 5px);top:0}.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}.customers-block{display:flex;flex-direction:column;padding:20px;background-color:#fff}.customers-block__heading{width:100%;margin-bottom:20px;font-size:36px}.customers-block__invoices-table{width:100%;flex:1}.customers-table__table{height:100%}.transactions-block{display:flex;flex-direction:column;padding:20px;background-color:#fff}.transactions-block__heading{width:100%;margin-bottom:20px;font-size:36px}.transactions-block__transactions-table{width:100%;flex:1}.transactions-table__table{height:100%}.app{display:flex;justify-content:center;min-height:100vh;background-color:#f0f0f0}.app__layout{width:1500px;min-height:100vh}