*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:#f0f0f0;height:100%;font-family:sans-serif}#root{height:100%}.app{background-color:#f0f0f0;height:100%}.app__layout{height:100%}.navigation{background-color:#202040}.navigation__item{align-items:center;gap:10px;padding:20px;display:flex}.navigation__item:hover{background-color:#303050}.navigation__item-icon{width:20px;height:20px;display:block}.navigation__link{color:#fff;text-decoration:none}.company-block{background-color:#303050;justify-content:center;align-items:center;gap:10px;display:flex}.company-block__icon{width:40px;height:40px;display:block}.company-block__heading{color:#fff;font-size:24px}.header{background-color:#fff;justify-content:flex-end;align-items:center;padding:0 20px;display:flex}.header__sign-out-btn{background-color:#202040;border:none;border-radius:30px;align-items:center;gap:5px;padding:10px;display:flex}.header__sign-out-btn:hover{background-color:#303050}.header__sign-out-icon{width:20px;height:20px}.header__sign-out-btn-text{color:#fff;font-size:14px;display:block}.layout{grid-template-rows:60px 1fr;grid-template-columns:240px 1fr;display:grid}.dashboard{justify-content:center;align-items:center;display:flex}.dashboard__central-block{flex-direction:column;align-items:center;gap:20px;display:flex}.dashboard__img{width:100px;height:100px;display:block}.dashboard__text{font-size:14px}.tags-picker{border:1px solid #f0f0f0;border-radius:10px;justify-content:space-between;align-items:stretch;min-height:36px;display:flex;position:relative}.tags-picker__selected-tags-container{flex-wrap:wrap;justify-content:flex-start;gap:5px;padding:5px;display:flex}.tags-picker__selected-tag{background-color:#404040;border-radius:5px;justify-content:space-between;align-items:center;gap:5px;padding:5px;display:flex}.tags-picker__selected-tag-text{color:#fff;font-size:12px}.tags-picker__selected-tag-btn{background-color:#0000;border:none;width:12px;height:12px;display:block}.tags-picker__selected-tag-btn-icon{width:12px;height:12px;display:block}.tags-picker__open-list-btn{background-color:#fff;border:none;border-left:1px solid #f0f0f0;border-radius:0 10px 10px 0;padding:5px}.tags-picker__menu-icon{width:20px;height:20px;display:block}.tags-picker__list-container{background-color:#fff;border:1px solid #f0f0f0;border-radius:10px;width:150px;height:150px;padding-top:34px}.tags-picker__list-header{background-color:#fff;border:1px solid #f0f0f0;border-radius:10px 10px 0 0;justify-content:space-between;align-items:center;gap:5px;width:100%;height:34px;padding:5px;display:flex;position:absolute;top:0;left:0}.tags-picker__list-header-text{color:#404040;font-size:14px}.tags-picker__close-list-btn{background-color:#0000;border:none;width:16px;height:16px;display:block}.tags-picker__close-list-btn-icon{width:100%;height:100%;display:block}.tags-picker__list{height:100%;list-style-type:none;overflow-y:auto}.tags-picker__list-item{color:#404040;padding:5px;font-size:14px}.tags-picker__list-item_selected{color:#dcdcdc}.dropdown{width:100%}.dropdown__input{border:1px solid #f5f5f5;border-radius:10px;width:100%;padding:10px;font-size:14px;display:block}.dropdown__input:focus{z-index:10;border:1px solid #9fcaf5;outline:none;position:relative;box-shadow:0 0 5px #9fcaf5}.dropdown__input_invalid{z-index:10;border-color:#f8b4b4;position:relative;box-shadow:0 0 5px #f8b4b4}.dropdown__input_readonly{cursor:not-allowed}.dropdown__input_light-placeholder::placeholder{color:#bcbcbc}.dropdown__list-wrapper{background-color:#fff;border:1px solid #e9eaed;border-radius:4px;height:150px;overflow-x:auto;box-shadow:0 4px 6px #0000001a,0 1px 3px #0000000f}.dropdown__list{flex-direction:column;gap:10px;padding:10px;list-style-type:none;display:flex}.dropdown__item{align-items:center;width:100%;height:30px;padding:0 5px;font-size:13px;display:flex}.dropdown__item:hover{background-color:#f5f7fa}.add-job-form{background-color:#fff;border:1px solid #f0f0f0;border-radius:10px;flex-direction:column;gap:15px;width:600px;padding:15px;display:flex;position:fixed;top:50px;left:calc(50% - 300px)}.add-job-form__heading{color:#202020;font-size:18px}.add-job-form__close-btn{background-color:#0000;border:1px solid #f0f0f0;border-radius:20px;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:absolute;top:5px;right:5px}.add-job-form__close-icon{width:22px;height:22px;display:block}.add-job-form__inputs-block{flex-direction:column;gap:10px;display:flex}.add-job-form__inputs-heading{color:#404040;font-size:16px}.add-job-form__inputs-set{flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.add-job-form__input-container{flex-direction:column;flex:1;gap:5px;display:flex}.add-job-form__input-container_full-size{flex:none;width:100%}.add-job-form__label{color:#505050;font-size:13px}.add-job-form__input{color:#404040;border:1px solid #f5f5f5;border-radius:10px;width:100%;padding:10px;font-size:14px;display:block}.add-job-form__input_number{width:100px}.add-job-form__textarea{color:#404040;border:1px solid #f0f0f0;border-radius:10px;width:100%;height:120px;padding:10px;font-family:sans-serif;font-size:14px;display:block}.add-job-form__description-block{border:1px solid #f5f5f5;border-radius:5px;width:100%}.add-job-form__description-toolbar{border-bottom:1px solid #f5f5f5;justify-content:flex-start;gap:5px;padding:5px;display:flex}.add-job-form__description-toolbar-btn{background-color:#0000;border:none;border-radius:3px;width:20px;height:20px;display:block}.add-job-form__description-toolbar-btn:hover{background-color:#f5f5f5}.add-job-form__description-toolbar-btn-icon{width:18px;height:18px;display:block}.add-job-form__description-editor{height:200px;padding:10px;font-size:14px;overflow-y:auto}.add-job-form__description-editor>div:focus{outline:none}.add-job-form__description-editor ul,.add-job-form__description-editor ol{padding-left:40px}.add-job-form__btn{color:#202020;border:1px solid #e6e6e6;border-radius:10px;align-self:flex-start;padding:10px 30px;font-size:14px;font-weight:600}.form-manager__background{background-color:#00000026;width:100vw;height:100vh;position:fixed;top:0;left:0}.data-table{border-radius:10px;flex-direction:column;justify-content:space-between;display:flex}.data-table__search-block{margin-bottom:10px}.data-table__search-input-container{width:350px;position:relative}.data-table__search-input{border:1px solid #f2f2f2;border-radius:4px;width:100%;padding:10px 40px 10px 12px;font-size:14px;display:block}.data-table__search-icon{width:16px;height:16px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.data-table__main{width:100%}.data-table__row{justify-content:space-between;display:flex}.data-table__row:hover{background-color:#f9f9f9}.data-table__row_header{border-radius:10px 10px 0 0;font-weight:600}.data-table__header{background:#f5f5f5;font-weight:600}.data-table__header-text{display:block}.data-table__sorting-img{width:13.99px;height:13.99px;margin-left:4px;display:block}.data-table__cell{white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #eee;flex-shrink:0;padding:12px;font-size:13px;overflow:hidden}.data-table__cell_header{justify-content:space-between;align-items:center;padding:20px 12px;display:flex}.data-table__pagination{border-top:1px solid #f1f1f1;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-top:auto;padding:10px;display:flex}.data-table__row-count-block{align-items:center;gap:8px;margin-right:30px;display:flex}.data-table__row-count-label{font-size:16px;font-weight:400}.data-table__row-count-select{background-color:#0000;border:none;border-radius:4px;padding:4px 8px 4px 2px;font-size:16px;font-weight:400}.data-table__page-number-label{color:#000;font-size:16px;font-weight:400}.data-table__pagination-btns{margin-left:auto;display:flex}.data-table__pagination-btn{background:#fff;border:1px solid #f2f2f2;border-radius:0;width:36px;height:36px}.data-table__pagination-number-container{color:#fff;background:#303050;border:1px solid #f2f2f2;border-radius:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.data-table__pagination-number{font-size:16px;font-weight:300}.data-table__pagination-icon{width:26px;height:26px}.jobs-table__table{background-color:#fff;height:100%}.jobs-table{flex-direction:column;gap:10px;display:flex}.jobs-table__top-block{gap:10px;display:flex}.jobs-table__add-new-btn{background-color:#303050;border:none;border-radius:10px;justify-content:center;align-items:center;gap:3px;padding:0 15px;display:flex}.jobs-table__add-new-btn-icon{width:24px;height:24px;display:block}.jobs-table__add-new-btn-text{color:#fff;font-size:14px;font-weight:600}.jobs-table__search-input-container{width:350px;position:relative}.jobs-table__search-input{border:none;border-radius:10px;width:100%;padding:10px 40px 10px 12px;font-size:14px;display:block}.jobs-table__search-icon{width:16px;height:16px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.jobs-table__control-btn{color:#fff;border:1px solid #e9eaed;border-radius:4px;justify-content:center;align-items:center;gap:3px;width:150px;height:36px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;display:flex}.jobs-table__control-btn_red{background-color:red}.jobs-table__control-btn_blue{background-color:#4155ba}.jobs-table__control-icon{width:14px;height:14px;display:block}.jobs-table__btn{background-color:#0000;border:1px solid #e9eaeb;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.jobs-table__actions-btn,.jobs-table__restore-btn{background-color:#fff;border:1px solid #e9eaeb;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.jobs-table__actions-icon,.jobs-table__restore-icon{width:18px;height:18px;display:block}.jobs-table__filters-block{gap:5px;display:flex}.jobs-table__filter{background-color:#fff;border:1px solid #e9eaed;border-radius:8px;display:flex}.jobs-table__filter-close{background-color:#4155ba;border-radius:4px 0 0 4px;justify-content:center;align-items:center;padding:5px;display:flex}.jobs-table__filter-text{justify-content:center;align-items:center;padding:0 5px;display:flex}.jobs-block{height:100%;padding:20px}.jobs-block__jobs-table{height:100%}.auth-layout{background-color:#f0f0f0;width:100%;height:100%}.login-form{background-color:#fff;border-radius:10px;flex-direction:column;gap:50px;width:400px;padding:50px 40px 40px;display:flex}.login-form__heading{text-align:center;color:#202020;font-size:24px}.login-form__main{flex-direction:column;gap:30px;display:flex}.login-form__input-block{flex-direction:column;gap:3px;display:flex}.login-form__label{color:#202020;margin-left:5px;font-size:12px}.login-form__input-container{border-bottom:1px solid #dcdcdc;align-items:center;gap:5px;padding:10px 5px;display:flex}.login-form__input-icon{width:16px;height:16px;display:block}.login-form__input{color:#202020;border:none;outline:none;flex:1;padding:0;font-size:14px}.login-form__input::placeholder{color:#b4b4b4}.login-form__btn{color:#fff;background-color:#303050;border:none;border-radius:30px;padding:15px;font-size:14px;font-weight:600;display:block}.login-form__btn_transparent{opacity:.8}.login-form__invalid-message{color:#ff6464;font-size:13px}.login-block{justify-content:center;align-items:center;width:100%;height:100%;display:flex}