@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.loading{align-items:center;background-color:#ffffffe6;display:flex;flex-direction:column;justify-content:center;position:fixed;top:0;left:0;width:100vw;height:100dvh}.loading__spin{color:#fff;animation:rotate 3s linear infinite}.loading__spin.red{color:var(--red)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button{display:flex;gap:8px;background-color:var(--blue);justify-content:center;text-decoration:none;text-align:center;width:max-content;align-items:center;outline:none;border:none;border-radius:4px;padding:.5rem 1rem;color:#fff;font-weight:600;transition:all ease-in-out .3s;cursor:pointer;font-size:var(--font-md)}@media screen and (min-width: 768px){.button{width:auto;padding:.5rem 1rem}}.button:hover{background-color:#0797cf}.button:disabled,.button:disabled:hover{background-color:var(--dark-gray)!important;cursor:default}.input__container{display:flex;flex-direction:column;gap:.25rem;margin:.25rem 0}.input__label{color:var(--dark);font-size:var(--font-md);font-weight:600}.input__wrapper{display:flex;gap:8px;align-items:center;padding:8px;border:2px solid var(--dark);border-radius:.25rem;transition:all ease-in-out .15s;background-color:#fff}.input__wrapper:focus-within{border-color:var(--primary)}.input__wrapper .lucide{margin-top:-2px}.input{width:100%;flex:1 1 auto;outline:none;border:none}.input__error-message{color:var(--red);font-size:var(--font-sm)}.login{align-items:center;background-color:var(--light-gray);display:flex;height:calc(100dvh - 82px);justify-content:center}.login__container{align-items:center;background-color:#fff;box-shadow:1rem 1rem 1rem #0000001a;display:flex;flex-direction:column;gap:1rem;padding:2rem;width:min(400px,90vw)}.login__alert{width:100%;background-color:#ffc400;text-align:center;padding:1.5rem 1rem}.login__header{font-size:2rem;color:var(--red)}.login__form{display:flex;flex-direction:column;width:100%}.form__actions{display:flex;justify-content:center;margin-top:1rem}.navbar{align-items:center;background-color:var(--light-gray);position:fixed;width:100dvw}.navbar__container{max-width:1440px;width:100%;justify-self:center;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem}.navbar__logo-image{width:48px}.navbar__list{display:inline-flex;gap:1.5rem}.navbar__item{color:var(--brown);cursor:pointer;list-style:none;position:relative}.navbar__link{color:var(--brown);font-weight:600;text-decoration:none;transition:all ease-in-out .3s}.navbar__link:after{content:"";display:block;top:0;bottom:0;left:0;right:0;position:absolute}.navbar__link:hover,.navbar__link.active,.navbar__link--active{color:var(--red)}.navbar__item--has-dropdown{position:relative}.navbar__item--has-dropdown:before{content:"";position:absolute;top:0;right:0;bottom:-10px;left:0}.navbar__dropdown{background-color:#fff;box-shadow:.25rem .5rem 1rem #0000001a,.25rem .25rem .5rem #0003;display:none;max-width:500px;min-width:160px;padding:1rem;position:absolute;right:-50%;top:2.25rem;transition:all ease-in-out .3s;border-radius:4px;z-index:2}.navbar__dropdown--show{display:block}.navbar__dropdown:after{position:absolute;content:"";width:1rem;height:1rem;top:-.5rem;background-color:#fff;transform:rotate(45deg);right:1rem;z-index:-1}.navbar__dropdown-list{display:flex;width:max-content;flex-direction:column;gap:.5rem}.navbar__item--has-dropdown .navbar__dropdown{right:50%}.navbar__item--has-dropdown:hover .navbar__dropdown{display:block}.navbar__mobile{position:relative}.navbar__mobile-button{background-color:transparent;border:none;cursor:pointer}.navbar__mobile-list{display:flex;flex-direction:column;width:max-content;gap:1rem}.main__content{background-color:var(--light-gray);display:flex;justify-content:center;min-height:100vh;padding-top:89px;width:100%}.not-found{height:100vh;position:relative;background-color:var(--grey);color:var(--dark);padding:32px}.not-found__bruce{position:absolute;top:0;right:0;transform:scaleX(-1)}.not-found__logo{width:240px;margin-bottom:2rem}.not-found__container{display:flex;margin:10% 0 0 128px;flex-direction:column;align-items:center;width:300px}.not-found__title{font-size:8rem;font-weight:100;line-height:6rem;letter-spacing:1rem}.not-found__subtitle{font-size:2rem;font-weight:700;letter-spacing:.3rem}.not-found__text{font-weight:300}.not-found__button{width:100%;margin-top:2rem;background-color:var(--light-brown)}.not-found__button:hover{background-color:var(--brown)}body.overflow-hidden{overflow:hidden}.backdrop{display:none;position:fixed;background-color:#00000080;display:flex;justify-content:center;align-items:center;top:0;right:0;bottom:0;left:0;z-index:99}.backdrop.open{display:block}.modal{background-color:#fff;position:relative;padding:1rem 2rem 2rem;width:100dvw;height:100dvh;z-index:100}@media screen and (min-width: 426px){.modal{width:fit-content;height:fit-content;max-width:90vw;max-height:80vh}}.modal__header{display:flex;justify-content:center;padding-right:2rem}.modal__close-button{position:absolute;top:1rem;right:1rem;height:32px;width:32px;border-radius:50%;padding:.25rem;cursor:pointer;transition:all .3s ease-in-out}.modal__close-button:hover{background-color:var(--light-gray);color:var(--red)}.modal__icon{line-height:12px}.modal__title{color:var(--red);font-size:2rem}.adopt-gallery-item{align-items:center;aspect-ratio:1.1;background-color:#fff;box-shadow:var(--shadow);display:flex;flex-direction:column;padding-bottom:1rem;padding:2rem;transition:all .3s ease-in-out;width:100%}.adopt-gallery-item:hover{box-shadow:var(--shadow-hover);transform:rotate(2deg) scale(105%);z-index:10}.adopt-gallery-item:nth-child(odd):hover{transform:rotate(-2deg) scale(105%)}.adopt-gallery-item__image{height:100%;width:100%;object-fit:contain}.adopt-gallery-item__name{color:var(--red);font-size:1.25rem;margin-top:.25rem;margin-bottom:1rem}.gallery-modal{display:flex;flex-direction:column;align-items:center;margin-top:1rem;gap:2rem}@media screen and (min-width: 768px){.gallery-modal{display:flex;flex-direction:row;align-items:start;margin-top:1rem;gap:2rem}}.gallery-modal__image-section{display:flex;flex-direction:column;gap:1rem}.gallery-modal__image{width:250px;height:250px;object-fit:contain}.gallery-modal__carousel{display:flex;max-width:100%;gap:0 .5rem;overflow-x:auto}.gallery-modal__carousel-image{width:75px;height:75px;object-fit:cover}.gallery-modal__details_section{width:300px}.gallery-modal__details-title{color:var(--red);font-size:1.25rem}.gallery-modal__details-title:last-of-type{margin-top:.5rem}.gallery-modal__details-text{color:var(--dark);font-size:.875rem}.gallery-modal__button-container{margin-top:1rem;display:flex;width:100%}.gallery-modal__button{width:100%}.adopt-animals{background-color:var(--light-gray);display:flex;max-width:1440px;width:100%;flex:1 1;justify-content:center;padding:1rem 5vmin}.adopt-animals__title{color:var(--red);font-size:var(--font-lg);text-align:center}.adopt-animals__container{grid-column:2;display:flex;gap:2rem;flex-direction:column;width:100%;align-items:center}.adopt-animals__gallery{display:grid;width:100%;justify-content:center;justify-items:center;grid-template-columns:repeat(auto-fill,100%);grid-gap:.5rem}@media (min-width: 425px){.adopt-animals__gallery{grid-gap:1rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (min-width: 1024px){.adopt-animals__gallery{grid-template-columns:repeat(auto-fill,minmax(256px,1fr))}}@media (min-width: 1600px){.adopt-animals__container{grid-template-columns:1fr min(1600px,100%) 1fr}.adopt-animals__gallery{grid-gap:1.2rem;grid-template-columns:repeat(auto-fill,minmax(332px,1fr))}}.list{display:flex;width:100%;flex-direction:column;gap:8px}.list__item{display:flex;width:100%;background-color:#fff;flex-direction:column;min-height:40px;padding:16px;list-style:none;box-shadow:4px 4px 4px #0000001a;transition:all .3s ease-in-out}.list__item-link{width:100%;height:100%;text-decoration:none;color:var(--dark)}.list__item--navigable{cursor:pointer}.list__item:hover{box-shadow:var(--shadow-hover);transform:scale(1.01);z-index:10}.animals-list{background-color:var(--light-gray);display:flex;flex-direction:column;max-width:1440px;width:100%;flex:1 1;align-items:center;padding:1rem 5vmin;gap:16px}.animals-list__header{min-width:300px;width:100%}.animals-list__title{color:var(--red);font-size:var(--font-lg);text-align:center}.animals-list__search-wrapper{display:flex;gap:16px}.animals-list__search-wrapper .input__container{flex:1 1}.animals-list__list-wrapper{width:100%}.animals-list__item-container{display:flex;align-items:center;gap:24px}.animals-list__image-container{width:80px;height:80px;overflow:hidden}.animals-list__image{width:100%;object-fit:contain}.animals-list__item-header{display:flex;align-items:center;gap:8px;font-size:1rem}.animals-list__item-content{flex:1 1 auto}.animals-list__animal-name{font-size:1.5rem;color:var(--red)}.animals-list__animal-header{font-size:1rem;font-weight:600;color:var(--dark)}.animals-list__animal-description{font-size:.875rem;color:var(--dark)}.animals-list__delete{display:flex;padding:8px;border-radius:4px;height:fit-content;align-items:center;background:transparent;border:none;outline:none;cursor:pointer;transition:all ease-in-out .15s}.animals-list__delete:hover{background-color:var(--red);color:#fff}.select-container{display:flex;flex-direction:column;gap:.25rem;margin:.25rem 0;color:var(--dark)}.select-wrapper__label{font-size:var(--font-md);font-weight:600}.select-wrapper{display:flex;padding:8px;border:2px solid var(--dark);border-radius:4px;transition:all ease-in-out .15s;background-color:#fff}.select-wrapper:focus-within{border-color:var(--primary)}.select-wrapper__select{width:100%;height:20px;outline:none;border:none;background-color:transparent}.select-wrapper__option{background-color:#fff}.select-wrapper__error-message{color:var(--red);font-size:var(--font-sm)}.animal-form__footer{margin-top:16px;display:flex;width:100%;justify-content:end;gap:16px}.animal-form__inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));width:100%;gap:16px}.animal-form__upload{margin-top:16px}.animal-form__images-wrapper{display:flex;margin-top:16px;width:100%;flex-direction:column;align-items:center;gap:16px;border:2px solid var(--dark);padding:16px;border-radius:4px}.animal-form__images-upload{width:100%;height:64px;display:flex;align-items:center;justify-content:center;border:2px dashed var(--dark);border-radius:4px;cursor:pointer}.animal-form__images{display:flex;width:100%;flex-wrap:wrap;justify-content:baseline;gap:16px}.animal-form__image-container{display:flex;flex-direction:column;gap:8px;border-radius:4px}.animal-form__image{max-height:100px;max-width:100px;object-fit:cover;border-radius:4px}.animal-form__back-button{background:transparent;color:var(--blue);font-size:var(--font-md)}.animal-form__back-button:hover{background-color:var(--light-blue)}.animals-form{background-color:var(--light-gray);display:flex;flex-direction:column;max-width:1440px;width:100%;flex:1 1 auto;align-items:center;padding:1rem 5vmin;gap:16px}.animals-form__title{color:var(--red);font-size:var(--font-lg);text-align:center}.animals-form__form-wrapper{width:100%}.users-list{background-color:var(--light-gray);display:flex;flex-direction:column;max-width:1440px;width:100%;flex:1 1;align-items:center;padding:1rem 5vmin;gap:16px}.users-list__header{min-width:300px;width:100%}.users-list__title{color:var(--red);font-size:var(--font-lg);text-align:center}.users-list__list-wrapper{width:100%}.users-list__list-header{display:flex;justify-content:end;margin-bottom:16px}.users-list__item-container{display:flex;justify-content:space-between;align-items:center;gap:24px}.users-list__item-content{flex:1 1 auto}.users-list__delete{display:flex;padding:8px;border-radius:4px;height:fit-content;align-items:center;background:transparent;border:none;outline:none;transition:all ease-in-out .15s}.users-list__delete:not(:disabled):hover{background-color:var(--red);cursor:pointer;color:#fff}.user-modal__form{display:flex;flex-direction:column;flex-wrap:wrap;gap:16px;width:100%}.user-modal__footer{display:flex;margin-top:16px;width:100%;justify-content:end;gap:16px}.finances-list{background-color:var(--light-gray);display:flex;flex-direction:column;max-width:1440px;width:100%;flex:1 1;align-items:center;padding:1rem 5vmin;gap:16px}.finances-list__header{min-width:300px;width:100%}.finances-list__title{color:var(--red);font-size:var(--font-lg);text-align:center}.finances-list__list-wrapper{width:100%}.finances-list__list-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:16px}.finances-list__total-wrapper{display:flex;align-items:center;gap:8px;font-weight:600;flex:1 1 auto}.finances-list__buttons-wrapper{display:flex;gap:16px}.finances-list__import-button{background:transparent;color:var(--blue)}.finances-list__import-button:hover{background:var(--light-blue);color:var(--blue)}.finances-list__item-container{display:flex;align-items:center;gap:24px}.finances-list__item-header{display:flex;align-items:center;gap:8px;font-size:1rem}.finances-list__item-content{flex:1 1 auto}.finances-list__amount{font-size:1.5rem}.finances-list__amount--positive{color:var(--blue)}.finances-list__amount--negative{color:var(--red)}.finances-list__transaction-description{font-size:.875rem;color:var(--dark)}.finances-list__delete{display:flex;padding:8px;border-radius:4px;height:fit-content;align-items:center;background:transparent;border:none;outline:none;cursor:pointer;transition:all ease-in-out .15s}.finances-list__delete:hover{background-color:var(--red);color:#fff}.finance-modal__form{display:flex;flex-direction:column;flex-wrap:wrap;gap:16px;width:100%}.finance-modal__footer{display:flex;margin-top:16px;width:100%;justify-content:end;gap:16px}.about{background-color:var(--light-gray);display:flex;flex-direction:column;max-width:1440px;width:100%;flex:1 1;align-items:baseline;padding:1rem 5vmin;gap:16px}.about__title{color:var(--red);font-size:var(--font-lg);text-align:center}.about__subtitle{font-size:1.5rem;color:var(--dark);margin-top:1rem}.about__text{line-height:1.5rem;text-align:justify;margin-top:.5rem;margin-left:.5rem}:root{--primary: #f78c25;--primary-dark: #d67418;--red: #f44336;--light-blue: #bbeafd;--blue: #00b7ff;--brown: #66422e;--light-brown: #a87152;--yellow: #fff176;--light-gray: #f8f8f8;--gray: #cccccc;--dark-gray: #929292;--dark: #383838;--font-lg: clamp(2rem, 12vw, 3rem);--font-md: .875rem;--font-sm: .5rem;--shadow: .5rem .5rem 1rem rgba(0, 0, 0, .2);--shadow-hover: 1rem 1rem 1.5rem rgba(0, 0, 0, .1)}@media (min-width: 768px){:root{--font-md: 1rem;--font-sm: .75rem}}*{box-sizing:border-box;padding:0;margin:0;font-family:Poppins,Arial,Helvetica,sans-serif}