.autocomplete-container{position:relative;width:100%}.search-icon{position:absolute;left:12px;top:55%;transform:translateY(-50%);color:var(--as-text-secondary,var(--text-lighter));z-index:1}.search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border-radius:var(--as-radius,var(--border-radius,.375rem));font-size:16px;outline:none;transition:border-color .2s ease;background-color:var(--as-panel,white);border:1px solid var(--as-foreground,var(--primary-color,#3b82f6));box-shadow:none;height:3.5rem;display:flex;align-items:center;line-height:1.5;color:var(--as-foreground,var(--text-primary));font-weight:600}.search-input::placeholder{color:var(--as-text-secondary,var(--text-lighter))}.search-input:focus{border-color:var(--as-blue,var(--primary-color,#3b82f6));box-shadow:0 0 0 2px color-mix(in srgb,var(--as-blue,#3b82f6) 16%,transparent)}.autocomplete-dropdown{position:absolute;left:0;right:0;background-color:var(--as-panel,white);border:1px solid var(--as-foreground,var(--border-color,#e2e8f0));border-radius:var(--as-radius,var(--border-radius,.375rem));max-height:250px;overflow-y:auto;z-index:1000}.dropdown-top{bottom:100%;margin-bottom:8px;top:auto;box-shadow:0 -4px 0 var(--as-line-subtle,rgba(0,0,0,.1))}.dropdown-bottom{top:100%;margin-top:8px;bottom:auto;box-shadow:0 4px 0 var(--as-line-subtle,rgba(0,0,0,.1))}.autocomplete-item{padding:.75rem 1rem;cursor:pointer;transition:background-color .2s ease}.autocomplete-item.active,.autocomplete-item:hover{background-color:var(--as-surface,var(--bg-light,#f9fafb))}.autocomplete-item:not(:last-child){border-bottom:1px solid var(--as-line-subtle,var(--border-color,#e2e8f0))}.result-main{color:var(--as-foreground,inherit);font-weight:700}.result-secondary{font-size:.85em;color:var(--as-text-secondary,var(--text-light,#64748b));margin-top:2px}