@import"https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@200;300;400;500;600;700&display=swap";.text-headline{font-family:Poppins,sans-serif;font-size:35px}@media (min-width: 668px) and (max-width: 1024px){.text-headline{font-size:35px}}@media (max-width: 667px){.text-headline{font-size:32px}}.text-subtitle{font-family:Poppins,sans-serif;font-size:27px}@media (min-width: 668px) and (max-width: 1024px){.text-subtitle{font-size:27px}}@media (max-width: 667px){.text-subtitle{font-size:24px}}.text-bigcontent{font-family:Roboto,sans-serif;font-size:19px}@media (min-width: 668px) and (max-width: 1024px){.text-bigcontent{font-size:19px}}@media (max-width: 667px){.text-bigcontent{font-size:18px}}.text-content{font-family:Roboto,sans-serif;font-size:17px}@media (min-width: 668px) and (max-width: 1024px){.text-content{font-size:17px}}@media (max-width: 667px){.text-content{font-size:16px}}.text-small{font-family:Roboto,sans-serif;font-size:15px}@media (min-width: 668px) and (max-width: 1024px){.text-small{font-size:15px}}@media (max-width: 667px){.text-small{font-size:14px}}.text-white{color:#fff}.text-primary{color:#333}.text-secondary{color:#d97734}.text-accent{color:#c59a71}.text-silent{color:#767675}.text-medium{font-weight:500!important}.text-bold{font-weight:700!important}.main-content{width:100%;height:calc(100vh - 100px);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow-y:auto;background-color:#f9f9f2}.dashboard-main-content{display:flex;flex-direction:column;margin-left:300px;padding:2rem 10rem;min-height:100vh;background-color:#f9f9f2}@media (min-width: 668px) and (max-width: 1024px){.dashboard-main-content{min-height:calc(100vh - 74px);height:calc(100vh - 74px);margin-top:74px;margin-left:0;padding:2rem}}@media (max-width: 667px){.dashboard-main-content{min-height:calc(100vh - 74px);margin-left:0;padding:2rem;padding:calc(52px + 2rem) 2rem 2rem 2rem}}.header-container{height:100px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;background:#ede8d5;font-family:Poppins,sans-serif!important}.app-logo{height:90px}.main-nav{display:flex;gap:1.5rem}.main-nav a{text-decoration:none;color:#767675;padding:.5rem}.main-nav a.active{color:#333;border-bottom:2px solid #D97734;font-weight:500}.main-nav-logout-button{background:none;border:none;color:#767675;font:inherit;cursor:pointer;padding:.5rem;text-decoration:none;outline:none}.main-nav-logout-button:focus{text-decoration:underline}.dropdown{display:flex;flex-direction:column;width:100%;padding:.75rem}.dropdown-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.5rem;background:none;border:none;cursor:pointer;padding:.5rem}.dropdown-trigger:hover{text-decoration:underline}.dropdown-menu{display:flex;flex-direction:column;justify-content:center;gap:1rem}.dropdown-item{display:flex;justify-content:space-between;width:70%;align-items:center;padding:.5rem 1rem}@media (min-width: 668px) and (max-width: 1024px){.dropdown-item{width:100%}}@media (max-width: 667px){.dropdown-item{width:100%}}.dropdown-item-left{display:flex;align-items:flex-start;flex-direction:column;gap:1rem}.dropdown-item-left-pair{display:flex;align-items:center;gap:.5rem}.dropdown-item-right{display:flex;justify-content:flex-start;align-self:flex-start}.dropdown-item-icon{display:inline-flex}.dropdown-item-text{flex:1}.dropdown-item-label{padding:.5rem .75rem;border-radius:20px}@media (max-width: 667px){.dropdown-item-label{padding:.25rem .5rem;text-align:center;text-wrap-mode:nowrap}}.dropdown-item-label.label-red{background-color:#fee2e2;color:#991b1b}.dropdown-item-label.label-yellow{background-color:#fef9c3;color:#854d0e}.dropdown-item-label.label-blue{background-color:#dbeafe;color:#1e40af}.dropdown-item-label.label-green{background-color:#dcfce7;color:#166534}.dropdown-item-label.label-grey{background-color:#ececec;color:#767675}.message-box{display:flex;align-items:center;padding:.75rem 1rem;border-radius:10px;box-shadow:0 4px 10px #00000040}.message-box-icon{display:flex;align-items:center;margin-right:.75rem}.message-box-text{flex:1}.message-box-close{background:none;border:none;cursor:pointer;color:inherit;padding:0;margin-left:1rem;display:flex;align-items:center}.message-box-close:hover{opacity:.7}.message-box-info{background-color:#dbeafe;color:#1e40af}.message-box-success{background-color:#dcfce7;color:#166534}.message-box-error{background-color:#fee2e2;color:#991b1b}.message-box-warning{background-color:#fef9c3;color:#854d0e}.return-link{text-decoration:none}.return-link:hover{color:#333}.return-link-item{display:flex;flex-direction:row;align-items:center;gap:1rem}.common-link{color:#5a7c17}.common-link:hover{color:#506f14}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#f9f9f2;border-radius:10px;max-height:90dvh;max-width:500px;display:flex;flex-direction:column;padding:1rem;gap:1rem}@media (max-width: 667px){.modal{max-width:90dvw;max-height:90dvh}}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-header-text{display:flex;flex-direction:column;gap:.5rem}.modal-close{background:none;border:none;cursor:pointer}.modal-close:hover{color:#333}.modal-body{display:flex;flex-direction:column;gap:1rem;padding:.25rem;overflow-y:auto}.modal-footer{display:flex;justify-content:space-between;gap:.5rem}.modal-form-field{display:flex;flex-direction:column;width:300px}.modal-form-field-error{color:#991b1b;background-color:#fee2e2;padding:.5rem 1rem;border-radius:10px;margin-bottom:1rem;width:300px}.text-input{display:flex;flex-direction:column;width:inherit}@media (max-width: 667px){.text-input{max-width:100%}}.text-input-label{margin-bottom:.6rem;font-weight:600}.text-input-field{padding:.6rem .8rem;background-color:#e5ded8;border:1px solid #BCB8B8;border-radius:10px}.text-input-field::-moz-placeholder{color:#767675}.text-input-field::placeholder{color:#767675}.text-input-field:focus{outline:none;border-color:#5a7c17;box-shadow:0 0 0 4px #5a7c173a}.text-input textarea{resize:vertical;max-height:20rem}.text-input input[type=number]::-webkit-outer-spin-button,.text-input input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.text-input input[type=number]{-moz-appearance:textfield;-webkit-appearance:none;appearance:none}.text-input input[type=date]{width:inherit;box-sizing:border-box}@media (max-width: 667px){.text-input input[type=date]{max-width:100%}}.button{display:flex;align-items:center;justify-content:space-evenly;gap:.5rem;width:auto;text-decoration:none;font-weight:600;border:none;box-shadow:0 2px 4px #00000040;border-radius:10px;padding:.6rem 1rem;cursor:pointer;transition:background-color .2s ease,color .2s ease,opacity .2s ease}.button-disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.button-icon{display:inline-flex;align-items:center;justify-content:center}.button-text{display:inline}.button-primary{color:#fff;background-color:#5a7c17}.button-primary:hover:not(.button-disabled){background-color:#577816}.button-primary:active:not(.button-disabled){background-color:#506f14}.button-secondary{color:#fff;background-color:#d97734}.button-secondary:hover:not(.button-disabled){background-color:#d87430}.button-secondary:active:not(.button-disabled){background-color:#bf692e}.button-delete{color:#fff;background-color:#e84e48}.button-delete:hover:not(.button-disabled){background-color:#e74a43}.button-delete:active:not(.button-disabled){background-color:#cf4641}.button-white{color:#333;background-color:#f9f9f2}.button-white:hover:not(.button-disabled){background-color:#f6f6eb}.button-white:active:not(.button-disabled){background-color:#e5ded8}.select-input{position:relative;width:inherit;display:flex;flex-direction:column;gap:.5rem;margin-bottom:5px}@media (max-width: 667px){.select-input{max-width:100%}}.select-input-field{display:flex;align-items:center;justify-content:space-between;padding:.6rem .8rem;background:#e5ded8;border:1px solid #BCB8B8;border-radius:10px;cursor:pointer}.select-input-field.open{border-bottom-left-radius:0;border-bottom-right-radius:0}.select-input-icon{pointer-events:none}.select-input-list{position:absolute;top:100%;left:0;right:0;margin:0;list-style:none;background-color:#e5ded8;border:1px solid #BCB8B8;border-bottom-right-radius:10px;border-bottom-left-radius:10px;max-height:200px;overflow-y:auto;z-index:10}.select-input-option{padding:.6rem .8rem;background-color:#e5ded8;cursor:pointer}.select-input-option:hover{background-color:#5a7c17;color:#f9f9f2}.select-input-option.selected{font-weight:700}.select-input-option.disabled{opacity:.5;cursor:not-allowed}.select-input-disabled{opacity:.7;cursor:not-allowed}.dashboard-side-menu{position:fixed;top:0;left:0;width:300px;height:100vh;height:100dvh;background-color:#ede8d5;display:flex;align-items:center;flex-direction:column;padding:1.5rem 0;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));transition:transform .3s ease;z-index:1000}@media (min-width: 668px) and (max-width: 1024px){.dashboard-side-menu{transform:translate(-100%);width:280px;background-color:#f9f9f2}.dashboard-side-menu.open{transform:translate(0);box-shadow:74px 0 100px #00000040}}@media (max-width: 667px){.dashboard-side-menu{transform:translate(-100%);width:240px;background-color:#f9f9f2}.dashboard-side-menu.open{transform:translate(0);box-shadow:74px 0 100px #00000040}}.dashboard-side-menu-header{text-align:center;width:100%;padding-bottom:1rem;margin-bottom:1rem;border-bottom:.5px solid #BCB8B8}.dashboard-side-menu-header-logo{height:100px;margin-bottom:.5rem}.dashboard-side-menu-header-welcome{font-family:Poppins,sans-serif;color:#333;margin:.2rem 0}.dashboard-side-menu-header-user{font-family:Roboto,sans-serif;font-weight:600;color:#c59a71;margin:.2rem 0}.dashboard-side-menu-options{flex:1;display:flex;flex-direction:column;width:100%;padding:1rem;overflow-y:auto}.dashboard-side-menu-options::-webkit-scrollbar{width:4px;background-color:#ede8d5}.dashboard-side-menu-options::-webkit-scrollbar-button{display:none;height:0;width:0}.dashboard-side-menu-options::-webkit-scrollbar-track{background-color:#ede8d5}.dashboard-side-menu-options::-webkit-scrollbar-thumb{background-color:#bcb8b8;border-radius:4px}@media (max-width: 667px){.dashboard-side-menu-options{padding:0}}.dashboard-side-menu-option{display:flex;align-items:center;gap:1rem;padding:.75rem 1.25rem;text-decoration:none;color:#767675;font-weight:500}.dashboard-side-menu-option-icon{display:inline-flex;align-items:center;justify-content:center}.dashboard-side-menu-option-label{flex:1}.dashboard-side-menu-option-active{color:#5a7c17;font-weight:700}.dashboard-side-menu button{margin-top:2rem}@media (max-width: 667px){.dashboard-side-menu button{margin:2rem}}.dashboard-page-header-main{display:flex;align-items:center;gap:.75rem}.dashboard-page-header-icon{display:inline-flex;align-items:center;justify-content:center}.dashboard-page-header-title{margin:0}.dashboard-page-header-description{margin:.25rem 0 0}.dashboard-mobile-header-menu{display:none;background:#ede8d5;padding:0 1rem;z-index:1000}.dashboard-mobile-header-menu-container{display:flex;align-items:center;justify-content:space-between;width:100%}.dashboard-mobile-header-menu-logo{height:40px}.dashboard-mobile-header-menu-button{background:none;border:none;cursor:pointer;padding:0;color:#767675}.dashboard-mobile-header-menu-button:hover{color:#717170}.dashboard-mobile-header-menu-button:active{color:#333}@media (min-width: 668px) and (max-width: 1024px){.dashboard-mobile-header-menu{display:inline-flex;position:fixed;top:0;left:0;height:74px;width:100%}.dashboard-mobile-header-menu-logo{height:60px}}@media (max-width: 667px){.dashboard-mobile-header-menu{display:inline-flex;position:fixed;top:0;left:0;height:52px;width:100%}}.dashboard-section{display:flex;align-items:center;justify-content:flex-start;gap:2rem;margin-bottom:1.5rem;width:100%}.dashboard-section.button-section{justify-content:flex-start}@media (min-width: 668px) and (max-width: 1024px){.dashboard-section.button-section{justify-content:space-between}}@media (max-width: 667px){.dashboard-section.button-section{justify-content:space-between}}.dashboard-section.habitats-list,.dashboard-section.habitat-reports-list,.dashboard-section.species-list,.dashboard-section.animals-list,.dashboard-section.activities-list{flex-direction:column;align-items:center;flex:1;overflow-y:auto;padding:.5rem;gap:1rem}.dashboard-section.pagination-section{justify-content:center;padding-bottom:2rem}.dashboard-card{display:flex;background-color:#f9f9f2;padding:1rem;gap:1rem;width:100%;border-radius:10px;box-shadow:0 4px 10px #00000040}.dashboard-card-link{text-decoration:none;width:100%}.dashboard-card-body{display:flex;align-items:center;flex:1;gap:1rem}.dashboard-card-media{flex:0 0 auto;position:relative}.dashboard-card-media img{display:block;-o-object-fit:cover;object-fit:cover;border-radius:10px}.dashboard-card-media-overlay-button{position:absolute;top:.5rem;right:.5rem;z-index:1}.dashboard-card-header{font-weight:700}.dashboard-card-actions{display:flex;align-items:center}.dashboard-card-item{display:inline-flex;justify-content:space-between;flex-direction:column;gap:.5rem;width:100%}.dashboard-card-ellipsis{background:none;border:none;cursor:pointer;align-self:flex-start}.dashboard-card-ellipsis:hover{color:#333}.dashboard-card-label{padding:.5rem .75rem;border-radius:20px;width:-moz-fit-content;width:fit-content}@media (max-width: 667px){.dashboard-card-label{padding:.25rem .5rem;text-align:center;text-wrap-mode:nowrap}}.dashboard-card-label.label-red{background-color:#fee2e2;color:#991b1b}.dashboard-card-label.label-yellow{background-color:#fef9c3;color:#854d0e}.dashboard-card-label.label-blue{background-color:#dbeafe;color:#1e40af}.dashboard-card-label.label-green{background-color:#dcfce7;color:#166534}.dashboard-card-label.label-grey{background-color:#ececec;color:#767675}.media-rounded img{width:80px;height:80px;border-radius:50px;box-shadow:0 4px 10px #00000040}.dashboard-card-vertical{display:flex;flex-direction:column;background-color:#f9f9f2;padding:1rem;width:100%;border-radius:10px;box-shadow:0 4px 10px #00000040}.dashboard-card-vertical .dashboard-card-link{text-decoration:none;width:100%}.dashboard-card-vertical .dashboard-card-body{display:flex;flex-direction:column;align-items:center;flex:1;gap:1rem}.dashboard-card-vertical .dashboard-card-media{width:100%;max-height:20rem;flex:0 0 auto}.dashboard-card-vertical .dashboard-card-media img{display:block;width:100%;max-height:inherit;-o-object-fit:cover;object-fit:cover}.dashboard-card-vertical .dashboard-card-header{font-weight:700}.dashboard-card-vertical .dashboard-card-item{display:inline-flex;justify-content:space-between;align-self:flex-start;flex-direction:column;padding:.75rem;gap:1rem;width:100%}.dashboard-card-vertical .dashboard-card-pair{display:inline-flex;flex-direction:column;gap:.5rem}.dashboard-card-vertical .dashboard-card-pair-horizontal{display:inline-flex;flex-direction:row;gap:.5rem}.dashboard-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem}.rate-editor{display:flex;flex-direction:column;align-self:flex-start;gap:1rem}.rate-editor-list{display:flex;flex-direction:column;gap:.75rem;max-height:20rem;overflow-y:auto}.rate-editor-item{display:flex;gap:.5rem;padding:.25rem;flex-direction:row}.rate-editor-item-field-section{display:flex;gap:.5rem}@media (max-width: 667px){.rate-editor-item-field-section{flex-direction:column}}.rate-editor-item-button-section{display:flex}.rate-editor .button-secondary{align-self:flex-start}.login-container{background-color:#f9f9f2;display:flex;justify-content:center;align-items:center;padding:1rem;height:100%;width:50%}.login-form{background-color:#f9f9f2;display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:600px;padding:2rem;border-radius:10px;box-shadow:0 4px 8px #00000040}.login-form-field{display:flex;flex-direction:column;width:300px}.login-form-field-error{color:#991b1b;background-color:#fee2e2;padding:.5rem 1rem;border-radius:10px;margin-bottom:1rem}.login-form .text-input-field:invalid{outline:none}.habitat-content{display:flex;flex-direction:column;padding-top:2rem;padding-bottom:2rem}.habitat-content-infos{justify-content:flex-start}.activity-content{display:flex;flex-direction:column;padding-top:2rem;padding-bottom:2rem}.activity-content-infos{justify-content:flex-start}.specie-content{display:flex;flex-direction:column;padding-top:2rem;padding-bottom:2rem}.specie-content-infos{justify-content:flex-start}.animal-content{display:flex;flex-direction:column;padding-top:2rem;padding-bottom:2rem}.animal-content-infos{justify-content:flex-start}*{margin:0;padding:0;box-sizing:border-box}*::-webkit-scrollbar{width:4px;background-color:#ede8d5}*::-webkit-scrollbar-button{display:none;height:0;width:0}*::-webkit-scrollbar-track{background-color:#ede8d5}*::-webkit-scrollbar-thumb{background-color:#bcb8b8;border-radius:4px}