*{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100vh}header{background-color:#fff;box-shadow:0 3px 7px 0 #e3dfdf;padding:10px 2rem}.employee__wrapper{background:#fff;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:1rem 30px}.employee__table{border-collapse:collapse;font-family:Arial,Helvetica,sans-serif;width:100%}.employee__table td,.employee__table th{border:1px solid #ddd;padding:8px}.employee__table tr:nth-child(2n){background-color:#f2f2f2}.employee__table tr:hover{background-color:#ddd}.employee__table th{background-color:#2a312f;color:#fff;padding-bottom:12px;padding-top:12px;text-align:left}.employee__table-wrapper{display:flex;flex-direction:column;width:100%}.add_btn{align-self:flex-end;background-color:#2a312f;border:none;border-radius:5px;margin:1rem 0;padding:8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.add_btn button{color:#fff}.employee__create-wrapper{background-color:rgba(0,0,0,.4);display:none;height:100vh;left:0;position:absolute;top:0;width:100vw}.employee__create-modal{background-color:#fff;margin:10vh auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.modal__body{font-size:1.1rem;gap:10px;padding:2rem}.modal__body,.modal__body div{display:flex;flex-direction:column}.modal__body div{gap:5px}.modal__body input,.modal__body select{padding:7px;width:300px}.modal__header{background-color:#2a312f;color:#fff;font-size:1.2rem;font-weight:700;padding:10px}.modal__body .modal__action{display:flex;flex-direction:row;gap:10px;margin:10px 0}.modal__action button{border:none;border-radius:5px;cursor:pointer;flex:1 1;padding:8px}.modal__action button:first-child{background-color:#2a312f;color:#fff}.modal__action button:nth-child(2){background-color:initial;border:1px solid #2a312f}.error{color:red;margin:5px;text-align:center;width:100%}.layout,.main__wrapper{height:100%}.layout{grid-gap:1rem;background:#f0e2e2;display:grid;gap:1rem;grid-template-areas:"nav header header" "nav main main" "nav main main";grid-template-columns:180px 1fr;grid-template-rows:50px 1fr}.navbar{background-color:#fff;grid-area:nav}.navbar h2{font-size:1.8rem;padding:20px 1rem}.navbar ul{display:flex;flex-direction:column;font-size:1.2rem;gap:1rem;list-style:none;margin:1rem 10px}.navbar ul a{color:#2a312f;text-decoration:none}.navbar ul i{font-size:1rem;margin:0 5px}.header{grid-area:header}.employee__wrapper{grid-area:main}.card__wrapper{background-color:#fff;border-radius:5px;box-shadow:0 3px 7px 0 #e3dfdf;display:flex;flex:1 1;height:150px;overflow:hidden;padding:1rem;position:relative}.card__wrapper .top{background-color:#2a312f;border-radius:50%;height:120px;left:-20px;position:absolute;top:-50px;width:120px}.card__wrapper .bottom{align-items:flex-end;align-self:flex-end;display:flex;flex:1 1;flex-direction:column;justify-self:end}.card__wrapper .bottom span:first-child{font-size:4rem;font-weight:600}.card__wrapper .bottom span:nth-child(2){font-size:1.3rem}.dashboard__wrapper .top{display:flex;gap:2rem}.dashboard__wrapper{background-color:#fff;padding:2rem}.dashboard__wrapper .chart__wrapper{height:400px;margin:4rem 0;width:100%}.dashboard__wrapper .chart__wrapper h2{font-size:1.5rem;margin-bottom:2rem}.edit__employee--wrapper{background-color:#fff;padding:1rem}.edit__employee--wrapper form{display:flex;flex-direction:column;font-size:1.4rem;gap:1rem}.edit__employee--wrapper form input,.edit__employee--wrapper form select{padding:6px}.edit__employee--wrapper form div{display:flex;flex-direction:column;width:40%}.employee__table td{cursor:pointer}.employee__table td a{color:#2a312f;text-decoration:none}.filter__wrapper{align-items:flex-end;display:flex;font-size:1.2rem;gap:10px;justify-content:flex-end;margin:15px}.filter__wrapper select{font-size:1rem;padding:5px}.employee_details--wrapper{background-color:#fff;padding:20px}.employee_details--wrapper .container{align-items:center;display:flex;flex-direction:column;gap:1rem;margin:1rem}.employee_details--wrapper .container i{font-size:15rem}.employee_details--wrapper .container h2{font-size:2rem;text-align:left;width:100%}.employee_details{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin:1rem 2rem;width:100%}.employee_details div span:first-child{font-size:1.5rem;font-weight:700;margin:0 5px}.employee_details div span:nth-child(2){font-size:1.4rem}.retiree_wrapper{background-color:#fff;padding:1rem 30px}.retiree_wrapper .container{display:flex;flex-wrap:wrap;gap:1rem}.retiree_wrapper .retiree--card{background-color:#2a312f;border-radius:5px;color:#fff;display:flex;flex-direction:column;font-size:1.2rem;gap:10px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:1rem}.retiree_wrapper .retiree--card p span:first-child{font-size:1.4rem;font-weight:600;margin-right:6px}.hamburger{display:none!important}@media only screen and (max-width:600px){.layout{grid-template-areas:"header header header" "main main main" "main main main";overflow:hidden}.layout_open{display:grid;grid-template-areas:"nav header header" "nav main main" "nav main main"!important}.hamburger{display:inline!important}.layout .header,.layout_open .header{display:flex;gap:1rem;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.dashboard__wrapper{grid-area:main;padding:1rem}.layout_open .dashboard__wrapper,.layout_open .employee__wrapper{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.dashboard__wrapper .top{overflow:scroll;padding:1rem;scroll-snap-type:x mandatory;scrollbar-width:none}.dashboard__wrapper .top::-webkit-scrollbar{display:none}.dashboard__wrapper .top .card__wrapper{margin:0 auto;min-width:90%;scroll-snap-align:center}.dashboard__wrapper .chart__wrapper{margin:0;padding:2rem 0}.edit__employee--wrapper,.employee_details--wrapper,.retiree_wrapper{min-width:100vw;overflow:scroll}.edit__employee--wrapper form div{width:80%}.employee_details{grid-template-columns:1fr}}
/*# sourceMappingURL=main.f139d286.css.map*/