*,*:before,*:after{box-sizing:border-box}html,body,*[class*=label],ul,h1,h2,h3,p{margin:0;padding:0}.btn,a[class*=btn],.nav-bar a,p a{color:unset;text-decoration:none}html{scroll-behavior:smooth}body,*[class*=label],input,textarea,*::placeholder{font-family:Montserrat,sans-serif;color:#000;background-color:#fff}*[class*=wrapper]{padding:0 1rem}@media screen and (min-width: 768px) and (max-width: 1024px){*[class*=wrapper]{padding:0 1.5rem}}@media screen and (min-width: 1024px){*[class*=wrapper]{margin:0 auto;padding:0 1.5rem;max-width:63.75rem}}h1,h2,h3{padding-top:1rem;padding-bottom:.5rem}@media screen and (min-width: 768px) and (max-width: 1024px){h1,h2,h3{padding-top:1.5rem;padding-bottom:1rem}}h1{font-size:2rem;line-height:2.1rem;font-weight:lighter;color:#444796}@media screen and (min-width: 768px) and (max-width: 1024px){h1{font-size:2.5rem;line-height:2.6rem}}h2{font-size:1.625rem;line-height:1.725rem;font-weight:lighter;color:#444796}@media screen and (min-width: 768px) and (max-width: 1024px){h2{font-size:2.25rem;line-height:2.35rem}}h3{font-size:1.125rem;line-height:1.225rem;font-weight:700;color:#444796cc}@media screen and (min-width: 768px) and (max-width: 1024px){h3{font-size:1.5rem;line-height:1.65rem}}h4,h5,h6{color:#444796cc}body,*[class*=label],input,*[class*=btn],button{font-size:1rem;line-height:1.1rem}@media screen and (min-width: 768px) and (max-width: 1024px){body,*[class*=label],input,*[class*=btn],button{font-size:1.1rem;line-height:1.25rem}}*[class*=--small]{font-size:.75rem;line-height:.85rem;font-weight:500}@media screen and (min-width: 768px) and (max-width: 1024px){*[class*=--small]{font-size:.85rem;line-height:.95rem}}*[class*=label]{background-color:transparent;color:#444796cc}@media screen and (min-width: 768px) and (max-width: 1024px){*[class*=label]{font-size:.875rem;line-height:.975rem}}.react-responsive-modal-modal{min-width:80%;border-radius:20px;background-color:#444796;color:#fff;text-align:center}.react-responsive-modal-closeButton{height:2.5rem;width:2.5rem}.react-responsive-modal-closeButton *{height:2.5rem;width:2.5rem;fill:#fff}.loader-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;display:flex;justify-content:center;align-items:center}@supports (height: 100dvh){.loader-overlay{height:100dvh}}.main{display:flex;justify-content:space-around;align-items:center;flex-direction:column;gap:.5rem;max-width:67.5rem;padding:0 1rem;margin:0 auto}.magnifying-glass-wrapper{position:relative;width:10rem;height:10rem;margin:0 auto;display:flex;justify-content:center;align-items:center}.dashboard__container{width:100%;padding:1rem;max-width:1000px;margin:0 auto}.dashboard__cards{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%}@media screen and (min-width: 768px) and (max-width: 1024px){.dashboard__cards{width:80%}}.dashboard__card{min-height:10rem;min-width:5rem;width:30%;flex:1;padding:1rem;border:1px solid #c6c7de;border-radius:8px;box-shadow:0 2px 8px #0000001a;background-color:#fff;display:flex;justify-content:space-around;align-items:center;flex-direction:column;text-align:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;outline:none}.dashboard__card-title{padding:0}.dashboard__card-number{line-height:3.2rem;font-size:3rem;color:#000}.dashboard__card:hover,.dashboard__card:focus{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.dashboard__card:active{transform:translateY(0)}.dashboard__updates{width:80%;display:flex;justify-content:start;align-items:start;flex-direction:column}.dashboard__updates-title{color:#444796}.dashboard__updates-list{width:100%;list-style:none;padding:0;margin:0;display:flex;justify-content:start;align-items:center;gap:3%;row-gap:10px;flex-wrap:wrap;padding:1rem 0}.dashboard__updates-item{display:flex;justify-content:center;align-items:start;flex-direction:column;gap:.4rem;width:30%;min-height:12rem;padding:.7rem;border:1px solid #c6c7de;border-radius:8px;box-shadow:0 2px 8px #0000001a;background-color:#fff;cursor:pointer;transition:background-color .3s ease}@media screen and (max-width: 768px){.dashboard__updates-item{width:100%}}.dashboard__updates-item:hover{background-color:#4447961a}.dashboard__updates-item span{display:block;font-size:.875rem;color:#444796cc}.dashboard__no-updates{color:#000}.dashboard__load-more{display:block;padding:.5rem 1rem;margin:0 auto;background-color:#444796;color:#fff;text-align:center;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.dashboard__load-more:hover{background-color:#444796cc}.dashboard__load-more:disabled{background-color:transparent;cursor:not-allowed}.log-in{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem}.log-in__input{width:100%;padding:.5rem 1rem;border:2px solid #c6c7de;border-radius:20px}.log-in__input::placeholder{color:#444796cc;font-size:.8rem}.log-in__input:focus{border-color:#444796;outline:none}.log-in__input-container{display:flex;justify-content:center;align-items:start;flex-direction:column;gap:.5rem;position:relative}.log-in__label{padding-left:1rem}.log-in__error{width:100%;display:flex;justify-content:center;align-items:center;background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;padding:.2rem;font-size:.8rem;font-weight:500;border-radius:5px}.log-in__success{width:100%;display:flex;justify-content:center;align-items:center;background-color:#d4edda;color:#155724;border:1px solid #c3e6cb;padding:.2rem;font-size:.8rem;font-weight:500;border-radius:5px}.log-in__btn{background-color:#444796;color:#fff;border-radius:20px;border:none;padding:.5rem 1rem;cursor:pointer;font-weight:500;transition:all .3s ease-in-out;min-width:7rem;width:100%}.log-in__btn:hover{background-color:#444796cc}.log-in__re-send-btn{background-color:transparent;border:none;color:#444796;cursor:pointer;text-decoration:underline;padding:0}.log-in__re-send-btn:hover{color:#444796cc}.log-in__forgot-password{background:none;border:none;color:#444796;font-size:.8rem;padding:0;cursor:pointer;text-decoration:underline;margin-top:.25rem;align-self:flex-end}.log-in__forgot-password:hover{color:#444796cc}.register{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:.8rem;width:100%;max-width:90%;margin:2rem auto;padding:1.5rem;background-color:#fff;border-radius:20px;box-shadow:0 2px 8px #0000001a}@media screen and (min-width: 768px){.register{max-width:600px;padding:2rem}}.register__input{width:100%;padding:.75rem 1rem;border:2px solid #c6c7de;border-radius:20px;font-size:.9rem}@media screen and (min-width: 768px){.register__input{padding:.85rem 1rem;font-size:1rem}}.register__input::placeholder{color:#444796cc;font-size:.8rem}@media screen and (min-width: 768px){.register__input::placeholder{font-size:.9rem}}.register__input:focus{border-color:#444796;outline:none;box-shadow:0 0 0 2px #4447961a}.register__input-container{display:flex;justify-content:center;align-items:start;flex-direction:column;gap:.5rem;width:100%}@media screen and (min-width: 768px){.register__input-container{gap:.75rem}}.register__label{padding-left:.5rem;font-weight:500;color:#444796;font-size:.9rem}@media screen and (min-width: 768px){.register__label{font-size:1rem;padding-left:.75rem}}.register__error{width:100%;display:flex;justify-content:center;align-items:center;background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;padding:.5rem;font-size:.8rem;font-weight:500;border-radius:5px;text-align:center}@media screen and (min-width: 768px){.register__error{font-size:.9rem;padding:.6rem}}.register__btn{background-color:#444796;color:#fff;border-radius:20px;border:none;padding:.5rem 1rem;cursor:pointer;font-weight:500;transition:all .3s ease-in-out;min-width:7rem;width:100%;margin-top:1rem;padding:.75rem;font-size:1rem;transition:transform .2s ease}.register__btn:hover{background-color:#444796cc}@media screen and (min-width: 768px){.register__btn{padding:.85rem;font-size:1.1rem;margin-top:1.5rem}}.register__btn:hover{transform:translateY(-1px)}.register__btn:active{transform:translateY(0)}.main{padding:1rem}@media screen and (min-width: 768px){.main{padding:2rem}}.main__title{font-size:1.5rem;color:#444796;text-align:center}@media screen and (min-width: 768px){.main__title{font-size:2rem}}.main__users{width:100%;margin-top:3rem;background:#fff;border-radius:20px;padding:1rem;box-shadow:0 2px 8px #0000001a}@media screen and (min-width: 768px){.main__users{padding:2rem}}.main__users-subtitle{font-size:1.2rem;color:#444796;margin-bottom:1.5rem}@media screen and (min-width: 768px){.main__users-subtitle{font-size:1.4rem}}.main__users-list{width:100%;border-collapse:collapse;display:block;overflow-x:auto;text-align:center}@media screen and (min-width: 768px){.main__users-list{display:table}}.main__users-item{display:block;padding:1rem;border-bottom:1px solid #c6c7de;font-size:.9rem}@media screen and (min-width: 768px){.main__users-item{display:table-row;font-size:1rem}.main__users-item>*{display:table-cell;padding:1rem;border-bottom:1px solid #c6c7de;text-align:center;vertical-align:middle}}.main__users-item--header{background-color:#f8f9fa;font-weight:600;display:none}@media screen and (min-width: 768px){.main__users-item--header{display:table-row}.main__users-item--header th{text-align:center;padding:1rem}}@media screen and (max-width: 767px){.main__users-item{background:#fff;margin-bottom:1rem;border-radius:20px;box-shadow:0 1px 3px #0000001a;position:relative}.main__users-item [data-label]{display:flex;padding:.5rem 1rem;align-items:center;justify-content:center}.main__users-item [data-label]:before{content:attr(data-label);font-weight:600;width:40%;padding-right:1rem;text-align:right}}.main__users-delete{padding:.5rem 1rem;background-color:#721c24;color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:.9rem;transition:background-color .2s ease}@media screen and (max-width: 767px){.main__users-delete{width:100%;margin-top:.5rem}}.main__users-delete:hover{background-color:#491217}.navbar{display:flex;justify-content:space-between;align-items:center;position:relative;height:4.6rem;padding:1rem 2rem;background-color:#444796;border-bottom:1px solid #c6c7de}@media screen and (max-width: 768px){.navbar{padding:.5rem 1rem}}.navbar__logo{font-size:1.5rem;font-weight:700}.navbar__logo a{text-decoration:none;color:#fff}.navbar__logo-image{max-height:4.2rem}@media screen and (max-width: 768px){.navbar__logo{font-size:1rem}.navbar__logo--hide-mobile{display:none}}.navbar__toggle{display:none;background:none;border:none;cursor:pointer}.navbar__toggle svg{width:2rem;height:2rem;fill:#fff}@media screen and (max-width: 768px){.navbar__toggle{display:block;margin-right:.5rem}}@media screen and (min-width: 768px) and (max-width: 1024px){.navbar__toggle{display:block;margin-right:1rem}}.navbar__links{display:flex;gap:1.5rem}@media screen and (max-width: 768px){.navbar__links{display:none}.navbar__links--open{display:flex;flex-direction:column;position:fixed;top:4.5rem;left:0;height:calc(100vh - 4.5rem);width:16rem;padding:2rem;background-color:#444796;box-shadow:2px 0 10px #0000001a;z-index:1000;gap:2rem}}@media screen and (min-width: 768px) and (max-width: 1024px){.navbar__links{display:none}.navbar__links--open{display:flex;flex-direction:column;position:fixed;top:4.5rem;left:0;height:calc(100vh - 4.5rem);width:16rem;padding:2rem;background-color:#444796;box-shadow:2px 0 10px #0000001a;z-index:1000;gap:2rem}}.navbar__link,.navbar__greeting{text-decoration:none;color:#fff;transition:color .3s}.navbar__link:hover,.navbar__greeting:hover{color:#fffc}@media screen and (max-width: 768px){.navbar__link,.navbar__greeting{font-size:1.2rem}}@media screen and (min-width: 768px) and (max-width: 1024px){.navbar__link,.navbar__greeting{font-size:1.5rem}}.navbar__greeting{font-weight:700}@media screen and (max-width: 768px){.navbar__greeting{display:none;font-size:1rem}}@media screen and (min-width: 768px) and (max-width: 1024px){.navbar__greeting{font-size:1.5rem}}.navbar__profile{display:flex;justify-content:center;align-items:center;gap:1rem;position:relative}@media screen and (max-width: 768px){.navbar__profile{width:100%;display:flex;justify-content:end;align-items:center;gap:.5rem}}.navbar__profile-container{display:flex;align-items:center;position:relative}.navbar__profile-container:hover .navbar__profile-signout,.navbar__profile-container .navbar__profile-signout:hover{display:flex;justify-content:center;align-items:center}@media screen and (max-width: 768px){.navbar__profile-container:hover .navbar__profile-signout,.navbar__profile-container .navbar__profile-signout:hover{width:10rem}}.navbar__profile-link{display:flex;justify-content:center;align-items:center;gap:1rem;text-decoration:none}.navbar__profile-icon{width:40px;height:40px;border-radius:50%;border:2px solid #ffffff;transition:border-color .3s}.navbar__profile-icon:hover{border-color:#fffc}.navbar__profile-signout{display:none;position:absolute;width:100%;top:100%;right:0;background-color:#444796;padding:1rem;border:2px solid #c6c7de;border-radius:8px;box-shadow:0 2px 8px #0000001a;z-index:10}.sign-out-btn{background-color:#f8d7da;color:#721c24;border:none;padding:.5rem 1rem;cursor:pointer;border-radius:8px;transition:background-color .3s ease}.sign-out-btn:hover{background-color:#f8d7dacc}.sign-out-btn:focus{outline:none}.notification{position:relative}.notification__icon-box{cursor:pointer;position:relative}.notification__icon{width:1.2rem;height:1.2rem;fill:#fff}.notification__icon>*{stroke-width:1}@media screen and (max-width: 768px){.notification__icon{width:1.5rem;height:1.5rem}}.notification__badge{position:absolute;display:flex;justify-content:center;align-items:center;width:1rem;height:1rem;top:-.3rem;right:-.3rem;background-color:red;color:#fff;font-size:.6rem;font-weight:700;border-radius:50%}@media screen and (max-width: 768px){.notification__badge{width:1.2rem;height:1.2rem;font-size:.8rem}}.notification__dropdown{position:absolute;left:-2rem;top:2.25rem;width:15rem;background:#444796;border:1px solid #c6c7de;border-radius:8px;box-shadow:0 8px 16px #00000026;z-index:1000;overflow:hidden}.notification__title{margin:0;padding:.8rem;font-weight:700;border-bottom:1px solid #c6c7de;background-color:#fff}.notification__list{list-style:none;margin:0;padding:0}.notification__item{padding:.8rem;border-bottom:1px solid #c6c7de;display:flex;justify-content:start;align-items:center;flex-direction:column;gap:.4rem}.notification__item--empty{text-align:center;font-style:italic;color:#fffc}.notification__item--read{background-color:#fff}.notification__message{font-size:.8rem;color:#fffc}.notification__message--read{color:#444796cc}.notification__load-more{width:100%;padding:.8rem;text-align:center;background-color:#fff;color:#000;border:none;cursor:pointer}.notification__load-more:hover{background-color:#ffffffe6}.form{width:75vw;max-width:1000px;margin:0 auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem}.form__group{display:flex;justify-content:space-between;align-items:center;gap:.5rem;width:80%}.form__label{font-weight:700;color:#444796cc;margin:0}.form__input,.form__date,.form__select,.form__textarea,.form__list{width:60%;padding:10px;border:1px solid #c6c7de;border-radius:4px;font-size:16px;color:#000}.form__list{display:flex;justify-content:center;align-items:center;flex-direction:column}.form__input-container{width:60%}.form__input:focus,.form__select:focus,.form__textarea:focus,.form__date:focus{border-color:#444796;outline:none}.form__button{display:inline-block;padding:10px 20px;background-color:#444796;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.form__button:hover{background-color:#444796cc}.form__list-entry{display:flex;justify-content:space-between;align-items:center;gap:.25rem;width:100%;margin-bottom:1rem}.form__list-entry .form__group{width:50%;display:flex;justify-content:start;align-items:center;flex-direction:column;gap:.5rem}.form__list-entry .form__group .form__label{font-size:.875rem;margin-bottom:.25rem}.form__list-entry .form__group .form__input,.form__list-entry .form__group .form__select{width:100%;margin:0}.form__files-list{margin-top:.5rem}.form__file-item{padding:.25rem;margin:.25rem 0;background-color:#f5f5f5;border-radius:4px;font-size:.875rem;display:flex;justify-content:space-between;align-items:center}.form__button--danger{background-color:unset;color:#444796;padding:.5rem 1rem;height:fit-content;min-width:100px;margin-bottom:.5rem}.form__button--danger:hover{background-color:#bd2130;color:#fff}.form__group>.form__button{align-self:center;margin-top:1rem}.form__field{display:flex;flex-direction:column;gap:.25rem;width:100%}.form__field .form__label{font-size:.875rem;color:#444796cc}.form__field .form__input,.form__field .form__select,.form__field .form__textarea{width:100%;margin:0}.form__error{color:#dc3545;font-size:.75rem;margin-top:.25rem}.form__label_required{color:#dc3545;margin-left:.25rem}.reports-page--admin{width:100%;display:flex;justify-content:space-around;align-items:start;flex-direction:row-reverse}.reports-page__filter{width:23%;height:3rem;padding:10px;border:1px solid #c6c7de;border-radius:4px;font-size:1rem;color:#000}.reports-page__filter--assigned-to-me-active{border:1px solid #444796;background-color:#4447961a;color:#444796}.reports-page__filters{width:80%;display:flex;justify-content:space-between;align-items:center;padding:1rem}.reports-page__filters--admin{width:25%;display:flex;justify-content:space-around;align-items:center;height:calc(100vh - 9rem);flex-direction:column}.reports-page__filters--admin>.reports-page__filter{width:100%;display:flex;justify-content:start;align-items:start;flex-direction:column;gap:.5rem}.reports-page__filter-container{position:relative}.reports-page__filter-container label{position:absolute;top:-8px;left:12px;font-size:14px;color:#666;transition:all .3s ease;background:#fff;padding:0 5px}.reports-page__filter--date{width:100%}.reports-page__button-sidebar{padding:10px 20px;background-color:#444796;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.reports-page__sidebar-title{color:#fff}.reports-page__sidebar-filter{width:100%;height:2rem;padding:4px;border:1px solid #c6c7de;border-radius:4px;font-size:.8rem;color:#000}.reports-page__sidebar-filter-container{width:100%;display:flex;justify-content:start;align-items:start;flex-direction:column;gap:.5rem}.reports-page__sidebar-btn-container{width:100%;display:flex;justify-content:space-around;align-items:center}.reports-page__sidebar-apply-btn{padding:10px 20px;background-color:#fff;color:#000;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.reports-page__sidebar-apply-btn:hover{background-color:#fffc}.reports-page__sidebar-clear-btn{padding:10px 20px;background-color:transparent;color:#fff;border:none;border-radius:4px;font-size:16px;text-decoration:underline;cursor:pointer;transition:color .3s ease}.reports-page__sidebar-clear-btn:hover{color:#fffc}.reports-page__list{width:100%;display:flex;justify-content:start;align-items:center;flex-direction:column;gap:1rem}.reports-page__list--admin{width:70%;max-height:calc(100vh - 9rem);overflow-y:auto}.report-card{width:100%;max-width:600px;background-color:#444796;border:1px solid #c6c7de;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.report-card:hover{box-shadow:0 4px 16px #0003}.report-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.report-card__title{margin-bottom:0}.report-card__status{padding:5px 10px;border-radius:5px}.report-card__status--pending{background-color:#c6c7de;color:#000}.report-card__status--in_progress{background-color:#fc0;color:#fff}.report-card__status--resolved{background-color:#94c11f;color:#fff}.report-card__col{width:45%;display:flex;justify-content:center;align-items:start;flex-direction:column;gap:.5rem}.report-card__section{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.report-card__detail{padding:0;color:#fff;font-size:.9rem}.report-card__title{padding:0 0 .5rem;color:#fff}.sidebar{position:fixed;top:0;right:-300px;width:300px;height:100%;background-color:#444796;color:#fff;box-shadow:-2px 0 5px #00000080;transition:right .3s ease;z-index:1000}.sidebar--open{right:0}.sidebar__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999}.sidebar__content{position:relative;display:flex;justify-content:start;align-items:start;flex-direction:column;gap:1rem;padding:20px;z-index:1001}.sidebar__close{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;position:absolute;top:10px;right:10px}.profile-page__title{text-align:center}.profile-page__form{width:100%;display:flex;justify-content:start;align-items:center;flex-direction:column;gap:1rem}.profile-page__form-group{width:100%;display:flex;justify-content:start;align-items:center;flex-direction:column;gap:.5rem}.profile-page__form-group label{font-weight:700;color:#444796cc}.profile-page__form-group input{width:60%;padding:10px;border:1px solid #c6c7de;border-radius:4px;font-size:16px;color:#000}.profile-page__form-group input:disabled{background-color:transparent;border:transparent}.profile-page__btn-group{width:100%;display:flex;justify-content:center;align-items:center;gap:1rem}.profile-page__save-btn,.profile-page__delete-btn{display:inline-block;padding:10px 20px;background-color:#444796;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.profile-page__save-btn:hover,.profile-page__delete-btn:hover{background-color:#fffc}.profile-page__delete-btn{background-color:#f8d7da;color:#721c24}.profile-page__delete-btn:hover{background-color:#f8d7dacc}.permissions-container{display:flex;flex-direction:column;border:1px solid #ddd;border-radius:8px;overflow:hidden;width:100%}.permissions-header,.permissions-row{display:flex;align-items:center;padding:10px}.permissions-header{background-color:#f4f4f4;font-weight:700;border-bottom:1px solid #ddd}.permissions-user{flex:2;padding:8px;font-weight:700}.permissions-key,.permissions-checkbox{flex:1;text-align:center}.permissions-checkbox input{transform:scale(1.2);cursor:pointer}@keyframes modalInBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes modalOutBottom{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.main{position:relative}.report{width:80%;max-width:50rem;margin:20px auto;padding:1.5rem 3rem;border:1px solid #c6c7de;border-radius:8px;background-color:#fff;box-shadow:0 4px 6px #0000001a}.report__back-button{position:absolute;top:20px;left:20px;color:#444796cc;text-decoration:underline;background:none;border:none;cursor:pointer}.report__header{display:flex;justify-content:space-between;align-items:center}.report__status{padding:5px 10px;border-radius:5px;font-weight:700}.report__status--pending{background-color:#c6c7de;color:#000}.report__status--in_progress{background-color:#fc0;color:#fff}.report__status--resolved{background-color:#94c11f;color:#fff}.report__details{min-height:7rem;height:10vh;font-size:.9rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin:1rem 0}.report__details-container{height:100%;width:50%;display:flex;justify-content:space-around;align-items:start;flex-direction:column}.report__details-select{width:100%;display:flex;justify-content:space-between;align-items:center}.report__details-changes{width:100%;display:flex;justify-content:center;align-items:center;gap:.5rem}.report__details-btn{background-color:#444796;color:#fff;border-radius:20px;border:none;padding:.5rem 1rem;cursor:pointer;font-weight:500;transition:all .3s ease-in-out;min-width:7rem}.report__details-btn:hover{background-color:#444796cc}.report__details-btn--cancel{background-color:#c6c7de;color:#000}.report__section-title{color:#444796cc}.report__timeline-list{list-style:none;padding:0}.report__timeline-item{padding:10px;border-left:3px solid #444796}.report__timeline-item--admin{margin:.5rem;border:3px solid #94c11f;border-radius:5px;background-color:#94c11f1a}.report__timeline-header{display:flex;justify-content:space-between;align-items:center}.report__timeline-header--admin *{font-size:.9rem}.report__timeline-name{font-weight:700}.report__timeline-date{font-weight:700;display:block}.report__timeline-status{font-style:italic;color:#444796cc}.report__timeline-comment{font-size:.9rem}.report__timeline-approval{padding-top:.2rem;display:flex;justify-content:start;align-items:center;gap:.5rem}.report__timeline-approval-textarea{margin:.4rem 0;width:100%;padding:10px;border:1px solid #c6c7de;border-radius:5px}.report__timeline-approval-btn,.report__timeline-approval-btn--rejected{padding:5px 2px;border:none;border-radius:5px;cursor:pointer;width:5rem;font-size:.8rem}.report__timeline-approval-btn{background-color:#444796;color:#fff}.report__timeline-approval-btn--reject{background-color:#f8d7da;color:#721c24}.report__attachments-list{list-style:none;padding:0}.report__attachments-item a{text-decoration:none;color:#444796;font-size:.9rem}.report__no-attachments,.report__no-timeline{font-size:.9rem}.report__actions{display:flex;flex-direction:column;gap:.7rem}.report__actions-text{font-size:.9rem}.report__comment-box{width:100%;padding:10px;border:1px solid #c6c7de;border-radius:5px}.report__comment-error{font-size:.8rem;color:red}.report__actions-btns{width:100%;display:flex;gap:.5rem}.report__submit-btn,.report__request-update-btn{padding:10px;border:none;border-radius:5px;cursor:pointer;width:100%}.report__submit-btn{background-color:#444796;color:#fff}.report__submit-btn--comment{background-color:#4447964d;color:#000}.report__request-update-btn{background-color:#94c11f;color:#fff}.form__select--report{padding:.3rem;font-size:.9rem}
