.hierarchical-dropdown{position:relative;width:100%;max-width:300px}.hierarchical-dropdown-trigger{width:100%;padding:.625rem 1rem;text-align:left;background-color:white;border:1px solid #e5e7eb;border-radius:.375rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s ease;outline:none}.hierarchical-dropdown-trigger:hover{background-color:#f3f4f6;border-color:#9ca3af}.hierarchical-dropdown-trigger:focus-visible{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.15)}.hierarchical-dropdown-menu{position:fixed;z-index:50;width:300px;background-color:white;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);border-radius:.375rem;border:1px solid #e5e7eb;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.hierarchical-dropdown-search{padding:.75rem;border-bottom:1px solid #e5e7eb}.hierarchical-dropdown-toggle{display:flex;align-items:center;cursor:pointer}.hierarchical-dropdown-toggle-switch{position:relative;width:2.5rem;height:1.25rem;background-color:#e5e7eb;border-radius:9999px}.hierarchical-dropdown-toggle-switch-dot{position:absolute;top:.125rem;left:.125rem;width:1rem;height:1rem;border-radius:9999px;transition:all .2s ease-in-out;background-color:#9ca3af}.hierarchical-dropdown-toggle-switch-dot.active{background-color:#3b82f6;transform:translateX(1.25rem)}.hierarchical-dropdown-items{flex:1;overflow-y:auto;min-height:0}.family-group{position:relative;transition:background-color .15s ease}.family-group:hover{background-color:rgba(0,0,0,.05)}.family-header{display:flex;align-items:center;justify-content:space-between;padding:.625rem 1rem;border-bottom:1px solid #e5e7eb;cursor:pointer;width:100%;gap:.5rem}.family-header.active,.family-header:hover{background-color:#f3f4f6}.family-group-submenu{position:fixed;z-index:100;width:300px;background-color:white;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);border-radius:.375rem;border:1px solid #e5e7eb;overflow:hidden;animation:slideInRight .2s cubic-bezier(.16,1,.3,1) forwards;box-shadow:0 6px 24px rgba(0,0,0,.18);visibility:hidden;opacity:0;transform:translateX(-10px);will-change:transform,opacity}.family-group-submenu.visible{visibility:visible;opacity:1;transform:translateX(0)}.hierarchical-dropdown-item{padding:.5rem 1rem;cursor:pointer}.hierarchical-dropdown-item:hover{background-color:#f3f4f6}.hierarchical-dropdown-empty{padding:1rem;text-align:center;color:#6b7280}.dropdown-animation{animation:zoomFadeIn .2s cubic-bezier(.16,1,.3,1) forwards;box-shadow:0 4px 20px rgba(0,0,0,.15)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:8px}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#d1d1d1;border-radius:8px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#a8a8a8}