body::-webkit-scrollbar{display:none}.font-size-13{font-size:13px}.signin-container{height:100vh;font-family:Arial,sans-serif;display:flex}.signin-left{width:45vw;height:100vh;padding:15px;position:relative;overflow:hidden}.signin-image{object-fit:cover;width:100%;height:100%;display:block}.logo-image{width:auto;max-width:75px;height:auto;position:absolute;top:20px;left:20px}.signin-right{justify-content:center;align-items:center;width:55%;display:flex}.signin-box{width:520px}.signin-box h2{margin-bottom:5px}.subtitle{color:gray;margin-bottom:10px;font-size:14px;font-weight:600}.password-row{justify-content:space-between;align-items:center;display:flex}.forgot{color:#2e4d2c;cursor:pointer;font-size:12px}.signin-btn{color:#fff;cursor:pointer;background:#2e4d2c;border:none;border-radius:4px;width:fit-content;margin-top:15px;padding:8px 20px;font-size:13px;font-weight:600}.signin-btn:hover{background:#243d22}.signup-text{text-align:left;margin-top:15px;font-size:13px}.signup-link{color:#2e4d2c;cursor:pointer;font-weight:650}.myborder{border:2px solid #000}@media (width<=991px){.signin-left{display:none}.signin-container{justify-content:center;align-items:center}.signin-right{justify-content:center;align-items:center;width:100%;display:flex}.signin-box{width:90vw;max-width:520px}}.animal-filters{background:#fff;border:1px solid #d1d5db;border-radius:4px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;box-shadow:0 2px 8px #0000001a}.filters-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:10px;display:flex}.filters-title{color:#374151;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.total-count{color:#fff;text-align:center;background-color:#9ca3af;border-radius:10px;min-width:20px;padding:2px 7px;font-size:11px;font-weight:600}.close-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:24px;line-height:1;display:flex}.close-btn:hover{color:#374151}.filters-body{max-height:280px;display:flex;overflow-y:auto}.filters-sidebar{background:#fafafa;border-right:1px solid #e5e7eb;max-width:fit-content}.filter-tab{cursor:pointer;color:#6b7280;justify-content:space-between;align-items:center;padding:10px 16px;font-size:14px;transition:background-color .15s;display:flex}.filter-tab:hover{background-color:#f3f4f6}.filter-tab.active{color:#111827;background-color:#fff;border-left:3px solid #374151;font-weight:600}.tab-label{flex:1;margin-right:10px}.selection-count{color:#fff;text-align:center;background-color:#9ca3af;border-radius:10px;min-width:18px;padding:2px 6px;font-size:11px;font-weight:600}.filters-content{flex:1;padding:16px;overflow-y:auto}.filter-option{max-width:max-content;margin-bottom:12px}.checkbox-label{cursor:pointer;color:#374151;align-items:center;font-size:14px;display:flex}.checkbox-label input{cursor:pointer;accent-color:#374151;width:16px;height:16px;margin-right:10px}.checkbox-text{-webkit-user-select:none;user-select:none;text-wrap:nowrap}.filters-footer{background:#fafafa;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:10px;padding:12px 16px;display:flex}.btn-cancel,.btn-apply{cursor:pointer;border:1px solid;border-radius:4px;padding:6px 10px;font-size:13px;font-weight:500;transition:all .15s}.btn-cancel{color:#374151;background:#fff;border-color:#d1d5db}.btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.btn-apply{color:#fff;background:#3d6849;border-color:#5a6268}.btn-apply:hover{background:#2f5038;border-color:#4a5158}.filters-content::-webkit-scrollbar{width:6px}.filters-content::-webkit-scrollbar-track{background:#f1f1f1}.filters-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.filters-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#a8b3c7 #f5f7fa;overflow:auto}.custom-scrollbar::-webkit-scrollbar{width:5px;height:5px}.custom-scrollbar::-webkit-scrollbar-track{background:#f5f7fa;border-radius:999px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#a8b3c7;border-radius:3px;transition:background .2s}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#5a667a}.custom-scrollbar::-webkit-scrollbar-corner{background:0 0}.custom-dropdown .dropdown-item:hover{color:#fff;background-color:#1a72ca}input[type=password]::-ms-reveal{display:none}input[type=password]::-ms-clear{display:none}.default-textinput-parent-class{font-size:13px}.input-wrapper{width:100%;position:relative}.my-input::placeholder{font-size:13px}.password-toggle-btn{cursor:pointer;color:#6b7280;z-index:10;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.default-textinput-input-class{border:1px solid #ccc;border-radius:7px;width:100%;padding:.5rem 30px .5rem .5rem;font-size:13px}.default-textinput-input-class:focus{border-color:#2e4d2c;box-shadow:0 0 4px #2e4d2c}.default-textinput-label-class{padding-top:3px;padding-bottom:3px;color:#283c50!important;font-size:13px!important;font-weight:700!important}.input-sm{height:30px}.input-wrapper{position:relative}.input-error{border-color:#d15757!important;box-shadow:0 0 3px #ff000080!important}.error-icon{position:absolute;top:50%;right:10px;transform:translateY(-50%);color:#d15757!important}.password-hidden{font-size:18px}.password-visible{font-size:13px}.custom-modal-overlay{background-color:#00000080;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0;z-index:11000!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.custom-modal-content{background-color:#fff;border-radius:8px;flex-direction:column;max-width:100px;max-height:90vh;animation:.3s ease-out slideIn;display:flex;overflow:hidden;box-shadow:0 4px 20px #00000026}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.custom-modal-content.auto-close{animation:2s forwards fadeOut}@keyframes fadeOut{to{opacity:0;transform:translateY(20px)}}.custom-modal-header{text-align:center;border-bottom:1px solid #eee;padding:15px 20px 10px}.custom-modal-header h3{color:#333;margin:0;font-size:1.25rem;font-weight:600}.custom-modal-body{text-align:center;color:#555;flex-grow:1;padding:10px 20px;line-height:1.5;overflow-y:auto}.custom-modal-footer{text-align:center;color:#666;background-color:#f9f9f9;border-top:1px solid #eee;padding:15px 20px;font-size:.9rem}.custom-modal-actions{border-top:1px solid #eee;justify-content:center;gap:10px;padding:15px;display:flex}.custom-modal-button{cursor:pointer;border:none;border-radius:4px;padding:10px;font-size:13px;font-weight:500;transition:all .3s}.custom-modal-button.confirm{color:#fff;border:"none";border-radius:"0.25rem";font-size:"13px";cursor:"pointer"}.custom-modal-button.cancel{color:#fff;background-color:#929292}.custom-modal-button.cancel:hover{background-color:#6d6d6d}.custom-modal-icon{justify-content:center;padding:15px 0 5px;display:flex}.custom-modal-icon svg[color=\#4CAF50]{color:#4caf50}.custom-modal-icon svg[color=\#f44336]{color:#f44336}.custom-modal-icon svg[color=\#FFA726]{color:#ffa726}.custom-modal-icon svg[color=\#2196F3]{color:#2196f3}.custom-modal-icon svg[color=\#3385ff]{color:#3385ff}.custom-modal-overlay{z-index:1060;background-color:#0006;justify-content:center;align-items:center;animation:.3s showOverlay;display:flex;position:fixed;inset:0}@keyframes showOverlay{0%{background-color:#0000}to{background-color:#0006}}.custom-modal-content{text-align:center;background-color:#fff;border-radius:8px;width:32em;max-width:100%;margin:1.25rem;padding:1.25rem;animation:.3s showSweetAlert;position:relative;transform:scale(1);box-shadow:0 .5rem 1rem #00000026}@keyframes showSweetAlert{0%{opacity:0;transform:scale(.7)}45%{opacity:1;transform:scale(1.05)}to{transform:scale(1)}}.custom-modal-content.hide{animation:.15s forwards hideSweetAlert}@keyframes hideSweetAlert{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}.loader-overlay{z-index:9998;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);justify-content:center;align-items:center;width:100%;height:100%;display:flex;top:0;left:0}.ball-spin{position:relative}.ball-spin div{border-radius:50%;animation:1s linear infinite ball-spin;position:absolute;width:8px!important;height:8px!important}@keyframes ball-spin{0%{opacity:1;transform:scale(1)}to{opacity:.3;transform:scale(.3)}}.ball-spin div:first-child{animation-delay:0s;top:0%;left:41.66%}.ball-spin div:nth-child(2){animation-delay:.12s;top:11%;left:72%}.ball-spin div:nth-child(3){animation-delay:.25s;top:41.66%;left:83.33%}.ball-spin div:nth-child(4){animation-delay:.37s;top:72%;left:72%}.ball-spin div:nth-child(5){animation-delay:.5s;top:83.33%;left:41.66%}.ball-spin div:nth-child(6){animation-delay:.62s;top:72%;left:11%}.ball-spin div:nth-child(7){animation-delay:.75s;top:41.66%;left:0%}.ball-spin div:nth-child(8){animation-delay:.87s;top:11%;left:11%}.horizontal-layout{scrollbar-width:thin;background:#eee;min-height:100vh;position:relative;overflow:visible}.horizontal-layout::-webkit-scrollbar{display:none}.horizontal-bg-image{z-index:0;background-position:50%;background-repeat:no-repeat;background-size:contain;max-height:80vh;margin-top:15vh;position:fixed;inset:0}.horizontal-overlay-content{z-index:1;min-height:100vh;position:relative}.horizontal-header{z-index:1000;background-color:#eee;align-items:center;width:100%;height:fit-content;padding:5px 18px;display:flex;position:sticky;top:0;left:0}.horizontal-logo{box-sizing:border-box;justify-content:center;align-items:center;display:flex;overflow:hidden}.logo{object-fit:contain;flex-shrink:0;width:55px;height:55px;display:block}.horizontal-nav{background:#ffffffe6;flex:1;justify-content:space-between;gap:28px;margin-left:20px;display:flex}.nav-item{color:#8b9a82;letter-spacing:.5px;text-transform:uppercase;padding:20px 0 18px;font-size:14px;font-weight:600;text-decoration:none;position:relative}.nav-item:hover{color:#5c6f52}.active-nav{color:#4d6844}.active-nav:after{content:"";background:#c3aa73;border-radius:20px;width:100%;height:3px;position:absolute;bottom:0;left:0}.horizontal-actions{align-items:center;gap:18px;display:flex}.icon-btn{color:#8b9a82;background:0 0;border:none}.profile-btn{border:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.horizontal-content{z-index:1;min-height:calc(100vh - 130px);padding:10px 20px 20px;position:relative}.profile-dropdown{z-index:1500;background:#fff;border:1px solid #e5e5e5;border-radius:10px;width:250px;padding:14px;position:absolute;top:52px;right:0}.invitation-code-box{border-bottom:1px solid #ececec;margin-bottom:8px;padding-bottom:8px}.dropdown-label{color:#777;margin-bottom:4px;font-size:12px;display:block}.dropdown-value{color:#535353;font-size:15px;font-weight:600}.logout-btn{color:#fff;cursor:pointer;background:#cf5360;border:none;border-radius:6px;width:100%;padding:5px;font-size:13px;font-weight:500;transition:all .2s}.logout-btn:hover{opacity:.9}.k9-footer{color:#638657;font-size:14px;font-weight:600}.profile-settings-btn{border-radius:50%;transition:all .3s}.profile-settings-btn:hover{background-color:var(--bs-secondary-bg);transform:translateY(-2px)scale(1.05);box-shadow:0 4px 12px #00000026}.profile-settings-icon{transition:transform .3s}.profile-settings-btn:hover .profile-settings-icon{transform:rotate(20deg)}.profile-avatar-btn{background:0 0;border:none;border-radius:50%;padding:4px;transition:all .3s}.profile-avatar-btn:hover{background-color:var(--bs-secondary-bg);transform:scale(1.08);box-shadow:0 4px 12px #00000026}.profile-avatar-img{border-radius:50%;transition:all .3s}.mobile-menu-btn{cursor:pointer;color:#3c5235;background:0 0;border:none;font-size:28px;display:none}.mobile-sidebar-overlay{z-index:999;background:#00000080;position:fixed;inset:0}.mobile-sidebar{z-index:1000;background:#fff;width:260px;height:100vh;padding:20px;transition:left .3s;position:fixed;top:0;left:-260px}.mobile-sidebar.open{left:0}.close-sidebar-btn{color:#000;float:right;cursor:pointer;background:0 0;border:none;font-size:24px}.sidebar-menu{flex-direction:column;gap:16px;margin-top:50px;display:flex}.sidebar-item{color:#8b9a82;border-radius:8px;padding:12px;text-decoration:none}.sidebar-item.active-nav{color:#fff;background:#bbb}@media (width<=768px){.mobile-menu-btn{display:block}.desktop-nav-links{display:none!important}.horizontal-nav{justify-content:space-between}.horizontal-actions{margin-left:auto}}.dashboard-wrapper{background:#f5f5f5;min-height:100vh}.dashboard-card{background:#fff;border:1px solid #e5e5e5;border-radius:6px;flex-direction:column;height:140px;padding:14px;transition:all .2s;display:flex}.dashboard-card:hover{transform:translateY(-2px)}.dashboard-title{color:#6b6b6b;letter-spacing:.5px;font-size:13px;font-weight:600}.dashboard-info-icon{color:#b9b9b9}.dashboard-top-icon{color:#c9c1ae}.dashboard-count{color:#1f6418;justify-content:center;align-items:center;font-size:60px;font-weight:700;line-height:1;display:flex}.users-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;display:flex}.users-title{letter-spacing:1px;color:#333;max-width:fit-content;margin:0;font-size:15px;font-weight:700}.header-buttons{gap:10px;max-width:fit-content;display:flex}.btn-export{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:4px;align-items:center;gap:6px;max-width:fit-content;padding:5px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.btn-export:hover{background-color:#f9fafb;border-color:#9ca3af}.btn-add-users{color:#fff;cursor:pointer;background-color:#4a7c59;border:none;border-radius:4px;align-items:center;gap:6px;max-width:fit-content;padding:5px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.btn-add-users:hover{background-color:#3d6849}.users-content{margin-top:10px}.sidebar{background-color:#fff;border-radius:6px;padding:0;box-shadow:0 1px 3px #0000001a}.sidebar-tabs{background-color:#ddd;gap:15px;display:flex}.tab-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 8px;font-size:13px;font-weight:500;transition:all .2s}.tab-btn.active{color:#111827;border-bottom-color:#c3aa73}.tab-btn .count{color:#9ca3af;margin-left:4px;font-size:12px}.admins-section{padding:20px 0}.admins-title{letter-spacing:.5px;color:#6b7280;margin-bottom:12px;padding:0 10px;font-size:13px;font-weight:600}.admin-count{color:#9ca3af;font-weight:500}.admins-list{margin:0;padding:0;list-style:none}.admins-list li{cursor:pointer;color:#374151;justify-content:space-between;align-items:center;padding:10px 20px;font-size:14px;transition:all .2s;display:flex}.admins-list li:hover{background-color:#f9fafb}.admins-list li.active{background-color:#f3f4f6;border-left:3px solid #4a7c59;padding-left:17px;font-weight:500}.admin-name{flex:1}.admin-user-count{color:#6b7280;font-size:13px;font-weight:500}.main-content{background-color:#fff;border-radius:6px;padding:20px;box-shadow:0 1px 3px #0000001a}.search-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:5px;display:flex}.search-section{flex:1;gap:10px;display:flex}.search-input{color:#374151;border:1px solid #d1d5db;border-radius:4px;flex:1;padding:8px 12px;font-size:13px}.search-input::placeholder{color:#9ca3af}.search-input:focus{border-color:#4a7c59;outline:none;box-shadow:0 0 0 3px #4a7c591a}.filter-select{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:4px;min-width:100px;padding:8px 12px;font-size:13px}.filter-select:focus{border-color:#4a7c59;outline:none}.selected-info{align-items:center;display:flex}.selected-count{color:#6b7280;font-size:13px;font-weight:500}.action-buttons{flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:5px;display:flex}.btn-action{cursor:pointer;border:1px solid;border-radius:4px;align-items:center;gap:6px;padding:5px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.btn-approve{color:#fff;background-color:#4a7c59;border-color:#4a7c59;max-width:fit-content}.btn-approve:hover{background-color:#3d6849}.btn-reject{color:#fff;background-color:#6b7280;border-color:#6b7280}.btn-reject:hover{background-color:#4b5563}.btn-edit{color:#374151;background-color:#fff;border-color:#d1d5db}.btn-edit:hover{background-color:#f9fafb;border-color:#9ca3af}.table-responsive{margin-bottom:20px;overflow-x:auto}.users-table{border-collapse:separate;border-spacing:0;width:100%}.users-table thead{background-color:#7ba585}.users-table thead th{text-align:left;color:#fff;border:none;padding:12px 16px;font-size:13px;font-weight:600}.users-table thead th:first-child{border-radius:4px 0 0}.users-table thead th:last-child{border-radius:0 4px 0 0}.users-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.users-table tbody tr:hover{background-color:#f9fafb}.users-table tbody tr:last-child{border-bottom:none}.users-table tbody td{color:#374151;padding:8px 16px;font-size:14px}.checkbox-col{width:40px}.checkbox-col input[type=checkbox]{cursor:pointer;accent-color:#4a7c59;width:16px;height:16px}.user-col{min-width:200px}.user-info{flex-direction:column;gap:4px;display:flex}.user-name{color:#111827;font-weight:500}.user-email{color:#6b7280;font-size:13px}.status-col{width:120px}.status-badge{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.status-approved{color:#15803d;background-color:#dcfce7}.status-pending{color:#b45309;text-align:center;background-color:#fef3c7}.verification-pending{color:#b41d09;text-align:center;background-color:#feddc7}.status-inactive{color:#b45309;background-color:#fec7c7}.added-col{color:#6b7280;width:120px}.pagination-wrapper{justify-content:flex-end;margin-top:20px;display:flex}.pagination-controls{align-items:center;gap:6px;display:flex}.pagination-btn{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:4px;justify-content:center;align-items:center;width:25px;height:25px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.pagination-btn:hover{background-color:#f9fafb;border-color:#9ca3af}.pagination-btn.active{color:#fff;background-color:#4a7c59;border-color:#4a7c59}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=992px){.sidebar{margin-bottom:20px}.users-header{align-items:flex-start}.header-buttons{justify-content:flex-start;width:100%}}@media (width<=768px){.users-container{padding:15px}.users-title{font-size:12px}.search-filter-bar{flex-direction:column;align-items:stretch}.search-section{max-width:100%}.action-buttons{flex-wrap:wrap}.btn-action{flex:1;justify-content:center;min-width:calc(50% - 4px)}.main-content{padding:15px}.users-table thead th,.users-table tbody td{padding:10px 12px}.user-col{min-width:150px}.pagination-wrapper{justify-content:center}}@media (width<=576px){.header-buttons{flex-direction:column}.btn-export,.btn-add-users{justify-content:center;width:100%}.sidebar-tabs{flex-direction:column}.tab-btn{border-bottom:1px solid #e5e7eb;border-left:2px solid #0000}.tab-btn.active{border-bottom-color:#e5e7eb;border-left-color:#4a7c59}.search-section{flex-direction:column}.filter-select{width:100%}}.users-filter-dropdown{z-index:9999;background:#fff;border:1px solid #e9ecef;border-radius:5px;max-width:fit-content;font-size:13px;animation:.18s dropdownFade;position:absolute;top:calc(100% + 5px);left:0;overflow:hidden;box-shadow:0 12px 30px #0f172a1f}@media (width>=768px){.users-filter-dropdown{left:auto;right:0}}.users-filter-header{justify-content:space-between;align-items:center;padding:10px;display:flex}.users-filter-header h6{color:#212529;font-size:14px;font-weight:600}.users-filter-body{padding:10px}.filter-label{color:#6c757d;text-transform:uppercase;letter-spacing:.4px;margin-bottom:10px;font-size:12px;font-weight:600;display:block}.filter-options{flex-direction:column;gap:10px;display:flex}.filter-option-item{cursor:pointer;-webkit-user-select:none;user-select:none;color:#212529;align-items:center;gap:10px;font-size:13px;display:flex}.filter-option-item input{cursor:pointer;width:14px;height:14px}.users-filter-footer{background:#fcfcfc;border-top:1px solid #f1f3f5;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.users-filter-dropdown .btn{font-size:12px}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.custom-font-size{font-size:12px}.modal-overlay{z-index:9999;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100vh;animation:.3s ease-in-out fadeIn;display:flex;position:fixed;top:0;left:0}.custom-alert{opacity:0;z-index:9999;background-color:#fff;border:none;border-radius:5px;flex-direction:column;justify-content:space-between;max-width:100vw;max-height:500px;padding:25px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;animation:.3s ease-in-out forwards fadeInPopup;display:flex;position:fixed;box-shadow:0 4px 20px #72727266}@keyframes fadeInPopup{0%{opacity:0}to{opacity:1}}.modal-header{border-bottom:2px solid #597058;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;display:flex}.modal-header h5{color:#597058;margin:0;font-size:1.3rem}.modal-close-btn{cursor:pointer;color:#888;background:0 0;border:none;font-size:20px;transition:color .3s}.modal-close-btn:hover{color:#333}.modal-body{color:#555;scrollbar-width:thin;max-height:250px;margin-bottom:20px;padding-right:10px;font-size:1rem;line-height:1.5;overflow-y:auto}.modal-footer{border-top:1px solid #d8d8d8;justify-content:flex-end;gap:10px;padding-top:15px;display:flex}.results-card{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:16px;box-shadow:0 1px 3px #00000014}.results-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.results-card-title{color:#555;margin:0;font-weight:600}.results-info-icon{color:#999;border:1px solid #ccc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;display:flex}.results-chart-area{color:#bbb;width:100%;font-size:14px}.chart-container{border-radius:8px;height:fit-content}.chart-container svg{height:100%;display:block}.mss-chart-container{background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;position:relative}.axis-label{fill:#6c757d;font-size:11px;font-weight:400}.grid-line{stroke:#e9ecef;stroke-width:1px;shape-rendering:crispedges}.chart-bar{fill:#4783eb;cursor:pointer;transition:all .2s}.chart-bar:hover,.chart-bar.hovered{fill:#284c8a}.chart-line{stroke:#5b7ec8;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.line-point{fill:#5b7ec8;stroke:#fff;stroke-width:2px;cursor:pointer;transition:all .2s}.line-point:hover,.line-point.hovered{r:6;fill:#4a67a8}.chart-tooltip{color:#000;pointer-events:none;z-index:1000;white-space:nowrap;background:#fff;border-radius:4px;padding:8px;font-size:11px;position:absolute;transform:translate(-50%,-100%);box-shadow:0 2px 8px #00000093}.tooltip-date{margin-bottom:2px;font-weight:600}.tooltip-value{color:#5b7ec8;font-size:11px;font-weight:700}@media (width<=768px){.axis-label{font-size:10px}.axis-title{font-size:11px}}.odor-miss-chart-container{background-color:#fff;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.chart-legend{flex-wrap:wrap;justify-content:flex-start;align-items:center;margin-left:20px;display:flex}.legend-item{align-items:center;gap:8px;display:flex}.legend-color{border-radius:2px;width:15px;height:10px}.legend-label{color:#6c757d;font-size:11px;font-weight:500}.chart-wrapper{position:relative;overflow:auto hidden}.chart-svg{min-width:300px;display:block}.grid-line{stroke:#e0e0e0;stroke-width:1px;stroke-dasharray:none}.y-axis-label{fill:#666;font-size:11px;font-weight:400}.x-axis-label{fill:#666;text-wrap:wrap;font-size:11px;font-weight:400}.axis-title{fill:#333;font-size:12px;font-weight:500}.bar-segment{cursor:pointer;transition:opacity .2s}.bar-segment:hover{opacity:.85;filter:brightness(1.1)}.tooltip{pointer-events:none;animation:.2s fadeIn}.tooltip rect{filter:drop-shadow(0 2px 4px #0000001a)}.tooltip-text{fill:#333;font-size:11px}.tooltip-text.bold{font-size:12px;font-weight:600}@media (width<=768px){.chart-svg{min-width:600px}.legend-label{font-size:12px}}.dpbo-wrapper{color:#222;-webkit-user-select:none;user-select:none;width:100%;font-family:Segoe UI,Arial,sans-serif;font-size:13px}.dpbo-chart{box-sizing:border-box;flex-direction:row;align-items:stretch;width:100%;display:flex;position:relative}.dpbo-y-labels{box-sizing:border-box;text-wrap:wrap;flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:flex-end;padding-right:10px;display:flex}.dpbo-y-label{color:#6c757d;white-space:nowrap;box-sizing:border-box;justify-content:flex-end;align-items:center;font-size:10px;font-weight:500;transition:color .2s,font-weight .2s;display:flex}.dpbo-y-label.hovered{color:#111;font-weight:700}.dpbo-bars-area{box-sizing:border-box;flex-direction:column;flex:1;display:flex;position:relative;overflow:visible}.dpbo-bars-inner{box-sizing:border-box;flex-direction:column;flex:1;justify-content:flex-start;padding-top:0;display:flex;position:relative}.dpbo-gridline{pointer-events:none;z-index:0;background:#e0e0e0;width:1px;position:absolute;top:0;bottom:0}.dpbo-bar-row{cursor:pointer;z-index:1;align-items:center;display:flex;position:relative;overflow:visible}.dpbo-bar{z-index:2;border-radius:0 3px 3px 0;height:100%;transition:width .55s cubic-bezier(.4,0,.2,1),box-shadow .2s,filter .2s;position:relative}.dpbo-bar.hovered{filter:brightness(1.1)}.dpbo-bar-value{color:#333;pointer-events:none;white-space:nowrap;z-index:3;font-size:10px;font-weight:700;transition:color .2s;position:absolute;top:50%;transform:translateY(-50%)}.dpbo-tooltip{white-space:nowrap;pointer-events:none;z-index:10;background:#fff;border:2px solid #ccc;border-radius:6px;flex-direction:column;align-items:center;gap:1px;padding:4px 10px;font-size:12px;animation:.15s dpbo-fade-in;display:flex;position:absolute;top:calc(-100% - 8px);transform:translate(-50%);box-shadow:0 4px 16px #00000021}.dpbo-tooltip span{font-size:11px;font-weight:600}.dpbo-tooltip strong{color:#111;font-size:12px}@keyframes dpbo-fade-in{0%{opacity:0;transform:translate(-50%)translateY(4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.dpbo-x-axis{border-top:2px solid #bbb;margin-left:60px;margin-right:3px;position:relative}.dpbo-x-tick{flex-direction:column;align-items:center;display:flex;position:absolute;top:0;transform:translate(-50%)}.dpbo-x-tick:first-child{align-items:flex-start;transform:translate(0)}.dpbo-x-tick:last-child{align-items:flex-end;transform:translate(-100%)}.dpbo-tick-mark{background:#999;width:1px;height:6px}.dpbo-tick-label{color:#666;white-space:nowrap;margin-top:2px;font-size:11px}.dpbo-x-tick.hide-label .dpbo-tick-label{visibility:hidden}.dpbo-x-title{text-align:center;color:#444;box-sizing:border-box;margin-top:15px;font-size:11px;font-weight:600}.fa-wrapper{background:#fff;border-radius:10px;padding:8px 4px 0;font-family:Segoe UI,system-ui,sans-serif}.fa-axis-title{fill:#666;letter-spacing:.02em;font-size:11px;font-weight:600}.fa-tick-label{fill:#999;font-size:11px}.fa-gridline{stroke:#e8e8f0;stroke-width:1px;stroke-dasharray:none}.fa-lollipop{transition:opacity .15s}.fa-stem{transition:stroke-opacity .2s,stroke-width .2s}.fa-dot{transition:r .18s cubic-bezier(.34,1.56,.64,1),filter .18s}.fa-value-label{pointer-events:none;font-size:11px;transition:fill .15s,font-weight .15s}.fa-x-label{pointer-events:none;font-size:11.5px;transition:fill .15s,font-weight .15s}.fa-tooltip{pointer-events:none;animation:.15s forwards fa-tooltip-in}@keyframes fa-tooltip-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fa-tooltip-bg{opacity:.94}.fa-tooltip-text{fill:#fff;pointer-events:none;font-size:11px;font-weight:700}.dropdown-menu-date{z-index:9999;background:#fff;border:1px solid #e6e6e6;border-radius:6px;width:fit-content}.filter-list{border-right:1px solid #eee;width:150px;max-height:350px;padding-top:5px;padding-bottom:5px;overflow-y:auto}.dropdown-item-custom{cursor:pointer;padding:5px;font-size:13px}.dropdown-item-custom:hover,.dropdown-item-custom.active{color:#fff;background:#0d6efd}.custom-range{background:#fafafa}.date-range-picker{background:#fff;border-radius:12px;max-width:900px;margin:0;padding:10px;box-shadow:0 4px 20px #0000001a}.picker-header h3{color:#2c3e50;font-weight:600}.selected-range-info{background:#f8f9fa;border-radius:8px;padding:15px;font-size:14px}.navigation-controls{justify-content:center;align-items:center;gap:10px;display:flex}.months-display{-webkit-user-select:none;user-select:none;gap:10px;display:flex}.month-container{background:#fff;padding:10px}.month-header{text-align:center;color:#2c3e50;border-bottom:2px solid #3498db;margin-bottom:5px;padding-bottom:1px;font-size:15px;font-weight:600}.weekdays{color:#7f8c8d;text-align:center;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:10px;font-size:12px;font-weight:600;display:grid}.calendar-grid{grid-template-columns:repeat(7,1fr);display:grid}.calendar-day{aspect-ratio:1;cursor:pointer;justify-content:center;align-items:center;margin:0;padding:6px;font-size:13px;transition:all .2s;display:flex}.calendar-day:not(.empty):hover{background:#e3f2fd;border-color:#3454d1;transform:scale(1.05)}.calendar-day.empty{cursor:default;pointer-events:none}.calendar-day.start-date,.calendar-day.end-date{color:#fff;background:#3454d1;border-color:#1976d2;border-radius:5px;font-weight:700}.calendar-day.in-range{background:#d5ebfd}.calendar-day.preview-range{color:#0277bd;background:#e1f5fe;border-color:#81d4fa}.calendar-day.start-date.in-range,.calendar-day.end-date.in-range{color:#fff;background:#3e65ff}@media (width<=768px){.months-display{grid-template-columns:1fr}.date-range-picker{padding:20px}.navigation-controls{flex-direction:column}.navigation-controls button{width:100%}}