.wrapper{margin:2rem auto;max-width:80vw;text-align:center}.employees-list{display:flex;flex-direction:column;gap:1rem}.employees-list .employees-list__filters{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.employees-list .employees-list__filters .employees-list__filter{align-items:center;display:flex;gap:.5rem}.employees-list .employees-list__filters .employees-list__filter:last-child{margin-left:auto}.employees-list .employees-list__filters .employees-list__filter input[type=text],.employees-list .employees-list__filters .employees-list__filter select{font-size:1rem;padding:.25rem}.employees-list .employees-list__filters .employees-list__filter input[type=checkbox]{margin-right:.25rem}.employees-list .employees-list__cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.employees-list .employees-list__cards .employee-card{align-items:center;border:1px solid #ddd;border-radius:.5rem;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:1rem;transition:all .3s ease-in-out}.employees-list .employees-list__cards .employee-card:hover{border-color:#2ecc71;-webkit-transform:scale(1.02);transform:scale(1.02)}.employees-list .employees-list__cards .employee-card__phone,.employees-list .employees-list__cards .employee-card__position{font-size:1.2rem;font-weight:700;margin-bottom:.5rem;text-align:center}.employees-list .employees-list__cards .employee-card__name{color:#2d5f2d;font-size:23px}.employees-list .employees-list__cards .employee-card__status{color:red;font-weight:700;margin-top:.5rem}@media(max-width:768px){.employees-list .employees-list__cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media(max-width:576px){.employees-list .employees-list__filters{flex-direction:column}.employees-list .employees-list__filters .employees-list__filter,.employees-list .employees-list__filters .employees-list__filter input[type=text],.employees-list .employees-list__filters .employees-list__filter select{width:100%}.employees-list .employees-list__filters .employees-list__filter:last-child{margin-left:0;margin-top:1rem}.employees-list .employees-list__cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.form{margin:0 auto;max-width:500px}.form,.form_group{display:flex;flex-direction:column}.form_group{margin-bottom:20px}.form_input{border:2px solid #ccc;border-radius:4px;font-size:16px;padding:10px;transition:border-color .3s ease}.form_input:focus{border-color:#2ecc71;outline:none}.form_label{font-size:16px;margin-bottom:5px}.field-error{color:red}.select{display:inline-block;margin-bottom:20px;position:relative;width:100%}select{-webkit-appearance:none;appearance:none;background-color:#fff;border:2px solid #ccc;border-radius:4px;cursor:pointer;font-size:16px;outline:none;padding:10px;transition:border-color .3s ease;width:100%}select:focus{border-color:#2ecc71}.btn{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;padding:10px 20px;transition:background-color .3s ease}.btn:hover:not(:disabled){background-color:#357a38}.btn:disabled{background-color:#ccc;cursor:not-allowed}.btn_green{background-color:#2ecc71}.btn_blue{background-color:#2e53cc}a{color:#07c;font-size:20px;padding:5px;position:relative;top:1rem;transition:all .4s ease}a,a:hover{text-decoration:none}a:hover{background-color:#005ea2;border-radius:5px;color:#fff}a:focus{box-shadow:0 0 0 2px #07c;outline:none}a:active{color:#005ea2}@media screen and (max-width:768px){.form{max-width:100%}}.modal{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;transition:opacity .3s ease-in-out;width:100%;z-index:9999}.modal__content{-webkit-animation:modalFadeIn .3s forwards;animation:modalFadeIn .3s forwards;border-radius:4px;box-shadow:0 4px 8px rgba(0,0,0,.2);font-size:20px;min-width:200px;padding:5rem;text-align:center;width:200px}.modal__close{background-color:transparent;border:none;cursor:pointer;font-size:2rem;line-height:1;padding:.5rem;position:absolute;right:0;top:0}.modal__content-red{background-color:#d37122}.modal__content-green,.modal__content-red{-webkit-animation:modalFadeIn .3s forwards;animation:modalFadeIn .3s forwards;border-radius:4px;box-shadow:0 4px 8px rgba(0,0,0,.2);font-size:20px;min-width:200px;padding:5rem;text-align:center;width:200px}.modal__content-green{background-color:#33ad52}@-webkit-keyframes modalFadeIn{0%{opacity:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes modalFadeIn{0%{opacity:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.centered{align-items:center;display:flex;font-size:2rem;height:40vh;justify-content:center;width:80vw}.lds-spinner{color:official;display:inline-block;height:80px;position:relative;width:80px}.lds-spinner div{-webkit-animation:lds-spinner 1.2s linear infinite;animation:lds-spinner 1.2s linear infinite;-webkit-transform-origin:40px 40px;transform-origin:40px 40px}.lds-spinner div:after{background:#2e53cc;border-radius:20%;content:" ";display:block;height:18px;left:37px;position:absolute;top:3px;width:6px}.lds-spinner div:first-child{-webkit-animation-delay:-1.1s;animation-delay:-1.1s;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.lds-spinner div:nth-child(2){-webkit-animation-delay:-1s;animation-delay:-1s;-webkit-transform:rotate(30deg);transform:rotate(30deg)}.lds-spinner div:nth-child(3){-webkit-animation-delay:-.9s;animation-delay:-.9s;-webkit-transform:rotate(60deg);transform:rotate(60deg)}.lds-spinner div:nth-child(4){-webkit-animation-delay:-.8s;animation-delay:-.8s;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.lds-spinner div:nth-child(5){-webkit-animation-delay:-.7s;animation-delay:-.7s;-webkit-transform:rotate(120deg);transform:rotate(120deg)}.lds-spinner div:nth-child(6){-webkit-animation-delay:-.6s;animation-delay:-.6s;-webkit-transform:rotate(150deg);transform:rotate(150deg)}.lds-spinner div:nth-child(7){-webkit-animation-delay:-.5s;animation-delay:-.5s;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.lds-spinner div:nth-child(8){-webkit-animation-delay:-.4s;animation-delay:-.4s;-webkit-transform:rotate(210deg);transform:rotate(210deg)}.lds-spinner div:nth-child(9){-webkit-animation-delay:-.3s;animation-delay:-.3s;-webkit-transform:rotate(240deg);transform:rotate(240deg)}.lds-spinner div:nth-child(10){-webkit-animation-delay:-.2s;animation-delay:-.2s;-webkit-transform:rotate(270deg);transform:rotate(270deg)}.lds-spinner div:nth-child(11){-webkit-animation-delay:-.1s;animation-delay:-.1s;-webkit-transform:rotate(300deg);transform:rotate(300deg)}.lds-spinner div:nth-child(12){-webkit-animation-delay:0s;animation-delay:0s;-webkit-transform:rotate(330deg);transform:rotate(330deg)}@-webkit-keyframes lds-spinner{0%{opacity:1}to{opacity:0}}@keyframes lds-spinner{0%{opacity:1}to{opacity:0}}
/*# sourceMappingURL=main.c10bd436.css.map*/