html[data-theme=light] .sf-wrap{--sf-trigger-bg:#f0f5fb;--sf-trigger-border:#dce8f5;--sf-trigger-hover-bg:#e0ebf8;--sf-trigger-open-bg:#fff;--sf-active-bg:#eef3f9;--sf-active-color:#1e3a5f;--sf-label-color:#64748b;--sf-chevron-color:#94a3b8;--sf-dropdown-bg:#fff;--sf-option-hover-bg:#f0f5fb;--sf-option-sel-bg:#eef3f9;--sf-glow:rgba(30,58,95,.08);--sf-border-focus:#93c5fd;--sf-clear-bg:#cbd5e1}html[data-theme=dark] .sf-wrap{--sf-trigger-bg:var(--bg-card);--sf-trigger-border:var(--border-color);--sf-trigger-hover-bg:var(--bg-card-hover);--sf-trigger-open-bg:var(--bg-card);--sf-active-bg:var(--info-bg);--sf-active-color:var(--primary);--sf-label-color:var(--text-secondary);--sf-chevron-color:var(--text-muted);--sf-dropdown-bg:var(--bg-surface);--sf-option-hover-bg:var(--bg-card-hover);--sf-option-sel-bg:var(--info-bg);--sf-glow:var(--primary-glow);--sf-border-focus:var(--primary-light);--sf-clear-bg:var(--text-muted)}.sf-wrap{position:relative;min-width:0}.sf-trigger{display:flex;align-items:center;gap:6px;width:100%;height:38px;padding:0 12px;background:var(--sf-trigger-bg);border:1px solid var(--sf-trigger-border);border-radius:10px;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;font-family:inherit;text-align:left;outline:none;min-width:0}.sf-trigger:hover:not(:disabled){border-color:var(--sf-border-focus);background:var(--sf-trigger-hover-bg)}.sf-wrap.is-disabled{opacity:.45;pointer-events:none}.sf-trigger:focus-visible{border-color:var(--sf-border-focus);box-shadow:0 0 0 3px var(--sf-glow)}.sf-wrap.is-open .sf-trigger{border-color:var(--sf-border-focus);background:var(--sf-trigger-open-bg);box-shadow:0 0 0 3px var(--sf-glow)}.sf-wrap.is-active .sf-trigger{border-color:var(--sf-active-color);background:var(--sf-active-bg)}.sf-wrap.is-active.is-open .sf-trigger{background:var(--sf-trigger-open-bg)}.sf-label{flex:1 1;font-size:.875rem;font-weight:500;color:var(--sf-label-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;line-height:1.4}.sf-wrap.is-active .sf-label{color:var(--sf-active-color);font-weight:600}.sf-icons{gap:2px}.sf-clear,.sf-icons{display:flex;align-items:center;flex-shrink:0}.sf-clear{width:20px;height:20px;border-radius:50%;background:var(--sf-clear-bg);border:none;color:#fff;justify-content:center;cursor:pointer;padding:0;transition:background .15s ease}.sf-clear:hover{background:var(--danger)}.sf-chevron{color:var(--sf-chevron-color);display:flex;align-items:center;transition:transform .2s ease,color .2s ease;flex-shrink:0}.sf-wrap.is-active .sf-chevron{color:var(--sf-active-color)}.sf-wrap.is-open .sf-chevron{transform:rotate(180deg);color:var(--sf-active-color)}.sf-wrap--white .sf-trigger{background:var(--sf-trigger-open-bg)}.sf-wrap--white .sf-trigger:hover:not(:disabled){background:var(--sf-trigger-hover-bg)}.sf-wrap.sf-wrap--white.is-active .sf-trigger,.sf-wrap.sf-wrap--white.is-active.is-open .sf-trigger{background:var(--sf-trigger-open-bg);border-color:var(--sf-trigger-border)}.sf-wrap.sf-wrap--white.is-open .sf-trigger{border-color:var(--sf-border-focus);box-shadow:0 0 0 3px var(--sf-glow)}.sf-dropdown{background:var(--sf-dropdown-bg);border:1.5px solid var(--sf-trigger-border);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.24),0 2px 8px rgba(0,0,0,.12);z-index:200;overflow-y:auto;animation:sfDropIn .15s ease;overscroll-behavior:contain}@keyframes sfDropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sf-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;font-size:.875rem;font-weight:500;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;text-align:left;font-family:inherit;gap:10px;transition:background .1s ease,color .1s ease;white-space:nowrap}.sf-option:hover{background:var(--sf-option-hover-bg);color:var(--sf-active-color)}.sf-option.is-selected{background:var(--sf-option-sel-bg);color:var(--sf-active-color);font-weight:600}.sf-option-label{flex:1 1;text-align:left}.sf-option-check{flex-shrink:0;width:18px;height:18px;border-radius:50%;background:var(--sf-active-color);color:#fff;display:flex;align-items:center;justify-content:center}.sf-divider{height:1px;background:var(--sf-trigger-border);margin:0}.sf-search-wrap{padding:8px 10px 6px;border-bottom:1px solid var(--sf-trigger-border);position:-webkit-sticky;position:sticky;top:0;background:var(--sf-dropdown-bg);z-index:1}.sf-search{width:100%;height:32px;padding:0 10px;background:var(--sf-trigger-bg);border:1px solid var(--sf-trigger-border);border-radius:8px;font-size:.8125rem;font-family:inherit;color:var(--text-primary,#1e293b);outline:none;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.sf-search::placeholder{color:var(--sf-chevron-color)}.sf-search:focus{border-color:var(--sf-border-focus);box-shadow:0 0 0 3px var(--sf-glow)}.sf-options-list{overflow-y:auto;max-height:220px;overscroll-behavior:contain}.sf-no-result{padding:14px;font-size:.8125rem;color:var(--sf-chevron-color);text-align:center}.sf-group-header{padding:12px 14px 6px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}html[data-theme=light] .sf-group-header{color:#000}html[data-theme=dark] .sf-group-header{color:#fff}.sf-group-header:not(:first-child){border-top:1px solid var(--sf-trigger-border);margin-top:6px;padding-top:14px}.sf-option.is-indented{padding-left:26px}