app-select{display:block}app-select .app-select{width:100%;height:var(--app-select-height,44px);border:1.5px solid var(--border-strong);border-radius:var(--radius-md);font-size:var(--font-base);color:var(--text-primary);background:var(--bg-field,var(--bg-card));box-sizing:border-box;cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);outline:none;align-items:center;padding:0 36px 0 14px;font-family:inherit;display:flex;position:relative}app-select .app-select:hover:not(:focus):not(.app-select--open){border-color:var(--text-secondary)}app-select .app-select:focus,app-select .app-select--open{border-color:var(--primary);background:var(--bg-card);box-shadow:0 0 0 4px rgba(var(--primary-rgb), .14)}app-select .app-select--sm{height:40px;padding:0 32px 0 12px}app-select .app-select--clearable{padding-right:54px}app-select .app-select--clearable.app-select--sm{padding-right:48px}app-select .app-select--disabled{background:var(--bg-input);color:var(--text-secondary);cursor:not-allowed;pointer-events:none}app-select .app-select--error{border-color:var(--color-error)}app-select .app-select__value{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}app-select .app-select__value--placeholder{color:var(--text-muted)}app-select .app-select__chevron{width:14px;height:14px;color:var(--text-secondary);pointer-events:none;transition:transform var(--transition-fast);position:absolute;top:50%;right:10px;transform:translateY(-50%)}app-select .app-select__clear{border-radius:var(--radius-full);width:20px;height:20px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:30px;transform:translateY(-50%)}app-select .app-select__clear svg{width:13px;height:13px}app-select .app-select__clear:hover{background:var(--bg-input);color:var(--text-primary)}app-select .app-select--sm .app-select__clear{right:26px}app-select .app-select--open .app-select__chevron{transform:translateY(-50%)rotate(180deg)}app-select .app-select__panel{z-index:100;width:var(--app-select-panel-width,100%);min-width:var(--app-select-panel-min-width,100%);max-width:var(--app-select-panel-max-width,none);box-sizing:border-box;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-card);cursor:default;animation:.15s app-select__app-select-fade-in;position:absolute;top:calc(100% + 6px);left:0;right:auto;overflow:hidden}app-select .app-select__panel--up{animation-name:app-select__app-select-fade-in-up;top:auto;bottom:calc(100% + 6px)}@keyframes app-select__app-select-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes app-select__app-select-fade-in-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}app-select .app-select__search-wrap{border-bottom:1px solid var(--border-color);padding:8px}app-select .app-select__search-box{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-field);box-sizing:border-box;height:38px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);align-items:center;gap:8px;padding:0 10px;display:flex}app-select .app-select__search-box:hover:not(:focus-within){border-color:var(--text-secondary)}app-select .app-select__search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb), .1)}app-select .app-select__search-icon{width:15px;height:15px;color:var(--text-secondary);pointer-events:none;transition:color var(--transition-fast);flex-shrink:0}app-select .app-select__search-box:focus-within .app-select__search-icon{color:var(--primary)}app-select .app-select__search-input{min-width:0;font-size:var(--font-base);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit}app-select .app-select__search-input::placeholder{color:var(--text-secondary)}app-select .app-select__search-clear{border-radius:var(--radius-full);width:20px;height:20px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}app-select .app-select__search-clear svg{width:13px;height:13px}app-select .app-select__search-clear:hover{background:var(--bg-input);color:var(--text-primary)}app-select .app-select__options{overscroll-behavior:contain;max-height:240px;margin:0;padding:4px;list-style:none;overflow-y:auto}app-select .app-select__option{border-radius:var(--radius-sm);font-size:var(--font-base);color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast);white-space:nowrap;text-overflow:ellipsis;padding:9px 12px;overflow:hidden}app-select .app-select__option:hover,app-select .app-select__option--highlighted{background:var(--primary-light)}app-select .app-select__option--selected{color:var(--primary);background:var(--primary-light);font-weight:600}app-select .app-select__option--disabled{color:var(--text-muted);cursor:not-allowed;pointer-events:none}app-select .app-select__empty{font-size:var(--font-sm);color:var(--text-muted);text-align:center;padding:14px 12px}app-select .app-select__loading{font-size:var(--font-sm);color:var(--text-secondary);text-align:center;padding:12px;font-weight:600}