.SmartSearch{position:relative;max-width:500px;width:100%}.SmartSearch-form{width:100%}.SmartSearch-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.SmartSearch-input{width:100%;padding:var(--space-3) var(--space-10) var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);background:var(--color-bg);color:var(--color-text);transition:var(--transition-all)}.SmartSearch-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-10)}.SmartSearch-icon{position:absolute;right:var(--space-4);font-size:var(--font-size-lg);color:var(--color-text-muted);pointer-events:none}.SmartSearch-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);margin-top:var(--space-2);max-height:400px;overflow-y:auto;z-index:1000}.SmartSearch-section{padding:var(--space-4);border-bottom:1px solid var(--color-border)}.SmartSearch-section:last-child{border-bottom:none}.SmartSearch-section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);margin:0 0 var(--space-3) 0;text-transform:uppercase;letter-spacing:.5px}.SmartSearch-suggestions{display:flex;flex-direction:column;gap:var(--space-2)}.SmartSearch-suggestion{padding:var(--space-2) var(--space-3);background:var(--color-bg-soft);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-base);color:var(--color-text);text-align:left;cursor:pointer;transition:var(--transition-all)}.SmartSearch-suggestion:hover{background:var(--color-primary-10);color:var(--color-primary)}.SmartSearch-results{display:flex;flex-direction:column;gap:var(--space-2)}.SmartSearch-result-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--space-1) 0}.SmartSearch-result{display:block;padding:var(--space-3);background:var(--color-bg-soft);border-radius:var(--radius-sm);text-decoration:none;transition:var(--transition-all);color:var(--color-primary);font-weight:var(--font-weight-medium);text-align:center}.SmartSearch-result:hover{background:var(--color-primary-10)}@media (max-width:768px){.SmartSearch{max-width:100%}}