.dropdown{width:100%;max-width:300px}.dropdown.disabled{opacity:var(--dropdown-disabled-opacity, .5);cursor:not-allowed}.dropdown.disabled .dropdown-trigger{cursor:not-allowed;pointer-events:none;background:var(--dropdown-disabled-bg, var(--bg-tertiary));border-color:var(--dropdown-disabled-border, var(--border));color:var(--dropdown-disabled-text, var(--text-secondary))}.dropdown.compact{max-width:100%}.dropdown.external-trigger{display:contents}.dropdown.compact .dropdown-trigger{padding:8px 12px;font-size:13px;background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);min-width:180px}.dropdown.compact .dropdown-trigger:hover{background:var(--bg-secondary);border-color:var(--accent)}.dropdown.compact .dropdown-trigger:focus{border-color:var(--accent);box-shadow:0 0 0 3px #c48a4d1a}.dropdown.compact .dropdown-placeholder,.dropdown.compact .dropdown-arrow{color:var(--text-secondary)}.dropdown-trigger{display:flex;justify-content:space-between;align-items:center;padding:var(--dropdown-padding, var(--spacing-2) var(--spacing-3));background:var(--dropdown-bg, var(--bg-secondary));border:1px solid var(--dropdown-border, var(--border));border-radius:var(--dropdown-radius, var(--radius-base));cursor:pointer;transition:border-color .2s;outline:none;color:var(--dropdown-text, var(--text-primary));-webkit-user-select:none;user-select:none}.dropdown-trigger:hover{border-color:var(--border-hover)}.dropdown-trigger:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-alpha-20)}.dropdown-trigger>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-placeholder{color:var(--text-secondary)}.dropdown-trigger-icon{flex-shrink:0;margin-right:6px;opacity:.8}.dropdown-arrow{color:var(--text-primary)}.dropdown-clear{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:16px;height:16px;margin-left:auto;margin-right:6px;padding:0;background:var(--bg-tertiary);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.dropdown-clear:hover{background:var(--text-secondary);color:var(--bg-primary)}.dropdown-filter-mode-badge{font-family:inherit;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:1px 5px;margin:0 1em;width:30px;text-align:center;border:none;border-radius:3px;cursor:pointer;flex-shrink:0;background:var(--bg-tertiary);color:var(--text-secondary);transition:background .15s,color .15s}.dropdown-filter-mode-badge.and{background:#3b82f626;color:#3b82f6}.dropdown-filter-mode-badge:hover{background:#3b82f640;color:#3b82f6}.dropdown-dialog{position:fixed;margin:0;padding:0;border:1px solid var(--dropdown-border, var(--border));background:var(--dropdown-bg, var(--bg-secondary));border-radius:var(--dropdown-radius, var(--radius-base));box-shadow:var(--dropdown-shadow, var(--shadow-lg));max-width:none;max-height:none;overflow:hidden}.dropdown-dialog::backdrop{background:transparent}.dropdown-search{padding:8px;border-bottom:1px solid var(--border)}.dropdown-search-input{width:100%;padding:var(--dropdown-search-input-padding-y, 8px) var(--dropdown-search-input-padding-x, 10px);background:var(--dropdown-search-input-bg, var(--bg-primary));border:1px solid var(--dropdown-search-input-border, var(--border));border-radius:var(--dropdown-search-input-radius, var(--radius-base));color:var(--dropdown-search-input-text, var(--text-primary));font-size:var(--dropdown-search-input-font-size, 14px);outline:none;transition:border-color var(--transition-base)}.dropdown-search-input:focus{border-color:var(--dropdown-search-input-border-focus, var(--accent))}.dropdown-search-input::placeholder{color:var(--dropdown-search-input-placeholder, var(--text-secondary))}.dropdown-menu{scrollbar-gutter:stable;width:100%;max-height:var(--dropdown-max-height, 336px);overflow-y:auto;outline:none}.dropdown-menu::-webkit-scrollbar{width:8px}.dropdown-menu::-webkit-scrollbar-track{background:var(--bg-primary)}.dropdown-menu::-webkit-scrollbar-thumb{background:var(--accent);border-radius:var(--radius-sm)}.dropdown-item{padding:var(--dropdown-padding, var(--spacing-2) var(--spacing-3));color:var(--dropdown-text, var(--text-primary));cursor:pointer;transition:background .2s;display:flex;align-items:center;gap:var(--spacing-2);-webkit-user-select:none;user-select:none}.dropdown-item:hover{background:var(--dropdown-item-hover, var(--bg-tertiary))}.dropdown-item.active{background:var(--dropdown-item-hover, var(--bg-tertiary));outline:2px solid var(--dropdown-item-selected, var(--accent));outline-offset:-2px}.dropdown-item.selected:not(.has-checkbox){background:var(--dropdown-item-selected, var(--accent));color:var(--dropdown-item-text-selected, var(--text-on-accent))}.dropdown-item.selected:not(.has-checkbox).active{outline:2px solid var(--accent-hover)}.dropdown-item.selected.has-checkbox:hover{background:var(--dropdown-item-hover, var(--bg-tertiary))}.dropdown-item.has-children{cursor:default;font-weight:500}.dropdown-item.has-children.selectable-parent{cursor:pointer}.dropdown-item.has-children.selectable-parent:hover{background:var(--dropdown-item-hover, var(--bg-tertiary))}.dropdown-item.disabled{color:var(--text-secondary);cursor:not-allowed;opacity:.5}.dropdown-item.disabled:hover{background:transparent}.dropdown-item.disabled.active{background:transparent;outline:none}.dropdown-item:first-child{border-top-left-radius:var(--dropdown-radius, var(--radius-base));border-top-right-radius:var(--dropdown-radius, var(--radius-base))}.dropdown-item:last-child{border-bottom-left-radius:var(--dropdown-radius, var(--radius-base));border-bottom-right-radius:var(--dropdown-radius, var(--radius-base))}.dropdown-item.no-checkbox{font-weight:500;color:var(--text-primary);padding-left:var(--spacing-3)!important}.dropdown-divider{display:flex;align-items:center;padding:0 var(--spacing-3);cursor:default}.dropdown-divider-line{width:100%;height:1px;background:var(--border)}.dropdown-item-icon{flex-shrink:0;color:var(--text-secondary);margin-right:6px}.dropdown-item:hover .dropdown-item-icon,.dropdown-item.active .dropdown-item-icon,.dropdown-item.selected .dropdown-item-icon{color:currentColor}.dropdown-item-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-item-count{font-size:var(--font-size-xs);color:var(--text-secondary);background:var(--bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm);margin-left:auto;flex-shrink:0}.dropdown-search+.dropdown-menu .dropdown-item:first-child,.dropdown-header~.dropdown-menu .dropdown-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.dropdown-expand-icon{color:var(--text-primary);cursor:pointer;transition:transform .2s;flex-shrink:0}.dropdown-expand-icon.expanded{transform:rotate(90deg)}.dropdown-expand-icon:hover{color:var(--accent)}.dropdown-checkbox{width:var(--checkbox-size, 16px);height:var(--checkbox-size, 16px);border:2px solid var(--checkbox-border, var(--border));border-radius:var(--checkbox-radius, var(--radius-sm));display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s;cursor:pointer}.dropdown-checkbox svg{color:var(--checkbox-checkmark, var(--text-on-accent))}.dropdown-checkbox.checked,.dropdown-checkbox.indeterminate{background:var(--checkbox-bg-checked, var(--accent));border-color:var(--checkbox-border-checked, var(--accent))}.dropdown-checkbox.unchecked{background:var(--checkbox-bg, transparent)}.dropdown-select-all{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .2s}.dropdown-select-all:hover{background:var(--dropdown-item-hover, var(--bg-tertiary))}.dropdown-select-all.active{background:var(--dropdown-item-hover, var(--bg-tertiary));outline:2px solid var(--dropdown-item-selected, var(--accent));outline-offset:-2px}.dropdown-select-all-label{font-size:14px;font-weight:600;color:var(--text-primary);-webkit-user-select:none;user-select:none}.dropdown-filter-mode{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--bg-tertiary)}.dropdown-filter-mode-label{font-size:12px;color:var(--text-secondary);-webkit-user-select:none;user-select:none}.dropdown-filter-mode-toggle{display:flex;gap:4px}.dropdown-filter-mode-btn{padding:4px 8px;font-size:11px;font-weight:600;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .15s}.dropdown-filter-mode-btn:hover{background:var(--bg-secondary);border-color:var(--accent)}.dropdown-filter-mode-btn.active{background:var(--accent);border-color:var(--accent);color:var(--bg-primary)}.dropdown-header{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border)}.dropdown-header .dropdown-search{flex:1;border-bottom:none}.dropdown-sort-container{position:relative;padding:8px}.dropdown-sort-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-base);color:var(--text-secondary);cursor:pointer;transition:all .2s;outline:none}.dropdown-sort-button:hover{background:var(--bg-tertiary);border-color:var(--accent);color:var(--text-primary)}.dropdown-sort-button:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-alpha-20)}.dropdown-sort-button.active{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent)}.dropdown-sort-icon-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-base);color:var(--text-secondary);cursor:pointer;transition:all .2s;outline:none}.dropdown-sort-icon-button:hover{background:var(--bg-secondary);border-color:var(--accent);color:var(--text-primary)}.dropdown-sort-icon-button.active{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent);box-shadow:0 0 0 3px var(--accent-alpha-20)}dialog.drawer{border:none;padding:0;margin:0;max-width:none;max-height:none;width:100vw;height:100vh;background:#64646400;transition:background .35s cubic-bezier(.16,1,.3,1),visibility 0s linear 0s;visibility:visible}dialog.drawer::backdrop{display:none}dialog.drawer:not(.drawer-animating){transition:background .35s cubic-bezier(.16,1,.3,1),visibility 0s linear .35s}dialog.drawer.drawer-animating{background:var(--drawer-backdrop-bg, rgba(100, 100, 100, .4))}.drawer-panel{position:fixed;top:0;right:0;bottom:0;width:var(--drawer-width, 600px);background:var(--drawer-panel-bg, var(--bg-primary));box-shadow:var(--drawer-panel-shadow, -4px 0 24px rgba(0, 0, 0, .15));display:flex;flex-direction:column;transform:translate(100%);transition:transform .35s cubic-bezier(.16,1,.3,1);will-change:transform}.drawer-animating>.drawer-panel{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--drawer-header-padding-y, 20px) var(--drawer-header-padding-x, 24px);border-bottom:1px solid var(--drawer-header-border, var(--border))}.drawer-title{font-size:var(--drawer-title-font-size, 18px);font-weight:var(--drawer-title-font-weight, 600);color:var(--drawer-title-text, var(--text-primary));margin:0;line-height:var(--line-height-tight)}.drawer-header-actions{display:flex;align-items:center;gap:var(--spacing-1)}.drawer-close{background:none;border:none;padding:var(--spacing-2);cursor:pointer;color:var(--drawer-close-text, var(--text-secondary));display:flex;align-items:center;justify-content:center;border-radius:var(--drawer-close-radius, var(--radius-md));transition:all var(--transition-base)}.drawer-close:hover{background:var(--drawer-close-bg-hover, var(--bg-tertiary));color:var(--drawer-close-text-hover, var(--text-primary))}.drawer-content{flex:1;min-height:0;overflow-y:auto;padding:0}.input-wrapper{position:relative;display:flex;align-items:center;width:100%}.input{width:100%;padding:var(--input-padding-y, var(--spacing-2)) var(--input-padding-x, var(--spacing-3));font-size:var(--input-font-size, var(--font-size-base));font-family:inherit;color:var(--input-text, var(--text-primary));background:var(--input-bg, var(--bg-secondary));border:1px solid var(--input-border, var(--border));border-radius:var(--input-radius, var(--radius-base));outline:none;transition:all var(--input-transition, var(--transition-base))}.input::placeholder{color:var(--input-placeholder, var(--text-tertiary))}.input:hover:not(:disabled){border-color:var(--input-border-hover, var(--border-hover))}.input:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.input-wrapper.focused .input{border-color:var(--input-border-focus, var(--accent));box-shadow:var(--input-shadow-focus, 0 0 0 3px var(--accent-alpha-20))}.input-wrapper .input-icon{position:absolute;right:12px;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.input-wrapper .input-icon:hover:not(:disabled){color:var(--accent)}.input-wrapper .input-icon:disabled{cursor:not-allowed}.input-wrapper .input-icon+.input{padding-right:48px}