.multi-select-wrapper {
            position: relative;
            /* max-width: 500px; */
        }
        
        .multi-select-container {
            border: 1px solid #dee2e6;
            border-radius: 0.375rem;
            background-color: #fff;
            padding: 0.375rem;
            min-height: 50px;
            cursor: text;
            display: flex;
            flex-wrap: wrap;
            gap: 0.25rem;
            align-items: center;
        }
        
        .multi-select-container:focus-within {
            border-color: #86b7fe;
            box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
        }
        
        .selected-tag {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            background-color: #0d6efd;
            color: white;
            padding: 0.25rem 0.5rem;
            border-radius: 0.25rem;
            font-size: 0.875rem;
        }
        
        .selected-tag .remove-tag {
            cursor: pointer;
            font-weight: bold;
            margin-left: 0.25rem;
        }
        
        .selected-tag .remove-tag:hover {
            color: #ffdddd;
        }
        
        .multi-select-input {
            border: none;
            outline: none;
            flex: 1;
            min-width: 150px;
            padding: 0.25rem;
        }
        
        .multi-select-dropdown {
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            margin-top: 0.25rem;
            border: 1px solid #dee2e6;
            border-radius: 0.375rem;
            background-color: #fff;
            box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
            max-height: 300px;
            overflow-y: auto;
            z-index: 1000;
            display: none;
        }
        
        .multi-select-dropdown.show {
            display: block;
        }
        
        .multi-select-option {
            padding: 0.75rem;
            cursor: pointer;
            border-bottom: 1px solid #f8f9fa;
        }
        
        .multi-select-option:last-child {
            border-bottom: none;
        }
        
        .multi-select-option:hover {
            background-color: #f8f9fa;
        }
        
        .multi-select-option.loading {
            text-align: center;
            color: #6c757d;
            cursor: default;
        }
        
        .multi-select-option.no-results {
            text-align: center;
            color: #6c757d;
            cursor: default;
        }
        
        .option-title {
            color: black;
            font-weight: 500;
            margin-bottom: 0.25rem;
        }
        
        .option-subtitle {
            font-size: 0.875rem;
            color: #6c757d;
        }