@charset "UTF-8";@media (max-width: 479px){.hide-xs{display:none!important}}@media (min-width: 480px) and (max-width: 767px){.hide-sm{display:none!important}}@media (min-width: 768px) and (max-width: 1023px){.hide-md{display:none!important}}@media (min-width: 1024px) and (max-width: 1199px){.hide-lg{display:none!important}}@media (min-width: 1200px){.hide-xl{display:none!important}}@media (max-width: 479px){.show-xs{display:block!important}}@media (min-width: 480px) and (max-width: 767px){.show-sm{display:block!important}}@media (min-width: 768px) and (max-width: 1023px){.show-md{display:block!important}}@media (min-width: 1024px) and (max-width: 1199px){.show-lg{display:block!important}}@media (min-width: 1200px){.show-xl{display:block!important}}@media (max-width: 479px){.text-xs{font-size:12px!important}}@media (min-width: 480px) and (max-width: 767px){.text-sm{font-size:14px!important}}@media (min-width: 768px) and (max-width: 1023px){.text-md{font-size:16px!important}}@media (min-width: 1024px) and (max-width: 1199px){.text-lg{font-size:18px!important}}@media (min-width: 1200px){.text-xl{font-size:20px!important}}@media (max-width: 479px){.p-xs{padding:8px!important}}@media (min-width: 480px) and (max-width: 767px){.p-sm{padding:12px!important}}@media (min-width: 768px) and (max-width: 1023px){.p-md{padding:16px!important}}@media (min-width: 1024px) and (max-width: 1199px){.p-lg{padding:20px!important}}@media (min-width: 1200px){.p-xl{padding:24px!important}}@media (max-width: 479px){.m-xs{margin:8px!important}}@media (min-width: 480px) and (max-width: 767px){.m-sm{margin:12px!important}}@media (min-width: 768px) and (max-width: 1023px){.m-md{margin:16px!important}}@media (min-width: 1024px) and (max-width: 1199px){.m-lg{margin:20px!important}}@media (min-width: 1200px){.m-xl{margin:24px!important}}@media (max-width: 768px){.header-container{padding:0 16px;height:56px}.logo-text{font-size:20px}.current-page{font-size:16px}.user-name{display:none}.header-user{gap:12px}.avatar-image{width:36px;height:36px}}@media (max-width: 480px){.header-container{padding:0 12px}.logo-text{font-size:18px}.current-page{font-size:14px}.header-user{gap:8px}.avatar-image{width:32px;height:32px}}.container{width:100%;margin:0 auto;padding:0 16px}@media (min-width: 480px) and (max-width: 767px){.container{max-width:540px;padding:0 20px}}@media (min-width: 768px) and (max-width: 1023px){.container{max-width:720px;padding:0 24px}}@media (min-width: 1024px) and (max-width: 1199px){.container{max-width:960px;padding:0 32px}}@media (min-width: 1200px){.container{max-width:1200px;padding:0 40px}}.row{display:flex;flex-wrap:wrap;margin:0 -8px}@media (min-width: 480px) and (max-width: 767px){.row{margin:0 -12px}}@media (min-width: 768px) and (max-width: 1023px){.row{margin:0 -16px}}.col{flex:1;padding:0 8px}@media (min-width: 480px) and (max-width: 767px){.col{padding:0 12px}}@media (min-width: 768px) and (max-width: 1023px){.col{padding:0 16px}}@media (max-width: 479px){.col-xs-12{flex:0 0 100%;max-width:100%}}@media (max-width: 479px){.col-xs-6{flex:0 0 50%;max-width:50%}}@media (max-width: 479px){.col-xs-4{flex:0 0 33.333333%;max-width:33.333333%}}@media (max-width: 479px){.col-xs-3{flex:0 0 25%;max-width:25%}}@media (min-width: 480px) and (max-width: 767px){.col-sm-12{flex:0 0 100%;max-width:100%}}@media (min-width: 480px) and (max-width: 767px){.col-sm-6{flex:0 0 50%;max-width:50%}}@media (min-width: 480px) and (max-width: 767px){.col-sm-4{flex:0 0 33.333333%;max-width:33.333333%}}@media (min-width: 480px) and (max-width: 767px){.col-sm-3{flex:0 0 25%;max-width:25%}}@media (min-width: 768px) and (max-width: 1023px){.col-md-12{flex:0 0 100%;max-width:100%}}@media (min-width: 768px) and (max-width: 1023px){.col-md-6{flex:0 0 50%;max-width:50%}}@media (min-width: 768px) and (max-width: 1023px){.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}}@media (min-width: 768px) and (max-width: 1023px){.col-md-3{flex:0 0 25%;max-width:25%}}@media (min-width: 1024px) and (max-width: 1199px){.col-lg-12{flex:0 0 100%;max-width:100%}}@media (min-width: 1024px) and (max-width: 1199px){.col-lg-6{flex:0 0 50%;max-width:50%}}@media (min-width: 1024px) and (max-width: 1199px){.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}}@media (min-width: 1024px) and (max-width: 1199px){.col-lg-3{flex:0 0 25%;max-width:25%}}@media (min-width: 1200px){.col-xl-12{flex:0 0 100%;max-width:100%}}@media (min-width: 1200px){.col-xl-6{flex:0 0 50%;max-width:50%}}@media (min-width: 1200px){.col-xl-4{flex:0 0 33.333333%;max-width:33.333333%}}@media (min-width: 1200px){.col-xl-3{flex:0 0 25%;max-width:25%}}:root{--mat-form-field-outlined-outline-color: rgba(230, 228, 223, 1);--mat-form-field-outlined-container-shape: 4px;--mat-form-field-container-vertical-padding: 5px;--mat-form-field-container-height: 45px;--mat-option-label-text-font: "Exo";--mat-select-trigger-text-line-height: 34px;--mat-form-field-container-text-font: "Exo";--mat-table-row-item-label-text-font: "Exo";--mat-table-header-headline-font: "Exo";--mat-table-row-item-label-text-color: rgba(59, 50, 40, 1)}::ng-deep .mat-mdc-slide-toggle{--mdc-switch-selected-track-color: #56881E !important;--mdc-switch-selected-handle-color: #FFFFFF !important;--mdc-switch-selected-hover-track-color: #56A830 !important;--mdc-switch-selected-hover-handle-color: #FFFFFF !important;--mdc-switch-selected-focus-track-color: #56881E !important;--mdc-switch-selected-focus-handle-color: #FFFFFF !important;--mdc-switch-selected-pressed-track-color: #56A830 !important;--mdc-switch-selected-pressed-handle-color: #FFFFFF !important;--mdc-switch-unselected-track-color: #E5E3DE !important;--mdc-switch-unselected-handle-color: #FFFFFF !important;--mdc-switch-unselected-hover-track-color: #F5F5F5 !important;--mdc-switch-unselected-hover-handle-color: #FFFFFF !important;--mdc-switch-unselected-focus-track-color: #E5E3DE !important;--mdc-switch-unselected-focus-handle-color: #FFFFFF !important;--mdc-switch-unselected-pressed-track-color: #F5F5F5 !important;--mdc-switch-unselected-pressed-handle-color: #FFFFFF !important;--mdc-switch-disabled-selected-track-color: #F5F5F5 !important;--mdc-switch-disabled-selected-handle-color: #B5B3AF !important;--mdc-switch-disabled-unselected-track-color: #F5F5F5 !important;--mdc-switch-disabled-unselected-handle-color: #B5B3AF !important;--mdc-switch-selected-icon-color: #56881E !important;--mdc-switch-unselected-icon-color: #B5B3AF !important;--mdc-switch-disabled-selected-icon-color: #B5B3AF !important;--mdc-switch-disabled-unselected-icon-color: #B5B3AF !important}::ng-deep .mat-mdc-slide-toggle .mdc-switch__track{background-color:#e5e3de!important;border:1px solid #E5E3DE!important;border-radius:12px!important;height:24px!important;width:48px!important}::ng-deep .mat-mdc-slide-toggle.mdc-switch--selected .mdc-switch__track{background-color:#56881e!important;border-color:#56881e!important}::ng-deep .mat-mdc-slide-toggle .mdc-switch__handle-track{background-color:transparent!important}::ng-deep .mat-mdc-slide-toggle .mdc-switch__handle{background-color:#fff!important;border:2px solid #E5E3DE!important;border-radius:50%!important;box-shadow:0 2px 4px #0000001a!important;height:20px!important;width:20px!important;top:1px!important;left:1px!important}::ng-deep .mat-mdc-slide-toggle.mdc-switch--selected .mdc-switch__handle{background-color:#fff!important;border-color:#56881e!important;left:25px!important}::ng-deep .mat-mdc-slide-toggle .mdc-switch{transition:all .3s cubic-bezier(.4,0,.2,1)!important}::ng-deep .mat-mdc-slide-toggle .mdc-switch__handle{transition:all .3s cubic-bezier(.4,0,.2,1)!important}::ng-deep .mat-mdc-slide-toggle .mdc-switch:focus-within .mdc-switch__track{box-shadow:0 0 0 2px #56881e4d!important}::ng-deep .mat-mdc-slide-toggle:hover .mdc-switch__track{background-color:#f5f5f5!important}::ng-deep .mat-mdc-slide-toggle.mdc-switch--selected:hover .mdc-switch__track{background-color:#56a830!important}::ng-deep .mat-mdc-slide-toggle.mdc-switch--disabled .mdc-switch__track{background-color:#f5f5f5!important;border-color:#f5f5f5!important}::ng-deep .mat-mdc-slide-toggle.mdc-switch--disabled .mdc-switch__handle{background-color:#b5b3af!important;border-color:#b5b3af!important}.lm-checkbox .mdc-checkbox__background,.lm-checkbox .mdc-checkbox__background:before,.lm-checkbox .mdc-checkbox__background:after{border:1px solid rgb(165,161,157)!important;border-radius:4px!important}.mat-mdc-checkbox .mdc-checkbox__background{border:1px solid rgb(165,161,157);border-radius:4px;background:transparent}.mat-mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__background{border:1px solid rgb(165,161,157);border-radius:4px;background-color:#a5a19d33}.top-table-container{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0rem;background:#fff;border-radius:8px;gap:1rem;min-height:64px;position:relative;flex-wrap:wrap}@media (max-width: 1024px) and (min-width: 768px){.top-table-container{gap:.75rem;padding:.5rem}}@media (max-width: 767.98px){.top-table-container{flex-direction:column;align-items:stretch;gap:.75rem;padding:.75rem 0;min-height:auto}}.filters-section{display:flex;align-items:center;gap:.75rem;flex-shrink:0}@media (max-width: 767.98px){.filters-section{width:100%;justify-content:space-between;gap:.5rem;flex-wrap:wrap}}.filter-button{background:#fff;color:#475569;border:1px solid #e2e8f0}.active-filters{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#f0f9ff;border:1px solid #bae6fd;border-radius:4px;cursor:pointer}.active-filters{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#f0f9ff;border:1px solid #bae6fd;border-radius:4px;cursor:pointer;transition:all .2s ease}.active-filters-text{font-size:.75rem;color:#0079b8;font-weight:500}.chevron-down{width:12px;height:12px;stroke:#0079b8}.actions-section{display:flex;align-items:center;gap:.75rem;flex-shrink:0}@media (max-width: 1024px) and (min-width: 768px){.actions-section{gap:.5rem}}@media (max-width: 767.98px){.actions-section{width:100%;justify-content:space-between;gap:.5rem;flex-wrap:wrap}}.export-button{background:#fff;color:#475569;border:1px solid #e2e8f0}.mat-icon{width:24px!important;height:24px!important;font-size:24px!important}.ml-search-container{display:inline-block;position:relative;width:499.5px;height:50px}@media (max-width: 1024px) and (min-width: 768px){.ml-search-container{width:350px}}@media (max-width: 767.98px){.ml-search-container{width:100%;height:44px}}.search-input-wrapper{position:relative;display:flex;align-items:center;width:100%;height:100%}.search-input{width:100%;height:100%;border:1px solid #e5e7eb;border-radius:4px;padding:8px 40px 8px 12px;font-size:14px;outline:none;transition:border-color .2s ease;background-color:#fff;color:#3b3228;opacity:1}.search-icon{position:absolute;right:12px;color:#3b3228;cursor:pointer;font-size:16px;width:16px;height:16px;transition:color .2s ease}.ml-search-small .search-input{padding:6px 36px 6px 10px;font-size:14px;border-radius:4px}.ml-search-small .search-icon{font-size:20px;width:20px;height:20px;right:16px}.ml-search-medium .search-input{padding:8px 40px 8px 12px;font-size:14px;border-radius:6px}.ml-search-medium .search-icon{font-size:20px;width:20px;height:20px;right:16px}.ml-search-large .search-input{padding:12px 48px 12px 16px;font-size:16px;border-radius:8px}.ml-search-large .search-icon{font-size:20px;width:20px;height:20px;right:16px}.sidebar-section{opacity:1;display:flex}.sidebar-section.home-section{gap:18px;padding:10px 0}.sidebar-section.main-section{flex-direction:column;padding-bottom:20px}.sidebar-section.settings-section{flex-direction:column;margin-top:auto;margin-bottom:0;padding:0;width:100%}.sidebar-section.support-section{flex-direction:column;padding:0;width:100%}.nav-link{height:50px;width:100%;display:flex;align-items:center;text-decoration:none;color:#3b3228;padding:0 15px;gap:18px;box-sizing:border-box}.nav-link .right-section{display:flex;flex-direction:column;gap:24px;margin-top:24px}.nav-link .right-section .detail-row{display:flex;gap:60px;align-items:flex-start}.nav-link .right-section .detail-row .detail-item{display:flex;flex-direction:column;gap:6px}.nav-link .right-section .detail-row .detail-item.left-column{width:198px;height:54px}.nav-link .right-section .detail-row .detail-item.right-column{width:130px;height:54px}.nav-link .right-section .detail-row .detail-item.right-column.empty{height:54px}.nav-link .right-section .detail-row .detail-item .detail-label{font-family:Exo;font-weight:600;font-size:1.25rem;line-height:21.1px;color:#3b3228;text-transform:capitalize}.nav-link .right-section .detail-row .detail-item .detail-value{font-family:Exo;font-weight:400;font-size:14px;line-height:20px;color:#3b3228;padding:4px 8px;border-radius:4px;text-align:left;min-width:61px;width:auto;height:28px;display:flex;align-items:center;justify-content:flex-start;background:#f5f5f5;white-space:nowrap;flex-shrink:0}.nav-link .right-section .detail-row .detail-item .detail-value.tag-brown,.nav-link .right-section .detail-row .detail-item .detail-value.tag-blue{background:#f5f5f5;color:#3b3228}.nav-link .right-section .detail-row .detail-item .detail-value.tag-green{background:#effce2;color:#3b3228}.nav-link .right-section .detail-row .detail-item .detail-value.breed-tag{min-width:131px!important;width:auto!important}.nav-link .right-section .detail-row .detail-item .detail-value.no-background{background:transparent;padding:0}.nav-link .right-section .detail-row .detail-item .detail-value.tag-state{width:104px;gap:4px;opacity:1;border-radius:54px;padding:4px 12px;background:#f0f3f7;color:#3b3228;display:flex;align-items:center;justify-content:flex-start;text-align:left}.nav-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s ease}.nav-icon img{width:100%;height:100%;object-fit:contain}.nav-link:hover .nav-icon{transform:scale(1.1)}.nav-link.active{background:linear-gradient(135deg,#effce2,#f0f9ff);border-radius:8px;color:#2d5016;font-weight:600}.nav-link.active .nav-icon{color:#70b625}.nav-link.active .nav-label{color:#2d5016;font-weight:600}.nav-label{font-family:Exo;font-weight:500;font-style:normal;font-size:20px;line-height:100%;letter-spacing:-.02em;white-space:nowrap;transition:opacity .3s ease}.collapse-btn{display:flex;align-items:center;background:none;border:none;cursor:pointer;padding:12px 15px 12px 45px;gap:6px;color:#3b322880}.collapse-btn .nav-label{font-size:16px!important}.sidebar-divider{height:1px;background-color:#cac8c2;margin:0 15px;opacity:.5}@media (max-width: 767.98px){.sidebar{transform:translate(-100%);transition:transform .3s ease}app-sidebar.mobile-open .sidebar,.mobile-open .sidebar{transform:translate(0)!important}}.mat-mdc-chip{border:1px solid rgb(243,239,237)!important;border-radius:4px!important;background:#f3efed!important}.mat-mdc-chip .mat-icon{font-size:14px!important;width:14px!important;height:14px!important}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__action--primary:before{border-width:0px!important;border:none!important}.generic-card{background:#fff;border-radius:10px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;font-family:Exo;font-weight:600;height:100%;width:100%;overflow-x:hidden;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#B5B3AF #EFEFEF}.generic-card::-webkit-scrollbar{width:8px}.generic-card::-webkit-scrollbar-track{background:#efefef;border-radius:4px}.generic-card::-webkit-scrollbar-thumb{background:#b5b3af;border-radius:4px}.generic-card::-webkit-scrollbar-thumb:hover{background:#cac8c2}.generic-card .scrollable-content{flex:1;overflow-y:auto;overflow-x:hidden;width:100%;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#B5B3AF #EFEFEF}.generic-card .scrollable-content::-webkit-scrollbar{width:8px}.generic-card .scrollable-content::-webkit-scrollbar-track{background:#efefef;border-radius:4px}.generic-card .scrollable-content::-webkit-scrollbar-thumb{background:#b5b3af;border-radius:4px}.generic-card .scrollable-content::-webkit-scrollbar-thumb:hover{background:#cac8c2}.card-content{display:flex;padding:0 39.41px;gap:24px;width:100%;max-width:100%;box-sizing:border-box;align-items:flex-start}.card-content .left-section{display:flex;flex-direction:column;gap:24px;flex-shrink:0;min-width:0}.card-content .left-section .image-container{position:relative;width:247.52px;height:247.52px;flex-shrink:0}.card-content .left-section .image-container .card-image{width:100%;height:100%;object-fit:cover;border-radius:8px}.card-content .left-section .image-container .camera-plus-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fff;border:2px dashed #CAC8C2;border-radius:8px;cursor:pointer;transition:all .2s ease}.card-content .left-section .image-container .camera-plus-container:hover{background:#fff;border-color:#b5b3af}.card-content .left-section .image-container .camera-plus-container .camera-plus-icon{width:36px;height:36px;opacity:.7;transition:opacity .2s ease}.card-content .left-section .image-container .camera-plus-container:hover .camera-plus-icon{opacity:1}.card-content .left-section .image-container .delete-image-btn{position:absolute;bottom:8px;left:8px;width:32px;height:32px;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:4px}.card-content .left-section .image-container .delete-image-btn .trash-icon{width:24px;height:24px}.card-content .left-section .image-container .delete-image-btn:hover{background:#0000001a;transform:scale(1.1)}.card-content .left-section .info-block{width:300px;min-height:48px;display:flex;flex-direction:column;gap:4px;flex-shrink:0;max-width:100%;min-width:0}.card-content .left-section .info-block .info-item{display:flex;flex-direction:column;gap:7px;min-width:0;max-width:100%}.card-content .left-section .info-block .info-item .info-label{font-family:Exo;font-weight:600;font-size:1.25rem;line-height:21.1px;color:#3b3228;text-transform:capitalize}.card-content .left-section .info-block .info-item .info-value{font-family:Exo;font-weight:400;font-size:1.25rem;line-height:21.1px;color:#3b3228;word-break:break-word;overflow-wrap:break-word;max-width:100%;min-width:0}.card-content .right-section{display:flex;flex-direction:column;gap:24px;margin-top:24px}.card-content .right-section .detail-row{display:flex;gap:60px;align-items:flex-start}.card-content .right-section .detail-row .detail-item{display:flex;flex-direction:column;gap:6px}.card-content .right-section .detail-row .detail-item.left-column{width:198px;height:54px}.card-content .right-section .detail-row .detail-item.right-column{width:130px;height:54px}.card-content .right-section .detail-row .detail-item.right-column.empty{height:54px}.card-content .right-section .detail-row .detail-item .detail-label{font-family:Exo;font-weight:600;font-size:1.25rem;line-height:21.1px;color:#3b3228;text-transform:capitalize}.card-content .right-section .detail-row .detail-item .detail-value{font-family:Exo;font-weight:400;font-size:14px;line-height:20px;color:#3b3228;padding:4px 8px;border-radius:4px;text-align:left;min-width:61px;width:auto;height:28px;display:flex;align-items:center;justify-content:flex-start;background:#f5f5f5;white-space:nowrap;flex-shrink:0}.card-content .right-section .detail-row .detail-item .detail-value.tag-brown,.card-content .right-section .detail-row .detail-item .detail-value.tag-blue{background:#f5f5f5;color:#3b3228}.card-content .right-section .detail-row .detail-item .detail-value.tag-green{background:#effce2;color:#3b3228}.card-content .right-section .detail-row .detail-item .detail-value.breed-tag{min-width:131px!important;width:auto!important}.card-content .right-section .detail-row .detail-item .detail-value.no-background{background:transparent;padding:0}.card-content .right-section .detail-row .detail-item .detail-value.tag-state{width:104px;gap:4px;opacity:1;border-radius:54px;padding:4px 12px;background:#f0f3f7;color:#3b3228;display:flex;align-items:center;justify-content:flex-start;text-align:left}@media screen and (min-width: 1920px){.card-content{padding:0 60px;gap:48px;justify-content:center;max-width:1400px;margin:0 auto}.card-content .left-section .image-container{width:280px;height:280px}.card-content .left-section .info-block{width:280px}.card-content .right-section{max-width:600px}.card-content .right-section .detail-row{gap:80px}.card-content .right-section .detail-row .detail-item.left-column{width:220px}.card-content .right-section .detail-row .detail-item.right-column{width:160px}}@media screen and (min-width: 1440px) and (max-width: 1919px){.card-content{padding:0 50px;gap:40px;justify-content:center;max-width:1200px;margin:0 auto}.card-content .left-section .image-container{width:260px;height:260px}.card-content .left-section .info-block{width:260px}.card-content .right-section{max-width:550px}.card-content .right-section .detail-row{gap:60px}.card-content .right-section .detail-row .detail-item.left-column{width:210px}.card-content .right-section .detail-row .detail-item.right-column{width:150px}}@media screen and (min-width: 1200px) and (max-width: 1439px){.card-content{padding:0 40px;gap:32px}.card-content .left-section .image-container{width:240px;height:240px}.card-content .left-section .info-block{width:240px}.card-content .right-section .detail-row{gap:50px}.card-content .right-section .detail-row .detail-item.left-column{width:200px}.card-content .right-section .detail-row .detail-item.right-column{width:140px}}@media screen and (min-width: 1024px) and (max-width: 1199px){.card-content{padding:0 32px;gap:24px}.card-content .left-section .image-container{width:220px;height:220px}.card-content .left-section .info-block{width:220px}.card-content .right-section .detail-row{gap:40px;flex-wrap:wrap}.card-content .right-section .detail-row .detail-item.left-column{width:190px}.card-content .right-section .detail-row .detail-item.right-column{width:130px}}@media screen and (min-width: 769px) and (max-width: 1023px){.card-content{padding:0 24px;flex-direction:column;align-items:center}.card-content .left-section{width:100%;align-items:center}.card-content .left-section .image-container{width:220px;height:220px}.card-content .left-section .info-block{width:100%;max-width:400px}.card-content .right-section{width:100%;margin-top:0}.card-content .right-section .detail-row{gap:30px;flex-wrap:wrap}.card-content .right-section .detail-row .detail-item.left-column,.card-content .right-section .detail-row .detail-item.right-column{width:auto;min-width:150px;flex:1}}@media screen and (max-width: 768px){.card-content{padding:0 16px;gap:16px;margin-top:16px;flex-direction:column;align-items:center}.card-content .left-section{gap:16px;width:100%;align-items:center}.card-content .left-section .image-container{width:200px;height:200px}.card-content .left-section .info-block{width:100%;max-width:300px;height:auto}.card-content .right-section{gap:16px;width:100%;margin-top:0}.card-content .right-section .detail-row{flex-direction:column;gap:16px}.card-content .right-section .detail-row .detail-item{width:100%!important;height:auto!important}.card-content .right-section .detail-row .detail-item.left-column,.card-content .right-section .detail-row .detail-item.right-column{width:100%!important}}@media screen and (max-width: 480px){.card-content{padding:0 12px;gap:12px;margin-top:12px}.card-content .left-section{gap:12px}.card-content .left-section .image-container{width:160px;height:160px}.card-content .left-section .image-container .camera-plus-icon,.card-content .left-section .image-container .delete-image-btn{width:28px;height:28px}.card-content .left-section .image-container .delete-image-btn .trash-icon{width:20px;height:20px}.card-content .left-section .info-block .info-item .info-label,.card-content .left-section .info-block .info-item .info-value{font-size:14px}.card-content .right-section,.card-content .right-section .detail-row{gap:12px}.card-content .right-section .detail-item .detail-label{font-size:14px;line-height:18px}.card-content .right-section .detail-item .detail-value{font-size:13px;padding:3px 6px;height:auto;min-height:24px}}@media screen and (max-width: 360px){.card-content{padding:0 10px;gap:10px}.card-content .left-section .image-container{width:140px;height:140px}.card-content .left-section .info-block .info-item .info-label,.card-content .left-section .info-block .info-item .info-value{font-size:13px}.card-content .right-section{gap:10px}.card-content .right-section .detail-item .detail-label{font-size:13px}.card-content .right-section .detail-item .detail-value{font-size:12px;padding:2px 5px}}.notes-section{width:100%;height:auto;padding:0 39.41px;margin-top:24px;margin-left:0;display:flex;flex-direction:column;gap:23px;box-sizing:border-box}.notes-section:before{content:"";width:100%;height:0px;border-top:1px solid #CAC8C2;margin:0 0 24px;opacity:1}.notes-section .notes-title{font-family:Exo;font-weight:600;font-size:14px;color:#3b3228;margin:0}.notes-section .notes-list{display:flex;flex-direction:column;gap:12px}.notes-section .notes-list .note-item{padding:12px;background:transparent;border-radius:0;border:none}.notes-section .notes-list .note-item .note-content{font-family:Exo;font-weight:400;font-size:14px;color:#3b3228;margin-bottom:8px}.notes-section .notes-list .note-item .note-timestamp{font-family:Exo;font-weight:400;font-size:.875rem;color:#b5b3af;margin-bottom:8px}.notes-section .notes-list .note-item .note-actions{display:flex;gap:12px;align-items:center;justify-content:flex-end}.notes-section .notes-list .note-item .note-actions .action-link{width:auto;height:26px;font-family:Exo;font-weight:400;font-style:normal;font-size:.875rem;line-height:26px;text-align:right;text-decoration:underline;text-decoration-style:solid;text-decoration-offset:0%;text-decoration-thickness:0%;text-decoration-skip-ink:auto;color:#b5b3af;cursor:pointer;transition:all .3s ease;opacity:1;display:flex;align-items:center;justify-content:flex-end}.notes-section .notes-list .note-item .note-actions .action-link:hover{opacity:.8}.notes-section .note-input .input-field{width:100%;height:80px;padding:12px;border:1px solid #CAC8C2;border-radius:8px;font-family:Exo;font-size:14px;resize:none;outline:none;background:#f5f5f5}.notes-section .note-input .input-field:focus{border-color:#0079b8}.notes-section .note-input .input-field::placeholder{font-family:Exo;font-weight:400;font-style:normal;font-size:14px;line-height:21.1px;letter-spacing:0px;color:#b5b3af}@media screen and (min-width: 1920px){.notes-section{width:100%;padding:0 60px;margin-left:0}.notes-section:before{width:100%}}@media screen and (min-width: 1440px) and (max-width: 1919px){.notes-section{width:100%;padding:0 50px;margin-left:0}.notes-section:before{width:100%}}@media screen and (min-width: 1200px) and (max-width: 1439px){.notes-section{width:100%;padding:0 40px;margin-left:0}.notes-section:before{width:100%}}@media screen and (min-width: 1024px) and (max-width: 1199px){.notes-section{width:100%;padding:0 32px;margin-left:0;margin-top:24px}.notes-section:before{width:100%}}@media screen and (min-width: 769px) and (max-width: 1023px){.notes-section{width:100%;margin-left:0;padding:0 24px;margin-top:24px}.notes-section:before{width:100%}}@media screen and (max-width: 768px){.notes-section{width:100%;padding:0 16px;gap:16px;margin-left:0;margin-top:24px}.notes-section:before{width:100%}.notes-section .notes-list{gap:8px}.notes-section .notes-list .note-item{padding:8px}}@media screen and (max-width: 480px){.notes-section{padding:0 12px;gap:12px}.notes-section .notes-title{font-size:14px}.notes-section .notes-list .note-item{padding:6px}.notes-section .notes-list .note-item .note-content{font-size:14px}.notes-section .notes-list .note-item .note-timestamp{font-size:11px}.notes-section .notes-list .note-item .note-actions .action-link{font-size:12px}.notes-section .note-input .input-field{height:60px;font-size:14px;padding:8px}}@media screen and (max-width: 360px){.notes-section{padding:0 10px}.notes-section .notes-title{font-size:13px}.notes-section .note-input .input-field{height:50px;font-size:13px}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#3b32284d;z-index:1001}.change-group-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:1002}.change-group-card{width:780px!important;height:403px!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important}.change-group-footer{display:flex!important;align-items:center!important;justify-content:space-between!important}.change-group-footer .selected-count{font-family:Exo,sans-serif;font-weight:600;font-style:normal;font-size:20px;line-height:24px;letter-spacing:0%;text-align:center;color:#3b3228;margin:0;flex:1}.groups-list{padding:20px 32px 20px 20px}.groups-list .groups-title{font-family:Exo,sans-serif;font-weight:600;font-style:normal;font-size:18px;line-height:21.1px;letter-spacing:0px;color:#3b3228;margin:0 0 20px}.groups-list .group-options{width:100%;height:205px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px 24px;overflow:visible;padding:0}.groups-list .group-option{width:100%;height:40px;display:flex;align-items:center;justify-content:center;padding:8px;border:1px solid #EAEAEA;border-radius:4px;cursor:pointer;transition:all .2s ease;background:#fff;gap:4px}.groups-list .group-option:hover{border-color:#56a830;background:#f5f5f5}.groups-list .group-option.selected{border-color:#f3efed;background:#f3efed}.groups-list .group-option .group-name{font-family:Exo,sans-serif;font-weight:500;font-style:normal;font-size:14px;line-height:24px;letter-spacing:0%;color:#3b3228;text-align:center;display:flex;align-items:center;justify-content:center}.groups-list .group-option .group-code{display:none}.selected-count{color:#3b3228;font-weight:600;font-size:20px;line-height:24px;letter-spacing:0%;text-align:center}@media screen and (max-width: 768px){.selected-count{font-size:18px;line-height:22px}}@media screen and (max-width: 480px){.selected-count{font-size:16px;line-height:20px}}.action-menu-container{padding:0;display:flex;justify-content:flex-end;position:fixed;z-index:1000}.action-menu-trigger{position:relative}.action-trigger-btn{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#56881e,#56a830);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #56881e4d;min-width:200px}.action-trigger-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #56881e66}.action-trigger-btn:active{transform:translateY(0)}.action-trigger-btn.active{background:linear-gradient(135deg,#56a830,#56881e)}.action-trigger-btn .btn-text{font-size:1.1rem}.action-trigger-btn .btn-icon{font-size:.9rem;transition:transform .3s ease}.action-floating-menu{position:absolute;top:100%;left:0;margin-top:8px;z-index:1000;background:#fff;border-radius:6px;border:1px solid #CAC8C2;font-family:Exo;font-size:14px;line-height:21.1px;color:#3b3228;overflow:hidden;transition:height .3s ease}.action-floating-menu .menu-content{padding:0;height:100%}.action-floating-menu .menu-content .menu-item{width:232px;height:28px;border-radius:4px;padding:4px 20px 4px 12px;gap:8px;transform:rotate(0);opacity:1;display:flex;align-items:center;cursor:pointer;transition:background-color .2s;margin:0;border:none}.action-floating-menu .menu-content .menu-item:hover{background-color:#f5f5f5}.action-floating-menu .menu-content .menu-item.expandable{width:232px;height:28px;justify-content:space-between;transform:rotate(0);opacity:1}.action-floating-menu .menu-content .menu-item.expandable.expanded{background-color:#f7f6f6}.action-floating-menu .menu-content .menu-item.expandable .expand-arrow{width:20px;height:20px;padding:10px 16px 10px 4px;gap:10px;transform:rotate(0);opacity:1;margin-left:auto;cursor:pointer;transition:transform .2s;display:flex;align-items:center;justify-content:center}.action-floating-menu .menu-content .menu-item.expandable .expand-arrow .arrow-icon{font-size:20px;width:20px;height:20px;color:#3b3228;opacity:1;transform:rotate(0)}.action-floating-menu .menu-content .menu-item.expandable .expand-arrow:hover .arrow-icon{color:#3b3228}.action-floating-menu .menu-content .menu-item .menu-item-icon{width:16px;height:16px;transform:rotate(0);opacity:1;flex-shrink:0}.action-floating-menu .menu-content .menu-item .menu-item-icon.material-icon{font-size:16px;width:16px;height:16px;color:#3b3228;opacity:1;transform:rotate(0)}.action-floating-menu .menu-content .menu-item .label{flex:1}.action-floating-menu .menu-content .sub-items-container{max-height:0;overflow:hidden;transition:max-height .3s ease;margin:0;background-color:#f7f6f6}.action-floating-menu .menu-content .sub-items-container.visible{max-height:400px;overflow-y:auto}.action-floating-menu .menu-content .sub-items-container .sub-item{height:28px;padding:2px 20px 2px 40px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:background-color .2s;margin:0;background-color:#f7f6f6}.action-floating-menu .menu-content .sub-items-container .sub-item:hover{background-color:#f0f0f0}.action-floating-menu .menu-content .sub-items-container .sub-item .checkbox{width:14px;height:14px;border:1px solid #B5B3AF;border-radius:2px;display:flex;align-items:center;justify-content:center}.action-floating-menu .menu-content .sub-items-container .sub-item .checkbox .checkmark{color:#3b3228;font-size:10px;font-weight:700}.action-floating-menu .menu-content .sub-items-container .sub-item .label{font-size:13px;color:#b5b3af}.settings-container{margin:0 auto;background:#f5f5f5;min-height:100vh}.settings-header{margin-bottom:32px;text-align:center}.settings-header h1{color:#3b3228;font-size:2.5rem;margin-bottom:8px;font-weight:700}.settings-header p{color:#b5b3af;font-size:1.1rem;margin:0}.settings-section h2{color:#3b3228;margin-bottom:16px;font-size:1.5rem;font-weight:700}.settings-section p{color:#b5b3af;line-height:1.6;margin:0 0 24px}.menu-trigger-container{position:relative;margin-bottom:24px}.settings-trigger-btn{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:400px;padding:16px 20px;background:linear-gradient(135deg,#0079b8,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #0079b84d}.settings-trigger-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0079b866}.settings-trigger-btn:active{transform:translateY(0)}.settings-trigger-btn.active{background:linear-gradient(135deg,#764ba2,#0079b8)}.settings-trigger-btn .btn-text{font-size:1.1rem}.settings-trigger-btn .btn-icon{font-size:.9rem;transition:transform .3s ease}.settings-floating-menu{position:absolute;top:100%;margin-top:8px;z-index:1000}.settings-summary{background:#f5f5f5;border-radius:8px;padding:20px;border-left:4px solid rgb(0,121,184)}.settings-summary h3{color:#3b3228;font-size:1.2rem;font-weight:700;margin:0 0 16px}.settings-summary .selected-count{display:flex;align-items:center;font-size:1rem;color:#b5b3af;margin:0 0 16px}.settings-summary .selected-count .count{background:#0079b8;color:#fff;padding:4px 12px;border-radius:20px;font-weight:700;margin-right:12px;font-size:1.1rem}.settings-summary .selected-items{display:flex;flex-wrap:wrap;gap:8px;margin:0}.settings-summary .selected-items .selected-tag{background:#e3f2fd;color:#0079b8;padding:6px 12px;border-radius:16px;font-size:.9rem;font-weight:600;border:1px solid #bbdefb}.settings-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.settings-actions .btn{padding:12px 24px;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.settings-actions .btn.btn-primary{background:#0079b8;color:#fff}.settings-actions .btn.btn-primary:hover{background:#5a6fd8;transform:translateY(-1px)}.settings-actions .btn.btn-secondary{background:#b5b3af;color:#fff}.settings-actions .btn.btn-secondary:hover{background:#5a6268;transform:translateY(-1px)}.settings-actions .btn.btn-outline{background:transparent;color:#0079b8;border:2px solid rgb(0,121,184)}.settings-actions .btn.btn-outline:hover{background:#0079b8;color:#fff;transform:translateY(-1px)}.ml-floating-menu{position:absolute;background:#fff;border-radius:6px;border:1px solid #CAC8C2;z-index:1000;opacity:1;visibility:hidden;transform:translateY(-10px);transition:all .2s ease-in-out;font-family:Exo;font-weight:400;font-style:normal;font-size:14px;line-height:21.1px;letter-spacing:0px;color:#3b3228;width:328px!important;height:426px!important}.ml-floating-menu.visible{opacity:1;visibility:visible;transform:translateY(0)}.menu-header{display:none}.menu-content{padding:0;height:100%;overflow:hidden}.menu-content.columns-2{display:grid;grid-template-columns:1fr 1fr;gap:0px}.menu-column{min-width:0;display:flex;flex-direction:column;gap:0px}.menu-item{display:flex;align-items:center;width:156px;height:32px;border-radius:4px;opacity:1;padding:2px 20px 2px 12px;cursor:pointer;transition:background-color .2s;-webkit-user-select:none;user-select:none;margin:0}.menu-item:hover{background-color:#f5f5f5}.menu-item.checked .checkbox{background-image:url(/icones/Check.svg);background-size:14px 14px;background-repeat:no-repeat;background-position:center;background-color:transparent;border:none}.menu-item.highlighted{background-color:#efefef}.menu-item .menu-item-icon{width:16px;height:16px;transform:rotate(0);opacity:1;margin-right:8px;flex-shrink:0}.checkbox{width:14px;height:14px;margin-right:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background-color:transparent;border:none}.checkmark{display:none}.label{color:#3b3228;flex:1}@media (max-width: 768px){.settings-container{padding:16px}.settings-header h1{font-size:2rem}.settings-actions{flex-direction:column;align-items:center}.settings-actions .btn{width:100%;max-width:300px}.ml-floating-menu{min-width:280px}.ml-floating-menu .menu-content.columns-2{grid-template-columns:1fr}}.mat-mdc-checkbox .mdc-checkbox__background,.mat-mdc-checkbox .mdc-checkbox__background:before,.mat-mdc-checkbox .mdc-checkbox__background:after{border:1px solid rgb(165,161,157)!important;border-radius:4px!important}.mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background{background-color:#3b3228!important;color:#fff!important}.mat-sort-header-arrow{display:none!important}.animals-list-page .action-menu-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffff1a;z-index:1000}.animals-list-page .action-menu-floating{position:absolute;z-index:1001;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;width:240px;height:auto;overflow:visible;margin-top:0}.animals-list-page .action-floating-menu{width:100%;height:auto;background:#fff;border-radius:8px;overflow:hidden}.animals-list-page .menu-content{padding:8px 0;overflow:visible}.animals-list-page .menu-item{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:background-color .2s;border-bottom:1px solid #EFEFEF;min-height:44px}.animals-list-page .menu-item:hover{background-color:#f5f5f5}.animals-list-page .menu-item.expandable .expand-arrow{margin-left:auto}.animals-list-page .menu-item-icon{width:20px;height:20px;margin-right:12px}.animals-list-page .menu-item-icon.material-icon{font-size:20px;width:20px;height:20px}.animals-list-page .label{flex:1;font-size:14px;color:#3b3228}.animals-list-page .expand-arrow .arrow-icon{font-size:18px;color:#b5b3af}.animals-list-page .sub-items-container{background-color:#f5f5f5;border-left:3px solid rgb(0,121,184);max-height:0;overflow:hidden}.animals-list-page .sub-items-container.visible{max-height:400px;overflow-y:auto}.animals-list-page .sub-item{padding:8px 16px 8px 32px;border-bottom:1px solid #EFEFEF;min-height:36px}.animals-list-page .sub-item:last-child{border-bottom:none}.animals-list-page .sub-item mat-checkbox{font-size:13px;color:#b5b3af}.top-table-container .actions-section{position:relative}.top-table-container .actions-section .settings-trigger-container{position:relative;display:inline-block}.top-table-container .actions-section .settings-trigger-container .settings-floating-menu{position:absolute;top:100%;right:0;margin-top:8px;z-index:1000;width:328px;height:426px;transform:rotate(0);opacity:1;border-radius:6px;padding:4px;background:#fff;box-shadow:0 4px 20px #00000026;border:1px solid #CAC8C2;visibility:hidden;transition:all .2s ease-in-out;font-family:Exo;font-weight:400;font-style:normal;font-size:14px;line-height:21.1px;letter-spacing:0px;color:#3b3228}.top-table-container .actions-section .settings-trigger-container .settings-floating-menu.visible{opacity:1;visibility:visible;transform:translateY(0) rotate(0)}.top-table-container .actions-section .settings-trigger-container .settings-floating-menu .menu-content{padding:0;height:100%;overflow:hidden}.top-table-container .actions-section .settings-trigger-container .settings-floating-menu .menu-content.columns-2{display:grid;grid-template-columns:1fr 1fr;gap:0}.top-table-container .actions-section .settings-trigger-container .settings-floating-menu .menu-column{min-width:0;display:flex;flex-direction:column;gap:0;overflow:hidden}.top-table-container .actions-section .settings-trigger-container .settings-floating-menu .menu-item{display:flex;align-items:center;width:156px;min-height:36px;border-radius:4px;opacity:1;padding:0 20px 0 12px;cursor:pointer;transition:background-color .2s;-webkit-user-select:none;user-select:none;margin:0;border:none;border-bottom:none;border-top:none;box-sizing:border-box;overflow:hidden}.top-table-container .actions-section .settings-trigger-container .settings-floating-menu .menu-item:hover{background-color:#f5f5f5;position:relative;z-index:1}.top-table-container .actions-section .settings-trigger-container .settings-floating-menu .menu-item.checked .checkbox{background-image:url(/icones/Check.svg);background-size:12px 12px;background-repeat:no-repeat;background-position:center;background-color:transparent;border:none}.top-table-container .actions-section .settings-trigger-container .settings-floating-menu .menu-item.highlighted{background-color:#efefef}.top-table-container .actions-section .settings-trigger-container .settings-floating-menu .checkbox{width:14px;height:14px;margin-right:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background-color:transparent;border:none}.top-table-container .actions-section .settings-trigger-container .settings-floating-menu .label{color:#3b3228;flex:1;font-size:14px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ph-icon{font-size:24px}.sidebar{position:fixed;top:70px;left:0;height:calc(100% - 70px);z-index:900;transition:all .3s ease;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;padding:0 10px;min-width:235px;background-color:#fff}@media (max-width: 767.98px){.sidebar{z-index:999}}.home-section{padding:0 0 20px}.ml-border{border-width:1px;border-style:solid;border-color:#e5e3de}.border-top{border-top:1px solid rgb(229,227,222)}.border-right{border-right:1px solid rgb(229,227,222)}.border-bottom{border-bottom:1px solid rgb(229,227,222)}.border-bottom-card{border-bottom:1px solid rgb(230,228,223)}.border-top-card{border-top:1px solid rgb(230,228,223)}.border-left{border-left:1px solid rgb(229,227,222)}.management-section{flex-direction:column;padding:10px 15px 20px 9px;gap:8px}.management-item{display:flex;flex-direction:column}.management-link{display:flex;align-items:center;padding:8px 12px;border-radius:6px;cursor:pointer;transition:background-color .2s ease;text-decoration:none;color:inherit;gap:12px}.management-link .expand-icon{margin-left:auto;font-size:16px;transition:transform .2s ease}.sub-items{margin-left:20px;margin-top:4px;display:flex;flex-direction:column;gap:2px}.sub-link{display:flex;align-items:center;padding:6px 12px;border-radius:4px;cursor:pointer;transition:background-color .2s ease;text-decoration:none;color:inherit;gap:8px;font-size:14px}.sub-link .sub-icon{font-size:16px;width:16px;height:16px}.sidebar.collapsed .management-section{padding:18px 7px;display:flex!important;justify-content:center}.sidebar.collapsed .management-item{display:flex;align-items:center;justify-content:center}.sidebar.collapsed .management-link{padding:0!important;justify-content:center}.sidebar.collapsed .sub-items{display:none!important}.sidebar{animation:slideIn .3s ease}.sidebar.collapsed{overflow:hidden;min-width:58px}.sidebar.collapsed .home-link{padding:15px!important}.sidebar.collapsed .main-section{padding-top:18px!important;display:flex!important;align-items:center!important}.sidebar.collapsed .settings-section{display:flex;align-items:center;border-top:none;padding:0}.sidebar.collapsed .sidebar-section{padding:18px 7px;display:flex!important;justify-content:center}.sidebar.collapsed .collapse-btn,.sidebar.collapsed .nav-link{padding:0!important}.header{font-family:Exo;position:fixed;top:0;left:0;width:100%;height:70px;z-index:1000}@media (max-width: 767.98px){.header{height:auto;min-height:60px}}.header-container{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:100%;background-color:#fff}@media (max-width: 767.98px){.header-container{flex-wrap:wrap;padding:8px 16px;gap:8px}}.hamburger-menu{display:none;background:none;border:none;cursor:pointer;padding:8px;margin-right:16px}.hamburger-menu i{font-size:28px;color:#3b3228}.hamburger-menu:hover i{color:#56881e}@media (max-width: 767.98px){.hamburger-menu{display:flex;align-items:center;justify-content:center;order:0;padding:4px;margin-right:8px}.hamburger-menu i{font-size:24px}}.header-logo{flex:0 0 auto}.header-logo img{height:40px;width:auto}@media (max-width: 767.98px){.header-logo img{height:28px}}@media (max-width: 767.98px){.header-logo{order:1}}.logo-text{font-size:1.25rem;font-weight:700;color:#56881e;margin:0;cursor:pointer}.header-navigation{flex:1;display:flex;justify-content:center}@media (max-width: 767.98px){.header-navigation{order:2;width:100%;justify-content:center;padding:4px 0 0}}.nav-menu{display:flex;align-items:center}@media (max-width: 767.98px){.nav-menu{width:100%;justify-content:center}}.current-page{font-size:22px;font-weight:700;color:#3b3228;text-transform:capitalize;line-height:24px}@media (max-width: 767.98px){.current-page{font-size:15px;line-height:20px;text-align:center}}.header-user{flex:0 0 auto;display:flex;align-items:center;gap:16px}@media (max-width: 767.98px){.header-user{order:3;gap:6px;margin-left:auto}}.user-info{display:flex;align-items:center}@media (max-width: 767.98px){.user-info{display:none}}.user-profile{display:flex;gap:15px;width:fit-content;cursor:pointer}.user-name{font-weight:600;font-size:16px;line-height:18px;text-align:right}.user-avatar{display:flex;align-items:center;border-right:1px solid #e5e3de;padding-right:20px}@media (max-width: 767.98px){.user-avatar{border-right:none;padding-right:6px}}.avatar-image{width:36px;height:36px;border-radius:50%;object-fit:cover;width:40px;height:40px}@media (max-width: 767.98px){.avatar-image{width:28px;height:28px}}.notifications{position:relative;display:flex;align-items:center}.notification-icon-header{position:relative;cursor:pointer;padding:8px;border-radius:50%;color:#3b3228}.notification-icon-header i{font-size:22px}@media (max-width: 767.98px){.notification-icon-header i{font-size:20px}}@media (max-width: 767.98px){.notification-icon-header{padding:4px}}.notification-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;background-color:#0079b8;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:8.5px}@media (max-width: 767.98px){.notification-badge{min-width:14px;height:14px;font-size:7.5px;top:2px;right:2px}}.card-header{display:flex;justify-content:space-between;color:#3b3228;padding:27px 32px;font-size:24px}.card-header .close-button{background:none;border:none;font-size:24px;color:#3b3228;cursor:pointer}@media screen and (min-width: 1440px){.card-header{padding:32px 40px;font-size:26px}.card-header .close-button{font-size:26px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.card-header{padding:24px 28px;font-size:22px}.card-header .close-button{font-size:22px}}@media screen and (min-width: 769px) and (max-width: 1023px){.card-header{padding:22px 26px;font-size:22px}.card-header .close-button{font-size:22px}}@media screen and (max-width: 768px){.card-header{padding:20px 24px;font-size:20px}.card-header .close-button{font-size:20px}}@media screen and (max-width: 480px){.card-header{padding:16px;font-size:18px}.card-header .close-button{font-size:18px}}.footer-buttons{display:flex;justify-content:space-between;align-items:center;padding:18px 30px;font-family:Exo;font-weight:600;font-size:20px}.footer-buttons button{font-family:Exo;font-size:16px;cursor:pointer}@media screen and (min-width: 1440px){.footer-buttons{padding:20px 40px;font-size:22px}.footer-buttons button{font-size:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.footer-buttons{padding:18px 32px;font-size:20px}.footer-buttons button{font-size:16px}}@media screen and (min-width: 769px) and (max-width: 1023px){.footer-buttons{padding:18px 28px;font-size:18px}}@media screen and (max-width: 768px){.footer-buttons{padding:16px 24px;font-size:18px;flex-wrap:wrap;gap:12px}.footer-buttons button{font-size:14px}}@media screen and (max-width: 480px){.footer-buttons{padding:12px 16px;font-size:16px;flex-direction:column;gap:10px}.footer-buttons button{width:100%;font-size:14px}}.close-button-footer{min-width:89px;min-height:48px;background:#fff;border-radius:4px;padding:12px 20px;color:#3b3228;font-weight:400}@media screen and (min-width: 1440px){.close-button-footer{min-width:100px;min-height:52px;padding:14px 24px;font-size:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.close-button-footer{min-width:92px;min-height:50px;padding:13px 22px;font-size:16px}}@media screen and (max-width: 768px){.close-button-footer{min-width:80px;min-height:44px;padding:10px 16px;font-size:14px}}@media screen and (max-width: 480px){.close-button-footer{min-width:auto;width:100%;min-height:42px;padding:10px 16px}}.edit-button{min-width:92px;min-height:48px;background:#3b3228;border:none;border-radius:4px;padding:12px 24px;color:#fff;font-weight:600}@media screen and (min-width: 1440px){.edit-button{min-width:105px;min-height:52px;padding:14px 28px;font-size:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.edit-button{min-width:96px;min-height:50px;padding:13px 26px;font-size:16px}}@media screen and (max-width: 768px){.edit-button{min-width:85px;min-height:44px;padding:10px 20px;font-size:14px}}@media screen and (max-width: 480px){.edit-button{min-width:auto;width:100%;min-height:42px;padding:10px 16px}}.field-block{display:flex;flex-direction:column;gap:7px}.field-header{display:flex;align-items:center;justify-content:space-between}.field-header .field-actions{display:flex;align-items:center;gap:16px;font-size:16px;color:#706c67;font-weight:500;line-height:21.1px}.field-header .field-actions .clear-btn{background:none;border:none;cursor:pointer;text-decoration:underline;font-size:16px;color:#706c67;font-weight:500;line-height:21.1px;text-decoration-thickness:2px;text-decoration-color:#706c67}.select-buttons{display:flex;gap:8px;flex-wrap:wrap}.select-buttons .select-btn{padding:11px 21px;border:1px solid rgb(229,227,222);background:#fff;border-radius:4px;font-size:14px;cursor:pointer;font-weight:500}.select-buttons .select-btn:hover{border-color:#9ca3af;background:#f9fafb}.select-buttons .select-btn.selected{background:#e6e4df;font-weight:600}.filters-content-panel{display:flex;flex-direction:row;gap:20px;align-items:center}@media (max-width: 767.98px){.filters-content-panel{flex-direction:column;align-items:flex-start;gap:12px;width:100%}}.filters-content{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:20px;align-items:flex-start}.range-inputs{display:flex;gap:8px;align-items:flex-end}.range-field{flex:1}.range-field .range-label{display:flex;font-size:16px;color:#706c67;justify-content:flex-end;font-weight:500;letter-spacing:.88px}.range-field .input-with-suffix{position:relative;display:flex;align-items:center}.range-field .input-with-suffix .range-input{width:100%;padding:12px 60px 12px 12px;border:1px solid rgb(229,227,222);border-radius:4px;font-size:14px;background:#fff}.range-field .input-with-suffix .range-input::placeholder{color:#9ca3af}.range-field .input-with-suffix .input-suffix{position:absolute;right:12px;font-size:16px;color:#3b3228;pointer-events:none;font-weight:400;letter-spacing:.88px}mat-chip{border:1px solid rgb(243,239,237)!important;border-radius:4px!important;background:#f3efed!important;font-size:14px;text-transform:capitalize;font-weight:500;color:#3b3228}mat-chip mat-icon{font-size:12px!important;width:12px!important;height:12px!important}.mdc-text-field--outlined{padding-left:8px!important}.mat-mdc-select-panel{background-color:#fff!important}.mat-mdc-select-arrow{display:none!important}.filters-panel{position:absolute;top:100%;left:0;right:0;background:#fff;border-radius:8px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000;display:none}@media (max-width: 767.98px){.filters-panel{position:relative;top:auto;left:auto;right:auto;transform:none}}.filters-panel--open{opacity:1;visibility:visible;transform:translateY(0);display:flex;justify-content:space-between;background:#fff;padding:16px;margin-top:8px}@media (max-width: 767.98px){.filters-panel--open{flex-direction:column;gap:12px;padding:12px}}.filter-group{display:flex;flex-direction:row;gap:6px;align-items:center;color:#3b3228;font-family:Exo}@media (max-width: 767.98px){.filter-group{flex-direction:column;align-items:flex-start;gap:8px;width:100%}}.filter-label{font-size:14px;font-weight:600;margin:0}@media (max-width: 767.98px){.filter-label{font-size:14px}}.filter-buttons{display:flex;flex-wrap:wrap;gap:10PX;font-size:12px;font-weight:500}@media (max-width: 767.98px){.filter-buttons{gap:6px;width:100%}}.filter-button{padding:.5rem 1rem;background:#f3efed;color:#3b3228;border:none;border-radius:4px}@media (max-width: 767.98px){.filter-button{padding:.4rem .75rem;font-size:12px}}.ml-button{border-radius:4px!important;height:50px!important;font-size:16px!important;line-height:100%!important;font-weight:500!important;font-family:Exo!important}@media (max-width: 767.98px){.ml-button{height:42px!important;font-size:14px!important;padding:0 12px!important}}.ml-button-primary{background-color:#56a830!important;color:#fff!important}.ml-button-secondary{background-color:#1976d2!important;color:#fff!important}.ml-button-danger{background-color:#ff4f4a!important;color:#fff!important}.ml-button-export{background-color:#fff!important;color:#3b3228!important;border:1px solid rgb(234,236,240)!important}.ml-button-primary-black{background-color:#3b3228!important;color:#fff!important}.filter-toggle{font-family:Exo;font-size:14px;color:#3b3228;cursor:pointer;display:flex;align-items:center;gap:3px;font-weight:400}@media (max-width: 767.98px){.filter-toggle{font-size:14px;white-space:nowrap}}.chevron{font-size:18px;transition:transform .2s ease}.icon-text-button{display:flex;align-items:center;gap:10px}.icon-text-button .ph{font-size:24px}@media (max-width: 1024px) and (min-width: 768px){.search-section{max-width:350px}}@media (max-width: 767.98px){.search-section{width:100%;max-width:100%;flex:none}}.search-input-container{position:relative;width:100%}.search-input{width:100%;padding:.5rem 1rem .5rem 2.5rem;border:1px solid rgb(234,236,240);border-radius:6px;font-size:.875rem;background:#fff;outline:none}.search-input::placeholder{color:#878787}.search-icon{position:absolute;top:50%;transform:translateY(-50%);color:#3b3228}.filters-actions{display:flex;justify-content:flex-end;align-items:center;gap:6px}@media (max-width: 767.98px){.filters-actions{justify-content:center;padding:8px 0;width:100%}}.clear-filters-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;padding:.5rem 1rem;border-radius:4px;transition:background-color .2s ease}.clear-filters-text{font-size:12px;font-weight:500;color:#3b3228;font-family:Exo}.clear-filters-icon{color:#3b3228}.field-label{font-size:18px;font-weight:600;color:#3b3228;line-height:21.1px}.field-input{background-color:#fff;border:1px solid rgb(229,227,222);border-radius:4px;padding:12px 8px;line-height:24px;font-family:Exo;font-size:14px}.form-content{display:flex;flex-direction:column;gap:20px}.form-row{display:flex;gap:20px}.mat-mdc-option .mdc-list-item__primary-text,.mat-mdc-select-value-text{font-size:14px!important;font-weight:500!important;color:#3b3228!important;line-height:24px!important}.animal-form-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}::ng-deep .animal-form-dialog .mat-mdc-dialog-container{width:100%;max-width:900px!important;height:auto;max-height:90vh!important;padding:0!important;overflow:hidden!important;border-radius:8px}@media (max-width: 768px){::ng-deep .animal-form-dialog .mat-mdc-dialog-container{max-width:90vw!important;max-height:85vh!important}}@media (max-width: 767px) and (orientation: landscape){::ng-deep .animal-form-dialog .mat-mdc-dialog-container{max-width:95vw!important;max-height:95vh!important}}@media (max-width: 480px){::ng-deep .animal-form-dialog .mat-mdc-dialog-container{max-width:95vw!important;max-height:90vh!important}}::ng-deep .animal-form-dialog .mat-mdc-dialog-container .mdc-dialog__surface{overflow:hidden!important}::ng-deep .animal-form-dialog .mat-mdc-dialog-surface{overflow:hidden!important;overflow-y:hidden!important}::ng-deep .animal-form-dialog .animal-form-modal ::ng-deep .generic-card .scrollable-content{overflow-y:auto;overflow-x:hidden}::ng-deep .animal-detail-dialog .mat-mdc-dialog-container{width:100%;max-width:866px!important;height:auto;max-height:90vh!important;padding:0!important;overflow:hidden!important;border-radius:10px}@media (min-width: 1440px){::ng-deep .animal-detail-dialog .mat-mdc-dialog-container{max-width:1000px!important}}@media (min-width: 1920px){::ng-deep .animal-detail-dialog .mat-mdc-dialog-container{max-width:1200px!important}}@media (max-width: 768px){::ng-deep .animal-detail-dialog .mat-mdc-dialog-container{max-width:95vw!important;max-height:85vh!important}}@media (max-width: 767px) and (orientation: landscape){::ng-deep .animal-detail-dialog .mat-mdc-dialog-container{max-width:95vw!important;max-height:95vh!important}}@media (max-width: 480px){::ng-deep .animal-detail-dialog .mat-mdc-dialog-container{max-width:95vw!important;max-height:90vh!important}}::ng-deep .animal-detail-dialog .mat-mdc-dialog-container .mdc-dialog__surface{overflow:hidden!important}::ng-deep .animal-detail-dialog .mat-mdc-dialog-surface{overflow:hidden!important;overflow-y:hidden!important}::ng-deep .animal-detail-dialog .animal-detail-modal{width:100%;height:100%}::ng-deep .animal-detail-dialog .animal-detail-modal ::ng-deep .generic-card{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}::ng-deep .animal-detail-dialog .animal-detail-modal ::ng-deep .generic-card .card-header{flex-shrink:0}::ng-deep .animal-detail-dialog .animal-detail-modal ::ng-deep .generic-card .scrollable-content{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}::ng-deep .animal-detail-dialog .animal-detail-modal ::ng-deep .generic-card .card-footer{flex-shrink:0}.form-container{width:100%;height:auto;opacity:1;gap:20px;padding:20px;display:flex;flex-direction:column;overflow-y:visible;overflow-x:hidden;box-sizing:border-box}@media (max-width: 768px){.form-container{max-width:100%;padding:16px;gap:16px}}@media (max-width: 767px) and (orientation: landscape){.form-container{padding:12px;gap:12px}}@media (max-width: 480px){.form-container{padding:12px;gap:12px}}.form-content{display:flex;flex-direction:column;gap:16px;width:100%}@media (max-width: 768px){.form-content{gap:12px}}.form-row{display:flex;gap:20px;width:100%}@media (max-width: 768px){.form-row{flex-direction:column;gap:12px}}.left-column,.right-column{flex:1;width:100%}@media (max-width: 768px){.left-column,.right-column{max-width:100%}}@media (max-width: 768px){.right-column.empty{display:none}}.field-container{display:flex;flex-direction:column;gap:7px;width:100%}@media (max-width: 480px){.field-container{gap:5px}}.field-label{font-family:Exo,sans-serif;font-size:14px;font-weight:400;color:#3b3228;line-height:21px}@media (max-width: 480px){.field-label{font-size:13px}}.field-input{width:100%;padding:12px;border:1px solid rgb(230,228,223);border-radius:4px;font-family:Exo,sans-serif;font-size:14px;color:#3b3228;box-sizing:border-box}.field-input:focus{outline:none;border-color:#70b625}.field-input.error{border-color:#f44336}@media (max-width: 480px){.field-input{padding:10px;font-size:13px}}.error-message{font-family:Exo,sans-serif;font-size:10px;color:#f44336;line-height:12px;margin-top:2px}@media (max-width: 480px){.error-message{font-size:9px}}.required-asterisk{color:#f44336;margin-left:2px}.empty{visibility:hidden}.loading-container,.saving-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px}.loading-container p,.loading-container span,.saving-overlay p,.saving-overlay span{font-family:Exo,sans-serif;font-size:14px;color:#3b3228}@media (max-width: 480px){.loading-container,.saving-overlay{padding:16px;gap:10px}.loading-container p,.loading-container span,.saving-overlay p,.saving-overlay span{font-size:13px}}.saving-overlay{position:absolute;inset:0;background:#ffffffe6;z-index:10}.mat-datepicker-content{background-color:#fff!important;border-radius:8px!important;box-shadow:0 4px 12px #00000026!important;padding:0!important;overflow:hidden!important;font-family:Exo,sans-serif!important;border-color:#5a6268}.animal-form-dialog .mat-mdc-form-field{width:100%}.animal-form-dialog .mat-mdc-form-field.w-100{width:100%!important}.animal-form-dialog .mat-mdc-form-field .mat-mdc-text-field-wrapper{width:100%}.animal-form-dialog .mat-mdc-form-field .mdc-text-field{width:100%;padding:0}.animal-form-dialog .mat-mdc-form-field .mat-mdc-select{width:100%}@media (max-width: 480px){.animal-form-dialog .mat-mdc-form-field .mat-mdc-form-field-infix{padding:10px 0;min-height:40px}.animal-form-dialog .mat-mdc-form-field .mat-mdc-select-value{font-size:13px}.animal-form-dialog .mat-mdc-form-field .mat-mdc-select-arrow{transform:scale(.9)}}.animal-form-dialog .mat-mdc-form-field.error-field .mat-mdc-text-field-wrapper,.animal-form-dialog .mat-mdc-form-field.error-field .mdc-notched-outline__leading,.animal-form-dialog .mat-mdc-form-field.error-field .mdc-notched-outline__notch,.animal-form-dialog .mat-mdc-form-field.error-field .mdc-notched-outline__trailing,.animal-form-dialog .mat-mdc-form-field.error-field:hover .mat-mdc-text-field-wrapper,.animal-form-dialog .mat-mdc-form-field.error-field.mdc-text-field--focused .mat-mdc-text-field-wrapper,.animal-form-dialog .mat-mdc-form-field.error-field:hover .mdc-notched-outline__leading,.animal-form-dialog .mat-mdc-form-field.error-field:hover .mdc-notched-outline__notch,.animal-form-dialog .mat-mdc-form-field.error-field:hover .mdc-notched-outline__trailing,.animal-form-dialog .mat-mdc-form-field.error-field.mdc-text-field--focused .mdc-notched-outline__leading,.animal-form-dialog .mat-mdc-form-field.error-field.mdc-text-field--focused .mdc-notched-outline__notch,.animal-form-dialog .mat-mdc-form-field.error-field.mdc-text-field--focused .mdc-notched-outline__trailing{border-color:#f44336!important}.animal-form-dialog .custom-chevron{color:#3b3228;font-size:20px}@media (max-width: 480px){.animal-form-dialog .custom-chevron{font-size:18px}}.selection-footer{background:#fbfbfb;border-top:1px solid rgb(229,227,222);display:flex;justify-content:space-between;align-items:center;padding:17px}.change-actions{display:flex;align-items:center;gap:12px}.change-actions .ph{font-size:16px}.change-text{display:flex;align-items:center;justify-content:center;gap:10px;color:#3b3228;font-family:Exo;font-weight:400;font-style:normal;font-size:14px;line-height:100%;letter-spacing:0px;cursor:pointer;opacity:1}.change-text.change-goal,.change-text.change-group,.change-text.change-grazing{padding:10px 12px 10px 0}.delete-action{display:flex;align-items:center;gap:10px}.mat-mdc-menu-content{background-color:#fff!important}.expandable-section{background:#fff}.section-header,.mat-mdc-menu-item .mat-mdc-menu-item-text{display:flex;align-items:center;gap:8px;padding:8px 16px;cursor:pointer;transition:background-color .2s ease;font-family:Exo;font-size:14px;font-weight:400;color:#3b3228;line-height:21px;-webkit-user-select:none;user-select:none}.section-header .ph,.mat-mdc-menu-item .mat-mdc-menu-item-text .ph{width:16px;height:16px;flex-shrink:0;color:#3b3228;font-size:16px}.section-header .ph.ph-caret-down,.mat-mdc-menu-item .mat-mdc-menu-item-text .ph.ph-caret-down{margin-left:auto;transition:transform .2s ease}.section-header .ph.ph-caret-down.rotated,.mat-mdc-menu-item .mat-mdc-menu-item-text .ph.ph-caret-down.rotated{transform:rotate(180deg)}.section-header span,.mat-mdc-menu-item .mat-mdc-menu-item-text span{flex:1}.menu-list-container{padding:0;background:#f7f6f6}.menu-list-container .menu-list-item{display:flex;align-items:center;padding-left:30px;cursor:pointer;transition:background-color .2s ease;font-family:Exo;font-size:14px;font-weight:400;color:#3b3228;line-height:21.1px}.menu-list-container .menu-list-item span{flex:1}.expanded{background:#f7f6f6!important}.tag-chip{padding:4px 8px;border-radius:4px}.settings-trigger-container{cursor:pointer;border:1px solid rgb(230,228,223);display:flex!important;border-radius:4px;padding:12px}@media (max-width: 767.98px){.settings-trigger-container{padding:10px}}.settings-trigger-container .ph{font-size:24px}@media (max-width: 767.98px){.settings-trigger-container .ph{font-size:20px}}.ml-button-login{background-color:#3a3127!important;color:#fff!important;border-radius:8px!important;width:90%!important;margin:0 auto!important;display:block!important;text-align:center!important;justify-content:center!important}@media (max-width: 767.98px){.ml-button-login{width:90%!important;height:44px!important;font-size:14px!important;padding:0 1rem!important}}@media (max-width: 767.98px) and (orientation: landscape){.ml-button-login{height:40px!important;font-size:13px!important;padding:0 .75rem!important}}.ml-button-login .icon-text-button{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;text-align:center!important}@media (max-width: 767.98px){.ml-button-login .icon-text-button{font-size:14px!important}}.feature-card{background:#fff;border-radius:20px;padding:32px;text-align:left;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.feature-icon{width:48px;height:48px;background-color:#e6f2d9;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 0 24px}.feature-icon i{font-size:24px;color:#70b625}.feature-title{font-family:Exo,sans-serif;font-size:20px;font-weight:700;color:#3a3127;margin:0 0 12px;line-height:1.3}.feature-description{font-family:Exo,sans-serif;font-size:14px;font-weight:400;color:#666;line-height:1.4;margin:0}@media (max-width: 768px){.feature-card{padding:24px}.feature-icon{width:44px;height:44px;border-radius:14px;margin-bottom:20px}.feature-icon i{font-size:22px}.feature-title{font-size:18px;margin-bottom:10px}}@media (max-width: 480px){.feature-card{padding:20px}.feature-icon{width:40px;height:40px;border-radius:12px;margin-bottom:16px}.feature-icon i{font-size:20px}.feature-title{font-size:16px;margin-bottom:8px}.feature-description{font-size:13px}}.management-tabs .mat-mdc-tab-header{border-bottom:1px solid rgb(229,227,222)!important}.management-tabs .mat-mdc-tab-header .mat-mdc-tab-indicator{background-color:#e5e3de!important}.mat-mdc-tab-label-container{border:none!important}.management-tabs{margin-top:24px}.tab-content{padding:24px 0}.management-tabs .mat-mdc-tab{min-width:120px;font-family:Exo!important}.management-tabs .mat-mdc-tab .mdc-tab__text-label{font-weight:500}.user-search-section{text-align:center;margin:auto;padding:0 0 24px}.users-container th,.service-provider-container th{text-align:center!important}html,body{height:100%;margin:0!important;font-family:Exo}.custom-error-snackbar .mdc-snackbar__surface{background-color:#fde7ea!important;width:500px!important;max-width:90vw!important;height:48px!important;border-radius:0!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:center!important}.custom-error-snackbar .mdc-snackbar__label,.custom-error-snackbar .mat-mdc-snack-bar-label{font-family:Inter,sans-serif!important;font-weight:400!important;font-size:16px!important;line-height:24px!important;letter-spacing:0px!important;text-align:center!important;color:#f0142f!important;padding:0!important;margin:0!important}.custom-error-snackbar .mat-mdc-button.mat-mdc-snack-bar-action{display:none!important}.mat-mdc-snack-bar-container.custom-error-snackbar{margin-top:0!important;transform:none!important}.mat-mdc-menu-panel{max-width:1320px!important;padding:0!important;margin:0;border-radius:12px!important}.mat-mdc-menu-content{margin:0;padding:0!important;outline:0;border-radius:12px}.profile-card{width:320px;background:#fff;border-radius:12px;box-shadow:0 6px 24px #0000001f;overflow:hidden}.profile-row{display:flex;align-items:center;gap:16px;width:100%;background:transparent;border:0;padding:18px 14px;cursor:pointer;text-align:left}.avatar-lg{width:56px;height:56px;border-radius:50%;object-fit:cover}.profile-texts{display:flex;flex-direction:column}.name{font-weight:700;font-size:20px;color:#3b3228}.role{color:#706c67}.badge{background:#effce2;color:#3b3228;border-radius:10px;font-weight:600}.divider{height:1px;background:#e6e4df}.logout-row{display:flex;flex-direction:row-reverse;align-items:center;gap:8px;width:100%;background:transparent;border:0;padding:10px 14px;cursor:pointer}.logout-icon{height:10px}.logout-text{font-weight:500;font-size:14px;color:#3b3228}.profile-footer{background:#fbfbfb;padding:0;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.notification-card{display:flex;align-items:flex-start;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:8px;cursor:pointer;transition:all .2s ease;border:1px solid #E5E3DE;padding:16px;position:relative}@media (max-width: 768px){.notification-card{padding:12px;margin-bottom:12px}}.notification-main{display:flex;align-items:flex-start;gap:12px;flex:1}.notification-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.notification-card.unread{background:#fff}.notification-icon{flex-shrink:0;font-size:18px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#0079b8;background:#f5f5f5}.notification-content{flex:1;min-width:0}.notification-title{font-size:16px;font-weight:600;color:#3b3228;margin:0 0 4px;line-height:1.3}@media (max-width: 768px){.notification-title{font-size:14px}}.notification-message{font-size:14px;color:#3b3228;line-height:1.4;margin:0 0 4px}@media (max-width: 768px){.notification-message{font-size:13px}}.notification-meta{display:flex;align-items:center;gap:8px}.timestamp{font-size:12px;color:#706c67}.notification-actions{display:flex;align-items:center;justify-content:center;gap:4px;flex-shrink:0}.notification-card.unread:after{content:"";width:8px;height:8px;background:#0079b8;border-radius:50%;flex-shrink:0;align-self:center}.notification-tabs{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.tab-buttons{display:flex;gap:24px}.tab-button{background:transparent;border:none;cursor:pointer;font-size:14px;font-weight:400;color:#706c67;padding:0;transition:all .2s ease}.mark-all-read{background:transparent;border:none;cursor:pointer;font-size:14px;color:#706c67;text-decoration:underline;padding:0;transition:all .2s ease}.notification-panel-card .scrollable-content{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;width:100%;box-sizing:border-box;padding:16px 20px;scrollbar-width:thin;scrollbar-color:#B5B3AF #EFEFEF}@media (max-width: 768px){.notification-panel-card .scrollable-content{padding:12px 16px}}.notification-panel-card .scrollable-content::-webkit-scrollbar{width:8px}.notification-panel-card .scrollable-content::-webkit-scrollbar-track{background:#efefef;border-radius:4px}.notification-panel-card .scrollable-content::-webkit-scrollbar-thumb{background:#b5b3af;border-radius:4px}.notification-panel-card .scrollable-content::-webkit-scrollbar-thumb:hover{background:#cac8c2}.notifications-list{margin-bottom:16px}.show-more-footer{display:flex;justify-content:center;padding-top:16px;border-top:1px solid rgb(230,228,223);flex-shrink:0}@media (max-width: 768px){.show-more-footer{padding-top:12px}}.show-more-btn{background:transparent;border:none;cursor:pointer;font-size:14px;color:#0079b8;text-decoration:underline;padding:8px 16px;display:flex;align-items:center;gap:8px;transition:all .2s ease}@media (max-width: 768px){.show-more-btn{font-size:13px;padding:6px 12px}}.show-more-btn:hover{color:#0056b3}.show-more-btn .badge{background:#0079b8;color:#fff;font-size:12px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:16px;text-align:center}@media (max-width: 768px){.show-more-btn .badge{font-size:11px;padding:2px 5px}}.notification-menu-panel{width:100%;border-radius:0;max-height:90vh;height:auto;padding:0}@media (max-width: 768px){.notification-menu-panel{min-width:100vw;max-width:100vw;max-height:100vh}}@media (min-width: 769px) and (max-width: 1024px){.notification-menu-panel{min-width:400px;max-width:90vw}}.notification-menu-wrapper{padding:0;width:100%;height:100%;display:flex;justify-content:flex-end;align-items:flex-start;box-sizing:border-box}@media (max-width: 768px){.notification-menu-wrapper{justify-content:center;align-items:stretch}}.notification-panel-card{height:100%;max-height:100%;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;font-family:Exo;font-weight:600;overflow:hidden;box-sizing:border-box}@media (max-width: 768px){.notification-panel-card{width:100%!important;border-radius:0}}.notification-header{display:flex;flex-direction:column;padding:20px 24px 0;background:#fff;flex-shrink:0}@media (max-width: 768px){.notification-header{padding:16px 16px 0}}.header-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;width:100%}.header-title h3{font-size:24px;font-weight:700;color:#3b3228;margin:0;line-height:1.2}@media (max-width: 768px){.header-title h3{font-size:20px}}.header-title .close-btn{background:transparent;border:none;cursor:pointer;padding:8px;border-radius:6px;color:#3b3228;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.header-title .close-btn:hover{background:#e6e4df80}.header-title .close-btn i{font-size:20px;font-weight:400}@media (max-width: 768px){.header-title .close-btn i{font-size:18px}}.notification-tabs{width:100%;display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid rgba(230,228,223,.6);flex-wrap:wrap;gap:12px}@media (max-width: 768px){.notification-tabs{flex-direction:column;align-items:flex-start;gap:16px}}.tab-buttons{display:flex;gap:32px}@media (max-width: 768px){.tab-buttons{gap:20px;width:100%;justify-content:space-between}}@media (min-width: 769px) and (max-width: 1024px){.tab-buttons{gap:24px}}.tab-button{background:transparent;border:none;cursor:pointer;font-size:16px;font-weight:400;color:#706c67;padding:0;transition:all .2s ease;font-family:Exo;white-space:nowrap}.tab-button.active{font-weight:600;color:#3b3228}.tab-button:hover{color:#3b3228}@media (max-width: 768px){.tab-button{font-size:14px}}.mark-all-read{background:transparent;border:none;cursor:pointer;font-size:16px;color:#706c67;text-decoration:underline;padding:0;transition:all .2s ease;font-family:Exo;white-space:nowrap}.mark-all-read:hover{color:#3b3228}@media (max-width: 768px){.mark-all-read{font-size:14px;width:100%;text-align:left}}.spinner-backdrop{background-color:#00000080!important;z-index:10000!important}.ui-spinner-panel{z-index:10001!important;pointer-events:none!important;background-color:#fff!important}.ui-spinner-panel .ui-spinner-overlay{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;z-index:10001!important;pointer-events:all!important}.ui-spinner-panel mat-spinner{z-index:10002!important}::ng-deep .cdk-overlay-pane{background-color:#fff!important}::ng-deep .cdk-overlay-container .cdk-overlay-pane{background-color:#fff!important}.main-content{position:relative!important}::ng-deep .custom-success-snackbar{margin:20px!important}::ng-deep .custom-success-snackbar .mat-mdc-snack-bar-container{background-color:#fff;color:#3a3127;border-radius:8px;box-shadow:0 4px 20px #00000026;padding:16px 20px;min-width:300px}::ng-deep .custom-success-snackbar .mat-mdc-snack-bar-container .mdc-snackbar__surface{background-color:#fff;border-radius:8px}::ng-deep .custom-success-snackbar .mat-mdc-snack-bar-container .mat-mdc-snack-bar-label{font-family:Exo,sans-serif;font-size:14px;font-weight:400;color:#3a3127;white-space:pre-line;line-height:1.5;padding:0}::ng-deep .custom-error-snackbar .mat-mdc-snack-bar-container{background-color:#fee;color:#c33}::ng-deep .custom-error-snackbar .mat-mdc-snack-bar-container .mdc-snackbar__surface{background-color:#fee}